@charset "utf-8";

#circleList2 {display:flex; justify-content:center; flex-wrap:wrap; gap:0 10px }
#circleList2 li {  border-radius:50%; text-align:center; color:#222; display:flex;  flex-direction: column;justify-content: center; align-items: center;}
#circleList2 li .num {font-size:2.0rem; font-weight:500; font-family:'Barlow'; line-height:1.4em; border-bottom:1px solid #FFF}
#circleList2 li .t1 {margin-top:0.8em; font-size:2.2rem; font-weight:500 }
#circleList2 li svg{width: 30px; height: 30px;stroke-width: 2.5;}
#circleList2 li:nth-child(1) {border:7px solid #b1797c}
#circleList2 li:nth-child(1) svg{stroke: #b1797c;}
#circleList2 li:nth-child(2) {border:7px solid #866772}
#circleList2 li:nth-child(2) svg{stroke: #866772;}
#circleList2 li:nth-child(3) {border:7px solid #5c4955}
#circleList2 li:nth-child(3) svg{stroke: #5c4955;}
#circleList2 li:nth-child(4) {border:7px solid #4e454b}
#circleList2 li:nth-child(4) svg{stroke: #4e454b;}
#circleList2 li:nth-child(5) {border:7px solid #322f31}
#circleList2 li:nth-child(5) svg{stroke: #322f31;}

#circleList2.w5 li {padding:30px;; width:240px; height:240px; }

@media all and (max-width:1378px){
    #circleList2.w5 li {padding:20px;; width:200px; height:200px; }
}
@media all and (max-width:1160px){
    #circleList2 {gap:0 5px }
	#circleList2.w5 {width:100%; max-width:620px; margin:0 auto}
}
@media all and (max-width:699px){	
    #circleList2 li .num {font-size:1.7rem; }
	#circleList2 li .t1 {font-size:1.8rem;}
	#circleList2.w5 {width:100%; max-width:450px; gap: 10px;}
	#circleList2.w5 li {padding:10px; width:200px; height:200px; }
}
@media all and (max-width:480px){	
    #circleList2 li svg{width: 20px; height: 20px;stroke-width: 2.5;}
	#circleList2 li .num {font-size:1.5rem}
	#circleList2 li .t1 {margin-top:0.5em; font-size:1.5rem; }
	#circleList2.w5 li {padding:1vw; width:28vw; height:28vw; }
    #circleList2 li:nth-child(1) {border: 3px solid #b1797c}
    #circleList2 li:nth-child(2) {border: 3px solid #866772}
    #circleList2 li:nth-child(3) {border: 3px solid #5c4955}
    #circleList2 li:nth-child(4) {border: 3px solid #4e454b}
    #circleList2 li:nth-child(5) {border: 3px solid #322f31}
}


.clinic_cause2{ text-align: center;background: #f5f5f5;}
.clinic_cause2 .inner{ padding: 120px 40px;}
.clinic_cause2 .inner .c_title{margin-bottom: 55px;}
.clinic_cause2 .inner .list{display: flex; max-width: 1360px; margin-left: auto; margin-right: auto; gap:40px;}
.clinic_cause2 .inner .list li{width: 100%;}
.clinic_cause2 .inner .list li .box{width: 100%; background-color: #fff; border: 1px solid #282123 ; padding: 50px 25px; border-radius: 20px;}
.clinic_cause2 .inner .list li .tit{}
.clinic_cause2 .inner .list li .tit h4{font-size: 20px; color: #a83435  ;  margin-bottom: 10px;    font-family: 'Barlow';}
.clinic_cause2 .inner .list li .tit h3{font-size: 24px; font-weight: 600; color: #3c2d15;}
.clinic_cause2 .inner .list li p{font-size: 16px; color: #666666; line-height: 1.5em; word-break: keep-all; margin-top: 20px;}
.clinic_cause2 .inner .list li .list_b{padding-top: 50px; position: relative;}
.clinic_cause2 .inner .list li .list_b:before{content: ''; position: absolute; width: 20px; height: 20px; background: url('/images/sub/cc.png') center center / cover no-repeat;top: -10px; left: 50%; transform: translateX(-50%);}
.clinic_cause2 .inner .list li .list_b:after{content: ''; position: absolute; width: 1px; height: 50px; top: 0px; left: 50%; transform: translateX(-50%); background: #a83435;}
.clinic_cause2 .inner .list li .list_b .item{background: #a83435; color: #fff;padding: 15px; border-radius: 100px;}
.clinic_cause2 .inner .list li .list_b .item:nth-child(even){background: #ce7777;}
.clinic_cause2 .inner .list li .list_b .item + .item{margin-top: 5px;}

@media all and (max-width:1600px){
	.clinic_cause2 .inner .list{gap:25px;}
	.clinic_cause2 .inner .list li{padding: 40px 20px;}
}
@media all and (max-width:1280px){
	.clinic_cause2 .inner{padding: 100px 30px;}
	.clinic_cause2 .inner .c_title{margin-bottom: 50px;}
	.clinic_cause2 .inner .list{gap:20px;}
	.clinic_cause2 .inner .list li{padding: 35px 15px; border-radius: 30px;}
	.clinic_cause2 .inner .list li .tit h4{font-size: 15px;}
	.clinic_cause2 .inner .list li .tit h3{font-size: 22px;}
	.clinic_cause2 .inner .list li p{margin-top: 15px;}
}
@media all and (max-width:1024px){
	.clinic_cause2 .inner{padding: 90px 25px;}
	.clinic_cause2 .inner .c_title{margin-bottom: 45px;}
	.clinic_cause2 .inner .list{display: grid; grid-template-columns: repeat(2, 1fr); border-radius: 10px;}
	.clinic_cause2 .inner .list li .tit h4{margin-bottom: 8px;}
	.clinic_cause2 .inner .list li .tit h3{font-size: 21px;}
	.clinic_cause2 .inner .list li p{margin-top: 12px;}
}
@media all and (max-width:768px){
	.clinic_cause2 .inner{padding: 80px 25px;}
	.clinic_cause2 .inner .c_title{margin-bottom: 40px;}
	.clinic_cause2 .inner .list{grid-template-columns: repeat(1, 1fr); gap:15px;}
	.clinic_cause2 .inner .list li{border-radius: 15px;}
	.clinic_cause2 .inner .list li .tit h3{font-size: 20px;}
}
@media all and (max-width:500px){
	.clinic_cause2 .inner{padding: 70px 20px;}
	.clinic_cause2 .inner .c_title{margin-bottom: 35px;}
	.clinic_cause2 .inner .list li .tit h3{font-size: 19px;}
}


.qna_talk .talk{display: flex; flex-wrap: wrap; justify-content: end; gap: 50px;}
.qna_talk .talk + .talk{margin-top: 50px;}
.qna_talk .talk .q_img{display: flex; align-items: center;gap: 50px; width: 100%;}
.qna_talk .talk .q_img .img{position: relative; width: 100px;}
.qna_talk .talk .q_img .img img{width: 100%;}
.qna_talk .talk .q_img .img h4{position: absolute; color: #fff; font-size: 4rem; top: 7%; left: 7%; width: 60px; text-align: center;}
.qna_talk .talk .q_img h3 {font-size: 2.5rem;color: #222;background: #fff;padding: 30px 50px;border-radius: 12px;box-shadow: 0 3px 10px rgba(0,0,0,0.1);position: relative;display: inline-block; text-align: center;}
.qna_talk .talk .q_img h3::after {content: "";position: absolute;left: -15px;top: 50%; transform: translateY(-50%);border-style: solid;border-width: 0px 15px 20px 0; border-color: transparent #fff transparent transparent;filter: drop-shadow(-3px 1px 3px rgba(0,0,0,0.1));}
.qna_talk .talk .a_img{display: flex; align-items: center;gap: 50px;justify-content: end; width: 100%;}
.qna_talk .talk .a_img p {font-size: 1.8rem;color: #fff;background: #6b5f59;padding: 30px 50px;border-radius: 12px;box-shadow: 0 3px 10px rgba(0,0,0,0.1);position: relative;display: inline-block; width: calc(100% - 600px); line-height: 2.6rem; word-break:keep-all; display:block;}
.qna_talk .talk .a_img p b{font-size: 2.3rem; margin-bottom: 10px; display: inline-block;}
.qna_talk .talk .a_img p::after {  content: "";position: absolute;right: -15px;top: 50%; transform: translatey(-50%);border-style: solid;border-width: 0px 0 20px 15px;border-color: transparent transparent transparent #6b5f59;filter: drop-shadow(3px 1px 3px rgba(0,0,0,0.05));}
.qna_talk .talk .a_img .img{position: relative; width: 100px;}
.qna_talk .talk .a_img .img img{width: 100%;}
.qna_talk .talk .a_img .img h4{position: absolute; color: #fff; font-size: 4rem; top: 8%; right: 8%; width: 60px; text-align: center;}

@media all and (max-width:1400px){
    .qna_talk .talk .q_img .img h4{font-size: 3rem; left: 4%;top: 8%;}
    .qna_talk .talk .a_img .img h4{font-size: 3rem; right: 5%;top: 8%;}
    .qna_talk .talk .q_img h3 {padding: 30px;}
    .qna_talk .talk .a_img p {width: calc(100% - 500px);}
}
@media all and (max-width:1280px){
    .qna_talk .talk .q_img h3 {width: calc(100% - 200px);}
    .qna_talk .talk .a_img{margin-top: 20px;}
    .qna_talk .talk .a_img p {width: calc(100% - 200px);}
}
@media all and (max-width:980px){
    .qna_talk .talk .q_img h3 {padding: 30px;}
    .qna_talk .talk .a_img p {padding: 30px;}
    .qna_talk .talk .q_img .img h4{font-size: 2.5rem; left: 2%;width: 50px;}
    .qna_talk .talk .a_img .img h4{font-size: 2.5rem; right: 3%; width: 50px;}
}
@media all and (max-width:680px){
    .qna_talk .talk{gap: 2rem;}
    .qna_talk .talk .q_img{gap: 3rem;}
    .qna_talk .talk .q_img .img{width: 70px;}
    .qna_talk .talk .q_img .img h4{font-size: 2rem; left: 2%;width: 3.5rem;}
    .qna_talk .talk .q_img h3 {width: calc(100% - 130px); padding: 3rem; font-size: 2.2rem;}
    .qna_talk .talk .a_img{gap: 3rem;}
    .qna_talk .talk .a_img .img{width: 70px;}
    .qna_talk .talk .a_img .img h4{font-size: 2rem; right: 4%; width: 3.5rem;}
    .qna_talk .talk .a_img p {width: calc(100% - 130px); padding: 3rem; font-size: 1.6rem;}
    .qna_talk .talk .a_img p b{font-size: 2rem; margin-bottom: 1rem;}
}
@media all and (max-width:480px){
    .qna_talk .talk .q_img{gap: 2rem;}
    .qna_talk .talk .q_img .img{width: 7rem;}
    .qna_talk .talk .q_img .img h4{font-size: 1.4rem; left: 0%; top:7%;width: 2.9rem;}
    .qna_talk .talk .q_img h3 {width: calc(100% - 9rem); padding: 2rem 1rem; font-size: 1.8rem;}
    .qna_talk .talk .a_img{gap: 2rem; align-items: start;}
    .qna_talk .talk .a_img .img{width: 7rem;}
    .qna_talk .talk .a_img .img h4{font-size: 1.4rem; right: 1%; top:7%;width: 2.9rem;}
    .qna_talk .talk .a_img p {width: calc(100% - 9rem); padding: 2rem ; font-size: 1.5rem;}
    .qna_talk .talk .a_img p::after {top: 4rem;}
    .qna_talk .talk .a_img p b{font-size: 1.8rem; margin-bottom: 0rem;}
    .qna_talk .talk .a_img p br{display: none;}
    .qna_talk .talk .a_img p br.mo2{display: block !important;}
}
/* @media all and (max-width:480px){
    .qna_talk{counter-reset: q-count;}
    .qna_talk .talk{counter-increment: q-count;}
    .qna_talk .talk .q_img{flex-wrap: wrap;gap: 20px;}
    .qna_talk .talk .q_img .img{display: none;}
    .qna_talk .talk .q_img h3 {width: 100%; font-size: 2rem;padding: 2rem;}
    .qna_talk .talk .q_img h3::after {display: none;}
    .qna_talk .talk .q_img h3::before {  content: "Q" counter(q-count); display: block; margin-right: 10px; font-weight: bold; color: #a83435; position: absolute; font-weight: 900;font-size:4rem; opacity: 0.2; top: -2rem; left: -1rem;}
    .qna_talk .talk .a_img{flex-wrap: wrap;}
    .qna_talk .talk .a_img .img{display: none;}
    .qna_talk .talk .a_img p {width: 100%; background: #f5e9e9; padding: 3rem 1.9rem;}
    .qna_talk .talk .a_img p:after {display: none;}
} */


.trs_list{display: flex; gap: 20px; flex-wrap: wrap;}
.trs_list li{width: calc(100%/4 - 60px/4); color: #fff; text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; position: relative;}
.trs_list li:nth-child(1){background: url('/images/sub/trs_img01_250925.png') center center /cover no-repeat;}
.trs_list li:nth-child(2){background: url('/images/sub/trs_img02_250925.png') center center /cover no-repeat;}
.trs_list li:nth-child(3){background: url('/images/sub/trs_img03_250925.png') center center /cover no-repeat;}
.trs_list li:nth-child(4){background: url('/images/sub/trs_img04_250925.png') center center /cover no-repeat;}
.trs_list li:nth-child(5){background: url('/images/sub/trs_img05_250925.png') center center /cover no-repeat;}
.trs_list li:nth-child(6){background: url('/images/sub/trs_img06_250925.png') center center /cover no-repeat;}
.trs_list li:nth-child(7){background: url('/images/sub/trs_img07_250925.png') center center /cover no-repeat;}
.trs_list li .txt{width: 100%; height: 100%; padding: 80px 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.trs_list li h3{font-size: 2.5rem; text-shadow: 1px 1px 20px #00000087; width: 100%; text-align: center;}
.trs_list li p{margin-top: 10px; font-size: 1.6rem;text-shadow: 1px 1px 20px #000000d0; width: 100%; text-align: center;}
.trs_list li .box{width: 100%;text-align: left; padding: 10px;}
.trs_list li .box .item{display: flex; align-items: center; gap: 8px; border-radius: 100px;  backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); padding: 8px 16px; border: 1px solid #fff;}
.trs_list li .box .item span{font-size: 1.5rem;}
.trs_list li .box .item + .item{margin-top: 5px;}

@media all and (max-width:1400px){
    .trs_list li{width: calc(100%/3 - 40px/3);}
}
@media all and (max-width:1024px){
    .trs_list li{width: calc(100%/2 - 20px/2);}
}
@media all and (max-width:680px){
    .trs_list li{width: 100%;}
}