@font-face {
	font-display:swap;
  font-family: 'robotobold';
  src: url('/assets/css/custom/font/Roboto-BoldItalic.ttf');
  font-weight: normal;
  font-style: normal;
}
.top-surgery-banner img{width: 100%;vertical-align: middle;}
.top-surgery{background: #bddeee;}
.top-surgery-target{padding: 40px 35px 0 35px;}
.top-surgery-h2{color: #2B679A;font-size: 26px;font-weight: bold;padding: 0;margin: 0;text-align: center;padding-bottom:40px;}
.top-surgery-target-ul{font-size: 0;}
.top-surgery-target-ul li{display: inline-block;vertical-align: top;padding: 0 15px;box-sizing: border-box;width: 50%;margin-bottom: 40px;}
.top-surgery-target-li{background: #fff;border-radius: 10px;overflow: hidden;}
.top-surgery-target-li img{width: 100%;vertical-align: middle;}
.top-surgery-h3{color: #2B679A;font-size: 22px;font-weight: bold;text-align: center;padding: 0;margin: 0;padding-bottom: 10px;line-height: 1.3;}
.top-surgery-target-text{color: #7D7D7D;font-size: 18px;line-height: 30px;text-align: center;min-height: 220px;}
.top-surgery-target-bottom{padding: 15px 40px;}
.top-surgery-introduce{background: url(/assets/images/service/top-surgery/background-pc.webp) no-repeat center;background-size: cover;padding: 50px;}
.top-surgery-introduce-left{width: 42%;}
.top-surgery-introduce-right{width: 52%;margin-top: 80px;}
.top-surgery-text,.top-surgery-text p{color: #7D7D7D;font-size: 18px;line-height: 35px;}
.top-surgery-text p{margin-bottom: 30px;}
.top-surgery-text strong{font-size: 18px;color: #245680;}
.top-surgery-introduce-right img{width: 100%;vertical-align: middle;}
.top-surgery-feature{padding: 40px 35px 0 35px;}
.top-surgery-feature-ul{font-size: 0;}
.top-surgery-feature-ul li{display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 15px;margin-bottom: 40px;width: 50%;}
.top-surgery-feature-li{border-radius: 10px;overflow: hidden;background: #fff;}
.top-surgery-feature-li img{width: 100%;vertical-align: middle;}
.top-surgery-feature-bottom{padding: 15px 40px;}
.top-surgery-feature-text{color: #7D7D7D;font-size: 18px;line-height: 35px;text-align: center;height: 80px;}
.top-surgery-object{background: #d9f0f9;padding: 50px 45px;}
.top-surgery-object-ul{font-size: 0;}
.top-surgery-object-ul li{display: inline-block;vertical-align: top;width: 25%;box-sizing: border-box;padding: 0 5px;}
.top-surgery-object-li{background: #fff;border-radius: 10px;box-shadow: 0px 0px 10px #2B679A;padding: 15px 20px;text-align: center;position: relative;}
.top-surgery-object-li img{width: 57%;vertical-align: middle;margin-bottom: 10px;}
.top-surgery-object-text{color: #2B679A;font-size: 18px;line-height: 30px;margin-top: 5px;min-height: 70px;}
.top-surgery-object-icon{display: block;background: url(/assets/images/service/top-surgery/check.webp) no-repeat;width: 60px;height: 69px;position: absolute;left: 0;top: -28px;}
.top-surgery-video{padding: 40px 130px 0 130px;}
.top-surgery .youtube-player{border-radius: 20px;overflow: hidden;margin-bottom: 25px;}
.top-surgery-video-group{padding-bottom:2%;text-align: center;}
.top-surgery-video-group h3{padding: 8px 30px;margin: 0;display: inline-block;background: #fff;border-radius: 50px;color: #2B679A;font-size: 22px;font-weight: bold;margin-bottom: 2%;}
.top-surgery-faq{background: #84acd1;padding: 40px 30px;}
.top-surgery-faq .top-surgery-h2{color: #fff;}
.top-surgery-faq-main{background: #fff;border-radius: 20px;padding: 0 25px;}
.top-surgery-faq-main ul li{padding: 25px 0;border-bottom: 1px solid #97c9da;}
.top-surgery-faq-title{color: #2B679A;font-size: 20px;font-weight: bold;}
.top-surgery-faq-title span{color: #2E93B4;font-size: 25px;font-family: 'robotobold';}
.top-surgery-faq-text,.top-surgery-faq-text p{color: #7D7D7D;font-size: 16px;line-height: 30px;}
.top-surgery-faq-main ul li:last-child{border-bottom: none;}
.top-surgery-faq-text strong{color: #2E93B4;}
.top-surgery-hint{padding: 40px 30px 0 30px;}
.top-surgery-hint-group{padding-bottom: 30px;}
.top-surgery-hint-bottom{background: #fff;padding: 20px 20px 20px 56px;border-radius: 20px;}
.top-surgery-hint-bottom li{color: #7D7D7D;font-size: 16px;line-height: 30px;list-style-type: decimal;}
.top-surgery-hint-bottom  li::marker {color: #2E93B4;}
.top-surgery-h2 span{color: #2E93B4;}
@media (max-width: 1199px) {
	.top-surgery-feature-text{min-height: 105px;}
	.top-surgery-target-text{min-height: 385px;}
}
@media (max-width: 1079px) {
	.top-surgery-h2{font-size: 19px;}
	.top-surgery-h3{font-size: 17px;}
	.top-surgery-target-text{font-size: 14px;line-height: 22px;min-height: 160px;}
	.top-surgery-text, .top-surgery-text p{font-size: 14px;line-height: 22px;}
	.top-surgery-text strong{font-size: 14px;}
	.top-surgery-text p{margin-bottom: 20px;}
	.top-surgery-feature-text{font-size: 14px;line-height: 22px;min-height: 50px;}
	.top-surgery-object-text{font-size: 15px;line-height: 22px;min-height: 66px;}
	.top-surgery-video-group h3{font-size: 15px;}
	.top-surgery-faq-title{font-size: 15px;}
	.top-surgery-faq-title span{font-size: 20px;}
	.top-surgery-faq-text, .top-surgery-faq-text p{font-size: 14px;line-height: 22px;}
	.top-surgery-hint-bottom li{font-size: 14px;line-height: 22px;}
	.top-surgery-object-icon{width: 30px;height: 34px;background-size: 100% 100%;top: -17px;}
}
@media (max-width: 767px) {
	.top-surgery-target-ul li{width: 100%;margin-bottom: 20px;padding: 0;}
	.top-surgery-target{padding: 15px 35px;}
	.top-surgery-h2{padding-bottom: 15px;}
	.top-surgery-object .top-surgery-h2{margin-bottom: 10px;}
	.top-surgery-target-bottom{padding: 10px 20px;}
	.top-surgery-introduce-left,.top-surgery-introduce-right{width: 100%;}
	.top-surgery-introduce-right{margin-top: 0;}
	.top-surgery-introduce{padding: 20px 20px 0 20px;background: url(/assets/images/service/top-surgery/background-mobile.webp) no-repeat center;background-size: cover;}
	.top-surgery-feature{padding: 20px 35px 0 35px;}
	.top-surgery-feature-ul li{width: 100%;padding: 0;margin-bottom: 20px;}
	.top-surgery-object{padding: 20px 15px 0 15px;}
	.top-surgery-object-ul li{width: 50%;padding: 0 10px;margin-bottom: 25px;}
	.top-surgery-video{padding: 15px 10px 0 10px;}
	.top-surgery .youtube-player{margin-bottom: 10px;}
	.top-surgery-video-group h3{display: block;width: 100%;box-sizing: border-box;padding: 4px 5px;}
	.top-surgery-video-group{padding-bottom: 25px;}
	.top-surgery-faq{padding: 20px;}
	.top-surgery-faq-main{padding: 0 10px;}
	.top-surgery-faq-main ul li{padding: 10px 0;}
	.top-surgery-faq-title{margin-bottom: 5px;}
	.top-surgery-hint{padding: 20px 15px 0 15px;}
	.top-surgery-hint-bottom{padding: 10px 10px 10px 30px;border: none;}
	.top-surgery-hint-group{padding-bottom: 15px;}
	
}