@font-face {
	font-display:swap;
  font-family: 'robotobold';
  src: url('/assets/css/custom/font/Roboto-BoldItalic.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-display:swap;
  font-family: 'robotoMedium';
  src: url('/assets/css/custom/font/Roboto-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}
.orthognathic .h1-title {
    background: #397657;
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 0;
}
.orthognathic .h1-title h1 {
    margin-bottom: 0;
    font-weight: bold !important;
    font-size: 30px;
}
.orthognathic-banner img{width: 100%;vertical-align: middle;}
.orthognathic{background: #f7ede7;}
.orthognathic-target{padding: 40px 35px 0 35px;background: #eff9ed;}
.orthognathic-h2{color: #397657;font-size: 26px;font-weight: bold;padding: 0;margin: 0;text-align: center;padding-bottom:30px;}
.orthognathic-h2 span{display: block;color: #397657;font-size: 26px;font-weight: bold;}
.orthognathic-target-ul{font-size: 0;}
.orthognathic-target-ul li{display: inline-block;vertical-align: top;padding: 0 15px;box-sizing: border-box;width: 33.33%;margin-bottom: 30px;}
.orthognathic-target-li{background: #fff;border-radius: 10px;overflow: hidden;}
.orthognathic-target-li img{width: 100%;vertical-align: middle;}
.orthognathic-h3{color: #555;font-size: 18px;font-weight: bold;text-align: center;padding: 0;margin: 0;padding-bottom: 10px;line-height: 1.3;}
.orthognathic-target-text{color: #939393;font-size: 16px;line-height: 23px;text-align: center;min-height: 50px;}
.orthognathic-target-bottom{padding: 15px 25px;}
.orthognathic-introduce{background: url(/assets/images/service/orthognathic/introduction-pc.webp) no-repeat center;background-size: cover;padding:120px 50px;}
.orthognathic-introduce .orthognathic-h2{text-align: left;}
.orthognathic-introduce-left{width: 42%;}
.orthognathic-introduce-right{width: 52%;margin-top: 80px;}
.orthognathic-text,.orthognathic-text p{color: #939393;font-size: 16px;line-height:26px;}
.orthognathic-text strong{font-size: 18px;color: #397657;}
.orthognathic-introduce-right img{width: 100%;vertical-align: middle;}
.orthognathic-kind{padding: 30px 60px 0 60px;background:#f7fff5}
.orthognathic-kind-title{text-align: center;}
.orthognathic-kind-title span{display: inline-block;width: ;color: #397657;font-size: 16px;width: 860px;max-width: 100%;padding: 10px 10px;border-radius: 5px;background: #e6f1e3;margin-bottom: 30px;line-height: 22px;}
.orthognathic-kind-ul{font-size: 0;}
.orthognathic-kind-ul li{display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 10px;margin-bottom: 30px;width: 25%;}
.orthognathic-kind-li img{width: 100%;vertical-align: middle;}
.orthognathic-kind-bottom{padding: 15px 0;}
.orthognathic-kind-text{color: #939393;font-size: 16px;line-height: 25px;text-align: center;}
.orthognathic-flow{background: #eff9ed;padding: 50px 22px;}
.orthognathic-flow .orthognathic-h3 span{display: block;}
.orthognathic-flow-ul{font-size: 0;margin-top: 50px;}
.orthognathic-flow-ul li{display: inline-block;vertical-align: top;width: 25%;box-sizing: border-box;padding: 0 8px;}
.orthognathic-flow-li{background: #fff;border-radius: 10px;text-align: center;position: relative;padding-bottom: 15px;position: relative;}
.orthognathic-flow-li img{width: 100%;vertical-align: middle;margin-bottom: 15px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.orthognathic-flow-text{color: #939393;font-size: 16px;line-height: 23px;min-height: 75px;margin-left: 15px;margin-right: 15px;}
.orthognathic-flow-icon{display: block;width: 40px;height: 40px;line-height: 40px;position: absolute;left:50%;margin-left: -20px;top: -50px;background: #fff;border-radius: 50%;color: #397657;font-size: 30px;font-family: 'robotoMedium';}
.orthognathic-video{padding: 40px 80px 0 80px;background:#f7fff5}
.orthognathic .youtube-player{overflow: hidden;margin-bottom:10px;}
.orthognathic-video-group{padding-bottom: 40px;text-align: center;}
.orthognathic-video-group h3,.orthognathic-video-group h4{padding: 15px 10px;margin: 0;display: block;background: #e6f1e3;border-radius: 10px;color: #555;font-size: 18px;font-weight: bold;}
.orthognathic-faq{background: #eff9ed;padding: 40px 60px;}
.orthognathic-faq-main{background: #F7F7F7;border-radius: 20px;padding: 0 25px;}
.orthognathic-faq-main ul li{padding: 25px 0;border-bottom: 1.5px dotted #397657;}
.orthognathic-faq-title{color: #555;font-size: 20px;font-weight: bold;}
.orthognathic-faq-title span{color: #555;font-size: 26px;font-family: 'robotoMedium';}
.orthognathic-faq-text,.orthognathic-faq-text p{color: #939393;font-size: 16px;line-height: 28px;}
.orthognathic-faq-main ul li:last-child{border-bottom: none;}
.orthognathic-faq-text strong{color: #2E93B4;}
.orthognathic-hint{padding: 40px 30px 0 30px;background:#f7fff5}
.orthognathic-hint-group{padding-bottom: 30px;}
.orthognathic-hint-bottom{background: #fff;border-radius: 20px;padding: 0 40px;}
.orthognathic-hint-item{padding: 20px 0px;border-bottom: 1.5px dotted #397657;line-height: 28px;}
.orthognathic-hint-group .orthognathic-hint-item:last-child{border-bottom: none;}
.orthognathic-hint-item p{color: #939393;font-size: 16px;line-height: 28px;}
.orthognathic-hint-bottom ul{padding-left: 20px;}
.orthognathic-hint-bottom li{color: #939393;font-size: 16px;list-style-type: decimal;line-height: 28px;}
.orthognathic-hint-bottom  li::marker {color: #397657;}
.orthognathic-faq .orthognathic-video-group{margin-top: 30px;padding-bottom: 0;padding: 0 80px;}
.orthognathic-video-group h4{font-size: 18px;margin-bottom: 10px;}
.orthognathic-hint .orthognathic-h2 span{display: inline!important;color: #f1ae18!important;}
.orthognathic-hint-item .orthognathic-h3{font-size: 18px;text-align: left;}
.orthognathic-h4{color: #397657;font-size: 17px;font-weight: bold;line-height: 35px;}
@media (max-width: 1079px) {
	.orthognathic-h2,.orthognathic-h2 span{font-size: 19px;}
	.orthognathic-h2{padding-bottom: 15px;line-height: 1.3;}
	.orthognathic-h3{font-size: 17px;}
	.orthognathic-target .orthognathic-h3 span{display: block;}
	.orthognathic-target{padding: 15px 15px;}
	.orthognathic-target-ul li{padding: 0 5px;margin-bottom: 10px;}
	.orthognathic-target-text{font-size: 15px;line-height: 22px;min-height: 66px;}
	.orthognathic-text, .orthognathic-text p{font-size: 15px;line-height: 25px;}
	.orthognathic-text strong{font-size: 14px;}
	.orthognathic-text p{margin-bottom: 20px;}
	.orthognathic-kind{padding: 20px 25px 0 25px;}
	.orthognathic-kind-title span{font-size: 15px;}
	.orthognathic-introduce{padding: 50px;}
	.orthognathic-kind-text{font-size: 15px;line-height: 20px;}
	.orthognathic-flow{padding: 20px 15px;}
	.orthognathic-flow-ul{margin-top: 35px;}
	.orthognathic-flow-text{font-size: 15px;line-height: 22px;min-height: 88px;}
	.orthognathic-video{padding: 15px 10px 0 10px;}
	.orthognathic-video-group h3{font-size: 17px;}
	.orthognathic-video-group{padding-bottom: 15px;}
	.orthognathic-faq-title{font-size: 17px;}
	.orthognathic-faq-title span{font-size: 20px;}
	.orthognathic-faq-text, .orthognathic-faq-text p{font-size: 15px;line-height: 23px;}
	.orthognathic-hint-bottom li{font-size: 14px;line-height: 22px;}
	.orthognathic-flow-icon{font-size: 22px;width: 30px;height: 30px;line-height: 30px;margin-left: -15px;top: -40px;}
	.orthognathic-flow .orthognathic-h3{font-size: 17px;}
	.orthognathic-faq{padding: 20px 15px;}
	.orthognathic-video-group h4{font-size: 16px;}
	.orthognathic-hint{padding: 20px 15px 0 15px;}
	.orthognathic-hint-item .orthognathic-h3{font-size: 17px;padding-bottom: 5px;}
	.orthognathic-hint-item p,.orthognathic-hint-bottom li{font-size: 15px;line-height: 23px;}
	.orthognathic-h4{font-size: 16px;line-height: 23px;padding: 5px 0;}
	.orthognathic-hint-item{line-height: 20px;}
	.orthognathic-hint-bottom ul{padding-left: 15px;}
}
@media (max-width: 767px) {
	.orthognathic .h1-title h1{font-size:20px!important;padding: 5px 0!important;;}
	.orthognathic .h1-title{padding:0}
	.orthognathic-target-ul li{width: 50%;}
	.orthognathic-h3 span{display: block;}
	.orthognathic-flow .orthognathic-h2{margin-bottom: 10px;}
	.orthognathic-target-text{min-height: 70px;}
	.orthognathic-target-bottom{padding: 10px 10px;}
	.orthognathic-introduce-left,.orthognathic-introduce-right{width: 100%;}
	.orthognathic-introduce-right{margin-top: 0;}
	.orthognathic-introduce{padding: 20px 20px 380px 20px;background: url(/assets/images/service/orthognathic/introduction-mobile-new.webp) no-repeat bottom center;background-size: cover;text-align: center;}
	.orthognathic-introduce .orthognathic-h2{text-align: center;}
	.orthognathic-kind-title span{margin-bottom: 10px;}
	.orthognathic-kind-ul li{width: 50%;padding: 0 10px;margin-bottom: 15px;}
	.orthognathic-flow-ul li{width: 50%;padding: 0 4px;margin-bottom: 20px;}
	.orthognathic-flow-ul li:nth-child(1),.orthognathic-flow-ul li:nth-child(2){margin-bottom: 50px;}
	.orthognathic .youtube-player{margin-bottom: 10px;}
	.orthognathic-video-group h3,.orthognathic-video-group h4{display: block;width: 100%;box-sizing: border-box;padding: 7px 9px;line-height: 1.3;}
	.orthognathic-faq{padding:4px 16px;}
	.orthognathic-faq-main{padding: 0 10px;}
	.orthognathic-faq-main ul li{padding: 10px 0;}
	.orthognathic-faq-title{margin-bottom: 5px;}
	.orthognathic-hint-bottom{border: none;padding: 0 10px;}
	.orthognathic-hint-group{padding-bottom: 15px;}
	.orthognathic-faq .orthognathic-video-group{padding: 0;}
	.orthognathic-faq .orthognathic-video-group{margin-top: 15px;}
	.orthognathic-video-group h4{margin-bottom: 5px;}
	.orthognathic-hint-item{padding: 10px 0;}
}