@charset "utf-8";


#clinic_top{width: 100%;padding: 100px 0;}
#clinic_top.health1{background: url('/images/sub/health1_top.png') center center / cover no-repeat;}
#clinic_top.health2{background: url('/images/sub/health2_top.png') center center / cover no-repeat;}
#clinic_top.health3{background: url('/images/sub/health3_top.png') center center / cover no-repeat;}
#clinic_top.health4{background: url('/images/sub/health4_top.png') center center / cover no-repeat;}
#clinic_top .txt{display: flex;  justify-content: center; color: #fff; height: 100%; flex-wrap: wrap;}
#clinic_top .txt .lt{width: 100%;}
#clinic_top .txt .lt .eng{font-weight: bold; font-family: 'Montserrat'; font-size: 2rem; opacity: 0.5;}
#clinic_top .txt .lt h3{font-size: 6rem;  font-weight: normal;  font-family: 'ONE-Mobile-Title'; margin-top: 20px;}
#clinic_top .txt .rt{width: 100%; margin-top: 40px; padding-top: 40px; border-top: 1px solid #ffffff30;}
#clinic_top .txt .rt h4{font-size: 2.5rem; font-weight: normal;  font-family: 'ONE-Mobile-Title'; line-height: 3.5rem;}
#clinic_top .txt .rt p{font-size: 1.8rem; margin: 20px 0; line-height: 2.8rem;}
#clinic_top .txt .rt ul{display: flex;gap: 10px; flex-wrap: wrap;}
#clinic_top .txt .rt ul li{padding: 7px 20px; border: 1px solid #fff; border-radius: 100px;}
br.mo{display: none;}


@media all and (max-width:1280px){
    #clinic_top{padding: 80px 0;}
    #clinic_top .txt .lt .eng{font-size: 1.8rem;}
    #clinic_top .txt .lt h3{font-size: 5rem;}
    #clinic_top .txt .rt h4{font-size: 2rem; line-height: 3rem;}
    #clinic_top .txt .rt p{font-size: 1.6rem; line-height: 2.6rem;}
}
@media all and (max-width:780px){
    #clinic_top{padding: 60px 0;}
    #clinic_top .txt .lt .eng{font-size: 1.6rem;}
    #clinic_top .txt .lt h3{font-size: 4rem;}
    #clinic_top .txt .rt{margin-top: 30px; padding-top: 30px;}
    #clinic_top .txt .rt ul li{padding: 5px 15px; font-size: 1.5rem;}
}
@media all and (max-width:480px){
    #clinic_top .txt .lt .eng{font-size: 1.4rem;}
    #clinic_top .txt .lt h3{font-size: 3.5rem; margin-top: 10px;}
    #clinic_top .txt .rt{margin-top: 20px; padding-top: 20px;}
    #clinic_top .txt .rt ul{gap: 5px;}
    #clinic_top .txt .rt ul li{padding: 5px 10px; font-size: 1.5rem;}
    br.mo{display: block !important;}
}

#t_txt{text-align: center; margin-bottom: 60px;}
#t_txt h4{font-family: 'Montserrat'; font-size: 1.4rem; color: #c8a164;}
#t_txt h3{margin: 20px 0; font-size: 4.5rem; color: #493c36; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
#t_txt h3 span{color: #c8a164;}
#t_txt p{font-size: 1.7rem; line-height: 2.6rem;}

@media all and (max-width:1280px){
    #t_txt{margin-bottom: 40px;}
    #t_txt h3{font-size: 4rem;}
}
@media all and (max-width:780px){
    #t_txt h4{font-size: 1.3rem;}
    #t_txt h3{font-size: 3.5rem;}
}
@media all and (max-width:480px){
    #t_txt{margin-bottom: 30px;}
    #t_txt h4{font-size: 1.3rem;}
    #t_txt h3{font-size: 3rem;}
    #t_txt p{font-size: 1.5rem; line-height: 2.3rem;}
}

#bg_y{background: #f7f5f3;}
#kindof .k_tab{display: flex;justify-content: center; margin-bottom: 40px;}
#kindof .k_tab ul{display: flex;justify-content: center; padding: 5px; box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.05); border-radius: 100px; width: fit-content; background: rgba(255,255,255,0.03);}
#kindof .k_tab ul li{ color: #8d8780; font-size: 1.9rem;padding: 10px 30px; cursor: pointer;}
#kindof .k_tab ul li.on{background: #583a2b; color: #fff; border-radius: 100px;}

#kindof .k_list{color: #222; background: #f7f2e9 url('/images/sub/bg_img.png') 102% 102% / 25% no-repeat;}
#kindof .k_list .box{display: none; position: relative;}
#kindof .k_list .box.on{display:flex ;}
#kindof .k_list .box .img{width: 50%;}
#kindof .k_list .box .img img{width: 100%;}
#kindof .k_list .box .txt{width: 50%; padding: 70px; display: flex; flex-wrap: wrap; align-content: center;}
#kindof .k_list .box .txt h3{width: 100%; font-size: 3.3rem; font-family: 'ONE-Mobile-Title'; font-weight: normal; margin-bottom: 30px;}
#kindof .k_list .box .txt dl{width: 100%; display: flex; align-items: center;gap: 10px;}
#kindof .k_list .box .txt dl + dl{margin-top: 10px;}
#kindof .k_list .box .txt dl dt{width: 100px; font-size: 1.8rem; background: #583a2b; color: #fff;text-align: center;padding: 5px; border-radius: 100px;}
#kindof .k_list .box .txt dl dd{font-size: 1.8rem; width: calc(100% - 110px); line-height: 2.8rem;}
p.cau{margin-top: 20px;color: #c8a164;}

@media all and (max-width:1400px){
    #kindof .k_list .box .img{overflow: hidden;}
    #kindof .k_list .box .img img{width: auto; height: 100%; transform: translateX(-10%);}
    #kindof .k_list .box .txt{padding: 40px 60px;}
    #kindof .k_list .box .txt h3{font-size: 3rem; margin-bottom: 20px;}
}
@media all and (max-width:1280px){
    #kindof .k_tab ul{padding: 5px;}
    #kindof .k_tab ul li{font-size: 1.7rem;}
    #kindof .k_list .box .txt{padding: 0px 40px;}
    #kindof .k_list .box .txt dl{flex-wrap: wrap;}
    #kindof .k_list .box .txt dl +dl{margin-top: 20px;}
    #kindof .k_list .box .txt dl dd{width: 100%; font-size: 1.6rem;}
}
@media all and (max-width:1080px){
    #kindof .k_list{background-size: 50%;}
    #kindof .k_list .box{flex-wrap: wrap;}
    #kindof .k_list .box .img{width: 100%;}
    #kindof .k_list .box .img img{width: 100%; height: auto; transform: translateX(0);}
    #kindof .k_list .box .txt{width: 100%; padding: 50px 40px;}
}
@media all and (max-width:980px){
    #kindof .k_tab ul li{text-align: center;}
}
@media all and (max-width:680px){
    #kindof .k_tab ul li{font-size: 1.6rem;padding: 0.7rem 2rem;}
    #kindof .k_list .box .txt{padding: 30px 20px;}
}
@media all and (max-width:580px){
    #kindof .k_tab{margin-bottom: 30px;}
    #kindof .k_list .box .txt h3{font-size: 2.5rem;}
    #kindof .k_list .box .txt dl dt{font-size: 1.6rem;padding: 3px;}
    p.cau{margin-top: 10px; font-size: 1.4rem;}
}

.caution{display: flex; gap: 30px;}
.caution li{width: calc(100%/3 - 60px/3); border: 1px solid #e0e0e0; border-radius: 20px; background: #fff; text-align: center;padding: 40px 30px; color: #222;}
.caution li img{width: 80px;}
.caution li h3{font-weight: normal; font-family: 'ONE-Mobile-Title'; font-size: 2.5rem; margin: 20px 0;}
.caution li p{font-size: 1.8rem;}

@media all and (max-width:1280px){
    .caution li img{width: 50px;}
    .caution li h3{font-size: 2rem;}
    .caution li p{font-size: 1.6rem;}
}
@media all and (max-width:980px){
    .caution{gap: 15px; flex-wrap: wrap;}
    .caution li{width: calc(100%/2 - 15px/2);}
}
@media all and (max-width:680px){
    .caution li{padding: 30px 20px;}
}
@media all and (max-width:480px){
    .caution li{width: 100%;}
    .caution li{padding: 20px 10px;}
}

#imgHalf.health2 {background-image:url('/images/sub/imghalf-health2.png')}