@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Gloock&display=swap');

#venus01{ height: 950px; background: url('/breast/images/sub/venus01_bg_251024.jpg')right top/cover;}
#venus01 .inner{height: 100%; display: flex; align-items: center;}
#venus01 .s-inner{height: 100%; display: flex; align-items: center;}
#venus01 .tit{}
#venus01 .tit h3 img{max-width: 100%;}
#venus01 .tit p{margin-top: 40px; text-align: left; font-size: 3.7rem; font-weight: 700; line-height: 1.6; color: #000;}
#venus01 .tit h4{margin-top: 40px; font-size: 8.5rem; color: #920d14;}
@media all and (max-width:767px){
    #venus01{padding-top: 15%; height: 600px; background-position: 800px top;}
    #venus01 .tit h3 img{max-width: 90%;}
    #venus01 .tit p{margin-top: 30px; font-size: 1.8rem;}
    #venus01 .tit h4{margin-top: 30px; font-size: 3rem;;}
}

br.mo{display: none;}
.m_part{margin: 160px 0;}
.p_part{padding: 160px 0;}
.venus .line_hor{max-width: 480px; height: 3px; background-color: #d1c2af; margin: 90px auto;}
.venus .line_vertical{margin: 40px auto; width: 2px; height: 100px; background-color: #000;}
@media all and (max-width:767px){
    br.mo{display: block;}
    .m_part{margin: 90px 0;}
    .p_part{padding: 90px 0;}
    .venus .line_hor{margin: 45px auto;}
    .venus .line_vertical{margin: 20px auto;}
}
.img100{max-width: 100%;}

.fc-venus{color: #49351f;}
.fc-mento{color: #003cc5;}

#venus02{background: url('/breast/images/sub/venus02_bg.jpg')center top/cover;}
#venus02 .section1{text-align: center;}
#venus02 .section1 p{font-size: 3rem; line-height: 1.4; font-weight: 600;}
#venus02 .section1 p b{font-weight: 900;}
@media all and (max-width:767px){
    #venus02 .section1 p{font-size: 2.4rem;}
}
#venus02 .section2{text-align: center;}
#venus02 .section2 p.t1{margin-top: 50px; font-size: 2.8rem; line-height: 1.4; font-weight: 600;}
#venus02 .section2 p.t2{margin-top: 50px; font-size: 2.8rem; line-height: 1.4; font-weight: 600; color: #705333;}
@media all and (max-width:767px){
    #venus02 .section2 p.t1{font-size: 1.8rem;}
    #venus02 .section2 p.t12{font-size: 2.2rem;}
}
#venus02 .section3{margin-top: 15%; text-align: center;}
#venus02 .section3 dl{margin-top: 15%; margin-bottom: 50px;}
#venus02 .section3 dl dt{font-size: 3rem; line-height: 1.4; font-weight: 600; color: #705333; font-weight: 900;}
#venus02 .section3 dl dd{margin-top: 20px; font-size: 2.2rem; color: #000; line-height: 1.6; font-weight: 600;}
#venus02 .section3 .contwrap{display: flex; justify-content: center;}
#venus02 .section3 .contwrap > div{width: 50%;}
#venus02 .section3 .contwrap .l_cont{background:url('/breast/images/sub/venus02_img3.png')right top/cover}
#venus02 .section3 .contwrap .r_cont{padding-left: 50px; text-align: left;}
@media all and (max-width:767px){
    #venus02 .section3 dl dt{font-size: 2.6rem;}
    #venus02 .section3 dl dd{font-size: 1.8rem;}
    #venus02 .section3 .contwrap .r_cont{padding-left: 10px; padding-right: 10px;;}
}
#venus03{padding: 90px 0; background-color: #ebe5e0;}
#venus03 dl{padding: 90px 0 0;}
#venus03 dl dt{font-size: 3rem; line-height: 1.4; font-weight: 600; color: #705333; font-weight: 900;}
#venus03 dl dd{margin-top: 20px; font-size: 2.2rem; color: #000; line-height: 1.6; font-weight: 600;}
#venus03 .contwrap{display: flex; justify-content: center; gap: 60px;}
#venus03 .contwrap .img img{display: block; height: 400px}
#venus03 .contwrap p{margin-top: 20px; display: inline-block; padding:6px 10px; background-color: #887051; color: #fff; font-size: 2rem; font-weight: 800; border-radius: 12px;}
@media all and (max-width:767px){
    #venus03{padding: 45px 0;}
    #venus03 dl{padding: 45px 0 0;}
    #venus03 dl dt{font-size: 2.4rem;}
    #venus03 .contwrap{gap: 20px; flex-direction: column;}
    #venus03 .contwrap .img {text-align: center;}
    #venus03 .contwrap .img img{height: 250px; margin: 0 auto;}
}
#venus04{}
#venus04 p{font-size: 2.2rem; color: #000; line-height: 1.6; font-weight: 600;}
@media all and (max-width:767px){
    #venus04 p{font-size: 2rem;}
}
#venus05{text-align: center; padding: 120px 0 30px; background: url('/breast/images/sub/venus05_bg2.jpg')center bottom/cover;}
#venus05 dl{}
#venus05 dl dt{font-family: 'Gloock'; font-size: 7rem; color: #920d14;}
#venus05 dl dd{margin-top: 15px; font-size: 2.0rem; color: #000; line-height: 1.3;}
@media all and (max-width:767px){
    #venus05{padding: 60px 0 30px;}
    #venus05 dl dt{font-size: 5rem;}
    #venus05 dl dd{font-size: 1.8rem;}
}
#venus06{padding: 90px 0 0; background-color: #e9e5e2;}
#venus06 .in{width: 94%; max-width: 600px; margin: 0 auto;}
#venus06 .in dl dt.dt1{font-size: 3.5rem; font-weight: 900; color: #000;}
#venus06 .in dl dt.dt2{font-size: 3.3rem; font-weight: 900; color: #000;}
#venus06 .in dl dt.dt2 span.dot{display: inline-block; vertical-align: bottom;margin-bottom: 5px; width: 10px; height: 10px; border-radius: 50%; background-color: #920d14;}
#venus06 .in dl dd{margin-top: 25px; font-size: 2.0rem; color: #000; line-height: 1.6;}
#venus06 .bar{height: 50px; background-color: #d3c2b4;}
@media all and (max-width:767px){
    #venus06 .in dl dt.dt1{font-size: 2.8rem;}
    #venus06 .in dl dt.dt2{font-size: 2.4rem;}

}
#venus07{background: url('/breast/images/sub/venus07_bg.png')no-repeat left top / auto 100%;}
#venus07 dl {margin-bottom: 70px;}
#venus07 dl dt{font-size: 3.5rem; font-weight: 900; color: #000; line-height: 2.2;}
@media all and (max-width:767px){
    #venus07 dl{margin-bottom: 40px;}
    #venus07 dl dt{font-size: 2.5rem; line-height: 1.4;}
}
#venus08{padding: 90px 0; background:linear-gradient(#f7f4f2, #fff ) ;}
#venus08 dl{margin-bottom: 70px;}
#venus08 dl dd{font-size: 3rem; font-weight: 800; color: #000;}
#venus08 dl dt{margin-top: 25px; font-size: 4.5rem; color: #920d14; font-weight: 800; line-height: 1.5;}
#venus08 dl dt p{font-size: 2.9rem; font-weight: 500;  color: #000;}
#venus08 .box{margin-top: 100px; padding: 20px; width: 100%; display: inline-block; max-width: 1000px; border-top: 10px solid #f7ebee;}
#venus08 .box .tit{text-align: left; padding-top: 1em; font-size: 4rem; font-weight: 800; color: #000;}
#venus08 .box .tit span{display: inline-block; vertical-align: top; margin-top: 10px; background-color: #e7194c; color: #fff; padding: 4px 1.4em; font-size: 1.6rem;}
#venus08 .box .boxcont{}
#venus08 .box .boxcont img{mix-blend-mode: multiply;}



.breast_venus{}
.breast_venus #sec01{height: 600px; background: url('/breast/images/sub/venus01_bg.jpg')right top/cover;}
.breast_venus #sec01 .s-inner{height: 100%; display: flex; align-items: center;}
.breast_venus #sec01 .s-inner .tit{}
.breast_venus #sec01 .s-inner .tit h3 img{max-width: 100%;}
.breast_venus #sec01 .s-inner .tit p{margin-top: 50px; text-align: left; color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 1.6;}
@media all and (max-width:767px){
    .breast_venus #sec01{padding-top: 15%; height: 440px; background-position: 800px top;}
    .breast_venus #sec01 .s-inner .tit p{margin-top: 30px; font-size: 1.8rem;}
}

.breast_venus #sec02{}
.breast_venus #sec02 .txt{padding-top: 30px;}
.breast_venus #sec02 .txt p{padding-top: 30px; font-size: 1.9rem; color: #000; line-height: 1.5;}
@media all and (max-width:767px){
    .breast_venus #sec02 .txt p{font-size: 1.7rem;}
}


.breast_drcha{}
.breast_drcha #sec01{color: #fff; background: url('/breast/images/sub/breast_drcha_img1.jpg')left top/cover;}
.breast_drcha #sec01 .sTitle{display: inline-block; margin-bottom: 60px; padding-bottom: 10px; border-bottom: 2px solid #fff;}
.breast_drcha #sec01 .sTitle h3{font-size: 4rem; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
.breast_drcha #sec01 .sTitle h3 span{font-family: 'Noto Serif'; font-weight: 700;}
.breast_drcha #sec01 .sTitle h4{padding-top: 5px; font-size: 3rem; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
.breast_drcha #sec01 .sTitle p{padding-top: 2em; font-size: 1.9rem; line-height: 1.6em;}
.breast_drcha #sec01 .dTitle{font-size: 5rem;}
.breast_drcha #sec01 .dTitle dt{font-size: 1.9rem; font-weight: 500; font-family: 'GmarketSans';}
.breast_drcha #sec01 .dTitle dd{padding-top: 5px; font-family: 'GmarketSans'; font-weight: 500;}
.breast_drcha #sec01 .dTitle dd span{font-size: 0.5em; font-weight: 300;}
@media all and (max-width:640px){
    .breast_drcha #sec01 .sTitle h3{font-size: 3rem;}
}
@media all and (max-width:480px){
    .breast_drcha #sec01 .sTitle{text-align: center; display: block;}
    .breast_drcha #sec01 .sTitle h3{font-size: 2rem;}
    .breast_drcha #sec01 .sTitle h4{font-size: 2.4rem; line-height: 1.4;}
    .breast_drcha #sec01 .sTitle p{font-size: 1.5rem;}
    .breast_drcha #sec01 .dTitle{text-align: center; font-size: 4rem;}
}

.breast_drcha #sec02{}
.breast_drcha #sec02 .sTitle{margin-bottom: 50px;}
.breast_drcha #sec02 .sTitle h3{ font-size:4rem; color: #000;}
.breast_drcha #sec02 .sTitle h4{color: #7e1dbc; font-size: 2.4rem; font-weight: 600;}
.breast_drcha #sec02 .contWrap ul{display: flex; gap: 50px; flex-wrap: wrap;}
.breast_drcha #sec02 .contWrap ul li{width: calc((100% - 100px)/3);}
.breast_drcha #sec02 .contWrap ul li .img img{width: 100%;}
.breast_drcha #sec02 .contWrap ul li dl dt{font-size: 2.8rem; font-weight: 600; color: #000; padding: 0.5em 0;}
.breast_drcha #sec02 .contWrap ul li dl dd{font-weight: 300; font-size: 1.8rem; line-height: 1.6em; word-break: keep-all;}
@media all and (max-width:976px){
    .breast_drcha #sec02 .sTitle{margin-bottom: 30px;}
    .breast_drcha #sec02 .sTitle h3{font-size: 3rem;}
    .breast_drcha #sec02 .sTitle h4{font-size: 2.0rem;}
    .breast_drcha #sec02 .contWrap ul{gap: 20px;}
    .breast_drcha #sec02 .contWrap ul li{width: calc((100% - 40px)/3);}
}
@media all and (max-width:640px){
    .breast_drcha #sec02 .contWrap ul li{width: calc((100% - 20px)/2);}
    .breast_drcha #sec02 .contWrap ul li dl dt{font-size: 2.0rem;}
    .breast_drcha #sec02 .contWrap ul li dl dd{font-size: 1.5rem;}
}
@media all and (max-width:480px){
    .breast_drcha #sec02 .sTitle{margin-bottom: 25px;}
    .breast_drcha #sec02 .sTitle h3{font-size: 2.4rem;}
    .breast_drcha #sec02 .sTitle h4{font-size: 1.7rem;}


    .breast_drcha #sec02 .contWrap ul{gap: 10px;}
    .breast_drcha #sec02 .contWrap ul li{width: calc((100% - 10px)/2);}

}

.mb0{margin-bottom: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.p-Part {padding:130px 0}
.m-Part {margin:130px 0}
@media all and (max-width:976px){
    .p-Part {padding:100px 0}
    .m-Part {margin:100px 0}
}
@media all and (max-width:767px){
    .p-Part {padding:80px 0}
    .m-Part {margin:80px 0}
}
@media all and (max-width:568px){
    .p-Part {padding:60px 0}
    .m-Part {margin:60px 0}
}


.fc-motiva{color: #7e2d85 !important;}
.motiva p{letter-spacing: -0.085em;}



#motiva1{display: flex; gap: 80px; align-items: flex-end; justify-content: space-between;}
#motiva1 img{max-width: 100%;}
#motiva1 dl{color: #000; padding-bottom: 12rem;}
#motiva1 dl dt{font-size: 4.8rem; font-weight: 900;}
#motiva1 dl dd{padding-top: 1em;}
#motiva1 dl dd p.t1{font-size: 2.6rem; padding-top: 1em;}
#motiva1 .l_cont{}
#motiva1 .l_cont img{width: 100%; height: 100%; object-fit: cover;}
@media all and (max-width:1400px){
    #motiva1{align-items: stretch;}
    #motiva1 .r_cont{margin-top: auto;}
    #motiva1 dl{padding-bottom: 8rem;}
    #motiva1 dl dt{font-size: 4rem;}
    #motiva1 dl dd p.t1{font-size: 2.4rem;}
    #motiva1 dl dd p.t1.fw-B{font-size: 2.8rem;}
}
@media all and (max-width:976px){
    #motiva1{gap:40px;}    
}
@media all and (max-width:640px){
    #motiva1{gap:1.5em;}    
    #motiva1 dl{padding-bottom: 4rem;}
    #motiva1 dl dt{font-size: 2.8rem;}
    #motiva1 dl dd p.t1{font-size: 1.7rem;}
    #motiva1 dl dd p.t1.fw-B{font-size: 1.9rem;}
}
@media all and (max-width:480px){
    #motiva1{gap:1em;}    
    #motiva1 dl{padding-bottom: 2rem;}
    #motiva1 dl dt{font-size: 2rem;}
    #motiva1 dl dd p.t1{font-size: 1.4rem;}
    #motiva1 dl dd p.t1.fw-B{font-size: 1.6rem;}
}

.img800{max-width: 800px; margin: 0 auto;}
.img800 img{max-width: 100%;}

#motiva2{position: relative; background:url('/breast/images/sub/breast1-1_img3.jpg')no-repeat left center/cover;}
#motiva2 .s-inner{position: static;}
#motiva2 .sTitle{color: #fff; margin-bottom: 3%}
#motiva2 .sTitle p{font-size:3.0rem; font-weight: 300;}
#motiva2 .sTitle h3{font-size: 6rem;}
#motiva2 .sTitle p + h3{padding-top: 0.3em;}
#motiva2 .sTitle h3 + p{padding-top: 1em;}
#motiva2 .contWrap{text-align: center;}
#motiva2 .img800{max-width: 680px;}
#motiva2 p.eng{writing-mode: vertical-rl; position: absolute; right: 6%; top: 50%; transform: translateY(-50%); font-size: 4rem; white-space: nowrap; color: #fff; text-align: center;}
@media all and (max-width:1400px){
    #motiva2 .sTitle p{font-size: 2.8rem;}
    #motiva2 .sTitle h3{font-size: 7rem;}
    #motiva2 .contWrap .img800{margin-left: 0;}
    #motiva2 p.eng{font-size: 2.6rem; font-weight: 300; letter-spacing: 0.05em;}
}
@media all and (max-width:976px){
    #motiva2 p.eng{right: 4%;}
    #motiva2 .contWrap{padding-right: 110px;}
}
@media all and (max-width:640px){
    #motiva2 .sTitle {margin-bottom: 4rem;}
    #motiva2 .sTitle p{font-size: 2.2rem;}
    #motiva2 .sTitle h3{font-size: 5rem;}
    #motiva2 p.eng{font-size: 2.0rem;}
}
@media all and (max-width:480px){
    #motiva2 .sTitle {text-align: center;}
    #motiva2 .sTitle p{font-size: 1.9rem;}
    #motiva2 .sTitle h3{font-size: 4rem;}
    #motiva2 .contWrap {padding-right: 0;}
    #motiva2 .contWrap .img800{margin-left: auto;}
    #motiva2 p.eng{padding-top: 2rem; transform: none; writing-mode: initial; position: static; white-space: wrap; font-size: 1.3rem;}
    
}

#motiva3{position: relative; background-color: #4f0d45; color: #fff; text-align: center;} 
#motiva3:before{content: ''; position:absolute; left: 50%; top: 100%;width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 82.3px 47.5px 0 47.5px;
    border-color: #4f0d45 transparent transparent transparent;
    transform: translateX(-50%) rotate(0deg);}
#motiva3 .sTitle{}
#motiva3 .sTitle h3{font-size: 12rem; font-family: 'Noto Serif';}
#motiva3 .sTitle p.t1{padding-top: 1em; font-size:2.8rem ; font-weight: 300;}
#motiva3 .sTitle p.t2{padding: 3em 0; font-size: 4rem; font-weight: 500; font-style: italic; text-decoration: underline; text-underline-offset: 15px; text-decoration-thickness: 3px;}
#motiva3 .contWrap{}
#motiva3 .contWrap ul{display: flex; justify-content: center; margin-right: -20px;}
#motiva3 .contWrap ul li{display: flex; justify-content: center; align-items: center; width: 255px; height: 255px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; font-size: 3.7rem; font-weight: 300; margin-left: -20px;}
#motiva3 .contWrap ul li:nth-child(1){background-image: url('/breast/images/sub/breast1-1_img5.png');}
#motiva3 .contWrap ul li:nth-child(2){background-image: url('/breast/images/sub/breast1-1_img6.png');}
#motiva3 .contWrap ul li:nth-child(3){background-image: url('/breast/images/sub/breast1-1_img7.png');}
@media all and (max-width:1400px){
    #motiva3 .sTitle h3{font-size: 10rem;}
    #motiva3 .sTitle p.t1{font-size: 2.0rem;}
    #motiva3 .sTitle p.t2{font-size: 2.9rem;}
    #motiva3 .contWrap ul li{width: 200px; height: 200px; font-size: 3rem;;}
}
@media all and (max-width:640px){
    #motiva3 .sTitle h3{font-size: 7rem;}
    #motiva3 .sTitle p.t1{font-size: 1.8rem;}
    #motiva3 .sTitle p.t2{font-size: 1.9rem;}
    #motiva3 .contWrap ul li{width: 150px; height: 150px; font-size: 2rem;;}
}
@media all and (max-width:480px){
    #motiva3 .sTitle h3{font-size: 5rem;}
    #motiva3 .sTitle p.t1{font-size: 1.5rem;}
    #motiva3 .sTitle p.t2{font-size: 1.6rem;}
    #motiva3 .contWrap ul li{width: 110px; height: 110px; font-size: 1.5rem;;}
}


#motiva4{}
#motiva4 .sTitle{text-align: center; }
#motiva4 .sTitle p{font-size: 4rem; font-weight: 500; color: #a63795;}
#motiva4 .sTitle h3{font-family: 'Roboto'; font-size: 10rem; font-weight: 500; color: #000;}
#motiva4 .dTitle{padding: 6em 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 2em;}
#motiva4 .dTitle dt{display: inline-block; border-bottom:3px solid #a63795; font-weight: 500; font-size: 4.5rem; color: #000;}
#motiva4 .dTitle dd{display: inline-block; padding: 1em; font-size: 2.4rem; border:2px solid #a63795; color: #a63795; font-weight: 600; border-radius: 20px;}
#motiva4 p.t1{padding-top: 5%; text-align: center; font-size: 2.2rem; line-height: 1.4; color: #000;}
#motiva4 p.t1 span{color: #a63795;}
@media all and (max-width:1400px){
    #motiva4 .sTitle p{font-size: 3rem;}
    #motiva4 .sTitle h3{font-size: 7rem;}
    #motiva4 .dTitle{padding: 5em 0;}
    #motiva4 .dTitle dt{font-size: 3.0rem;}
    #motiva4 .dTitle dd{font-size: 1.9rem;}
}
@media all and (max-width:640px){
    #motiva4 .sTitle p{font-size: 2rem;}
    #motiva4 .sTitle h3{font-size: 5rem;}
    #motiva4 .dTitle{padding: 3em 0;}
    #motiva4 p.t1{font-size: 1.9rem;}
}


#breast1-system{background: url('/breast/images/sub/breast1-systemBG.jpg')no-repeat center center/cover; color: #fff;}
#breast1-system .sTitle{margin-bottom: 50px; padding: 30px 0; border-top: 3px solid #fff; border-bottom: 2px solid #fff;}
#breast1-system .sTitle h3{font-size: 6rem;}
#breast1-system .sTitle p{padding-top: 10px; font-size: 3rem;}
#breast1-system .contWrap ul{display: flex; flex-wrap: wrap; gap:90px;}
#breast1-system .contWrap ul li{width: calc((100% - 90px)/2);}
#breast1-system .contWrap ul li .img img{width: 100%;}
#breast1-system .contWrap ul li dl{text-align: center;}
#breast1-system .contWrap ul li dl dt{padding: 0.8em 0; font-size: 3rem; font-weight: 700; color: #f17bd4; line-height: 1.4em;}
#breast1-system .contWrap ul li dl dd{font-size: 1.9rem; line-height: 1.6; font-weight: 300;}
@media all and (max-width:976px){
    #breast1-system .sTitle h3{font-size: 4rem;}    
    #breast1-system .sTitle p{padding-top: 5px; font-size: 2rem;}
    #breast1-system .contWrap ul{gap:30px}
    #breast1-system .contWrap ul li{width: calc((100% - 30px)/2);}
    #breast1-system .contWrap ul li dl dt{font-size: 2.4rem;}
    #breast1-system .contWrap ul li dl dd{font-size: 1.7rem;}
}
@media all and (max-width:640px){
    #breast1-system .contWrap ul{gap:30px 10px}
    #breast1-system .contWrap ul li{width: calc((100% - 10px)/2);}
    #breast1-system .contWrap ul li dl dt{font-size: 1.9rem;}
    #breast1-system .contWrap ul li dl dd{font-size: 1.5rem;}
    #breast1-system .contWrap ul li dl dd br{display: none;}
}
@media all and (max-width:480px){
    #breast1-system .sTitle {padding: 15px 0; margin-bottom: 25px;}
    #breast1-system .sTitle h3{font-size: 3rem;}
    #breast1-system .sTitle p{padding-top: 5px; font-size: 1.7rem;}
    #breast1-system .contWrap ul li dl dt{font-size: 1.6rem;}
    #breast1-system .contWrap ul li dl dd{font-size: 1.4rem;}
}



#preserve1{}
#preserve1 .dTitle{}
#preserve1 .dTitle dt{font-size: 5.0rem; font-weight: 700; color: #1b3f2d;}
#preserve1 .dTitle dt b{font-size: 1.2em;}
#preserve1 .dTitle dd {padding-top:1em;}
#preserve1 .dTitle dd p{display: inline-block;font-size: 4.5rem; padding: 7px 1em; background-color: #1b3f2d; color: #fff ; font-weight: 700;}
#preserve1 img#txt-img{width: 60%;}
#preserve1 .mainImg{padding-top: 40px; text-align: center;}
#preserve1 .mainImg img{max-width: 100%;}
#preserve1 .iconWrap{padding-top: 40px; display: flex; justify-content: center;}
#preserve1 .iconWrap ul{ width:33.3333%; max-width: 330px;}
#preserve1 .iconWrap ul + ul{border-left: 2px solid #000;}
#preserve1 .iconWrap ul li{margin-bottom: 20%; text-align: center;}
#preserve1 .iconWrap ul li p{padding-top: 1em; font-size: 2.2rem; font-weight: 700; color: #000;}
#preserve1 p.t1{padding-top: 40px; font-size: 4rem; font-weight: 300; color: #1b3f2d; line-height: 1.4;}
#preserve1 p.t1 b{font-weight: 700;}
#preserve1 p.t1 .t-box{display: inline-block; padding:0 10px; background-color: #1b3f2d; color: #fff; font-weight: 700;}
#preserve1 .about{margin-top: 1em; font-family: 'Noto Serif'; font-size: 7rem; text-align: center; color: #1b3f2d;}
#preserve1 h3{font-size: 5rem; text-align: center; color: #1b3f2d; font-weight: 500; margin-bottom: 0.5em; text-decoration: underline; text-underline-offset: 0.5em; text-decoration-thickness: 2px;}
@media all and (max-width:1400px){
    #preserve1 .dTitle dt{font-size: 3.8rem;}
    #preserve1 .dTitle dd p{font-size: 2.9rem;}
    #preserve1 img#txt-img{width: 30%;}
    #preserve1 .about{font-size: 5rem;}
    #preserve1 h3{font-size: 3rem;}
    #preserve1 p.t1{font-size: 3.0rem;}
}
@media all and (max-width:640px){
    #preserve1 .iconWrap ul li img{height: 60px;}
    #preserve1 .iconWrap ul li p{font-size: 1.7rem;}
    #preserve1 p.t1{font-size: 2.4rem;}
}
@media all and (max-width:480px){
    #preserve1 .dTitle {margin-bottom: 1em;}
    #preserve1 .dTitle dt{font-size: 3.0rem;}
    #preserve1 .dTitle dd{padding-top: 0;}
    #preserve1 .dTitle dd p{font-size: 1.8rem;}
    #preserve1 .iconWrap ul li img{height: 40px;}
    #preserve1 .iconWrap ul li p{font-size: 1.3rem;}
    #preserve1 p.t1{font-size: 1.8rem;}
        #preserve1 .about{font-size: 4rem;}
    #preserve1 h3{font-size:3rem; padding-top: 1em;}
}



#preserve2{background: url('/breast/images/sub/preserve1-img9.png')no-repeat left top/cover;}
#preserve2 .dTitle{margin-bottom: 5rem; text-align: center; padding-top: 10%;}
#preserve2 .dTitle dt{font-size: 4rem; color: #1b3f2d;}
#preserve2 .dTitle dt b{font-size: 1.2em; font-weight: 700;}
#preserve2 .dTitle dd{padding-top: 3rem; display: flex; justify-content: center; gap: 2rem; align-items: center; font-size: 6rem; font-weight: 800; }
#preserve2 .dTitle dd img{height: 5.5rem;}
#preserve2 .contWrap p.t1{padding-top: 3rem; text-align: center; font-size: 2.6rem; line-height: 1.6; font-weight: 500; color: #1b3f2d;}
#preserve2 .contWrap p.t1 b{font-weight: 800;}
@media all and (max-width:1400px){
    #preserve2 .dTitle{}
    #preserve2 .dTitle dt{font-size: 3rem;}
    #preserve2 .dTitle dd{font-size: 4rem;}
    #preserve2 .dTitle dd img{height:4.5rem;}
    #preserve2 .contWrap p.t1{font-size: 2rem;}
}
@media all and (max-width:480px){
    #preserve2 .dTitle dt{font-size: 2.8rem;}
    #preserve2 .dTitle dd{font-size: 2.3rem;}
    #preserve2 .dTitle dd img{height:3.5rem;}
    #preserve2 .contWrap p.t1{font-size: 1.8rem;}
}

#preserve3{background:url('/breast/images/sub/preserve1-img12.jpg')no-repeat right top/cover; text-align: center; }
#preserve3 .sTitle{margin-bottom: 50px;}
#preserve3 .sTitle h3{font-size: 5rem; color: #1b3f2d; }
#preserve3 .contWrap{display: inline-flex; width: fit-content; align-items: center;}
#preserve3 .contWrap > div{width: 50%;}
#preserve3 .contWrap .l_cont{ overflow: hidden; border-radius: 60px 0 0 60px;}
#preserve3 .contWrap .l_cont h4{background-color: #1b3f2d; color: #fff; font-size: 2.2rem; line-height: 60px;}
#preserve3 .contWrap .l_cont dl {display: flex; border-top: 1px solid #ffffff90;}
#preserve3 .contWrap .l_cont dl dt{flex:0 0 auto;   font-weight: 700; color: #fff; font-size: 2.2rem; padding: 1em; width: 200px; background-color: #2f6f4f; display: flex; justify-content: center; align-items: center;}
#preserve3 .contWrap .l_cont dl dt img{height: 25px;}
#preserve3 .contWrap .l_cont dl dd{padding: 1em; width: 400px;background-color: #f4faf7; color: #1b3f2d; font-size: 2rem;}
#preserve3 .contWrap .r_cont dl{box-shadow: -1em 0 5px rgba(0, 0, 0, 0.7); background-color: #1b3f2d; padding: 20px; overflow: hidden; border-radius: 0 60px 60px 0;}
#preserve3 .contWrap .r_cont dl dt{text-align: center; padding: 10px 10px 20px; }
#preserve3 .contWrap .r_cont dl dd{background-color: #fff; border-top: 1px solid #2f6f4f; font-size: 2.8rem; font-weight: 700; line-height: 65px; color: #1b3f2d;}
#preserve3 .contWrap .r_cont dl dd:first-of-type{border-radius: 60px 60px 0 0;}
#preserve3 .contWrap .r_cont dl dd:last-of-type{border-radius: 0 0 60px 60px;}
#preserve3 p.t1{margin-top: 1.5em; font-size: 3.0rem; font-weight: 700; color: #1b3f2d;}
@media all and (max-width:1280px){
    #preserve3 .contWrap > div{width: 100%}
    #preserve3 .contWrap .l_cont dl dt{width: 25%;}
    #preserve3 .contWrap .l_cont dl dd{width: 100%; white-space: nowrap;}
    #preserve3 .contWrap .r_cont dl dt{}
    #preserve3 .contWrap .r_cont dl dt img{width: 100%;}
    #preserve3 .contWrap .r_cont dl dd{padding: 0 2em; white-space: nowrap;}
}
@media all and (max-width:800px){
    #preserve3 .sTitle h3{font-size: 4.0rem;}
    #preserve3 .contWrap .l_cont{border-radius: 30px 0 0 30px;}
    #preserve3 .contWrap .l_cont dl dt {padding: 10px; font-size: 1.8rem;}
    #preserve3 .contWrap .l_cont dl dt img{height: 15px;}
    #preserve3 .contWrap .l_cont dl dd{white-space: wrap; font-size: 1.8rem;}
    #preserve3 .contWrap .r_cont dl{border-radius: 0 30px 30px 0; padding: 8px;}
    #preserve3 .contWrap .r_cont dl dd{white-space: wrap; padding: 0; font-size: 2rem;}
    #preserve3 .contWrap .r_cont dl dd:first-of-type{border-radius: 30px 30px 0 0;}
    #preserve3 .contWrap .r_cont dl dd:last-of-type{border-radius: 0 0 30px 30px;}
    #preserve3 p.t1{font-size: 2rem;}
}
@media all and (max-width:480px){
    #preserve3 .sTitle {margin-bottom: 30px;}
    #preserve3 .sTitle h3{font-size: 3.0rem;}
    #preserve3 .contWrap .l_cont dl dt{font-size: 1.2rem;}
    #preserve3 .contWrap .l_cont dl dd{font-size: 1.4rem;}
    #preserve3 .contWrap .r_cont dl dd{font-size: 1.5rem; line-height: 45px;}
    #preserve3 p.t1{font-size: 1.8rem;}

}



#preserve4{}
#preserve4 .sTitle{margin-bottom: 50px;}
#preserve4 .sTitle h3{display: inline-flex; justify-content: center; align-items: start; font-size: 5rem; color: #000; gap: 1em; font-family: 'Noto Serif';}
#preserve4 .sTitle img{height: 50px;}
#preserve4 .contWrap{}
#preserve4 .contWrap ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
#preserve4 .contWrap ul li{width: 50%; margin-bottom: 30px;}
#preserve4 .contWrap ul li:nth-child(2n){margin-top: 5rem; text-align: right;}
#preserve4 .contWrap ul li:nth-child(2n) dl{text-align: left;}

@media all and (max-width:1280px){
    #preserve4 .contWrap ul{gap: 1em;}
    #preserve4 .contWrap ul li{width: calc(50% - 0.5em); margin-bottom: 0;}
}
@media all and (max-width:767px){
    #preserve4 .sTitle h3{display: block;}
    #preserve4 .contWrap ul{flex-direction: column; gap: 3em;}
    #preserve4 .contWrap ul li{width: 100%;}
    #preserve4 .contWrap ul li:nth-child(2n){margin-top: 0; text-align: left;}

}
  


#speech-bubble {
    position: relative;
    display: inline-block;
    background: #cfd4cc;
    border-radius: 30px;
    padding: 3em;
    width: fit-content;
    color: #333;
  }
  #speech-bubble::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    top: 100%; /* 말풍선 아래쪽에 꼬리 */
  }

  #speech-bubble.lft::after {
    left: 10%;    /* 꼬리의 가로 위치 */
    border-top-color: #cfd4cc; /* 말풍선과 같은 색 */
  }
  #speech-bubble.rgt::after {
    right: 10%;    /* 꼬리의 가로 위치 */
    border-top-color: #cfd4cc; /* 말풍선과 같은 색 */
  }
  
  #speech-bubble dt{font-size: 2.4rem; font-weight: 500; color: #1b3f2d;}
  #speech-bubble dd{padding-top: 0.5em; font-size: 2.4rem; font-weight: 800; color: #7e2d85;}
  @media all and (max-width:976px){
    #speech-bubble dt{font-size: 2.0rem;}
    #speech-bubble dd{font-size: 2.0rem;}
  }
@media all and (max-width:767px){
    #speech-bubble {width: 100%;}
}
    



  #preserve5{text-align: center; /*background: url('/breast/images/sub/preserve1-img15.jpg')no-repeat center center/cover;*/}
  #preserve5 .dTitle{margin-bottom: 50px;}
  #preserve5 .dTitle dt{}
  #preserve5 .dTitle dt img{max-width: 100%;}
  #preserve5 .dTitle dd{padding-top: 0.5em; font-size: 5rem; font-weight: 500; color: #1b3f2d;}
  #preserve5 p.t1{ font-size: 3.0rem; color: #1b3f2d; line-height: 1.4;}
  #preserve5 .box{padding: 5em 10em; border-radius: 20px; width: fit-content; margin: 50px auto 0; background-color: #1b3f2d; color: #fff;}
  #preserve5 .box p{font-size: 3.2rem; line-height: 1.2; text-align: left;}
  #preserve5 .box p:not(:first-of-type){padding-top: 1em;}
@media all and (max-width:976px){
    #preserve5 .dTitle{margin-bottom: 40px;}
    #preserve5 .dTitle dt img{max-width: 50%;}
    #preserve5 .dTitle dd{font-size: 4rem;}
    #preserve5 p.t1{font-size: 2.4rem;}
    #preserve5 .box{padding: 2em;}
    #preserve5 .box p{font-size: 2.4rem;}
}
@media all and (max-width:480px){
    #preserve5 .dTitle{margin-bottom: 30px;}
    #preserve5 .dTitle dd{font-size: 2.5rem;}
    #preserve5 p.t1{font-size: 1.9rem;}
    #preserve5 .box{margin: 20px auto 0;}
    #preserve5 .box p{font-size: 1.6rem;}

}



#preserve6{}
#preserve6 .dTitle{margin-bottom: 50px;}
#preserve6 .dTitle dd{padding-top: 1em; font-size:4rem; font-weight: 500; color: #1b3f2d;}
#preserve6 .contWrap{display: flex; justify-content: center; gap: 30px;}
#preserve6 .contWrap .item {width: calc((100% - 30px*2)/3); text-align: center;}
#preserve6 .contWrap .item .img img{width: 100%;}
#preserve6 .contWrap .item dl{padding-top: 1em;}
#preserve6 .contWrap .item dl dt{display: inline-block; margin-bottom: 0.3em; padding: 0.3em 1em; background-color: #1b3f2d; color: #fff; font-weight: 600; font-size: 2.4rem; border-radius: 99px;}
#preserve6 .contWrap .item dl dd{font-size: 3.2rem; font-weight: 800; color: #000;}
#preserve6 .tail {text-align: center; margin-top: 5em;}
#preserve6 .tail p{font-size: 2.0rem; font-weight: 700; color: #1b3f2d;}

@media all and (max-width:1400px){
    #preserve6 .dTitle{margin-bottom: 40px;}
    #preserve6 .dTitle dd{font-size: 3.4rem;}
    #preserve6 .dTitle img{height:5.5rem;}
    #preserve6 .contWrap .item dl dt{font-size: 2.0rem;}
    #preserve6 .contWrap .item dl dd{font-size: 2.6rem;}
}
@media all and (max-width:768px){
    #preserve6 .dTitle{margin-bottom: 30px;}
    #preserve6 .dTitle dd{font-size: 2.4rem;}
    #preserve6 .dTitle img{height:3.5rem;}
    #preserve6 .contWrap {gap: 10px;}
    #preserve6 .contWrap .item{width: calc((100% - 10px*2)/3);}
    #preserve6 .contWrap .item dl dt{font-size: 1.6rem;}
    #preserve6 .contWrap .item dl dd{font-size: 1.8rem;}
}
@media all and (max-width:480px){
    #preserve6 .contWrap .item dl dt{font-size: 1.4rem;}
    #preserve6 .contWrap .item dl dd{font-size: 1.5rem;}
    #preserve6 .tail p{font-size: 1.4rem;}
}


#preserve7{background: url('/breast/images/sub/breast7_bg.png')no-repeat right center/cover;}
#preserve7 .dTitle{text-align: center; margin-bottom: 50px;}
#preserve7 .dTitle dt{font-size: 5rem; color: #1b3f2d; font-weight: 700;}
#preserve7 .dTitle dd{padding-top: 1em; font-weight: 700; font-size: 2.0rem; color: #1b3f2d;}
#preserve7 .contWrap{display: flex; gap: 10px ; flex-wrap: wrap;}
#preserve7 .contWrap .item{padding: 2em; width: calc((100% - 10px*3)/4); border:1px solid #1b3f2d; background-color: #fff; border-radius: 60px; text-align: center;}
#preserve7 .contWrap .item dl{}
#preserve7 .contWrap .item dl dt{margin: 1em 0 0.5em; font-size: 2.0rem; font-weight: 700;}
#preserve7 .contWrap .item dl dd{font-size: 4.0rem; font-weight: 800; color: #1b3f2d;}
@media all and (max-width:1400px){
    #preserve7 .dTitle{margin-bottom: 40px;}   
    #preserve7 .dTitle dt{font-size: 4.4rem;}
    #preserve7 .dTitle dd{font-size: 1.8rem;}
    #preserve7 .contWrap .item .img img{max-width: 60%;}
    #preserve7 .contWrap .item dl dt{font-size: 1.8rem;}
    #preserve7 .contWrap .item dl dd{font-size: 3.0rem;}
}
@media all and (max-width:976px){
    #preserve7 .dTitle{margin-bottom: 30px;}   
    #preserve7 .dTitle dt{font-size: 4.0rem;}
    #preserve7 .dTitle dd{font-size: 1.6rem;}
    #preserve7 .contWrap .item{width: calc(50% - 5px);}
    #preserve7 .contWrap .item dl dd{font-size: 2.4rem;}
}
@media all and (max-width:480px){
     #preserve7 .dTitle dt{font-size: 2.8rem;}
    #preserve7 .dTitle dd{font-size: 1.4rem;}
    #preserve7 .contWrap .item{padding: 1em; border-radius: 2em;}
    #preserve7 .contWrap .item dl dt{font-size: 1.4rem;}
    #preserve7 .contWrap .item dl dd{font-size: 1.6rem;}
}


#preserve8{text-align: center;}
#preserve8 .dTitle{margin-bottom: 50px;}
#preserve8 .dTitle dt{font-size: 7rem; font-weight: 800; color: #1b3f2d;;}
#preserve8 .dTitle dd{padding-top: 1em; font-weight: 700; font-size: 2.0rem; color: #1b3f2d;}
#preserve8 .contWrap ul{display: flex; gap: 30px; margin-bottom: 60px;}
#preserve8 .contWrap ul li{width: calc((100% - 30px)/2); border-radius: 70px; overflow: hidden;;}
#preserve8 .contWrap ul li p{font-size: 3.0rem; padding: 0.75em; background-color: #dfe6e2; color: #000; font-weight:600; }
#preserve8 .contWrap ul li:nth-child(2) p{background-color: #1b3f2d; color: #fff; font-weight:600;}
#preserve8 .tail p{font-size: 1.8rem; font-weight: 500;;}
@media all and (max-width:1400px){
    #preserve8 .dTitle{margin-bottom: 40px;}
    #preserve8 .dTitle dt{font-size: 5rem;}
    #preserve8 .dTitle dd{font-size: 1.8rem;}
    #preserve8 .contWrap ul li img{width: 100%;}
    #preserve8 .contWrap ul li p{font-size: 2.4rem;}
    #preserve8 .tail p{font-size: 1.6rem;}
}
@media all and (max-width:976px){
    #preserve8 .dTitle{margin-bottom: 30px;}
    #preserve8 .dTitle dt{font-size: 4rem;}
    #preserve8 .dTitle dd{font-size: 1.6rem;}
    #preserve8 .contWrap ul li{border-radius: 40px;}
    #preserve8 .contWrap ul li p{font-size: 2.0rem;}
    #preserve8 .tail p{font-size: 1.4rem;}
}
@media all and (max-width:480px){
    #preserve8 .dTitle dt{font-size: 2.8rem;}
    #preserve8 .dTitle dd{font-size: 1.4rem;}
    #preserve8 .contWrap ul {gap: 1em; margin-bottom:1.5em;}
    #preserve8 .contWrap ul li{border-radius: 1.5em; width: calc((100% - 1em)/2);}
    #preserve8 .contWrap ul li p{font-size: 1.4rem;}
}




#mento1{padding:700px 0 400px; background: url('/breast/images/sub/breast1-3-img3.png')no-repeat center top/100% auto;}
#mento1 .top {text-align: center;}
#mento1 .top .tit{margin-bottom: 1em; font-size: 14rem; font-family: 'Gloock'; color: #d91c82;}
#mento1 .top dl{margin-bottom: 170px; font-family: 'Escoredream'; color: #333; letter-spacing: -0.02em;}
#mento1 .top dl dt{font-size: 5rem; font-weight: 700; }
#mento1 .top dl dd{font-size: 3.6rem; margin-top: 0.5em;}
#mento1 .mid{text-align: center;}
#mento1 .mid .img img{max-width: 90%;}
#mento1 .mid .img + .img{margin-top: 130px;}
#mento1 .btm{margin-top: 300px; margin-inline: auto; width: 94%; max-width: 1165px;}
#mento1 .btm dl{}
#mento1 .btm dl dt{color: #e33a96; font-family: serif; font-size: 7rem;}
#mento1 .btm dl dd{font-family: 'Escoredream'; color: #333; font-size: 6rem;}
#mento1 .btm .img{text-align: right;}
#mento1 .btm .img img{max-width: 80%;}
#mento1 .btm p{margin-top: 0.4em; font-size: 4.6rem; color: #000; font-weight: 300;;}
@media all and (max-width:1400px){
    #mento1{padding: 20vw 0 10vw;}
    #mento1 .btm{margin-top: 15vw;}
    #mento1 .btm dl dt{font-size: 5rem;}
    #mento1 .btm dl dd{font-size: 4rem;}
    #mento1 .btm p{font-size: 3.5rem;}
}
@media all and (max-width:1280px){
    #mento1 .top .tit{font-size: 10rem;}
    #mento1 .top img{max-width: 70%;}
    #mento1 .top dl{margin-bottom: 15vw;}
    #mento1 .top dl dt{font-size: 4rem;}
    #mento1 .top dl dd{font-size: 3rem;}
}
@media all and (max-width:768px){
    #mento1 .top .tit{font-size: 7rem;}
    #mento1 .top dl dt{font-size: 3rem;}
    #mento1 .top dl dd{font-size: 2rem;}
    #mento1 .btm dl dt{font-size: 3rem;}
    #mento1 .btm dl dd{font-size: 2.4rem;}
    #mento1 .btm p{font-size: 1.8rem;}
}

#mento2{padding:700px 0 0; background: url('/breast/images/sub/breast1-3-img8.png')no-repeat center top/100% auto;}
#mento2 .top {text-align: center;}
#mento2 .top .tit{margin-bottom: 400px; font-size: 14rem; font-family: 'Gloock'; color: #000a7d;}
#mento2 .top dl{}
#mento2 .top dl dt{color: #1f3770; font-size: 6rem; font-weight: 700;}
#mento2 .top dl dt span{font-family: 'Jost';}
#mento2 .top dl dd{margin-top: 0.2em; color: #94a1f1; font-size: 6.4rem; font-weight: 500;}
#mento2 .top ul{margin-block:60px; display: flex; justify-content: center; }
#mento2 .top ul li{display: flex; justify-content: center; align-items: center; width: 255px; height: 255px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; font-size: 3.7rem; font-weight: 300; margin-left: -20px; color: #fff;}
#mento2 .top ul li:nth-child(1){background-image: url('/breast/images/sub/breast1-3-img9.png');}
#mento2 .top ul li:nth-child(2){background-image: url('/breast/images/sub/breast1-3-img10.png');}
#mento2 .top ul li:nth-child(3){background-image: url('/breast/images/sub/breast1-3-img11.png');}
#mento2 .mid{position: relative; text-align: center;}
#mento2 .mid:before{content: ''; position: absolute; left: 50%; transform: translateX(-50%); top:0; width: 70%; max-width: 520px; height: 1px; background-color: #ddd;}
#mento2 .mid:after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 70%; max-width: 520px; height: 1px; background-color: #ddd;}
#mento2 .mid dl{padding: 60px 0;}
#mento2 .mid dl dd{font-size: 5.5rem; color: #333; font-weight: 300;}
#mento2 .mid dl dt{font-size: 7.4rem; color: #000a7d; font-weight: 800;}
#mento2 .btm{padding: 130px 0 200px; text-align: center;}
#mento2 .btm p{font-size: 5rem; color: #333;}
#mento2 .img{}
#mento2 .img img{max-width: 100%;}

@media all and (max-width:1400px){
    #mento2{padding: 20vw 0 0;}
    #mento2 .top ul li{width: 200px; height: 200px; font-size: 3rem;;}
    #mento2 .top dl dt{font-size: 5rem;}
    #mento2 .top dl dd{font-size: 4rem;}
    #mento2 .mid dl dd{font-size: 4rem;}
    #mento2 .mid dl dt{font-size: 5rem;}
    #mento2 .btm{padding: 13vw 0 17vw;}
    #mento2 .btm p{font-size: 3rem;}
}
@media all and (max-width:1280px){
    #mento2 .top .tit{margin-bottom: 20vw; font-size: 10rem;}
}
@media all and (max-width:768px){
    #mento2 .top .tit{font-size: 7rem;}
    #mento2 .top ul li{width: 150px; height: 150px; font-size: 2rem;;}
}
@media all and (max-width:568px){
    #mento2 .top dl dt{font-size: 4rem;}
    #mento2 .top dl dd{font-size: 3rem;}
    #mento2 .top ul li{width: 110px; height: 110px; font-size: 1.5rem;;}
    #mento2 .mid dl dd{font-size: 3rem;}
    #mento2 .mid dl dt{font-size: 4rem;}
    #mento2 .btm p{font-size: 2rem; padding-bottom: 2em;}
}


#mento3{padding: 200px 0; background-color: #edeff5;}
@media all and (max-width:1400px){
    #mento3{padding: 150px 0;}
}
@media all and (max-width:1280px){
    #mento3{padding: 110px 0;}
}
@media all and (max-width:976px){
    #mento3{padding: 90px 0;}
}
@media all and (max-width:768px){
    #mento3{padding: 15vw 0;}
}
.ff-jost{font-family: 'Jost' !important;}

.mento .dtit{position: relative; padding: 60px 0; color: #333; text-align: center;}
.mento .dtit:before{content: ''; position: absolute; left: 50%; transform: translateX(-50%); top:0; width: 70%; max-width: 520px; height: 1px; background-color: #afafaf;}
.mento .dtit:after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 70%; max-width: 520px; height: 1px; background-color: #afafaf;}
.mento .dtit.noline:before{display: none;}
.mento .dtit.noline:after{display: none;}
.mento .dtit dd{font-size: 5rem; line-height: 1.2em;}
.mento .dtit dt{color: #1f3770; font-size: 7rem; font-weight: 800;}
.mento .dtit dd + dt{margin-top: 0.1em;}
.mento .contwrap{margin-top: 100px; text-align: center;}
.mento .contwrap h4{margin-bottom: 20px; font-size: 6rem; font-weight: 700;}
.mento .contwrap .imgs{display: inline-flex; gap: 10px;}
.mento .contwrap .imgs .img{padding: 30px; position: relative; background-color: #fff;}
.mento .contwrap .imgs .img img{max-width: 100%;}
.mento .contwrap .imgs .img p{font-size: 4rem; font-weight: 700; color: #333;}
@media all and (max-width:1400px){
    .mento .dtit dd{font-size: 4rem;}
    .mento .dtit dt{font-size: 6rem;}
    .mento .contwrap{margin-top: 80px;}
}
@media all and (max-width:1280px){
    .mento .dtit dd{font-size: 3.5rem;}
    .mento .dtit dt{font-size: 5rem;}
    .mento .contwrap h4{font-size: 5rem;}
}
@media all and (max-width:976px){
    .mento .dtit dd{font-size: 3rem;}
    .mento .dtit dt{font-size: 4rem;}
    .mento .contwrap{margin-top: 60px;}
    .mento .contwrap h4{font-size: 4rem;}
    .mento .contwrap .imgs .img p{font-size: 3rem;}
}
@media all and (max-width:768px){
    .mento .dtit dd{font-size: 2.6rem;}
    .mento .dtit dt{font-size: 3rem;}
    .mento .contwrap{margin-top: 7vw;}
    .mento .contwrap h4{font-size: 3rem;}
    .mento .contwrap .imgs .img p{font-size: 2rem;}
}


#mento4{}
#mento4 .img img{width: 100%;}


#mento5{padding: 200px 0;}
#mento5 .dtit dt .fc{color: #94a1f1;}
#mento5 .contwrap{}
#mento5 .contwrap .img{position: relative;}
#mento5 .contwrap .img img{max-width: 90%;}
#mento5 .contwrap .img dl{}
#mento5 .contwrap .img dl dt{color: #254a9f; font-size: 5rem; font-weight: 600;;}
#mento5 .contwrap .img dl dd{margin-top: 0.2em; font-size: 4rem; color: #333;}
#mento5 .contwrap .img dl dd:nth-child(1){margin-top: 2em;}
#mento5 .contwrap .img p{margin-top: 110px; font-family: 'InkLipquid'; color: #1f3770; opacity: 0.8; font-size: 6rem;}
@media all and (max-width:1400px){
#mento5{padding: 150px 0;}
  
}
@media all and (max-width:1280px){
#mento5{padding:120px 0;}
#mento5 .contwrap .img dl dt{font-size: 4rem;}
#mento5 .contwrap .img dl dd{font-size: 3rem;}
}
@media all and (max-width:976px){
#mento5{padding: 90px 0;}
 
}
@media all and (max-width:768px){
#mento5{padding: 15vw 0;}
#mento5 .contwrap .img dl dt{font-size: 3rem;}
#mento5 .contwrap .img dl dd{font-size: 2rem;}
#mento5 .contwrap .img p{margin-top: 10vw; font-size: 3rem;}
}