#oralb .clearfix:after {
content:" ";
display:block;
clear:both;
}


#oralb body {
font-family: '小塚ゴシック Pro','Kozuka Gothic Pro','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
margin:0;
}

#oralb p {margin:0;
word-wrap: break-word;}

#oralb ul {margin:0;
padding:0;}

#oralb dd {margin:0;}

#oralb select {
	-webkit-appearance: button;
appearance: button;
}

#oralb a {text-decoration:none;
color:#000;}

#oralb ul {
margin:0;
padding:0;
list-style:none;
}
#oralb img {
max-width: 100%;
	vertical-align:bottom;
}

#oralb img {
	vertical-align:bottom;
}

@media screen and (min-width:769px){
#oralb {
overflow: hidden;
}
#oralb .wrap {
width: 960px;
margin: 0 auto;
overflow: hidden;
line-height: 1.8rem;
}

#oralb .fv {
background: -moz-linear-gradient(60deg, #0f142b, #0093ff, #0f142b);
background: -webkit-linear-gradient(60deg, #0f142b, #0093ff, #0f142b);
background: linear-gradient(60deg, #0f142b, #0093ff, #0f142b);
}

#oralb .fv img {
display: block;
margin: 0 auto;
}
#oralb .offer {
width: 900px;
padding-top: 50px;
}

#oralb .vector1 {
background: #0057b8;
position: relative;
margin-bottom: calc(10vw + 10px);
height: 120px;
}
#oralb .vector1 img {
position: absolute;
z-index: 1;
margin: auto;
left: 0;
right: 0;
top: 20px;
width: 900px;

}

#oralb .vector1:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 0;
height: 0;
border-width: 10vw 50vw 0 50vw;
border-style: solid;
border-color: #0057b8 transparent transparent transparent;  
}

#oralb .caution {
margin: 20px 0;
line-height: 150%;
font-size: 18px;
}

#oralb .lineup {
margin-top: 40px;
background: #0057b8;
padding: 60px 0px;
}
#oralb .lineup h3 {
text-align: center;
margin-top: 0;
margin-bottom: 50px;
}

#oralb .box {
background: white;
overflow: hidden;
float: left;
width: 420px;
height: 375px;
padding: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
#oralb .box:nth-of-type(2n) {
margin-right:0px;
}
#oralb .box:last-of-type {
background: white;
overflow: hidden;
float:none;
width: 420px;
height: 375px;
padding: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin: 0 auto;
}

#oralb .box .left {
width: 95px;
float: left;
}
#oralb .box .right {
width: 280px;
float: right;
padding: 15px 0px;
}

#oralb .box .left img {
display: block;
margin: 0 auto;
}
#oralb .box .right p {
font-size: 20px;
padding: 10px 0;
}
#oralb .box .right p.pd {
padding: 25px 0;
}

#oralb .box a {
display: block;
color: white;
font-weight: bold;
font-size: 24px;
background: #ff752a;
border-radius: 50px;
text-align: center;
margin-top: 30px;
box-shadow: 0px 0px 5px #8f8f8f;
transition: 0.5s;
padding-top: 4px;
}

#oralb .box a:hover {
box-shadow: none;
opacity: 0.8;
}

#oralb .vector2 {
background: #0057b8;
position: relative;
margin-bottom: calc(290px + 10px);

}

#oralb .vector2 img {
position: absolute;
z-index: 1;
margin: auto;
left: 0;
right: 0;
top: 00px;
width: 900px;

}

#oralb .vector2:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 0;
height: 0;
border-width: 300px 50vw 0 50vw;
border-style: solid;
border-color: #0057b8 transparent transparent transparent;
background: #0c1b42;
}

#oralb .explain {
background:url("../images/bk.png") no-repeat #0c1b42;
background-position: -90% -80px;
padding-top:30px;
padding-bottom: 80px;
}
	#oralb .explain .bk {
		background:url("../images/bk.png") no-repeat;
background-position: 220% 1200px;
	}

#oralb .explain h3 {
text-align: center;
margin-top: 50px;
}
#oralb .explain article {
background: white;
padding: 20px;
overflow: hidden;
margin: 70px 0;
}

#oralb .explain article img {
float: left;
width: 400px;
}

#oralb .explain article dl {
float: right;
width: 490px;
margin: 20px 0;
}
#oralb .explain article:nth-of-type(2) dl {
margin: 40px 0;
}
#oralb .explain article:nth-of-type(3) dl {
margin: 30px 0;
}
#oralb .explain article:nth-of-type(4) dl {
margin: 10px 0;
}

#oralb .explain article dt {
font-size: 36px;
line-height: 48px;
font-weight: bold;
color: #0a2d89;
margin-bottom: 15px;
}
#oralb .explain article dd {
font-size: 18px;
line-height: 180%;

}


#oralb .explain .center {
display: block;
margin: 0 auto;
}

#oralb .explain .caution {
color: white;
font-size: 14px;
line-height: 24px;
margin: 50px 0 80px 0;
}


#oralb .explain .tag {
float: none;
width: auto;
display: block;
margin-bottom: 10px;
}


#oralb .explain .point article {
margin: 30px 0;
}


#oralb .explain .point dt {
color: #0057b8;
border-bottom: 2px solid;
padding-bottom: 10px;
margin-bottom: 10px;
}

#oralb .explain .point .up {
vertical-align: super;
font-size: 16px;
}
#oralb .explain .point dd .up {
vertical-align: super;
font-size: 12px;
}

#oralb .explain .point .caution {
color: black;
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
margin-top: 20px;
}

#oralb .sp {
display: none !important;
}




}







@media screen and (max-width:768px){
#oralb {
overflow: hidden;
}
#oralb .wrap {
width: 96%;
margin: 0 auto;
overflow: hidden;
}

#oralb .fv {
background: -moz-linear-gradient(60deg, #0f142b, #0093ff, #0f142b);
background: -webkit-linear-gradient(60deg, #0f142b, #0093ff, #0f142b);
background: linear-gradient(60deg, #0f142b, #0093ff, #0f142b);
}

#oralb .fv img {
display: block;
margin: 0 auto;
}
#oralb .offer {
width: 96%;
padding-top: 20px;
}

#oralb .vector1 {
background: #0057b8;
position: relative;
margin-bottom: calc(10vw + 10px);
height: 80px;
}
#oralb .vector1 img {
position: absolute;
z-index: 1;
margin: auto;
left: 0;
right: 0;
top: 20px;
width: 90%;

}

#oralb .vector1:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 0;
height: 0;
border-width: 10vw 50vw 0 50vw;
border-style: solid;
border-color: #0057b8 transparent transparent transparent;  
}

#oralb .caution {
margin: 20px 0;
    line-height: 140%;
    font-size: 12px;
}

#oralb .lineup {
margin-top: 30px;
background: #0057b8;
padding: 40px 0px;
}
#oralb .lineup h3 {
    text-align: center;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 30px;
    width: 88%;
}

#oralb .box {
background: white;
    overflow: hidden;
    width: 96%;
    padding: 10px 2%;
    margin-bottom: 20px;
}


#oralb .box .left {
width: 25%;
display: table-cell;
	vertical-align: middle;
}
#oralb .box .right {
width: 70%;
display: table-cell;
padding:2%;
	vertical-align: middle;
}
#oralb .box .right span {
font-size: 14px;
}
#oralb .box .right img:first-of-type {
width: 30px;
height: 30px;
}

#oralb .box .left img {
display: block;
margin: 0 auto;
	max-height: 245px;
}
#oralb .box .right p {
padding: 8px 0;
    line-height: 160%;
}


#oralb .box a {
display: block;
color: white;
font-weight: bold;
font-size: 18px;
background: #ff752a;
border-radius: 50px;
text-align: center;
margin-top: 20px;
padding: 5px 0;
box-shadow: 0px 0px 5px #8f8f8f;
transition: 0.5s;
}

#oralb .box a:hover {
box-shadow: none;
opacity: 0.8;
}

#oralb .vector2 {
background: #0057b8;
position: relative;
margin-bottom: calc(30vw +5vw);

}

#oralb .vector2 img {
position: absolute;
z-index: 1;
margin: auto;
left: 0;
right: 0;
top: 00px;
width: 90%;

}

#oralb .vector2:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 0;
height: 0;
border-width: 35vw 50vw 0 50vw;
border-style: solid;
border-color: #0057b8 transparent transparent transparent;
background: #0c1b42;
}

#oralb .explain {
background: #0c1b42;
    padding-top: 30vw;
    padding-bottom: 10vw;
}

#oralb .explain h3 {
text-align: center;
margin-top: 50px;
margin-bottom: 40px;
}
#oralb .explain article {
background: white;
padding: 4%;
overflow: hidden;
margin: 40px 0;
}

#oralb .explain article img {
}

#oralb .explain article dl {
margin: 10px 0;
}


#oralb .explain article dt {
font-size: 20px;
line-height: 30px;
font-weight: bold;
color: #0a2d89;
margin-bottom: 15px;
}


#oralb .explain article dd {
	font-size: 14px;
line-height: 160%;

}


#oralb .explain .center {
display: block;
margin: 0 auto;
}

#oralb .explain .caution {
color: white;
    font-size: 12px;
    line-height: 24px;
    margin: 30px 0 50px 0;
}


#oralb .explain .tag {
float: none;
width: 70px;
display: block;
margin-bottom: 10px;
}


#oralb .explain .point article {
margin: 20px 0;
}


#oralb .explain .point dt {
color: #0057b8;
border-bottom: 2px solid;
padding-bottom: 10px;
margin-bottom: 10px;
}

#oralb .explain .point .up {
vertical-align: super;
font-size: 14px;
}
#oralb .explain .point dd .up {
vertical-align: super;
font-size: 11px;
}

#oralb .explain .point .caution {
color: black;
font-size: 12px;
line-height: 20px;
margin-bottom: 0;
margin-top: 10px;
}

#oralb .pc {
display: none !important;
}




}