.clinicwrap{padding:200px 0;}
.clinicwrap:nth-of-type(2n+1){background: #fff;}
.clinicwrap:nth-of-type(2n+2){background: #fafaf7;}
.clinicwrap .clinic_ct{padding: 90px 0;}
.clinicwrap .clinic_ct:first-of-type{padding-top: 0}
.clinicwrap .clinic_ct:last-of-type{padding-bottom: 0}
.clinicwrap:nth-of-type(2n+1) .clinic_ct .segment{background: #fafaf7;}
.clinicwrap:nth-of-type(2n+2) .clinic_ct .segment{background: #fff;}

.clinic_ct>.wrap>ul{display:flex; width:80%; margin-bottom: 0; align-items: flex-end !important}
.clinic_ct>.wrap>ul.align_right{margin-left:auto; justify-content: end; flex-direction: row-reverse}
.clinic_ct>.wrap>ul>li{position: relative; padding: 40px; border-radius: 40px 40px 0 0; background: #e9e3d7; color:#333; width:49%;}
.clinic_ct>.wrap>ul>li:nth-of-type(2){margin:0 1%;}
.clinic_ct>.wrap>ul>li.on{color: #fff;}
.clinic_ct>.wrap>ul>li>.name{font-size: 24px; line-height: 1.5em;}
.clinic_ct>.wrap>ul>li>.name span{white-space: nowrap;}
.clinic_ct>.wrap>ul>li>img{position: absolute; right:0;bottom:0;}

.clinic_ct>.wrap>ul.point li{cursor: pointer;}

.clinicwrap .text-center{margin-bottom: 100px; text-align: center; color:#333;}
.clinicwrap .text-center .title{font-size: 48px; line-height: 1.5em;}
.clinicwrap .text-center .text{font-size: 20px; line-height: 1.5em; letter-spacing: -.04em; margin-top: 20px;}

.clinic_ct .segment{padding: 110px 70px; position: relative;}
.clinic_ct .segment h4{font-size: 48px; line-height: 1.5em; color:#333;}
.clinic_ct .segment h4 .small{font-size: .50em;}
.clinic_ct .segment .inner{margin-top:50px;}
.clinic_ct .segment .inner .text{font-size: 20px; line-height: 1.7em; letter-spacing: -.04em; color:#333}
.clinic_ct .segment .inner h5{font-size: 24px; line-height: 1.5em; color:#333; margin-top: 40px; margin-bottom: 0;}
.clinic_ct .segment .inner h6{font-size: 20px; line-height: 1.5em; color:#333; margin-bottom: 0; margin-top:30px;}
.clinic_ct .segment .inner ul li {width: 100%;padding: 0;font-size: 20px; line-height: 1.7em; letter-spacing: -.04em; color:#333; margin-bottom: 5px;position: relative;}
.clinic_ct .segment .inner ul li:nth-of-type(1) ~ li{margin-top: 2%;}
.clinic_ct .segment .inner ul li .listimg{ margin-top: 15px;}
.clinic_ct .segment .inner ul li .listimg img{}
.clinic_ct .segment .inner ul.list_flex{display:flex; flex-wrap:wrap;}
.clinic_ct .segment .inner ul.list_flex li{width:48%; margin:0 1%;}
.clinic_ct .segment .inner ul.list_flex li:nth-of-type(2){margin-top: 0;}
.clinic_ct .segment .inner ul.list_flex li:nth-of-type(2) ~ li{margin-top: 2%;}
.clinic_ct .segment .inner ul {margin: 0;list-style-type: none;padding: 0;margin:20px 0; margin-left: 25px;}

.clinic_ct .segment .inner .artwrap{display: flex; justify-content: start; width:102.5%; margin-left:-1.5%; margin-top: 30px; text-align: center; position: relative;}
.clinic_ct .segment .inner .artwrap .article{width:30.33%; margin:0 1.5%; border-radius: 20px; color:#fff; background: #06b085; padding:30px;}
.clinic_ct .segment .inner .artwrap .article .art_title{font-size: 20px; line-height: 1.2em; font-weight: 500;}
.clinic_ct .segment .inner .artwrap .article .icon{margin: 20px 0;}
.clinic_ct .segment .inner .artwrap .article .icon img{height: 57px;}
.clinic_ct .segment .inner .artwrap .article .art_text{font-size: 16px; line-height: 1.5em;}
.clinic_ct .segment .inner .artwrap .article .art_text span{white-space: nowrap;}
.clinic_ct .segment .inner .artwrap .next_art{color:#06b085; font-size: 30px; line-height: 1em;position: absolute; top:0; bottom:0; margin:auto; width:3%; display: table;}
.clinic_ct .segment .inner .artwrap .next_art:nth-of-type(2){left:31.88%;}
.clinic_ct .segment .inner .artwrap .next_art:nth-of-type(4){left:65.19%;}

.clinic_ct .segment .inner ul li:before {content: ""; display:block; width:14px; height: 14px; border-radius: 14px;position: absolute;left: -25px;top:9px;}
.clinic_ct .segment .inner ul li span{white-space: nowrap;}

.hashtag{display: flex; flex-wrap:wrap; justify-content: center; width:670px; margin:0 auto; margin-top: 30px;}
.hashtag.orange .tag{background: #f9a119}
.hashtag.green .tag{background: #06b085}
.hashtag .tag{padding: 5px 8px;margin-right:10px; margin-bottom:10px; border-radius: 8px; color:#fff; font-size: 14px; line-height: 1.5em; letter-spacing: -.04em;}
@media screen and (max-width:1199px) {
	.clinic_ct>.wrap>ul{width:90%;}
	.clinic_ct>.wrap>ul>li>.name{font-size: 22px;}
	.clinic_ct>.wrap>ul>li>img{width:40%;}
	.clinic_ct .segment{ padding: 100px 60px; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
	.clinic_ct .segment h4{font-size: 36px; width:50%;}
	.clinic_ct .segment .inner .text{font-size: 18px;}
	.clinic_ct .segment .inner h5{font-size: 22px;}
	.clinic_ct .segment .inner h6{font-size:18px;}
	.clinic_ct .segment .imgwrap{position: static; width:40%;}
	.clinic_ct .segment .inner ul {margin:30px 0; margin-left: 20px;}
	.clinic_ct .segment .inner ul li {font-size: 18px;}
	.clinic_ct .segment .inner ul li:before {width:12px; height: 12px; left: -20px;top:8px;}
	
	.clinicwrap .text-center .title{font-size: 40px;}
	.clinicwrap .text-center .text{font-size: 18px;}
}

@media screen and (max-width:1000px) {
	.clinic_ct>.wrap>ul{width:100%; justify-content: space-between;}
	.clinic_ct>.wrap>ul>li{padding: 30px; border-radius: 30px 30px 0 0;}
	
	.clinic_ct .segment .inner ul.list_flex{display:block;}
	.clinic_ct .segment .inner ul.list_flex li{width:100%; margin:0;}
	.clinic_ct .segment .inner ul.list_flex li:nth-of-type(1) ~ li{margin-top: 2%;}
	
	.clinic_ct .segment .inner .artwrap{display: block; width:100%; margin-left:0; margin-top: 30px;}
	.clinic_ct .segment .inner .artwrap .article{max-width: 80%; width:auto; margin:0; margin-top: 20px;}
	.clinic_ct .segment .inner .artwrap .article:first-of-type{margin-top: 0;}
	.clinic_ct .segment .inner .artwrap .article .art_title{font-size: 18px;}
	.clinic_ct .segment .inner .artwrap .article .art_text{font-size: 15px;}
	.clinic_ct .segment .inner .artwrap .next_art{display:none;}
}

@media screen and (max-width:780px) {
	.clinicwrap{padding:160px 0;}
	.clinicwrap .clinic_ct{padding: 70px 0;}
	
	.clinic_ct>.wrap>ul>li{border-radius: 25px 25px 0 0; width:25%; padding: 15px; height: 100%;}
	.clinic_ct>.wrap>ul>li.on{width:73%; padding: 25px;}
	.clinic_ct>.wrap>ul>li>.name{font-size: 16px;}
	.clinic_ct>.wrap>ul>li.on>.name{font-size: 20px;}
	.clinic_ct>.wrap>ul>li>img{display:none;}
	.clinic_ct>.wrap>ul>li.on>img{display:inline;}
	.clinic_ct .segment h4{font-size: 36px; width:100%; text-align: center;}
	.clinic_ct .segment .inner .text{font-size: 18px;}
	.clinic_ct .segment .inner h5{font-size: 22px;}
	.clinic_ct .segment .inner h6{margin-top: 20px;}
	.clinic_ct .segment .inner ul li .listimg{max-width: 80%;}
	
	.clinic_ct .segment .inner .artwrap .article{max-width: 90%;}
	.clinic_ct .segment .inner .artwrap .article .art_title{font-size: 17px;}
	.clinic_ct .segment .inner .artwrap .article .art_text{font-size: 14px;}
	
	.clinicwrap .text-center .title{font-size: 36px;}
	.clinicwrap .text-center .text{font-size: 16px;}
	
	.hashtag{width:520px;}
}

@media screen and (max-width:620px) {
	.clinicwrap{padding:140px 0;}
	.clinicwrap .clinic_ct{padding: 60px 0;}
	
	.clinic_ct>.wrap>ul>li{width:30%;}
	.clinic_ct>.wrap>ul>li.on{width:68%;}
	.clinic_ct>.wrap>ul>li>.name{font-size: 15px;}
	.clinic_ct>.wrap>ul>li.on>.name{font-size: 18px;}
	.clinic_ct>.wrap>ul>li.on>img{display:none;}
	.clinic_ct .segment{ padding: 80px 50px;}
	.clinic_ct .segment h4{font-size: 30px;}
	.clinic_ct .segment .inner{margin-top: 30px}
	.clinic_ct .segment .inner .text{font-size: 16px;}
	.clinic_ct .segment .inner h5{font-size: 20px;}
	.clinic_ct .segment .inner h6{font-size:16px;}
	.clinic_ct .segment .inner ul {margin:25px 0; margin-left: 20px;}
	.clinic_ct .segment .inner ul li {font-size: 16px;}
	.clinic_ct .segment .inner ul li:before {top:7px;}
	
	.clinicwrap .text-center .title{font-size: 32px;}
	.clinicwrap .text-center .text{font-size: 15px;}
	
	.clinic_ct .segment .inner .artwrap .article{max-width: 100%;}
	.clinic_ct .segment .inner .artwrap .article .art_title{font-size: 16px;}
	.clinic_ct .segment .inner .artwrap .article .icon img{height: 45.6px;}
	.clinic_ct .segment .inner .artwrap .article .art_text{font-size: 13px;}
	
	.hashtag{width:auto;}
	.hashtag .tag{font-size: 13px;}
}

@media screen and (max-width:520px) {
	.clinicwrap{padding:120px 0;}
	.clinicwrap .clinic_ct{padding: 50px 0;}
	
	.clinic_ct>ul>li{width:50%;}
	.clinic_ct>ul>li.on{width:50%;}
	.clinic_ct>ul>li>.name{font-size: 14px;}
	.clinic_ct>ul>li.on>.name{font-size: 16px;}
	.clinic_ct>ul>li>img{display:none !important;}
	.clinic_ct .segment{ padding: 70px 40px;}
	.clinic_ct .segment h4{font-size: 26px;}
	.clinic_ct .segment .inner .text{font-size: 14px;}
	.clinic_ct .segment .inner h5{font-size: 18px;}
	.clinic_ct .segment .inner h6{font-size:14px;}
	.clinic_ct .segment .inner ul {margin:25px 0; margin-left: 18px;}
	.clinic_ct .segment .inner ul li {font-size: 14px;}
	.clinic_ct .segment .inner ul li:before {width:10px; height: 10px; left: -18px;top:6px;}
	
	.clinicwrap .clinic_01 ul li{width:70%;}
	
	.clinicwrap .text-center .title{font-size: 28px;}
	.clinicwrap .text-center .text{font-size: 14px;}
}

@media screen and (max-width:420px) {
	.clinic_ct>.wrap>ul>li{border-radius: 15px 15px 0 0;}
	.clinic_ct>.wrap>ul>li.on{padding: 15px;}
	.clinic_ct>.wrap>ul>li>.name{font-size: 13px;}
	.clinic_ct>.wrap>ul>li.on>.name{font-size: 15px;}
	.clinic_ct .segment{ padding: 60px 30px;}
	.clinic_ct .segment h4{font-size: 20px;}
	.clinic_ct .segment .inner .text{font-size: 13px;}
	.clinic_ct .segment .inner h5{font-size: 15px;}
	.clinic_ct .segment .inner h6{font-size:13px;}
	.clinic_ct .segment .inner ul {margin:20px 0; margin-left: 16px;}
	.clinic_ct .segment .inner ul li {font-size: 13px;}
	.clinic_ct .segment .inner ul li:before {width:9px; height: 9px; left: -16px;top:6px;}
	
	.clinicwrap .text-center .title{font-size: 24px;}
	.clinicwrap .text-center .text{font-size: 13px;}
}
