@charset "utf-8";

#int1_top{width: 100%; padding-bottom: 100px;}
#int1_top ul{display: flex; justify-content: space-evenly; text-align: center;}
#int1_top ul .txt{margin-top: 20px; color: #222;}
#int1_top ul .txt h3{font-size: 3.5rem; font-family: 'Montserrat';}
#int1_top ul .txt p{margin-top: 10px;font-size: 2rem;}

@media all and (max-width:980px){
    #int1_top ul img{width: 120px;}
    #int1_top ul .txt h3{font-size: 2.5rem;}
    #int1_top ul .txt p{margin-top: 5px;font-size: 1.8rem;}
}
@media all and (max-width:680px){
    #int1_top ul img{width: 100px;}
}
@media all and (max-width:580px){
    #int1_top ul{justify-content: space-between;}
    #int1_top ul img{width: 19vw;}
    #int1_top ul .txt{margin-top: 10px;}
    #int1_top ul .txt h3{font-size: 1.8rem;}
    #int1_top ul .txt p{font-size: 1.5rem;}
}


.bg{background: #60bfd610; padding-bottom: 180px;}
#philo ul {display:flex; margin:7em 0; align-items: center;}
#philo ul .txtWrap {width:40%; padding-right:5%}
#philo ul .txtWrap .num {font-size:1.8rem; color:#fff; font-weight:700; font-family:'Montserrat'; background: #60bfd6; display: inline-block; padding: 5px 15px; border-radius: 100px;}
#philo ul .txtWrap h3 {margin:1.5em 0 1em;  font-size:3.6rem; color:#222; font-weight:800}
#philo ul .txtWrap .t1 {width:100%; max-width:500px;  font-size:1.8rem; line-height:1.6em }
#philo ul .imgWrap {width:60%; }
#philo ul .imgWrap img {width:100%}

#philo ul:nth-child(even) { margin: 0}
#philo ul:nth-child(even) .txtWrap {order:2; padding-right:0; padding-left:5%}
#philo ul:nth-child(even) .imgWrap {order:1; }

@media all and (max-width:1280px){
    .bg{padding-bottom: 130px;}
    #philo ul .txtWrap h3 {margin:1em 0 0.5em; }
    .lgb{width: 300px;}
}
@media all and (max-width:976px){
    #philo ul {flex-wrap:wrap}
	#philo ul .txtWrap {width:100%; padding:0; order:2; margin-top:2em }
	#philo ul .txtWrap h3 {margin:0.5em 0 0.3em; }
	#philo ul .txtWrap .t1 {line-height:1.4em }
	#philo ul .imgWrap {width:100%; order:1 }
	#philo ul:nth-child(even) {margin:4em 0}
	#philo ul:nth-child(even) .txtWrap { padding:0}
    .lgb{width: 280px;}
}
@media all and (max-width:680px){
    .bg{padding-bottom: 80px;}
    .lgb{width: 50vw;}
    #philo ul .txtWrap .num {font-size:1.6rem;}
}
@media all and (max-width:480px){
    #philo ul { margin:13vw 0}
	#philo ul .txtWrap h3 {font-size:3rem;}
    .lgb{width: 40vw;}
}


#intro2 .s-inner{display: flex; flex-wrap: wrap; align-items: center; color: #222;}
#intro2 .l_cont{width: 50%;}
#intro2 .l_cont h3{font-size: 3.5rem; margin-bottom: 30px; color: #60bfd6;}
#intro2 .l_cont p{font-size: 1.8rem; line-height: 2.8rem;}
#intro2 .l_cont p + p{margin-top: 20px;}
#intro2 .l_cont .name{margin-top: 30px; display: flex; align-items: center;}
#intro2 .l_cont .name p{font-weight: bold;}
#intro2 .l_cont .name h4{font-size: 2.3rem; margin-left: 15px;}
#intro2 .l_cont .name h3{font-size: 4rem;font-family: 'ROEHOE-CHAN'; font-weight: normal; margin-bottom: 0; margin-left: 25px; color: #222;}
#intro2 .r_cont{width: 50%;}
#intro2 .r_cont img{width: 100%;}

@media all and (max-width:1280px){
    #intro2 .s-inner{align-items: end;}
    #intro2 .l_cont{width: 45%; margin-bottom: 50px;}
    #intro2 .l_cont p br{display: none;}
    #intro2 .r_cont{width: 55%;}
}
@media all and (max-width:976px){
    #intro2 .l_cont{width: 100%;}
    #intro2 .l_cont p br{display: none;}
    #intro2 .r_cont{width: 100%;}
}
@media all and (max-width:480px){
    #intro2 .l_cont h3{font-size: 2.5rem; margin-bottom: 20px;}
    #intro2 .l_cont p{font-size: 1.6rem; line-height: 2.6rem;}
    #intro2 .l_cont .name h4{font-size: 2.1rem; margin-left: 10px;}
    #intro2 .l_cont .name h3{font-size: 3.5rem;margin-left: 20px;}
}


#doctor{width: 100%;}
#doctor ul{display: flex;flex-wrap: wrap; width: 100%; height: 600px;color: #fff;}
#doctor ul li {width: calc(100% / 4); background: #f5f5f5; padding: 50px; display: flex; align-items: end; position: relative; overflow: hidden;}
#doctor ul li::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0; transition: transform 0.3s ease;}
#doctor ul li:nth-child(1)::before {background: url('/images/sub/doctor_img1.png') no-repeat center center;}
#doctor ul li:nth-child(2)::before {background: url('/images/sub/doctor_img2.png') no-repeat center center;}
#doctor ul li:nth-child(3)::before {background: url('/images/sub/doctor_img3.png') no-repeat center center;}
#doctor ul li:nth-child(4)::before {background: url('/images/sub/doctor_img4.png') no-repeat center center;}
#doctor ul li:hover::before {transform: scale(1.07);}
#doctor ul li:after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: all .3s ease-in-out; opacity: 1;}
#doctor ul li .txt{z-index: 10;}
#doctor ul li p.eng{font-family: 'Montserrat'; font-size: 2rem; font-weight: bold; color: #60bfd6;}
#doctor ul li h3{font-size: 3.5rem; margin: 10px 0 20px;}
#doctor ul li h3 span{font-weight: normal;}
#doctor ul li p.ment{font-size: 1.8rem;}
#doctor ul li a{font-size: 1.6rem; font-weight: bold; padding: 10px 20px; border: 1px solid #fff; display: inline-block; margin-top: 20px; border-radius: 100px; color: #fff;}
#doctor ul li a:hover{border: 1px solid #60bfd6; background: #60bfd6;}

@media all and (max-width:1400px){
    #doctor ul li {padding: 40px;}
}
@media all and (max-width:1280px){
    #doctor ul li p.eng{font-size: 1.8rem;}
    #doctor ul li h3{font-size: 2.5rem;}
    #doctor ul li p.ment{font-size: 1.6rem;}
    #doctor ul li p.ment br{display: none;}
}
@media all and (max-width:976px){
    #doctor ul{height: 100%;}
    #doctor ul li {width: calc(100% / 2); height: 500px;}
}
@media all and (max-width:480px){
    #doctor ul li {width: 100%; height: 500px;}
}


.modal {display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1000;}
.modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 20px;border-radius: 5px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);text-align: center; display: flex; align-items: center; width: 60%;}
.close {position: absolute;top: 10px;right: 20px;font-size: 3.5rem;cursor: pointer; font-weight: bold;}

.d_img{max-width: 490px;}
.d_img img{width: 100%;}
.doctor-profile {padding: 20px; margin-left: 30px;}
.profile-header {text-align: left; margin-bottom: 40px;}
.profile-header .specialty {color: #60bfd6; font-size: 2.3rem;font-weight: bold; margin-bottom: 20px;}
.profile-header .doctor-name {font-size: 4rem;font-weight: bold;color: #333; padding-bottom: 40px; position: relative;}
.profile-header .doctor-name::after {position: absolute; content: ''; width: 60px; height: 4px; background: #60bfd6; left: 0;bottom: 0;}
.profile-details {font-size:2rem;text-align: left; color: #222;}
.profile-details li {margin-bottom: 8px;}

@media all and (max-width:1500px){
    .modal-content {width: 80%;}
}
@media all and (max-width:1280px){
    .modal-content {width: 90%;}
    .profile-header {margin-bottom: 30px;}
    .profile-header .specialty {font-size: 1.8rem;}
    .profile-header .doctor-name {font-size: 3.5rem; padding-bottom: 30px;}
    .profile-header .doctor-name::after {width: 50px;}
    .profile-details {font-size:1.6rem;}
}
@media all and (max-width:860px){
    .d_img{display: none;}
    .doctor-profile {margin-left: 0px;}
}


.intro3_bot{width: 100%; background: url('/images/sub/intro3_bot_bg.png') no-repeat center center; text-align: center; padding: 130px 0;}
.intro3_bot h4{font-family: 'Montserrat'; font-size: 2.5rem;color: #60bfd6; text-shadow: 1px 1px 10px #fff;}
.intro3_bot h3{color: #222; font-size: 6rem;font-family: 'InkLipquid'; font-weight: normal; font-style: italic;color: #60bfd6;  text-shadow: 1px 1px 10px #fff; line-height: 6rem;}
.intro3_bot p{color: #222; font-size: 1.8rem;line-height: 2.5rem; margin: 30px 0 100px; position: relative;}
.intro3_bot p::after{position: absolute; width: 1px; height: 50px; background: #60bfd6; content: ''; bottom: -70px; left: 50%; transform: translateX(-50%);}

@media all and (max-width:680px){
    .intro3_bot{padding: 80px 0;}
    .intro3_bot h3{font-size: 5rem; line-height: 5rem;}
    .intro3_bot p{font-size: 1.6rem;line-height: 2.3rem;}
    .intro3_bot img{width: 130px;}
}


p.yh{font-size: 2rem; text-align: center; color: #222; margin: 80px 0 50px; line-height: 3rem;}
span.fwbcc{font-weight: bold; color: #60bfd6;}

@media all and (max-width:680px){
    p.yh{font-size: 1.8rem; margin: 60px 0 50px; line-height: 2.8rem;}
}
@media all and (max-width:480px){
    p.yh{font-size: 1.5rem; margin: 40px 0 30px; line-height: 2.6rem;}
}

.gtis{width: 100%; display: flex;flex-wrap: wrap; text-align: center; justify-content: center;  margin-bottom: 100px;}
.gtis li{width: 18%; border-right: 1px dashed #ddd;}
.gtis li:last-child{border-right: 0;}
.gtis li h3{ font-size: 10rem;color: #60bfd6;}
.gtis li:nth-child(2) h3{color: #7cc5bf;}
.gtis li:nth-child(3) h3{color: #7cb8c5;}
.gtis li:nth-child(4) h3{color: #7ca6c5;}
.gtis li h3 span{ font-size: 5rem;}
.gtis li p{ font-size: 2rem; color: #fff;  margin-top: 30px; background: #60bfd6; padding: 10px 30px; display: inline-block; border-radius: 100px;}
.gtis li:nth-child(2) p{background: #7cc5bf;}
.gtis li:nth-child(3) p{background: #7cb8c5;}
.gtis li:nth-child(4) p{background: #7ca6c5;}

@media all and (max-width:1480px){
    .gtis li{width: 20%;}
    .gtis li h3{ font-size: 9rem;}
    .gtis li h3 span{ font-size: 4rem;}
    .gtis li p{ font-size: 1.8rem;}
}
@media all and (max-width:1280px){
    .gtis li{width: 25%;}
}
@media all and (max-width:976px){
    .gtis li h3{ font-size: 8rem;}
    .gtis li h3 span{ font-size: 3.5rem;}
    .gtis li p{ font-size: 1.6rem; padding: 5px 20px; margin-top: 20px;}
}
@media all and (max-width:767px){
    .gtis li h3{ font-size: 6rem;}
    .gtis li h3 span{ font-size: 2.5rem;}
    .gtis li p{ font-size: 1.6rem; margin-top: 20px;}
    .gtis{margin-bottom: 60px;}
}

@media all and (max-width:580px){
    .gtis li{width: 50%;}
    .gtis li:nth-child(1){border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
    .gtis li:nth-child(2){border-right: 0;border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
    .gtis li:nth-child(3){padding-top: 20px;}
    .gtis li:nth-child(4){padding-top: 20px;}
}



#history_top { color:#fff; width: 100%; line-height: 500px; position: relative; display: table; padding: 0 7%; background:#000 url("/images/sub/intro2_img2_250122.png") no-repeat center; background-size: cover; text-align: center;}
#history_top .tit { display: inline-block; line-height: 1.2em; vertical-align: middle; }
#history_top .tit .en1{font-family: "Montserrat"; font-weight: bold; margin-bottom: 20px; font-size: 3.5rem;}
#history_top .tit .typo1{font-size: 2.5rem; line-height: 4rem;}
#history_top .tit .since { font-size: 5rem; font-weight: 800; font-style: italic; font-family: 'Montserrat'; line-height: 1.0em;  margin-bottom: 0.5em; }

@media all and (max-width:1080px) {
    #history_top { line-height: 1.5em; padding: 7% 5%; }
    #history_top .tit .since { font-size: 4rem; }
    #history_top .tit .typo1{font-size: 2rem; line-height: 3rem;}
}

@media all and (max-width:767px) {
    #history_top { padding: 9% 4%; }
    #history_top .tit .since { font-size: 3.5rem; }
    #history_top .tit .typo1{font-size: 1.8rem; line-height: 2.6rem;}
}

@media all and (max-width:568px) {
}

@media all and (max-width:480px) {
    #history_top .tit .typo1{font-size: 1.5rem; line-height: 2.6rem;}
}


#history { overflow: hidden; position: relative; }
#history::before { content: ''; width:1px; height: 100%; background: #e0e7ed; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative; margin-top: 40px;}
#history li .txt { float: right; width: 50%; padding: 2% 0 2% 60px;}
#history li:nth-child(even) .txt { float: left; text-align: right; padding: 2% 60px 2% 0; }

#history li .txt h4 { color: #53bd9a; font-size: 6.5rem; position: relative; font-weight: 900; line-height: 1.0em; margin-bottom: 0.7em; letter-spacing: 0; }
#history li .txt h4::before { content:''; width: 20px; height: 20px; display: block; position: absolute; left:-60px; top:50%; margin: -10px 0 0 -10px; border-radius: 100%; background: #53bd9a; border: 6px solid #e8f7f2; z-index:2;  }
#history li .txt h4::after { content:''; width: 50px; height: 1px; display: block; background: #e8f7f2; z-index:1; position: absolute; left:-60px; top:50%; margin-top: -0.5px;}
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { left: inherit; right: -60px; }
#history li:nth-child(even) .txt h4::before {margin: -10px -10px 0 0; }
#history li .txt dl {  font-size: 1.8rem; }
#history li .txt dl dt,
#history li .txt dl dd {  display:inline-block; vertical-align:top; margin:0.7em 0; line-height: 1.25em;  }
#history li .txt dl dt { width:140px; color:#212121; font-weight: 700;}
#history li .txt dl dd {width:calc(100% - 140px);  }

#history li:nth-child(even) dt { float: right; text-align: right; }

#history li .txt .sig{margin-bottom: 0.4em; font-size: 3.5rem; font-weight: 500; color: #7bc3ab ;}
#history li .txt .box .tit{display: flex; align-items: flex-start; font-size: 2.2rem; font-weight: 800; color: #212121;}
#history li .txt .box .tit span{ margin-right: 7px; font-size: 3.5rem; color: #7bc3ab;}
#history li .txt .box .desc{padding-left: 26px; margin-top: 8px; line-height: 1.6em; font-size: 1.8rem; font-weight: 500;}

#history li:nth-child(even) .txt .box .tit{justify-content: flex-end;}
#history li .txt .box + .box{margin-top: 20px;}

@media all and (max-width:1080px) {
    #history li .txt h4 {font-size: 4.5rem; margin-bottom: 0.5em;}
    #history li .txt .box .tit{font-size: 2rem;}
    #history li .txt .box .desc{margin-top: 0px; font-size: 1.6rem;}
}

@media all and (max-width:767px) {
#history li .txt { padding: 2% 0 2% 40px; }
#history li:nth-child(even) .txt { padding: 2% 40px 2% 0; }

#history li .txt h4::after { width: 30px; }
#history li .txt h4::before,
#history li .txt h4::after { left: -40px; }
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { right: -40px; }
}

@media all and (max-width:568px) {
#history::before { left: 8px; margin-left:0;}
#history li .txt { width: 100%; padding: 2% 0 2% 40px; }
#history li:nth-child(even) .txt { text-align: left; padding: 2% 0 2% 40px; }
#history li .txt h4 { font-size: 4rem; }
#history li .txt h4::before { width: 16px; height: 16px; margin: -8px 0 0 0; border-width: 5px; }
#history li .txt dl dt { width:120px; }
#history li .txt dl dd {width:calc(100% - 120px);  }
#history li:nth-child(even) .txt h4::before { margin: -8px 0 0 0; }
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { right: inherit; left: -40px; }
#history li:nth-child(even) dt { float: left; text-align: left; }
#history li:nth-child(even) .txt .box .tit{justify-content: flex-start;}
#history li .txt .box .sig{font-size: 2rem;}
#history li .txt .box .tit{font-size: 1.8rem;}
#history li .txt .box .tit span{font-size: 2rem;}
#history li .txt .box .desc{font-size: 1.5rem; padding-left: 20px; margin-top: 4px;;}
}

@media all and (max-width:480px) {
#history li .txt dl dt { width:100px; }
#history li .txt dl dd {width:calc(100% - 100px);  }
}

@media all and (max-width:380px) {
#history li .txt dl dt,
#history li .txt dl dd { width:100%; }
#history li .txt dl dt { margin-bottom:0; }
#history li .txt dl dd { margin: 0.2em 0 0.5em; }
}



.intro5_top h3{font-family: 'Prata'; font-size: 7rem; color: #60bfd6; font-style: italic; position: relative;}
.intro5_top h3::after{position: absolute; content: ''; width: calc(100% - 370px); height: 2px; background: #60bfd6; top: 50%; right: 0;}
.intro5_top p{font-size: 2rem; margin-top: 30px; color: #222;}
#tab{padding-top: 80px;}

.imgCont { position: relative; width: 100%; display: flex; table-layout: fixed; padding-top: 50px; align-items: center; }
.imgCont .img { width: 40%; /*border: 6px solid #fff;*/ }
.imgCont .img img { max-width: 100%; }
.imgCont .cont { padding-left: 7%; }
.imgCont .cont .t1 { font-size: 1.8rem; color:#60bfd6; font-weight: 500; font-family: 'Montserrat'; font-weight: bold; opacity: 0.8; margin-bottom: 10px;}
.imgCont .cont h3 { font-size: 3.6rem;  color:#222; margin-bottom: 0.5em; }
.imgCont .cont .t2 { font-size: 1.8rem; color:#585858; line-height: 1.8em; margin-top: 2em; }

.imgCont.BG { background: #f3f9fb; padding: 20px; }


@media all and (max-width:1280px) {
    #tab{padding-top: 40px;}
    .intro5_top h3{font-size: 6rem;}
    .intro5_top h3::after{width: calc(100% - 300px);}
    .intro5_top p{font-size: 1.8rem; margin-top: 20px;}
    .imgCont {padding-top: 15px; }
    .imgCont .cont .t1 { font-size: 1.6rem;}
    .imgCont .cont h3 { font-size: 3.2rem;}
    .imgCont .cont .t2 { font-size: 1.6rem;}
}

@media all and (max-width:1080px) {
    .imgCont {padding-top: 40px; }
}
@media all and (max-width:976px) {
    .imgCont {flex-wrap: wrap;}
    .imgCont .img { width: 100%; order: 2;}
    .imgCont .img img{ width: 100%; }
    .imgCont .cont { width: 100%; padding-left: 0;margin-bottom: 30px; }
    .imgCont .cont h3 { font-size: 3.2rem; margin-bottom: 0.2em; }
    .imgCont .cont .t2 { margin-top: 1em; }
    .intro5_top h3{font-size: 5rem;}
    .intro5_top h3::after{width: calc(100% - 250px);}
}

@media all and (max-width:767px) {
    .imgCont .cont h3 { font-size: 2.8rem; }
    .imgCont .cont .t2 { font-size: 1.7rem; line-height: 1.5em; }
    
    .imgCont.BG { padding: 15px; }
}

@media all and (max-width:568px) {
    .imgCont {padding-top: 60px; }
    .imgCont, .imgCont > div { display: block; }
    .imgCont .img { width: 100%; }
    .imgCont .cont { padding: 7% 2%; }
    .imgCont .cont h3 { font-size: 2.3rem; }
    .imgCont .cont .t2 { font-size: 1.5rem; line-height: 1.5em; }
    
    .imgCont.BG { background: none; padding:0; }
    .intro5_top h3{font-size: 4rem;}
    .intro5_top h3::after{width: calc(100% - 200px);}
    .intro5_top p{font-size: 1.5rem;}
}


.int-tt{margin-top: 8%; font-size: 3.5rem; color:#222; font-weight: bold;}
.int_wrap{width: 100%; margin-top: 30px;}
.int_wrap .i_item{width: 100%; margin-left: 40px; position: relative;}
.int_wrap .i_item img{width: 100%;}
.int_wrap .i_item .txt{position: absolute; bottom: -69px; width: 100%; font-size: 2.3rem; padding: 20px 20px; font-weight: 800; color: #000; background-color: #ffffff6c;transition:0.5s}
.int_wrap .slick-list{padding:0 25% 0 !important;}
.int_wrap .txt{display:none;transition:0.5s}
.int_wrap .slick-active .txt{display:block; transition:0.5s; bottom: 0px;}

.slick-next3, .slick-prev3{color: #60bfd6; font-size: 20px; position: absolute; top: -50px; right: 1%; width: 60px; text-align: right; height: 20px;}
.slick-prev3{transform: translateX(-100%);text-align: left;}
.slick-prev3::after{content: ''; width: 1px; height: 10px; position: absolute; right: 0; background-color: #c5c0e5; top: 50%;}

@media all and (max-width:1280px) {
    .int-tt{margin-top: 6%;font-size: 2.5rem;}
}
@media all and (max-width:1080px) {
    .int_wrap .i_item{margin-left: 20px;}
    .int-tt{font-size: 2.5rem;}
    .int_wrap .slick-list{padding:0 15% 0 !important;}
}


@media all and (max-width:640px) {
    .int_wrap{margin-top: 15px;}
    .int_wrap .i_item{margin-left: 0px;}
    .int-tt{font-size: 1.8rem;}
    .slick-next3, .slick-prev3{color: #60bfd6; font-size: 16px; width: 35px; height: 15px;}
    .int_wrap .slick-list{padding:0 0 !important;}
    .slick-next3, .slick-prev3{top: -35px;}
}

.go_map{width: 100%; display: flex; text-align: center; justify-content: space-between; margin-bottom: 50px;}
.go_map li{width: 33%; border-radius: 10px; border: 1px solid #ddd;}
.go_map li:nth-child(1){background: #fae100; border: 1px solid #fae100;}
.go_map li:nth-child(1) a{color: #222;}
.go_map li:nth-child(2){background: #06bd34; border: 1px solid #06bd34;}
.go_map li:nth-child(2) a{color: #fff;}
.go_map li a{width: 100%; height: 100%; display: flex;flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; font-size: 2rem; font-weight: bold; color: #222; padding: 20px;}
.go_map li img{width: 50px;}

.b_park{width: 100%; background: #000; margin: 50px 0 0; text-align: center; padding: 50px; color: #fff; background: url('/images/sub/b_park_bg.png') no-repeat center center;}
.b_park img{width: 80px;}
.b_park h3{font-size: 4rem; margin: 20px 0;}
.b_park p{font-size: 1.8rem; margin-bottom: 20px; line-height: 2.5rem;}

@media all and (max-width:980px) {
    .go_map{margin-bottom: 20px;}
    .go_map li{width: 32%;}
    .go_map li a{font-size: 1.8rem; padding: 15px;}
    .go_map li img{width: 40px;}
    
    .b_park{padding: 30px;}
    .b_park img{width: 60px;}
    .b_park h3{font-size: 3.5rem; margin: 20px 0;}
    .b_park p{font-size: 1.6rem;}
}
@media all and (max-width:840px) {
    .go_map li a{padding: 15px 30px;}
}
@media all and (max-width:580px) {
    .go_map li a{font-size: 1.6rem; padding: 15px;}
    .b_park{margin: 30px 0 0;}
    .b_park p br{display: none;}
}

#good1_top{ width: 100%;padding: 150px 0;background: url('/images/sub/good1_top_bg.png') no-repeat center center;background-size: cover;background-attachment: fixed; text-align: center;color: #fff;position: relative; overflow: hidden;background-size: cover;background-attachment: fixed; }
#good1_top.good3{width: 100%;padding: 150px 0;background: url('/images/sub/good3_top_bg.png') no-repeat 60% center;background-size: cover;background-attachment: fixed; text-align: center;color: #fff;position: relative; overflow: hidden;background-size: cover;background-attachment: fixed;}
#good1_top.incisor2{width: 100%;padding: 150px 0;background: url('/images/sub/incisor2_top_bg.jpg') no-repeat 60% center;background-size: cover;background-attachment: fixed; text-align: center;color: #fff;position: relative; overflow: hidden;background-size: cover;background-attachment: fixed;}
#good1_top.incisor7{width: 100%;padding: 150px 0;background: url('/images/sub/incisor7_top_bg.jpg') no-repeat 60% center;background-size: cover;background-attachment: fixed; text-align: center;color: #fff;position: relative; overflow: hidden;background-size: cover;background-attachment: fixed;}
#good1_top.imp1_top{width: 100%;padding: 150px 0;background: url('/images/sub/imp1_top_bg.png') no-repeat 60% center;background-size: cover;background-attachment: fixed; text-align: center;color: #fff;position: relative; overflow: hidden;background-size: cover;background-attachment: fixed;}
#good1_top::after{position: absolute; bottom: 0; font-size: 6.7vw; left: 50%; transform: translateX(-50%); content: 'SMART DENTAL CLINIC'; font-weight: 900; width: 100%; line-height: 3vw; opacity: 0.2;}
#good1_top h3{font-size: 5rem;margin-bottom: 30px; padding-bottom: 30px; position: relative;}
#good1_top h3::after{position: absolute; content: ''; width: 50px; height: 2px; background: #fff; left: 50%; bottom: 0; transform: translateX(-50%);}
#good1_top p{font-size: 1.8rem; line-height: 2.8rem;}

@media all and (max-width:1280px){
    #good1_top{padding: 100px 0 !important;}
    #good1_top h3{font-size: 4rem;}
    #good1_top p{font-size: 1.6rem; line-height: 2.6rem;}
}
@media all and (max-width:780px){
    #good1_top{padding: 80px 0 !important;}
    #good1_top::after{bottom: -115px; font-size: 9.7vw; line-height: 270px;}
}
@media all and (max-width:575px){
    #good1_top{padding: 60px 0 !important;}
    #good1_top::after{line-height: 260px;}
}
@media all and (max-width:480px){
    #good1_top::after{font-size: 6.7vw; bottom: 0; line-height: 3vw;}
    #good1_top h3{font-size: 3.5rem; margin-bottom: 20px; padding-bottom: 20px;}
    #good1_top h3::after{width: 40px; height: 1px;}
    #good1_top p{font-size: 1.4rem; line-height: 2rem;}
}


#good1_why{text-align: center; padding: 150px 0; color: #222;}
#good1_why h3{font-size: 5rem; margin-bottom: 30px;}
#good1_why h3 span{color: #60bfd6;}
#good1_why img{width: 900px; margin: 80px 0;}
.img900{width: 100%; text-align: center;}
.img900 img{width: 900px !important; margin: 80px 0 0;}
#good1_why h4{font-size: 5rem; margin-bottom: 50px; font-weight: normal; position: relative;}
#good1_why h4::after{position: absolute; content: ''; width: 100%; background: url('/images/sub/cry_b.png') no-repeat center center; height: 100%; top:60px;left: 50%; z-index: -1; transform: translateX(-50%);}
#good1_why h4 span{color: #60bfd6; text-emphasis-style: dot; font-weight: bold;}
#good1_why p{line-height: 3rem;font-size: 2rem; border-radius: 20px;}


@media all and (max-width:1280px){
    #good1_why{padding: 100px 0;}
    #good1_why h3{font-size: 4rem;}
    #good1_why p{font-size: 1.6rem; line-height: 2.6rem;}
    #good1_why h4{font-size: 4rem;}
    #good1_why img{margin: 50px 0;}
    .img900 img{margin: 50px 0 0;}
    #good1_why h4::after{background-size: 50%; top: 50px;}
}
@media all and (max-width:1080px){
    #good1_why{padding: 80px 0;}
    #good1_why img{width: 100%;}
    .img900 img{width: 100% !important;}
}
@media all and (max-width:480px){
    #good1_why{padding: 60px 0;}
    #good1_why h3{font-size: 3.5rem;}
    #good1_why p{font-size: 1.4rem; line-height: 2.4rem;}
    #good1_why h4{font-size: 3.5rem;}
    #good1_why h4::after{background-size: 60%; top: 30px;}
    #good1_why img{margin: 0px 0 30px;}
}

#good1_bna{width: 100%; background: #ebf7f3; padding: 150px 0; text-align: center; color: #222;}
#good1_bna h3{font-size: 5rem;margin-bottom: 30px;}
#good1_bna p{font-size: 1.8rem; line-height: 2.5rem;}
#good1_bna ul{display: flex; width: 100%; justify-content: center; gap: 30px; margin-top: 80px;}
#good1_bna ul li .up{position: relative;}
#good1_bna ul li .up p{position: absolute;bottom: 20px; left: 50%;border-radius: 100px; transform: translateX(-50%); background: #60bfd6;padding: 5px 20px; color: #fff; font-weight: bold;}
#good1_bna ul li:nth-child(1){filter: grayscale(0.8);}
#good1_bna ul li:nth-child(2){outline: solid 5px #60bfd6;}


@media all and (max-width:1280px){
    #good1_bna{padding: 100px 0;}
    #good1_bna h3{font-size: 4rem;}
    #good1_bna p{font-size: 1.6rem; line-height: 2.6rem;}
    #good1_bna ul{margin-top: 50px;}
    #good1_bna ul li{width: 50%;}
    #good1_bna ul li img{width: 100%;}
}
@media all and (max-width:1080px){
    #good1_bna{padding: 80px 0;}
    #good1_why img{width: 100%;}
}
@media all and (max-width:580px){
    #good1_bna ul{flex-wrap: wrap;}
    #good1_bna ul li{width: 100%;}
}
@media all and (max-width:480px){
    #good1_bna{padding: 60px 0;}
    #good1_bna h3{font-size: 3.5rem;}
    #good1_bna p{font-size: 1.4rem; line-height: 2.4rem;}
}


#good1_when{padding: 150px 0;}
#good1_when #dlStyle{padding: 0;}
#good1_when #dlStyle h3{font-size: 5rem; color: #222;}
#good1_when .img{width: 100%; text-align: center; margin: 50px 0px;}
#good1_when .img img{max-width: 1280px;}
#good1_when #caseList{margin-top: 100px;}


@media all and (max-width:1480px){
    #good1_when .img img{width: 100%;}
    #good1_when .img{margin: 30px 0px;}
    
}
@media all and (max-width:1280px){
    #good1_when{padding: 100px 0;}
    #good1_when h3{font-size: 4rem;}
    #good1_when p{font-size: 1.6rem; line-height: 2.6rem;}
    #good1_when #caseList{margin-top: 80px;}
}
@media all and (max-width:1080px){
    #good1_when{padding: 80px 0;}
    #good1_when #caseList{margin-top: 60px;}
}
@media all and (max-width:480px){
    #good1_when{padding: 60px 0;}
    #good1_when h3{font-size: 3.5rem;}
    #good1_when p{font-size: 1.4rem; line-height: 2.4rem;}
}


#good2_top{width: 100%; background: url('/images/sub/good2_top_bg.png') no-repeat 30% center; padding: 150px 0; background-size: cover;}
#good2_top.good4{background: url('/images/sub/good4_top_bg.png') no-repeat 30% center; background-size: cover;}
#good2_top.imp2{background: url('/images/sub/imp2_top_bg.png') no-repeat 30% center; background-size: cover;}
#good2_top.imp6{background: url('/images/sub/imp6_top_bg.png') no-repeat 30% center; background-size: cover;}
#good2_top.oneday1{background: url('/images/sub/oneday1_top_bg.webp') no-repeat 30% center; background-size: cover;}
#good2_top .inner{display: flex; justify-content: end; align-items: center;}
#good2_top .txt{width: 50%; color: #fff;}
#good2_top .txt h3{font-size: 5rem;}
#good2_top .txt p.eng{margin: 30px 0 50px; font-family: 'Montserrat'; font-size: 1.8rem; font-weight: bold; opacity: 0.5;}
#good2_top .txt p{font-size: 2rem;}

@media all and (max-width:1280px){
    #good2_top{padding: 100px 0;}
    #good2_top .txt h3{font-size: 4rem;}
    #good2_top .txt p.eng{margin: 20px 0 40px; font-size: 1.6rem;}
    #good2_top .txt p{font-size: 1.8rem;}
}

@media all and (max-width:680px){
    #good2_top{padding: 80px 0; background-position: 5% 0; position: relative;}
    #good2_top.good4{background-position: 15% center;}
    #good2_top.imp2{background-position: 17% center;}
    #good2_top.imp6{background-position: 17% center;}
    #good2_top.oneday1{background-position: 17% center;}
    #good2_top .txt{width: 100%; text-align: center;}
    #good2_top::before{width: 100%;height: 100%; position: absolute; left: 0;top: 0; background: rgba(0, 0, 0, 0.4); content: '';}
}
@media all and (max-width:480px){
    #good2_top .txt h3{font-size: 3.5rem;}
    #good2_top .txt p.eng{margin: 20px 0 30px; font-size: 1.2rem;}
    #good2_top .txt p{font-size: 1.4rem;}
}

.tit{text-align: center; color: #222;}
.tit h3{font-weight: 300; font-size: 5rem; margin-bottom: 50px;}
.tit h3.eng{font-weight: 800; font-size: 10rem;  color: #60bfd6; font-family: 'Paperlogy'; position: relative;}
.tit h3.eng::before{position: absolute;width: 28vw; top: 19px; height: 2px; background: #60bfd6; content: ''; left: -150px;z-index: -1;}
.tit h3.eng::after{position: absolute;width: 26.5vw; bottom: 20px; height: 2px; background: #60bfd6; content: ''; right: -150px; z-index: -1;}
.tit h3.eng span{-webkit-text-stroke: 1.5px #60bfd6;-webkit-text-fill-color: transparent;}
.tit h3 span{font-weight: 800;}
.tit h4{font-size: 2.5rem;}
.tit h4.h4bg{color: #fff; background: #60bfd6; padding: 5px 20px; border-radius: 100px; display: inline-block; margin-bottom: 30px;}
.tit p{font-size: 1.8rem; line-height: 2.5rem;}
.tit p.t1{font-size: 2.3rem; line-height: 3rem;}
.tit p.t2{font-size: 2.8rem; line-height:4rem;}
.tit p span{font-weight: bold; position: relative;}
.tit p span::after{content: ''; width: 101%; height: 60%; background: #60bfd6; opacity: 0.4; position: absolute; top: 50%; left: 50%; transform: translateX(-50%);z-index: -1;}

@media all and (max-width:1850px){
    .tit h3.eng::before{width: 29vw;}
    .tit h3.eng::after{width: 27.5vw;}
}
@media all and (max-width:1600px){
    .tit h3.eng{font-size: 8rem;}
    .tit h3.eng::before{width: 24vw;}
    .tit h3.eng::after{width: 24vw;}
}

@media all and (max-width:1280px){
    .tit h3{font-size: 4rem; margin-bottom: 40px;}
    .tit h4{font-size: 2.2rem;}
    .tit p.t1{font-size: 2rem; line-height: 2.7rem;}
    .tit h3.eng{font-size: 7rem;}
    .tit h3.eng::before{width: 31vw; top: 13px;}
    .tit h3.eng::after{width: 31vw; bottom: 13px;}
}
@media all and (max-width:780px){
    .tit h3.eng{font-size: 5rem;}
    .tit h3.eng::before{width: 38vw; top: 8px;}
    .tit h3.eng::after{width: 38vw; bottom: 9px;}
}
@media all and (max-width:480px){
    .tit h3{font-size: 3.5rem; margin-bottom: 30px;}
    .tit h4{font-size: 1.8rem;}
    .tit h4.h4bg{margin-bottom: 20px;}
    .tit p{font-size: 1.5rem; line-height: 2.2rem;}
    .tit p.t1{font-size: 1.8rem; line-height: 2.4rem;}
    .tit p.t2{font-size: 2.3rem; line-height:3rem;}
    .tit h3.eng{font-size: 4rem;}
    .tit h3.eng::before{width: 175px; top: 1.5vw;}
    .tit h3.eng::after{width: 175px; bottom: 1.8vw;}
}


ul.dsg{width: 100%; display: flex;  justify-content: center; margin-top: 80px; text-align: center; position: relative; gap: 30px;}
ul.dsg::before {content:''; width:70px; height:70px; background:url('/images/main/bfat-arrow.png') no-repeat; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -80%); z-index:3; box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.1); border-radius: 100px;}
ul.dsg h3{background: #777; padding: 20px; color: #fff; font-family: 'Montserrat';}
ul.dsg li:nth-child(2) h3{background: #60bfd6;}
ul.dsg p{padding: 40px 20px; border: 1px solid #777; font-size: 2rem; color: #222; font-weight: 500;}
ul.dsg li:nth-child(2) p{border: 1px solid #60bfd6;}


@media all and (max-width:1280px){
    ul.dsg {margin-top: 50px; gap: 20px;}
    ul.dsg::before {width:50px; height:50px;}
    ul.dsg li{ width: 50%;}
    ul.dsg li img{ width: 100%;}
    ul.dsg p{padding: 30px 10px; font-size: 1.8rem;}
}

@media all and (max-width:680px){
    ul.dsg {flex-wrap: wrap; gap: 80px;}
    ul.dsg li{ width: 100%;}
    ul.dsg::before {transform: rotate(90deg) translate(-50%, 0%); left: 45%;}
}

@media all and (max-width:480px){
    ul.dsg h3{padding: 15px;}
    ul.dsg p{padding: 20px 10px; font-size: 1.6rem;}
}


ul.dsgw3{width: 100%; display: flex;  justify-content: center; margin-top: 80px; text-align: center; position: relative; flex-wrap: wrap;}
ul.dsgw3::before {display: none;}
ul.dsgw3 li{width: calc(100%/3); position: relative;}
ul.dsgw3 li.tit{width: 100%; font-size: 2rem; font-weight: bold; padding: 30px; background: #60bfd6; color: #fff;}
ul.dsgw3 li.tit::before{display: none;}
ul.dsgw3 li::before {content:''; width:70px; height:70px; background:url('/images/main/bfat-arrow.png') no-repeat; background-size:cover; position:absolute; left:93%; top:50%; transform:translatey(-50%); z-index:3; box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.1); border-radius: 100px;}
ul.dsgw3 li:last-child:before {display: none;}
ul.dsgw3 li img{width: 100%;}
ul.dsgw3 h3{background: #777; padding: 20px; color: #fff;border: 1px solid #777;}
ul.dsgw3 li:nth-child(3) h3{background: #3b3b3b;border: 1px solid #3b3b3b;}
ul.dsgw3 li:nth-child(4) h3{border: 1px solid #60bfd6; background: #fff; color: #60bfd6;}

@media all and (max-width:1280px){
    ul.dsgw3 {margin-top: 50px;}
    ul.dsgw3 li.tit{padding: 20px;}
    ul.dsgw3 li::before {width:40px; height:40px;}
    ul.dsgw3 li img{ width: 100%;}
    ul.dsgw3 p{padding: 30px 10px; font-size: 1.8rem;}
}

@media all and (max-width:680px){
    ul.dsgw3 {flex-wrap: wrap;}
    ul.dsgw3 li{ width: 100%;}
    ul.dsgw3 li::before {display: none;}
}

@media all and (max-width:480px){
    ul.dsgw3 h3{padding: 15px;}
    ul.dsgw3 p{padding: 20px 10px; font-size: 1.6rem;}
}




#bl_section{background: #60bfd6; padding: 100px 0; position: relative;}
#bl_section::before{width: 0;height: 0;border-style: solid;border-width: 3rem 3rem 0px 3rem;border-color: #60bfd6 transparent transparent transparent; position: absolute; content: ''; bottom: -2.8rem; left: 50%; transform: translate(-50%);}
#bl_section .tit{color: #fff;}
#bl_section .tit h4{margin-top: 20px; font-size: 2.8rem;}
#bl_section .tit h4 span{ text-emphasis-style: dot;}
#bl_section .tit h4.h4b{font-size: 3.5rem;}
.one_img{width: 100%; text-align: center; margin-top: 50px;}
.one_img img{width: 100%; max-width: 750px;}

@media all and (max-width:820px){
    .one_img{width: 94%; margin: 30px auto 0;}
}
@media all and (max-width:680px){
    #bl_section{padding: 80px 0;}
    #bl_section .tit p br{display: none;}
}
@media all and (max-width:480px){
    #bl_section{padding: 60px 0;}
    #bl_section .tit h4{font-size: 2.4rem;}
    #bl_section .tit h4.h4b{font-size: 3rem;}
}

ul.ytb{width: 100%; display: flex; gap: 50px; margin-top: 80px;}
ul.ytb li{width: 50%; height: 430px;}
ul.ytb li img{width: 100%;}
ul.ytb li video{width: 100%;}

@media all and (max-width:1280px){
    ul.ytb{gap: 30px; margin-top: 50px;}
    ul.ytb li{width: 50%; height: 300px;}
}
@media all and (max-width:680px){
    ul.ytb{flex-wrap: wrap; margin-top: 30px;}
    ul.ytb li{width: 100%; height: 50vw;}
}


ul.bna_c{width: 100%; display: flex; gap: 30px; margin-top: 100px;}
ul.bna_c li{width: calc(100%/3); text-align: center;}
ul.bna_c.w3 {flex-wrap: wrap;}
ul.bna_c.w3 li{width: calc(100%/3 - 20px);}
ul.bna_c.w2 li{width: calc(100%/2); text-align: center;}
ul.bna_c li .txt{background: #60bfd6; color: #fff; margin-bottom: 20px; text-align: center; padding: 20px; font-weight: 500; font-size: 1.8rem;}
ul.bna_c li .txt span{font-size: 1.4rem; margin-top: 5px; display: inline-block; font-weight: normal; font-family: 'Montserrat';}
ul.bna_c li .twentytwenty-wrapper{width: 100%; text-align: center;}
ul.bna_c li .bna_box img{width: 100%;}
ul.bna_c li > p{margin-top: 20px;}

.bna_box img {visibility: hidden; }
.bna_box.ready img {visibility: visible; }

@media all and (max-width:1280px){
    ul.bna_c{flex-wrap: wrap; margin-top: 80px;}
    ul.bna_c li{width: calc(100%/2 - 15px);}
    ul.bna_c.w2 li{width: calc(100%/2 - 15px);}
    ul.bna_c.w3 li{width: calc(100%/2 - 15px);}
}
@media all and (max-width:880px){
    ul.bna_c{margin-top: 50px;}
    ul.bna_c li .txt{font-size: 1.6rem; padding: 15px;}
    ul.bna_c li .txt span{font-size: 1.3rem;}
    ul.bna_c li > p{margin-top: 15px;}
}
@media all and (max-width:680px){
    ul.bna_c li{width: 100%;}
    ul.bna_c.w2 li{width: 100%;}
    ul.bna_c.w3 li{width: 100%;}
}


ul.what{width: 100%; margin-top: 80px; gap: 100px; display: flex; flex-wrap: wrap;}
ul.what > li{width: 100%; display: flex; height: 100%; gap: 30px;}
ul.what > li .txt{width: 30%; border-top: 3px solid #60bfd6;  padding: 30px;}
ul.what > li .txt h3{font-size: 3rem; color: #222;}
ul.what > li .txt p.eng{text-transform: uppercase; font-family: 'Montserrat'; font-weight: bold; color: #60bfd6; opacity: 0.3; margin: 10px 0 20px;}
ul.what > li .txt p{font-size: 1.8rem;}
ul.what > li ul{width:70%; text-align: center; margin-top: 0;}
ul.what > li ul li img{width:100%;}

@media all and (max-width:1280px){
    ul.what{margin-top: 60px; gap: 60px;}
    ul.what > li .txt h3{font-size: 2.5rem;}
    ul.what > li .txt p.eng{font-size: 1.4rem;}
    ul.what > li .txt p{font-size: 1.6rem;}
}
@media all and (max-width:880px){
    ul.what{margin-top: 40px; gap: 40px;}
    ul.what > li{flex-wrap: wrap; gap: 10px;}
    ul.what > li .txt{width: 100%;padding: 20px;}
    ul.what > li ul{width: 100%;}
}


.how{margin-top: 100px;}
.how.flex .s-inner { position: relative; display: flex; align-items: center; }
.petit2 .how .s-inner .s_tit { position: absolute; }
.petit2_2 .how .s-inner .s_tit { position: absolute; }
.how .s-inner img { margin-left: auto; }
br.br480{display: none;}


@media all and (max-width:1600px){
    .how.flex .s-inner .tit { width: 35%; }
	.how.flex .s-inner .tit .pc_br { display: none; }
	.how.flex .s-inner img { max-width: 700px !important;}
}
@media all and (max-width:1200px){
    .how{margin-top: 80px;}
	.how.flex .s-inner .tit { width: 35%; }
	.how.flex .s-inner .tit .pc_br { display: none; }
	.how.flex .s-inner img { max-width: 600px !important;}
}

@media all and (max-width:1050px){
    .how{margin-top: 60px; padding-top: 80px !important;}
    .how .tit{text-align: center !important;}
	.petit2 .how.flex .s-inner .tit { position: relative; }
	.petit2_2 .how .s-inner .tit { position: relative; }
	.how.flex .s-inner .tit { width: 90%; position: relative; text-align: center; margin: 0 auto; }
	.how.flex .s-inner .tit .pc_br { display: none; }
	.how.flex .s-inner img { max-width: 700px !important; margin: 5% auto 0;}
	.how.flex .s-inner { position: relative; display: flex; flex-wrap: wrap; }
}

@media all and (max-width:767px){
    .how{padding-top: 30px !important;}
	.how.flex .s-inner { padding-top: 5%; }
}

@media all and (max-width:580px){
    .how.flex { margin-top: 10%; }
	.how.flex .s-inner .tit { width: 100%; position: relative; text-align: center; margin: 0 auto; }
}
@media all and (max-width:480px){
    .how.flex .s-inner { padding-top: 7%; }
    br.br480{display: block;}
}


#system1 {background:url('/images/sub/system1-bg1.jpg') no-repeat center bottom; background-size:cover}
#system1.sys2 {background:url('/images/sub/system2-bg1.jpg') no-repeat center bottom; background-size:cover}
#system1.sys3 {background:url('/images/sub/system3-bg1.jpg') no-repeat center bottom; background-size:cover}
#system1.sys4 {background:url('/images/sub/system4-bg1.jpg') no-repeat center bottom; background-size:cover}
#system1.sys5 {background:url('/images/sub/system5-bg1.png') no-repeat center bottom; background-size:cover}
#system1 #contWrap {padding:9vw 0; text-align:center; color:#FFF; position:relative}
#system1 #contWrap:before {content:'SMART DENTAL CLINIC';  font-size:3.9vw; font-family:'Montserrat'; font-weight:900; position:absolute; left:50%; transform: translate(-50%); width: 100%; bottom:-25px; 	letter-spacing:0.2em; opacity:.1 }
#system1 #contWrap .eng {font-size:1.6rem; opacity:.3; font-family:'Montserrat'; font-weight:700; text-transform:uppercase;letter-spacing:0.5em; }
#system1 #contWrap h3 {margin:1.3em 0 0.5em; font-size:7.0rem; }
#system1 #contWrap .t1 {font-size:2.4rem; font-weight:600; line-height:1.6em}
#system1 #contWrap .line {width:1px; height:80px; background:#FFF; opacity:.3; margin:30px auto}
#system1 #contWrap h4 {font-size:5.0rem; font-weight:300}
#system1 #contWrap h4 .point {color:#60bfd6; font-weight:700}
@media all and (max-width:1599px){
    #system1 #contWrap h4 {font-size:4.5rem; }
}
@media all and (max-width:1180px){
    #system1 #contWrap .line { height:5vw;}
    #system1 #contWrap h3 {font-size:6.0rem; }
	#system1 #contWrap h4 { width:100%; max-width:810px; margin:0 auto}
}
@media all and (max-width:976px){
	#system1 #contWrap:before { display:none}
	#system1 #contWrap h3 {margin:1.0em 0 0.3em; font-size:5.0rem;}
	#system1 #contWrap .t1 {font-size:2rem;}
	#system1 #contWrap h4 {font-size:3.0rem; max-width:690px; }
}
@media all and (max-width:767px){
	#system1 {background-position: right 30% bottom}
	#system1 #contWrap {padding:15vw 0;}
	#system1 #contWrap .line {margin:20px auto}
}
@media all and (max-width:480px){
	#system1 #contWrap br.br-block {display:none}
		#system1 #contWrap h3 {font-size:3rem;}
	#system1 #contWrap .t1 {font-size:1.6rem;}
	#system1 #contWrap h4 {font-size:2.5rem;  }
}



.equip_list{display: flex; flex-wrap: wrap;}
.equip_list li{width: 31.3%; margin: 1%; padding:1%; text-align: center; border:1px solid #f3f3f3;}
.equip_list li > p{padding: 4px 0; color: #60bfd6; font-size: 22px; font-weight: 700; font-family: 'Montserrat';}
.equip_list li img{width: 100%;}
.equip_list li dl dt{margin: 20px 0 16px; font-size: 30px; font-weight: 700; line-height: 1.1; word-break: keep-all;}
.equip_list li dl dt span{color: #60bfd6; font-size: 0.6em;}
.equip_list li dl dd{padding-bottom: 5%; color: #777; line-height: 1.5;}
@media all and (max-width:976px){
    .equip_list{justify-content: center;}
    .equip_list li{width: 45%;}
}
@media all and (max-width:640px){
    .equip_list li{width: 100%;}

}


.systemList { position: relative;}
.systemCont { display: flex; align-items: center;  flex-wrap: wrap; gap: 5%; counter-increment: number;  }
.systemCont .img { width: 50%; }
.systemCont .img img { max-width: 100%; }
.systemCont .cont { width: 45%; }
.systemCont .cont dl { width: 700px; max-width: 90%; }
.systemCont .cont dl .fs-s { font-size: 0.85em; }
.systemCont .cont dl dt { font-size: 4rem; color:#4b4b4b; margin-bottom: 1.5em; display: flex; align-items: flex-end; gap: 1em; }
.systemCont .cont dl dt::before { content: counter(number, decimal-leading-zero); font-size: 6rem; font-weight: 900; color:#60bfd690; font-family: 'Montserrat'; line-height: 1.0em; border-bottom: 3px solid #60bfd690; }
.systemCont .cont dl dd { font-size: 2rem;  line-height: 1.8em; }

.systemList .systemCont > div { direction: ltr; }
.systemList .systemCont:nth-child(even) { direction: rtl; }
.systemList .systemCont:nth-child(even) .cont { display: flex; justify-content: flex-end; }



@media all and (max-width:1580px){
	.systemCont .cont dl dt { font-size: 3.6rem; margin-bottom: 1em; }
	.systemCont .cont dl dt::before { font-size: 5rem; }
	.systemCont .cont dl dd { font-size: 1.7rem; }
	.systemCont .cont dl dd br { display: none; }
}

@media all and (max-width:1380px){
	.systemCont .cont dl dt { font-size: 3.2rem; line-height: 1.1em; }
	.systemCont .cont dl dt::before { font-size: 4rem; }
	.systemCont .cont dl dd { font-size: 1.6rem; line-height: 1.6em; }
}

@media all and (max-width:976px){
	.systemList { margin-top:0; }
	.systemCont .img { width: 100%; }
	.systemCont .cont { width: 100%; padding: 7% 7% 9%;  }
	.systemCont .cont dl { width: 100%; max-width: 100%; }
	.systemList .systemCont:nth-child(even) { direction: ltr; }
	.systemList .systemCont:nth-child(even) .cont { justify-content: flex-start; }
}



.clinic_faq{}
.clinic_faq .inner{}
.clinic_faq .inner .s_txt{text-align: center;}
.clinic_faq .inner .dl_box{margin-top: 60px; border-top: 2px solid #60bfd6;}
.clinic_faq .inner .dl_box dl{ display: flex; flex-direction: column;}
.clinic_faq .inner .dl_box dl dt{font-size: 24px; font-weight: 700; position: relative; padding: 30px 0; padding-left: 80px; color: #222; border-bottom: 1px solid #dedede; cursor: pointer;}
.clinic_faq .inner .dl_box dl dt.on{color: #fff; background: #60bfd6;}
.clinic_faq .inner .dl_box dl dt::before{content: 'Q'; position: absolute; left: 20px; color: #999; top: 50%; transform: translateY(-50%); font-size: 1.2em;}
.clinic_faq .inner .dl_box dl dt::after{content: '↓'; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; font-family: 'SUIT', sans-serif;}
.clinic_faq .inner .dl_box dl dt.on::before{color: #fff;}
.clinic_faq .inner .dl_box dl dt.on::after{content: '↑'; color: #fff;}
.clinic_faq .inner .dl_box dl dd{font-size: 20px; word-break: keep-all; line-height: 1.6em; border-bottom: 1px solid #dedede; height: 0; opacity: 0; visibility: hidden; transition: .4s; padding: 0; background: #fff;}
.clinic_faq .inner .dl_box dl dt.on + dd{height: auto; opacity: 1; visibility: visible; padding: 30px 80px;}



@media all and (max-width:1280px){
    .clinic_faq .inner .dl_box dl dt{font-size: 20px; padding: 25px 0; padding-left: 60px;}
    .clinic_faq .inner .dl_box dl dd{font-size: 16px; line-height: 1.5em;}
    .clinic_faq .inner .dl_box dl dt.on + dd{padding: 20px 60px;}
}
@media all and (max-width:840px){
    .clinic_faq .inner .dl_box dl dt{font-size: 18px; padding: 20px 0; padding-left: 50px;}
    .clinic_faq .inner .dl_box dl dt.on + dd{padding: 20px 50px;}
}
@media all and (max-width:680px){
    .clinic_faq .inner .dl_box{margin-top: 30px;}
    .clinic_faq .inner .dl_box dl dt{font-size: 16px; padding: 15px 40px;}
    .clinic_faq .inner .dl_box dl dd{font-size: 14px; line-height: 1.4em;}
    .clinic_faq .inner .dl_box dl dt::before{left: 15px; font-size: 1.1em;}
}
@media all and (max-width:480px){
}


.dnc{display: flex; justify-content: space-between; margin-top: 100px;}
.donut-chart {position: relative;width: 200px;height: 200px;border-radius: 50%;background: conic-gradient(#60bfd6 0% calc(35%), #efefef calc(35%) 100%);display: flex;align-items: center;justify-content: center;}
.donut-chart1 {background: conic-gradient(#60bfd6 0% calc(25%), #efefef calc(25%) 100%);}
.donut-chart2 {background: conic-gradient(#60bfd6 0% calc(8%), #efefef calc(8%) 100%);}
.donut-chart3 {background: conic-gradient(#60bfd6 0% calc(50%), #efefef calc(50%) 100%);}
.donut-chart4 {background: conic-gradient(#60bfd6 0% calc(98%), #efefef calc(98%) 100%);}
.donut-chart::before {content: '';position: absolute;width: 130px;height: 130px;background: #fff;border-radius: 50%;}
.donut-chart span {position: absolute;font-size: 1.5em;font-weight: bold;color: #60bfd6;}
.dnc p {text-align: center; margin-top: 25px;font-size: 2.2rem; font-weight: bold; color: #000;}

@media (max-width: 1280px) {
    .donut-chart {width: 17vw;height: 17vw;}
    .donut-chart::before {width: 11vw;height: 11vw;}
    .donut-chart span {font-size: 1.3em;}
    .dnc p {font-size: 2rem;}
}
@media (max-width: 967px) {
    .dnc{margin-top: 70px; flex-wrap: wrap; justify-content: space-evenly; gap: 50px 0;}
    .donut-chart {width: 24vw;height: 24vw;}
    .donut-chart::before {width: 16vw;height: 16vw;}
    }
@media (max-width: 640px) {
    .dnc{margin-top: 50px;gap: 40px 0;}
    .donut-chart {width:37vw;height: 37vw;}
    .donut-chart::before {width: 27vw;height: 27vw;}
    }



.info_proc{display: flex; justify-content: center; margin: 50px auto 0; flex-wrap: wrap; gap: 50px 0; width: 95%;}
.info_proc li{width: calc(100%/5); position: relative; text-align: center;}
.info_proc.w4 li{width: calc(100%/4); position: relative; text-align: center;}
.info_proc li+li:before{content: '→'; position: absolute; right: 100%; top: 50%; transform: translate(50%, -50%); color: #60bfd6; font-size: 18px; font-weight: 700;}
.info_proc li .img{display: inline-block; background-color: #eaf6f2; border-radius: 50%; overflow: hidden;}
.info_proc.wh li .img{background-color: #fff;}
.info_proc li .txt{margin-top: 10px; display: flex; justify-content: center; font-size: 18px;}
.info_proc li .txt .num{color: #60bfd6; margin-right: 7px; font-weight: bold; font-family: 'Montserrat';}
.info_proc li .txt p{font-weight: 600; color: #000;}
.info_proc li .txt p.t2{font-weight: normal;font-size: 1.5rem;}

.info_linebox{padding: 30px; border:10px solid #f0f6fa;}
.info_linebox .rd{font-size: 18px; color: #e51717;}
.info_linebox .dashlist + .rd{margin-top: 10px;}
.info_linebox .t1{line-height: 1.8em; font-size: 17px;}
.info_linebox .t1 b{color: #e51717; font-weight: 500;}
.info_linebox .t2{line-height: 1.8em; font-size: 20px; font-weight: bold;}
.info_proc + .info_linebox{margin-top: 60px;}
.info_tit + .info_linebox{margin-top: 30px;}
.info_linebox.subject{padding: 20px;}

.dashlist{}
.dashlist li{position: relative; padding-left: 0.8em; line-height: 1.3em; margin-bottom: 7px; font-size: 17px;}
.dashlist li:last-child{margin-bottom: 0;}
.dashlist li:before{content: ''; position: absolute; top: 0.6em; left: 0; width: 6px; height: 1px; background-color: #686868;}

@media all and (max-width:1400px){
    .info_proc{flex-wrap: wrap; gap: 50px 0;}
    .info_proc li{width: calc(100%/3);}
    .info_proc.w4 li{width: calc(100%/3);}
    
}
@media all and (max-width:976px){
    .info_tit{margin-top: 35px;}
    .info_tit h3{font-size: 30px;}
    .info_proc li .txt{font-size: 15px;}
    .info_linebox{padding: 15px;}
    .info_linebox .rd{font-size: 17px;}
    .info_proc + .info_linebox{margin-top: 30px;}
    .info_tit + .info_linebox{margin-top: 20px;}
    .info_linebox .t1{font-size: 16px;}
    
}
@media all and (max-width:767px){
    .info_proc{flex-wrap: wrap;}
    .info_linebox .t1{font-size: 15px;}
    .dashlist li{font-size: 15px;}
    .info_proc li img{width: 120px;}

}
@media all and (max-width:580px){
    .info_proc li{width: calc(100%/2);}
    .info_proc.w4 li{width: calc(100%/2);}

}
@media all and (max-width:480px){
    .info_proc li img{width: 100px;}
    .info_proc li .txt{font-size: 14px;}
    .info_linebox .rd{font-size: 16px;}
}


.pro_list{display: flex; gap: 40px; flex-wrap: wrap;}
.pro_list li{width: calc(100%/3 - 27px);}
.pro_list.w2 li{width: calc(100%/2 - 20px);}
.pro_list li .img{width: 100%;}
.pro_list li .img img{width: 100%;}
.pro_list li .txt h3{font-family: 'Montserrat'; color: #60bfd6; font-size: 2.8rem;}
.pro_list li:nth-child(1) .txt h3{color: #1e3842;}
.pro_list li:nth-child(2) .txt h3{color: #cbc0a7;}
.pro_list.w2 li:nth-child(2) .txt h3{color: #496269;}
.pro_list li:nth-child(3) .txt h3{color: #49363a;}
.pro_list li{counter-increment: number;}
.pro_list li .txt{padding: 40px 20px 0; position: relative;}
.pro_list li .txt::after{content: counter(number, decimal-leading-zero); position: absolute; top:-3rem; right: 1rem; font-size: 5rem; font-family: 'Montserrat'; font-weight: 800; color: #60bfd6; opacity: 0.3;}
.pro_list li .txt h4{margin: 10px 0 20px; font-size: 2rem;}
.pro_list li .txt p{font-size: 1.6rem;}

@media all and (max-width:1400px){
    .pro_list li{width: 100%; display: flex; justify-content: space-between;}
    .pro_list li .img{width: 40%;}
    .pro_list li .txt{width: 55%;}
    .pro_list.w2 li{display: block;}
    .pro_list.w2 li .img{width: 100%;}
    .pro_list.w2 li .txt{width: 100%;}
}
@media all and (max-width:1080px){
    .pro_list li{flex-wrap: wrap;}
    .pro_list.w2 li{width: 100%;}
    .pro_list li .img{width: 100%;}
    .pro_list li .txt{width: 100%;}
    .pro_list li .txt h3{font-size: 2.6rem;}
    .pro_list li .txt h4{font-size: 1.8rem;}
}



.changebox{display: flex; gap: 40px; flex-wrap: wrap;}
.changebox li{width: calc(50% - 20px); padding: 4%; border:6px solid #60bfd625}
.changebox li h5{padding-left: 2px; padding-bottom: 1em; font-size: 1.6rem; color: #60bfd6;}
.changebox li h4{padding-bottom: 0.6em; margin-bottom: 0.6em; font-size: 3.4rem; color: #222; border-bottom: 1px solid #ddd;}
.changebox li .dlwrap{display: flex; flex-direction: column; gap: 1em;}
.changebox li .dlwrap dl{display: flex; align-items: center; gap: 10px; font-size: 1.8rem; flex-wrap: wrap;}
.changebox li .dlwrap dl dt{font-weight: 700; color: #1e3842;}
@media all and (max-width:1280px){
    .changebox{gap: 30px;}
    .changebox li{width: calc(50% - 15px);}
}
@media all and (max-width:976px){
    .changebox li{width: 100%}
}


#afterSv{padding: 160px 0; text-align: center;  background: url('/images/sub/aftersv_bg.webp')no-repeat center center/cover;}
#afterSv .txt{position: relative; display:inline-block; color: #fff;}
#afterSv .txt:before{content: ''; width: 124px; height: 245px; position: absolute; left: 100%; top: 0; background:url('/images/sub/aftersv_img1.webp')no-repeat center top/100% auto;}
#afterSv .txt:after{content: ''; width: 124px; height: 245px; position: absolute; right: 100%; top: 0; background:url('/images/sub/aftersv_img2.webp')no-repeat center top/100% auto;;}
#afterSv .txt .eng{padding-bottom: 2em; letter-spacing: 0.3em; font-weight: 500;}
#afterSv .txt h3{font-size: 6.8rem; font-weight: 800; 
}
#afterSv .txt .t1{padding-top: 1em; font-size: 3.0rem; font-weight: 600;}
#afterSv .txt .t2{padding-top: 1em; font-size: 2.0rem; font-weight: 500;;}

@media all and (max-width:976px){
    #afterSv{padding: 120px 0;}
    #afterSv .txt:before{width: 100px;;}
    #afterSv .txt:after{width: 100px;;}
    #afterSv .txt .eng{font-size: 1.4rem;}
    #afterSv .txt h3{font-size: 6vw;}
    #afterSv .txt .t1{font-size: 2.4rem;}
    #afterSv .txt .t2{font-size: 1.6rem;}
}

@media all and (max-width:640px){
    #afterSv{padding: 16vw 0; padding-inline:90px;}
    #afterSv .txt{}
    #afterSv .txt:before{width: 80px;;}
    #afterSv .txt:after{width: 80px;;}
    #afterSv .txt .eng{font-size: 1.4rem;}
    #afterSv .txt h3{font-size: 7vw;}
    #afterSv .txt .t1{font-size: 1.8rem;}
    #afterSv .txt .t2{font-size: 1.4rem;}
}


#picbox{}
#picbox ul{display: flex; gap: 40px; flex-wrap: wrap;}
#picbox ul li{width: calc((100% - 40px*2)/3); }
#picbox ul li img{width: 100%;}
#picbox ul li p{background-color: #60bfd6; color: #fff; text-align: center; padding: 1em; font-size: 2rem; font-weight: 500;}
@media all and (max-width:976px){
#picbox ul li{width: calc((100% - 40px*1)/2); }
#picbox ul li p{font-size: 1.6rem;}
}
@media all and (max-width:640px){
    #picbox ul{gap: 20px;}
    #picbox ul li{width: 100% }
    }
    



#icobox{display: flex; gap: 20px; flex-wrap: wrap; text-align: center;}
#icobox ul{width: calc((100% - 20px*3)/4); padding: 3em; background-color: #fff;}
#icobox ul img{max-width: 100%;}
#icobox ul dl dt{padding-bottom: 0.4em; font-size: 2rem; font-weight: 600; color: #000;}
@media all and (max-width:1280px){
    #icobox ul{width: calc((100% - 20px*2)/3);}
}
@media all and (max-width:976px){
    #icobox ul{width: calc((100% - 20px*1)/2);}
}
@media all and (max-width:640px){
    #icobox ul{width:100%;}
    }
    

#topBAimg{display: flex; gap: 1em;}
#topBAimg .box p{font-family: 'Montserrat'; font-size: 6rem; font-weight: 700; color: #7cc5bf;}
@media all and (max-width:976px){
    #topBAimg .box p{font-size: 4rem;}
}
@media all and (max-width:640px){
    #topBAimg{flex-direction: column;}
    #topBAimg .box p{font-size: 3rem;}
}


#oneday1BG{background-repeat: none; background-size: cover;}
#oneday1BG #sTitle h3{}
#oneday1BG p.dp{margin-top: 5%;  text-align: center; opacity: 0.8;}

#oneday1Icon{display: flex; justify-content: center; gap: 2em 2%; }
#oneday1Icon div{display: flex; align-items: center; justify-content: center;}
#oneday1Icon div img{width: 100%;}
#oneday1Icon li{ text-align: center;}
#oneday1Icon li .img{display: inline-block; width: clamp(130px, 16vw, 265px); height: clamp(130px, 16vw, 265px); border-radius: 50%; background: #60bfd6 }
#oneday1Icon li .img img{width: 100%;}
#oneday1Icon li  p{padding-top: 1em; font-size: 1.8rem; font-weight: 500;}

@media all and (max-width:640px){
    #oneday1Icon{flex-direction: column; align-items: center;}
    #oneday1Icon div{width: 20px;}

}


#centerdImg{text-align: center;}
#implantTop #centerdImg img{width: auto; max-width: 100%;}
#centerdImg img{width: auto; max-width: 100%;}


#halfVod + #halfVod{padding-top: 5%;}
#halfVod .eng{position: relative; margin-bottom: -4px; font-family: 'Montserrat'; font-size: 8rem; font-weight: 800; color: #60bfd625;}
#halfVod .top{display: flex; border:10px solid #60bfd625; }
#halfVod .top .img{width: 450px; text-align: center;}
#halfVod .top .img img{max-width: 100%;}
#halfVod .top .vod{width: calc(100% - 450px);}
#halfVod .top .vod iframe{width: 100%;  height: 100%;;}
#halfVod .top .vod p{background-color: #b9b9b9; color: #eee; font-size:5rem; font-weight: 700; display: flex; justify-content: center; align-items: center; height: 100%;}
#halfVod dl{padding:2em; display: flex; flex-direction: column; gap: 1em;  }
#halfVod dl dt{font-size: 3.4rem; font-weight: 700;}
#halfVod dl dd{font-size: 2rem;}
@media all and (max-width:1280px){
    #halfVod .eng{font-size: 4rem;}
    #halfVod .top{display: block;}
    #halfVod .top .img{width: 100%;}
    #halfVod .top .vod{width: 100%; height: 400px;}
}

.step.col4 {flex-wrap: wrap;}
.step.col4 li{flex: 1; min-width: min(100%, 21em);}
@media all and (max-width:1280px){
}
@media all and (max-width:976px){
}
@media all and (max-width:640px){
}


#dlCircle{display: flex; flex-wrap: wrap; justify-content: center; gap: 2em 2%;}
#dlCircle li{padding: 2em; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #fff; border-radius: 50%;}
#dlCircle.w4 li{width: clamp(240px, 25vw, 340px); height: clamp(240px, 25vw, 340px);}
#dlCircle li dl {display: flex; flex-direction:column; gap: 1em;}
#dlCircle li dl dt{font-size: 2.5rem; font-weight: 700; color: #60bfd6;}
#dlCircle li dl dd{font-size: 1.8rem;}


.black-bg{background-color: #3b3b3b;}
.iframe_wrap{padding-top: 56.25%; position: relative;}
.iframe_wrap iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


#airflow1{display: flex; gap: 2em 0; justify-content: center ; text-align: center; }
#airflow1 li{ }
#airflow1 li .img img{max-width: 100%;}
#airflow1 li p{padding: 1em; font-size: 2rem; font-weight: 700; background-color: #666; color: #fff;}
#airflow1 li:nth-child(2) p{background-color: #222;}
#airflow1 li:nth-child(3) p{background-color: #60bfd6;}
#airflow1 li > span{display: block; padding: 1em;}
@media all and (max-width:767px){
    #airflow1{flex-wrap: wrap;}
}



#vodList{display: flex; flex-wrap: wrap; gap: 2em;}
#vodList li{width: calc((100% - 2em*2)/3); border:8px solid #60bfd625; background-color: #60bfd615;}
#vodList li dl{padding: 1em; }
#vodList li dl dt{font-size: 2.2rem;  font-weight: 700; text-align: center; color: #fff;;}
#vodList li dl dt span{display: inline-block; padding: 0.3em 1em; background-color: #60bfd6; border-radius: 40px;}
#vodList li dl dd{padding: 1em;  display: flex; flex-direction: column; justify-content: center; align-items: center;}
#vodList li dl dd p{padding-bottom: 1em; font-size: 1.8rem; font-weight: 500;}
#vodList li dl dd img{max-width: 60%;}
#vodList li video{width: 100%;}
@media all and (max-width:976px){
    #vodList li{width: calc((100% - 2em*1)/2);}
}
@media all and (max-width:767px){
    #vodList{gap: 1em;}
    #vodList li{width: calc((100% - 1em*1)/2);}
}
@media all and (max-width:568px){
    #vodList li{width: 100%;}
}



#invis1BG{background-position:center center; background-repeat: no-repeat; background-size: cover;}
#invis4BA{display: flex; gap: 2em; flex-wrap: wrap;}
#invis4BA li{width: calc(50% - 1em);}
#invis4BA li h3{padding: 0.5em; background-color: #999; color: #fff; font-weight: 700; font-size: 2.6rem; text-align: center;}
#invis4BA li:nth-child(2) h3{background-color:#60bfd6 ;}
#invis4BA li .img img{width: 100%;}
#invis4BA li p{padding: 1em; padding-bottom: 0; font-size: 1.8rem; font-weight: 500; text-align: center;}
@media all and (max-width:568px){
    #invis4BA li{width: 100%;}
}


.clinic1_txt{font-size: 2.6rem; color: #222; font-weight: 500;}


#face1BG{background-image: url('/images/sub/face1-bg.jpg'); background-position:right center; background-repeat: no-repeat; background-size: cover;}
.face1_bgbox{}
.face1_bgbox .txt{}
.face1_bgbox .txt h3{font-size: 3.3rem; line-height: 1.5em; color: #fff;}
.face1_bgbox .txt p{padding-top: 2em; color: #8e8e8e; font-size: 1.8rem; line-height: 1.55em; font-weight: 500; color: #fff;}
.face1_bgbox .txt .img{padding-top: 6%; }
.face1_bgbox .txt .img img{max-width: 50%;}

@media all and (max-width:568px){
    .face1_bgbox .txt h3{font-size: 2.5rem;}
    .face1_bgbox .txt p{font-size: 1.6rem;}
}


.face4-filler{padding-top: 4% !important; background-color: #1e3842; color: #fff;}
.face4-filler ul{display: flex; flex-wrap: wrap; gap: 2em; }
.face4-filler ul li{flex: 1; min-width: min(100%, 21em);  background-color: #496269; }
.face4-filler ul li p{background-color: #1e3842; font-family: 'Lobster'; font-size: 5rem; color: #ffffff30; }
.face4-filler ul li dl{ padding: 2em;}
.face4-filler ul li dl dt{ font-size: 2.6rem; font-weight: 700;}
.face4-filler ul li dl dd{position: relative; margin-top: 1em; padding-left: 1em;}
.face4-filler ul li dl dd:before{content: '-'; position: absolute; left: 0;}


.cl8_cont1{padding-top: 5%; }
.cl8_cont1 .inner{display: flex; justify-content: center; align-items: stretch; gap: 5%;}
.cl8_cont1 .inner .img{}
.cl8_cont1 .inner .img img{}
.cl8_cont1 .inner .txt{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.cl8_cont1 .inner .txt .eng{margin-bottom: 1.3em; font-size: 2.6rem; font-weight: 700; font-family: 'Montserrat'; color: #60bfd6;}
.cl8_cont1 .inner .txt dl dt{font-size: 4.7rem; font-weight: 300; color: #333;}
.cl8_cont1 .inner .txt dl dd{margin-top: 1em; font-size: 1.8rem; font-weight: 600; color:#333; opacity: 0.6;;}
@media all and (max-width:1024px){
    .cl8_cont1 .inner .img img{max-width: 100%;}
}
@media all and (max-width:768px){
    .cl8_cont1 {padding-top: 10%;}
    .cl8_cont1 .inner{flex-direction: column-reverse;}
    .cl8_cont1 .inner .img{text-align: center;}
    .cl8_cont1 .inner .img img{max-width: 80%;}
    .cl8_cont1 .inner .txt{text-align: center; align-items: center; margin-bottom: 2em;}
    .cl8_cont1 .inner .txt .eng{font-size: 1.9rem;}
    .cl8_cont1 .inner .txt dl dt{font-size: 4.0rem;}
    .cl8_cont1 .inner .txt dl dd{font-size: 1.5rem;}
}
@media all and (max-width:568px){
    .cl8_cont1 .inner .txt .eng{font-size: 1.7rem;}
    .cl8_cont1 .inner .txt dl dt{font-size: 3.4rem;}
    .cl8_cont1 .inner .txt dl dd{font-size: 1.4rem;}
}
@media all and (max-width:380px){
    .cl8_cont1 .inner .txt .eng{font-size: 1.6rem;}
    .cl8_cont1 .inner .txt dl dt{font-size: 3.0rem;}
}


.s_dr{display: flex; margin-top: 8%;}

.park_way{margin-top: 3em;}
.park_way h3{padding-bottom: 10px; margin-bottom: 20px; font-size: 4.0rem; color:#000; border-bottom: 1px solid #ddd;}
.park_way .halfcont{display: flex; margin-bottom: 3em;}
.park_way .halfcont:last-child{margin-bottom: 0;}
.park_way .halfcont .titwrap{width: 300px;}
.park_way .halfcont .titwrap h4{font-size: 2.4rem; color: #000; font-weight: 600;}
.park_way .halfcont .contwrap{width: calc(100% - 300px); display: flex; gap: 1em; flex-wrap: wrap;}
.park_way .halfcont .contwrap .img{width: calc(50% - 0.5em);}
.park_way .halfcont .contwrap .img img{width: 100%;}
@media all and (max-width:1400px){
    .park_way .halfcont .titwrap{width: 200px; padding-right: 4%;}
    .park_way .halfcont .contwrap{width: calc(100% - 200px);}
}
@media all and (max-width:1024px){
    .park_way .halfcont{display: block;}
    .park_way .halfcont .titwrap{width: 100%; margin-bottom: 1em;}
    .park_way .halfcont .contwrap{width: 100%}
}
@media all and (max-width:768px){
    .park_way .halfcont .contwrap .img{width: 100%;}
}


.how2.imp1{background:url('/images/sub/how2-imp1.jpg');}



.smile1_1{text-align: center; background: url('/images/sub/smile1-img5.jpg')no-repeat center center/cover;}
.smile1_1 p.t1{margin-bottom: 40px; color: #fff; font-size: 2.4rem; font-weight: 200; line-height: 1.5em;}
 
.smile1_1 .circle_c {display:flex; justify-content:center; align-items: center;}
.smile1_1 .circle_c li {margin:0 -10px; width:210px; height: 210px; border-radius:50%; background:rgba(0,0,0,0.3); text-align:center; display: flex; justify-content: center; align-items: center;; }
.smile1_1 .circle_c li p {font-size:2.6rem; font-weight:700; color:#FFF}
.smile1_1 .circle_c li.bg1 {background:rgba(69,227,210,0.7)}
.smile1_1 .circle_c li.bg2 {background:rgba(83,193,250,0.8)}
.smile1_1 .circle_c li.bg3 {background:rgba(83,150,250,0.8)}

@media all and (max-width:1024px){
    .smile1_1 p.t1{font-size: 1.8rem;}
    .smile1_1 .circle_c li {width: 150px; height: 150px;}
    .smile1_1 .circle_c li  p{font-size: 1.7rem;}
}
@media all and (max-width:568px){
    .smile1_1{}
    .smile1_1 p.t1{margin-bottom: 15px; font-size: 1.4rem;}
    .smile1_1 p.t1 br{}
    .smile1_1 .circle_c li {width: 80px; height: 80px;}
}

.smile1_2{padding: 10% 1%; background: url('/images/sub/smile1-img6.jpg')no-repeat center center/cover; text-align: center;}
.smile1_2 .eng{margin-bottom: 100px; font-family: 'Poppins'; font-weight: 700; font-size: 1.9rem;}
.smile1_2 .txt{font-weight: 200; color: #fff; font-size: 3.8rem; line-height: 1.6em;}
.smile1_2 .underline{text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}
@media all and (max-width:1024px){
    .smile1_2{padding: 100px 20px;}
    .smile1_2 .eng{margin-bottom: 5%;}
    .smile1_2 .txt{font-size: 2.4rem;}
}
@media all and (max-width:568px){
    .smile1_2{padding: 60px 20px;}
}