@charset "utf-8";


ul.w6_list{display: flex; gap: 2rem; margin-top: 3rem; flex-wrap: wrap;}
ul.w6_list li{width: calc(100%/6 - 10rem/6);text-align: center;}
ul.w6_list.w5 li{width: calc(100%/5 - 8rem/5);}
ul.w6_list li .img{width: 100%;  border-radius: 10px; overflow: hidden;}
ul.w6_list li .img img{width: 100%;}
ul.w6_list li h3{font-size: 2rem; color: #222; margin-top: 1rem;}

@media screen and (max-width:1280px){
    ul.w6_list li h3{font-size: 1.8rem;}
}
@media screen and (max-width:1024px){
    ul.w6_list li{width: calc(100%/3 - 4rem/3);}
    ul.w6_list.w5 li{width: calc(100%/3 - 4rem/3);}
}
@media screen and (max-width:786px){
    ul.w6_list li{width: calc(100%/2 - 2rem/2);}
    ul.w6_list.w5 li{width: calc(100%/2 - 2rem/2);}
}


.s_part{padding: 100px 0;}
.s_part.pb0{padding-bottom: 0;}
.s_part.pt0{padding-top: 0;}

.boxDl{display: grid; gap: 35px;}
.boxDl.w3{grid-template-columns: repeat(3, 1fr);}
.boxDl dl{border:1px solid #ddd; padding:40px; border-radius: 5px; background-color: #fff;}
.boxDl dl dt{ font-size: 2.2rem; font-weight: 600; color: #000;}
.boxDl dl dt span{color: var(--color1);}
.boxDl dl .eng{margin-top: 0.4em; font-size: 1.6rem; color: #b3b3b3;}
.boxDl dl dd{margin-top: 0.6em; font-size: 1.7rem; font-weight: 500; line-height: 1.5;}
.boxDl dl .eng + dd{margin-top: 1.3em;}
@media screen and (max-width:1024px){
    .boxDl{gap: 20px;}
    .boxDl dl{padding: 25px;}
}
@media screen and (max-width:768px){
    .boxDl.w3{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:568px){
    .boxDl{gap:15px;}
    .boxDl.w3{grid-template-columns: repeat(1, 1fr);}
}
.iconBox{display: grid; gap:20px 35px; }
.iconBox.w2{grid-template-columns: repeat(2, 1fr);}
.iconBox .box{padding: 20px; display: flex; gap: 40px; align-items: center; background-color: #f5f5f5; border-radius: 5px;}
.iconBox .box .ico img{border-radius: 5px;}
.iconBox dl dt{ font-size: 2.2rem; font-weight: 500; color: #000;}
.iconBox dl dt span{color: var(--color1);}
.iconBox dl dd{margin-top: 0.8em; font-size: 1.7rem; line-height: 1.5;}
@media screen and (max-width:1280px){
    .iconBox .box{gap: 20px;}
}
@media screen and (max-width:1024px){
    .iconBox .box{flex-direction: column;}
}
@media screen and (max-width:768px){
    .iconBox{gap: 20px;}
    .iconBox .box{gap: 15px;}
}
@media screen and (max-width:568px){
    .iconBox{gap: 15px;}
    .iconBox .box .ico {text-align: center;}
    .iconBox .box .ico img{max-width: 70%;}
    .iconBox dl dt{font-size: 2.0rem; text-align: center;}
    .iconBox dl dd{word-break: break-all;}
}


.halfWrap{display: flex;}
.halfWrap .l_cont{width: 400px; flex:0 0 auto;}
.halfWrap .l_cont dl dt{margin-bottom: 6rem; color: var(--color1); font-size: 1.6rem; font-weight: 700;}
.halfWrap .l_cont dl dd h3{font-size: 2.8rem; font-weight: 700; color: #272323;}
.halfWrap .r_cont{width: calc(100% - 400px);}
.halfWrap .r_cont .halfContWrap{display: flex; align-items: flex-start; width: 100%; padding: 37px 33px; background-color: #f5f5f5; border-radius: 5px;}
.halfWrap .r_cont .halfContWrap + .halfContWrap{margin-top: 20px;}
.halfWrap .r_cont .halfContWrap .tit{display: flex; align-items: center; gap: 0.8em; width: 120px; flex: 0 0 auto; color: var(--color1) ; font-weight: 700; font-size: 1.8rem;}
.halfWrap .r_cont .halfContWrap .tit span{font-weight: 900; font-size: 2.3rem; line-height: 1;}
.halfWrap .r_cont .halfContWrap .contWrap{margin-top: -2px;}
.halfWrap .r_cont .halfContWrap .contWrap p{font-size: 1.8rem; color: #000; opacity: .8; line-height: 1.5em; font-weight: 300;} 
.health1_list{margin-top: 40px; display: grid; grid-template-columns: repeat(3, 1fr) ; gap: 20px;}
.health1_list .img{position: relative; overflow: hidden;}
.health1_list .img img{max-width: 100%; transition: all .5s;}
.health1_list .img:hover img{transform: scale(1.1);}
.health1_list .img span{position: absolute; left: 1em; bottom: 1em;; background: var(--color1); color: #fff; font-weight: 700; font-size: 1.6rem; padding: 1em;}
.health1_list p{line-height: 1.4; margin-top: .5em; font-size: 1.7rem;}
.health1_list2{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.health1_list2 dl{padding: 40px 30px; border:1px solid #ddd; background: #fff; }
.health1_list2 dl dt{font-size: 1.8rem; font-weight: 600; color: #222;}
.health1_list2 dl:has(dd) dt{padding-bottom: 0.4em; margin-bottom: 0.4em;; border-bottom: 1px solid #ededed; }
.health1_list2 dl dd{font-size: 1.7rem; line-height: 1.3;}
.health1_list2 dl p.num{color: var(--color1); font-size: 1.6rem; font-weight: 600; margin-bottom: 0.4em;}

.health1_list2.has-img{margin-top: 40px;}
.health1_list2.has-img .img{margin-bottom: 20px; text-align: center;}
.health1_list2.has-img .img img{max-width: 100%;}

@media screen and (max-width:1400px){
    .halfWrap .l_cont{width: 300px;}
    .halfWrap .r_cont{width: calc(100% - 300px);}
}
@media screen and (max-width:1280px){
    .halfWrap{display: block;}
    .halfWrap .l_cont{width: 100%; margin-bottom: 40px;}
    .halfWrap .r_cont{width: 100%;}
}
@media screen and (max-width:1024px){
    .halfWrap .l_cont dl dt{margin-bottom: 4.5rem;}
    .halfWrap .r_cont .halfContWrap{display: block;}
    .halfWrap .r_cont .halfContWrap + .halfContWrap{margin-top: 15px;}
    .halfWrap .r_cont .halfContWrap .tit{margin-bottom: 15px;}
}
@media screen and (max-width:768px){
    .health1_list{margin-top: 30px;  grid-template-columns: repeat(2, 1fr) ; gap:15px;}
    .health1_list .img span{padding: 0.7em;}
    .health1_list2{grid-template-columns: repeat(2, 1fr); gap: 15px;}
}
@media screen and (max-width:568px){
    .halfWrap .l_cont{margin-bottom: 35px;}
    .halfWrap .r_cont .halfContWrap{padding: 25px;}
    .health1_list{grid-template-columns: repeat(1, 1fr);}
    .health1_list2{grid-template-columns: repeat(1, 1fr);}
}


.h810_wrap{display: flex; gap: 4%; align-items: center;}
.h810_wrap .m_tit{text-align: left;}
@media screen and (max-width:1400px){
    .h810_wrap .img img{max-width: 100%;}
}
@media screen and (max-width:1024px){
    .h810_wrap{display: block;}
    .h810_wrap .img{text-align: center;}
    .h810_wrap .m_tit{text-align: center;}
    .h810_wrap .m_tit .txt{padding-right: 0;}
}
@media screen and (max-width:500px){
.health3 .special .s-inner .cont dl + dl{margin-top: 20px;}
}



.diet_st{margin-top: 40px;}
.diet_st > ul{display: flex; justify-content: center; gap: 40px;}
.diet_st > ul > li{padding: 50px; border:1px solid #ddd; border-radius: 5px; background-color: #fff;}
.diet_st.w4 > ul > li{width: calc((100% - 40px*3)/4);}
.diet_st > ul > li .top{padding-bottom: 40px; text-align: center;}
.diet_st > ul > li .top p{}
.diet_st > ul > li .top p span{display: inline-block; padding: 0.2em 1em; background-color: var(--color1); color: #fff; font-weight: 600; border-radius: 40px; font-size: 1.4rem;}
.diet_st > ul > li .top h4{margin-top: 0.4em; font-size: 2.4rem; color: #222;}

.checkList{}
.checkList > li{position: relative; padding-left: 28px; font-size: 1.8rem;; line-height: 1.2em; padding-bottom: 0.8em; margin-bottom: 0.8em; border-bottom: 1px dashed #e9e3e3;}
.checkList > li:before{content: ''; position: absolute; left: 0; top:1px; width: 20px; height: 20px; background: url('/images/sub/check_icon.webp');}


.health4_program{padding: 150px 0; text-align: center; background: url('/images/sub/health4_program.webp')no-repeat center center /cover; color: #fff;}
.health4_program dl{}
.health4_program dl dt{font-size: 7.0rem; font-weight: 700; letter-spacing: 0; text-transform: uppercase;}
.health4_program dl dd{margin-top: 1.58em; font-size: 2.4rem; font-weight: 500; line-height: 1.5em;}
.health4_program .line{width: 2px; height: 50px; margin: 30px auto; background: #fff;}
.health4_program p{font-size: 2.4rem; line-height: 1.5; font-weight: 700;}
@media screen and (max-width:568px){
    .health4_program {padding: 100px 0;}
    .health4_program dl dt{font-size: 4.5rem;}
    .health4_program dl dd{font-size: 2.0rem;}
    .health4_program p{font-size: 2.0rem;}
}
.circlelist{display: flex;; justify-content: center;}
.circlelist li{text-align: center; margin:0 2%;}
.circlelist li .img img{max-width: 100%;}
.circlelist li .txt {margin-top: 15px;}
.circlelist li .txt p{font-size: 1.7rem;}
@media screen and (max-width:568px){
    .circlelist{flex-wrap: wrap;}
    .circlelist li{margin: 1% 2%;}
}
@media screen and (max-width:480px){
    .circlelist li{width: 46%;}
}


.woman1_07{background:url('/images/sub/woman1_img07.webp')no-repeat center center/cover;}
.woman1_07 .cont{border-top: 3px solid #222;}
.woman1_07 .cont dl{padding: 80px; display: flex; justify-content: space-between;}
.woman1_07 .cont dl dt{font-size: 2.4rem; font-weight: 700; color: #222;}
.woman1_07 .cont dl dd {text-align: right;}
.woman1_07 .cont dl dd p{font-size: 2.0rem; font-weight: 400; color: #000; opacity: .8;}
.woman1_07 .cont dl dd p + p{margin-top: 1em;}
@media screen and (max-width:768px){
    .woman1_07 .cont dl{display: block; padding: 7%;}
    .woman1_07 .cont dl dt{margin-bottom:30px;}
    .woman1_07 .cont dl dd{text-align: left;}
    .woman1_07 .cont dl dd p{font-size: 1.8rem;}
}
@media screen and (max-width:568px){
    .woman1_07 .cont dl{padding: 7vw 3vw;}
    .woman1_07 .cont dl dt{font-size: 2.0rem;}
    .woman1_07 .cont dl dd p{font-size: 1.7rem;}
}   


.man2_06{display: flex;}
.man2_06 > div{width: 50%;}
.man2_06 .l_cont{padding: 100px 130px; display: flex; align-items: center; justify-content: center; background: url('/images/sub/man2_img6.webp')no-repeat center center/cover;}
.man2_06 .l_cont .in_box .tit{text-align: center; font-size: 1.7rem; margin-bottom: 2em;}
.man2_06 .l_cont .in_box .tit h3{font-size: 2.8rem; color: #222;}
.man2_06 .l_cont .in_box .tit h3 span{color: var(--color1);}
.man2_06 .l_cont .in_box .tit p{margin-top: 1em; line-height: 1.6em;}
.man2_06 .l_cont .in_box .cont{}
.man2_06 .l_cont .in_box .cont dl{padding: 40px 60px; display: flex; align-items: center; background-color: #fff; border-radius: 5px;}
.man2_06 .l_cont .in_box .cont dl + dl{margin-top: 20px;}
.man2_06 .l_cont .in_box .cont dl dt{margin-right: 50px; padding-right: 50px; position: relative;; font-size: 4.8rem; font-weight: 700; color: #ebe6e2;}
.man2_06 .l_cont .in_box .cont dl dt:before{content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background: #ebe6e2;}
.man2_06 .l_cont .in_box .cont dl dd{font-size: 1.6rem; line-height: 1.4; opacity: .9;}
.man2_06 .img{background-size: cover; background-position: center center;}
.man2_06.man2 .img{background-image: url('/images/sub/man2_img7.webp');}
@media screen and (max-width:1600px){
    .man2_06 .l_cont{padding: 70px;}    
}
@media screen and (max-width:1400px){
    .man2_06 .l_cont{padding: 50px;}    
    .man2_06 .l_cont .in_box .cont dl dt{margin-right: 30px; padding-right: 30px; font-size: 4.0rem;}
    .man2_06 .l_cont .in_box .cont dl dt:before{height: 30px;}
}
@media screen and (max-width:1280px){
    .man2_06 .l_cont .in_box .cont dl {display: block; padding: 30px;}
    .man2_06 .l_cont .in_box .cont dl dt{margin-bottom: 0.3em; font-size: 3.4rem;}
    .man2_06 .l_cont .in_box .cont dl dt:before{display: none;}
}
@media screen and (max-width:1024px){
    .man2_06{flex-direction: column-reverse;}
    .man2_06 > div{width: 100%;}
    .man2_06 .img{aspect-ratio: 1/0.7;}
}
@media screen and (max-width:568px){
    .man2_06 .l_cont{padding: 30px;}    
    .man2_06 .l_cont .in_box .tit h3{font-size: 2.2rem;}
}
@media screen and (max-width:380px){
    .man2_06 .l_cont{padding:30px 10px;}    
    .man2_06 .l_cont .in_box .tit p br{display: none;}
     .man2_06 .l_cont .in_box .cont dl{padding: 15px;}
    .man2_06 .l_cont .in_box .cont dl + dl{margin-top: 10px;}
}

.has-insur{}
.has-insur h3 span{color: var(--color1);}

.s_txt .t1{font-size: 1.8rem; font-weight: 500;}
.s_txt .t1 span.fw-B{color: var(--color1);}


.cc_img{}
.cc_img ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
.cc_img ul > li{}
.cc_img ul > li img{border-radius: 50%; border:1px solid #ddd;}
.cc_img ul > li > p{margin-top: 0.6em; text-align: center; font-size: 18px;}
@media screen and (max-width:568px){
    .cc_img ul{gap: 20px;}
    .cc_img ul > li img{width: 180px;}
}
@media screen and (max-width:480px){
    .cc_img ul > li img{width: 42vw;}
}



.aire{position: relative; height: auto; background-color: #d1d1d1;}
.aire .s-inner{text-align: center;}
.aire .img{width: 70%; margin:0 auto; padding-top: 4%;}
.aire .img img{max-width: 100%;}
.aire dl{color: #000; padding:5% 0 10% 0; }
.aire dl dt{font-size: 2.6rem; font-weight: 500;;}
.aire dl dd{margin-top: 1.4em; font-size: 1.8rem; line-height: 1.65em;}
@media screen and (max-width:1600px){
    .aire .img{left: 10%;}
}
@media screen and (max-width:1400px){
    .aire{height: auto;}
    .aire .img{left: 5%; width: 45%;}
}
@media screen and (max-width:1024px){
    .aire dl dt{font-size: 2.4rem;}
    .aire dl dd{font-size: 1.7rem;}
}
@media screen and (max-width:768px){
     .aire {height: auto;}
    .aire .s-inner{display: block;}
    .aire .img{position: static; width: 80%; margin: 0 auto;}
    .aire dl{ text-align: center; height: auto;}
}



.kind {padding: 140px 0; color: #222;}
.kind .top{margin-bottom: 30px; padding-bottom: 50px; border-bottom: 1px solid #000;}
.kind .top dt{font-size: 18px;    color: var(--color1); margin-bottom: 20px;}
.kind .top h3{font-size: 32px;}
.kind .cont .halfContWrap{display: flex; font-size: 18px; padding: 30px 10px; line-height: 28px;}
.kind .cont .halfContWrap .tit{width: 250px; font-weight: bold;font-size: 20px;}
.kind .cont .halfContWrap .tit span{    color: var(--color1); display: inline-block; margin-right: 10px;}
.kind .cont .halfContWrap .contWrap{width: calc(100% - 250px);}


.charaStack{ margin-top: 34px; padding: 0; list-style: none; border-top: 1px solid #000; }
.charaStack > li{display: flex;gap: 50px;align-items: center;padding: 40px;border-bottom: 1px solid #000;}
.charaStack > li .img{width: 40px;}
.charaStack > li .img img{width: 100%;height: 100%;object-fit: cover;}
.charaStack > li dl{margin: 0;}
.charaStack > li dl dt{font-size: 18px;font-weight: 700;color: #000;margin-bottom: 10px;}
.charaStack > li dl dd{margin: 0;font-size: 16px;color: #444;line-height: 1.7em;}


@media all and (max-width:1480px){
    .kind .top h3{font-size: 28px;}
}
@media all and (max-width:1280px){
    .kind {padding: 100px 0;}
    .kind .top dt{font-size: 16px; margin-bottom: 10px;}
    .kind .cont .halfContWrap{font-size: 17px; }
    .kind .cont .halfContWrap .tit{font-size: 18px;}
}
@media all and (max-width:1024px){
    .kind .top h3{font-size: 26px;}
}
@media all and (max-width:768px){
    .kind {padding: 80px 0;}
    .kind .top h3{font-size: 24px;}
    .kind .cont .halfContWrap{flex-wrap: wrap; padding: 25px 5px; gap: 5px;}
    .kind .cont .halfContWrap .tit{width: 100%;}
    .kind .cont .halfContWrap .contWrap{width: 100%;}
}
@media all and (max-width:500px){
    .kind .top{margin-bottom: 10px; padding-bottom: 30px;}
    .kind .top h3{font-size: 22px;}
    .kind .cont .halfContWrap{padding: 15px 5px; font-size: 16px;}
    .kind .cont .halfContWrap .tit{font-size: 16px; line-height: 24px;}
    .charaStack > li{gap: 30px; padding: 20px;}
    .charaStack > li .img{width: 30px;}
    .charaStack > li dl{width: calc(100% - 60px);}
    .charaStack > li dl dt{font-size: 16px;margin-bottom: 5px;}
    .charaStack > li dl dd{line-height: 1.5em;font-size: 15px;}
}



.step li{position: relative;}
.step li + li{margin-top: 50px;}
.step span{display: inline-block;font-weight: bold; margin-bottom: 10px; position: relative; width: 100%;}
.step span:after{width: calc(100% - 100px); height: 0.1px; background: #222; content: '';position: absolute; right: 0; top: 50%; transform: translatey(-50%);}

@media all and (max-width:768px){
    .step li{padding: 10px;}
    .step li + li{margin-top: 0px;}
    .step span{margin-bottom: 0px;}
    .step span:after{width: calc(100% - 80px);}
}



.charaLine{padding: 0;list-style: none;border-top: 0;}
.charaLine > dl{ margin: 0; padding: 36px 50px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; margin-top: -1px;
clip-path: polygon(
    0 10px, 10px 10px, 10px 0,
    calc(100% - 10px) 0, calc(100% - 10px) 10px, 100% 10px,
    100% calc(100% - 10px), calc(100% - 10px) calc(100% - 10px), calc(100% - 10px) 100%,
    10px 100%, 10px calc(100% - 10px), 0 calc(100% - 10px)
);
}
.charaLine > dl:first-child{margin-top: 0;}
.charaLine > dl dt{font-size: 20px;font-weight: 700;color: #000;margin-bottom: 12px;}
.charaLine > dl dd{margin: 0;font-size: 17px;color: #444;line-height: 1.7em;}

@media (max-width:768px){
    .charaLine{margin-top: 10px;}
    .charaLine > dl{padding: 20px;}
    .charaLine > dl dt{font-size: 16px; margin-bottom: 5px;}
    .charaLine > dl dd{font-size: 15px;}
}


.treat{position: relative; padding: 140px 0;}
.treat .cont{ display: flex; justify-content: space-between; margin-top: 80px;}
.treat .cont .box{width: 49%; position: relative;}
.treat .cont .box .img { overflow: hidden;background: #000;}
.treat .cont .box .img img{width: 100%; opacity: 0.7;}
.treat .cont .box .txt{position: absolute; width: 100%; height: 100%; display: flex; align-items: center;  align-content: center;left: 0; top: 0; flex-wrap: wrap; flex-direction: column; color: #fff; justify-content: center;}
.treat .cont .box .txt h3{font-size: 25px; position: relative;}
.treat .cont .box .txt h3:after{content: ''; position: absolute; width: 1px; height: 30px; background: #fff; bottom: -50px; left: 50%; transform: translatex(-50%);}
.treat .cont .box .txt p{margin-top: 70px; font-size: 18px; text-align: center;line-height: 28px;}
.treat .cont .box .txt ul{margin-top: 20px; display: flex; flex-wrap: wrap; gap:8px;}
.treat .cont .box .txt ul li{font-size: 14px; color: #fff; border: 1px solid #fff; padding: 8px 12px; border-radius: 3px;}
br.mo{display: none;}

@media all and (max-width:1280px){
    .treat .cont{margin-top: 60px;}
    .treat .cont .box .txt p{font-size: 16px;}
}
@media all and (max-width:1024px){
    .treat{padding: 120px 0;}
    .treat .cont .box .img {height: 450px;}
    .treat .cont .box .img  img{height: 100%; width: auto;}
}
@media all and (max-width:980px){
    .treat .cont{flex-wrap: wrap;}
    .treat .cont .box{width: 100%;}
    .treat .cont .box .img {height: 400px;}
    .treat .cont .box .img  img{height: 100%; width: 100%; object-fit: cover;}
}
@media all and (max-width:768px){
    .treat{padding: 100px 0;}
    .treat .cont{margin-top: 40px;}
    .treat .cont .box .txt h3{font-size: 22px;}
    .treat .cont .box .txt h3:after{ bottom: -40px;}
    .treat .cont .box .txt p{margin-top: 50px;}
}
@media all and (max-width:500px){
    .treat{padding: 80px 0;}
    br.mo{display: block !important;}
    .treat .cont .box .txt h3{font-size: 20px;}
}


.wh{color: #fff !important;}
.rcm{padding: 140px 0; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.rcm .m_tit{padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #000;}
.rcm ul{font-size: 20px; color: #222; display: flex; flex-wrap: wrap; gap: 50px;}
.rcm ul li{width: calc(100%/2 - 50px/2); display: flex; line-height: 28px;}
.rcm ul.w100 li{width: 100%; justify-content: space-between;}
.rcm ul span{font-weight: bold; display: inline-block; width: 50px;margin-right: 20px; text-align: center;}

@media all and (max-width:1024px){
    .rcm{padding: 120px 0;}
    .rcm ul{font-size: 18px;}
    .rcm ul span{width: 40px; margin-right: 10px;}
}
@media all and (max-width:768px){
    .rcm{padding: 100px 0;}
    .rcm .m_tit{padding-bottom: 40px; margin-bottom: 40px;}
    .rcm ul{gap: 30px;}
    .rcm ul li{width: 100%;justify-content: space-between;}
}
@media all and (max-width:500px){
    .rcm{padding: 80px 0;}
    .rcm ul li{width: 100%; line-height: 26px;}
    .rcm ul p{font-size: 16px; width: 85%;}
}