@charset "UTF-8";



/* =====  ===== */

#signboard{background:url("/base/mtl/cmn/img/treatment/whitening/signboard-bg.jpg") no-repeat center center;background-size:cover;}



@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}



/* =====  ===== */

#treatment-whitening-intro{background:url("/base/mtl/cmn/img/treatment/whitening/intro-bg.jpg") no-repeat center center;background-size:cover;}
#treatment-whitening-intro .section-base{width:1440px;margin:0px auto;}
#treatment-whitening-intro .section-frame{padding:180px 40px;}
#treatment-whitening-intro .section-main{}
#treatment-whitening-intro .section-image{display:none;}
#treatment-whitening-intro .section-image img{width:100%;height:auto;}

#treatment-whitening-intro-main{margin-left:30%;}
#treatment-whitening-intro-main .item-base{}
#treatment-whitening-intro-main .item-frame{}
#treatment-whitening-intro-main .item-header{margin-bottom:60px;}
#treatment-whitening-intro-main .item-header .ads{margin-bottom:60px;font-size:350%;line-height:150%;}
#treatment-whitening-intro-main .item-header .ads-sub{color:#2B9098;font-size:250%;line-height:150%;}
#treatment-whitening-intro-main .item-main{}
#treatment-whitening-intro-main .item-main .frame{padding:30px 40px;background:#fff;border:2px solid #5AC5CE;}
#treatment-whitening-intro-main .item-main .headline{margin-bottom:15px;font-size:200%;line-height:150%;}
#treatment-whitening-intro-main .item-main .cnt{font-size:125%;line-height:150%;}


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
#treatment-whitening-intro .section-base{width:auto;}
#treatment-whitening-intro .section-frame{padding:120px 40px;}

#treatment-whitening-intro-main .item-header .ads{font-size:300%;}
#treatment-whitening-intro-main .item-header .ads-sub{font-size:200%;}
#treatment-whitening-intro-main .item-main .headline{font-size:150%;}
#treatment-whitening-intro-main .item-main .cnt{font-size:100%;}

#treatment-whitening-intro-main .item-header .ads{margin-bottom:45px;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){
#treatment-whitening-intro-main .item-header .ads{font-size:250%;}
#treatment-whitening-intro-main .item-header .ads-sub{font-size:150%;}
}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
#treatment-whitening-intro .section-frame{padding:90px 40px;}
#treatment-whitening-intro-main{margin-left:0%;}

#treatment-whitening-intro-main .item-header .ads{font-size:200%;}

#treatment-whitening-intro{background:none;}
#treatment-whitening-intro .section-image{display:block;}
}
@media screen and (max-width:767px){
#treatment-whitening-intro .section-frame{padding:90px 20px;}

#treatment-whitening-intro-main .item-header .ads{font-size:150%;}
#treatment-whitening-intro-main .item-header .ads-sub{font-size:125%;}
#treatment-whitening-intro-main .item-main .headline{font-size:125%;}

#treatment-whitening-intro-main .item-header{margin-bottom:30px;}
#treatment-whitening-intro-main .item-header .ads{margin-bottom:30px;}
#treatment-whitening-intro-main .item-main .frame{padding:20px;}
}
@media screen and (max-width:639px){
#treatment-whitening-intro .section-frame{padding:60px 20px;}
}
@media screen and (max-width:479px){}



/* =====  ===== */

#treatment-whitening-feature{}
#treatment-whitening-feature .section-base{width:1440px;margin:0px auto;}
#treatment-whitening-feature .section-frame{padding:60px 40px 180px 40px;}
#treatment-whitening-feature .section-main{margin-bottom:60px;}
#treatment-whitening-feature .section-footer{}

#treatment-whitening-feature-main{}
#treatment-whitening-feature-main .item-base{}
#treatment-whitening-feature-main .item-frame{}
#treatment-whitening-feature-main .item-main{text-align:center;}
#treatment-whitening-feature-main .item-main .ads{margin-bottom:60px;font-size:300%;line-height:150%;}
#treatment-whitening-feature-main .item-main .ads-sub{margin-bottom:30px;color:#2B9098;font-size:200%;line-height:150%;}
#treatment-whitening-feature-main .item-main .cnt{display:inline-block;font-size:125%;line-height:150%;text-align: left;}

#treatment-whitening-feature .section-footer .image{}
#treatment-whitening-feature .section-footer .image img{width:100%;height:auto;box-shadow:3px 3px 6px 0px rgba(0,0,0,0.2);}

@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
#treatment-whitening-feature .section-base{width:auto;}
#treatment-whitening-feature .section-frame{padding:60px 40px 120px 40px;}

#treatment-whitening-feature-main .item-main .ads{font-size:250%;}
#treatment-whitening-feature-main .item-main .ads-sub{font-size:150%;}
#treatment-whitening-feature-main .item-main .cnt{font-size:100%;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
#treatment-whitening-feature .section-frame{padding:60px 40px 90px 40px;}

#treatment-whitening-feature-main .item-main .ads{font-size:200%;}
}
@media screen and (max-width:767px){
#treatment-whitening-feature .section-frame{padding:60px 20px 90px 20px;}

#treatment-whitening-feature-main .item-main .ads{font-size:150%;}
#treatment-whitening-feature-main .item-main .ads-sub{font-size:125%;}

#treatment-whitening-feature-main .item-main .ads{margin-bottom:30px;}
#treatment-whitening-feature-main .item-main .ads-sub{margin-bottom:15px;}
}
@media screen and (max-width:639px){
#treatment-whitening-feature .section-frame{padding:30px 20px 60px 20px;}
}
@media screen and (max-width:479px){
#treatment-whitening-feature-main .item-main .ads{font-size:125%;}
}



/* =====  ===== */

#treatment-whitening-process{background:#F2FAFA;}
#treatment-whitening-process .section-base{width:1440px;margin:0px auto;}
#treatment-whitening-process .section-frame{padding:90px 40px;}
#treatment-whitening-process .section-header{margin-bottom:60px;text-align:center;}
#treatment-whitening-process .section-main{}

#treatment-whitening-process .section-header .label{font-size:250%;line-height:150%;}

#treatment-whitening-process .treatment-whitening-process-main{}
#treatment-whitening-process .treatment-whitening-process-main:not(:last-child){margin-bottom:90px;}
#treatment-whitening-process .treatment-whitening-process-main .item-base{}
#treatment-whitening-process .treatment-whitening-process-main .item-frame{}
#treatment-whitening-process .treatment-whitening-process-main .item-header{margin-bottom:45px;}
#treatment-whitening-process .treatment-whitening-process-main .item-header .label-sub{margin-bottom:10px;color:#2B9098;font-size:150%;}
#treatment-whitening-process .treatment-whitening-process-main .item-header .label{display:inline-block;padding-bottom:10px;border-bottom:2px solid #5AC5CE;font-size:200%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main{}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part{}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part:not(:last-child){margin-bottom:30px;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-frame{display:table;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-header{display:table-cell;vertical-align:top;padding-right:40px;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-header .num{color:#5AC5CE;font-size:450%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main{display:table-cell;vertical-align:top;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .label{margin-bottom:15px;color:#2B9098;font-size:200%;line-height:150%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .headline{margin-bottom:10px;color:#2B9098;font-size:150%;line-height:150%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .cnt{font-size:125%;line-height:150%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .note{margin-top:15px;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .note ul{}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .note li{padding:3px 0px;line-height:150%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .frame{margin-top:15px;padding:20px 40px;background:#fff;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .frame-label{margin-bottom:10px;font-size:125%;line-height:150%;font-weight:bold;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .frame-cnt{line-height:150%;}


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
#treatment-whitening-process .section-base{width:auto;}

#treatment-whitening-process .section-header .label{font-size:200%;}
#treatment-whitening-process .treatment-whitening-process-main .item-header .label-sub{font-size:125%;}
#treatment-whitening-process .treatment-whitening-process-main .item-header .label{font-size:150%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-header .num{font-size:400%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .label{font-size:150%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .headline{font-size:125%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .cnt{font-size:100%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .frame-label{font-size:100%;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){
#treatment-whitening-process .section-frame{padding:90px 20px;}

#treatment-whitening-process .section-header .label{font-size:150%;}
#treatment-whitening-process .treatment-whitening-process-main .item-header .label-sub{font-size:100%;}
#treatment-whitening-process .treatment-whitening-process-main .item-header .label{font-size:125%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-header .num{font-size:300%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .label{font-size:125%;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .headline{font-size:100%;}

#treatment-whitening-process .treatment-whitening-process-main .item-main .part-header{padding-right:20px;}
#treatment-whitening-process .treatment-whitening-process-main .item-main .part-main .frame{padding:10px;}
}
@media screen and (max-width:639px){
#treatment-whitening-process .section-frame{padding:60px 20px;}

#treatment-whitening-process .treatment-whitening-process-main .item-main .part-header .num{font-size:200%;}
}
@media screen and (max-width:479px){
#treatment-whitening-process .section-header .label{font-size:125%;}
}



/* =====  ===== */


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}