@charset "UTF-8";



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

#signboard{background:url("/base/mtl/cmn/img/treatment/perio/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-perio-intro ===== */

#treatment-perio-intro{}
#treatment-perio-intro .section-base{width:1440px;margin:0px auto;}
#treatment-perio-intro .section-frame{padding:120px 40px;}
#treatment-perio-intro .section-main{}

#treatment-perio-intro-main{}
#treatment-perio-intro-main .item-base{}
#treatment-perio-intro-main .item-frame{}
#treatment-perio-intro-main .item-header{margin-bottom:60px;}
#treatment-perio-intro-main .item-header .ads{font-size:350%;line-height:150%;}
#treatment-perio-intro-main .item-header .ads-sub{margin-top:15px;font-size:200%;line-height:150%;}
#treatment-perio-intro-main .item-main{}
#treatment-perio-intro-main .item-main .headline{margin-bottom:30px;font-size:300%;}
#treatment-perio-intro-main .item-main .list{}
#treatment-perio-intro-main .item-main .list ul{}
#treatment-perio-intro-main .item-main .list li{position:relative;padding:5px 0px 5px 40px;font-size:200%;line-height:150%;}
#treatment-perio-intro-main .item-main .list li::before{
display:block;
content:"●";
color:#5AC5CE;
position:absolute;
top:10px;left:0;
}
#treatment-perio-intro-main .item-footer{margin-top:90px;}
#treatment-perio-intro-main .item-footer .image{}
#treatment-perio-intro-main .item-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-perio-intro .section-base{width:auto;}

#treatment-perio-intro-main .item-header .ads{font-size:300%;}
#treatment-perio-intro-main .item-header .ads-sub{font-size:150%;}
#treatment-perio-intro-main .item-main .headline{font-size:250%;}
#treatment-perio-intro-main .item-main .list li{padding:5px 0px 5px 30px;font-size:150%;}
}
@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-perio-intro .section-frame{padding:90px 40px;}

#treatment-perio-intro-main .item-header .ads{font-size:250%;}
#treatment-perio-intro-main .item-main .headline{font-size:200%;}
#treatment-perio-intro-main .item-main .list li{padding:5px 0px 5px 30px;font-size:125%;}
}
@media screen and (max-width:767px){
#treatment-perio-intro .section-frame{padding:90px 20px;}

#treatment-perio-intro-main .item-header{margin-bottom:45px;}
}
@media screen and (max-width:639px){
#treatment-perio-intro .section-frame{padding:60px 20px;}
#treatment-perio-intro-main .item-footer{margin-top:60px;}

#treatment-perio-intro-main .item-header .ads{font-size:150%;}
#treatment-perio-intro-main .item-header .ads-sub{font-size:125%;}
#treatment-perio-intro-main .item-main .headline{margin-bottom:15px;font-size:150%;}
#treatment-perio-intro-main .item-main .list li{padding:5px 0px 5px 20px;font-size:100%;}
}
@media screen and (max-width:479px){}



/* ===== #treatment-perio-test ===== */

#treatment-perio-test{}
#treatment-perio-test .section-base{width:1440px;margin:0px auto;}
#treatment-perio-test .section-frame{padding:0px 40px;}
#treatment-perio-test .section-main{}

#treatment-perio-test-main{}
#treatment-perio-test-main .item-base{}
#treatment-perio-test-main .item-frame{}
#treatment-perio-test-main .item-main{}
#treatment-perio-test-main .item-main .headline{margin-bottom:5px;font-size:200%;line-height:130%;}
#treatment-perio-test-main .item-main .label{display:inline-block;padding-bottom:10px;border-bottom:1px solid #5AC5CE;font-size:300%;line-height:130%;}
#treatment-perio-test-main .item-main .cnt{margin-top:30px;line-height:150%;}
#treatment-perio-test-main .item-sub{margin-top:60px;}
#treatment-perio-test-main .item-sub .list{}
#treatment-perio-test-main .item-sub .list ul{}
#treatment-perio-test-main .item-sub .list li{padding:15px 0px;}
#treatment-perio-test-main .item-sub .list dl{display:table;}
#treatment-perio-test-main .item-sub .list dt{display:table-cell;vertical-align:middle;width:280px;padding-right:20px;}
#treatment-perio-test-main .item-sub .list dd{display:table-cell;vertical-align:middle;}
#treatment-perio-test-main .item-sub .list .image{}
#treatment-perio-test-main .item-sub .list .image img{width:100%;height:auto;}
#treatment-perio-test-main .item-sub .list .label{color:#2B9098;font-size:200%;line-height:130%;}
#treatment-perio-test-main .item-sub .list .cnt{margin-top:10px;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-perio-test .section-base{width:auto;}

#treatment-perio-test-main .item-main .headline{font-size:150%;}
#treatment-perio-test-main .item-main .label{font-size:250%;}
#treatment-perio-test-main .item-sub .list .label{font-size:150%;}
}
@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-perio-test-main .item-sub{margin-top:45px;}
#treatment-perio-test-main .item-sub .list dt{vertical-align:top;width:30%;}
#treatment-perio-test-main .item-sub .list dd{vertical-align:top;}
}
@media screen and (max-width:767px){
#treatment-perio-test .section-frame{padding:0px 20px;}

#treatment-perio-test-main .item-main .headline{font-size:125%;}
#treatment-perio-test-main .item-main .label{font-size:200%;}
#treatment-perio-test-main .item-sub .list .label{font-size:125%;}
}
@media screen and (max-width:639px){
#treatment-perio-test-main .item-sub .list dl{display:block;}
#treatment-perio-test-main .item-sub .list dt{display:block;width:auto;margin-bottom:15px;padding-right:0px;}
#treatment-perio-test-main .item-sub .list dd{display:block;}

#treatment-perio-test-main .item-main .label{font-size:150%;}
}
@media screen and (max-width:479px){}



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

#treatment-perio-iso{}
#treatment-perio-iso .section-base{position:relative;width:1440px;margin:0px auto;}
#treatment-perio-iso .section-frame{padding:140px 40px;}
#treatment-perio-iso .section-main{}
#treatment-perio-iso .section-footer{}

#treatment-perio-iso .section-image{position:absolute;right:50%;top:90px;}
#treatment-perio-iso .section-image img{width:auto;height:600px;box-shadow:3px 3px 6px 0px rgba(0,0,0,0.2);}

#treatment-perio-iso-main{position:relative;z-index:200;margin-left:55%;}
#treatment-perio-iso-main .item-base{}
#treatment-perio-iso-main .item-frame{}
#treatment-perio-iso-main .item-header{margin-bottom:60px;}
#treatment-perio-iso-main .item-header .label{margin-bottom:5px;font-size:200%;line-height:130%;}
#treatment-perio-iso-main .item-header .ads{display:inline-block;padding-bottom:10px;border-bottom:1px solid #5AC5CE;font-size:300%;line-height:130%;}
#treatment-perio-iso-main .item-header .cnt{margin-top:30px;line-height:150%;}
#treatment-perio-iso-main .item-main{}
#treatment-perio-iso-main .item-main .headline{color:#2B9098;font-size:200%;line-height:130%;}
#treatment-perio-iso-main .item-main .cnt{margin-top:15px;line-height:150%;}
#treatment-perio-iso-main .item-footer{margin-top:60px;}
#treatment-perio-iso-main .item-footer .btn{}


@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-perio-iso .section-base{width:auto;}
#treatment-perio-iso .section-frame{padding:90px 40px;}

#treatment-perio-iso-main .item-header .label{font-size:150%;}
#treatment-perio-iso-main .item-header .ads{font-size:250%;}
#treatment-perio-iso-main .item-main .headline{font-size:150%;}

#treatment-perio-iso .section-image img{width:auto;height:460px;}
}
@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-perio-iso .section-image{position:relative;right:0;top:0;}
#treatment-perio-iso .section-image img{width:100%;height:auto;box-shadow:none;}
#treatment-perio-iso-main{margin-left:0%;}
#treatment-perio-iso .section-footer{margin-top:60px;}

#treatment-perio-iso-main .item-header{margin-bottom:45px;}
#treatment-perio-iso-main .item-footer{margin-top:45px;}
}
@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-perio-iso .section-frame{padding:90px 20px;}

#treatment-perio-iso-main .item-header .label{font-size:125%;}
#treatment-perio-iso-main .item-header .ads{font-size:200%;}
#treatment-perio-iso-main .item-main .headline{font-size:125%;}

#treatment-perio-iso-main .item-header .cnt{margin-top:15px;}
#treatment-perio-iso-main .item-header{margin-bottom:30px;}
#treatment-perio-iso-main .item-footer{margin-top:30px;}
}
@media screen and (max-width:639px){
#treatment-perio-iso .section-frame{padding:60px 20px;}

#treatment-perio-iso-main .item-header .ads{font-size:150%;}
}
@media screen and (max-width:479px){}



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


@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){}