@charset "utf-8";

.bg_clinic01{
	background: url("images/clinic/bg_clinic01.jpg")no-repeat center/cover;
	padding: calc(85 /var(--break)*100vw) 0 calc(94 /var(--break)*100vw);
}
.bg_clinic01 .ttl{
	line-height: calc(66/36*100%);
	margin-bottom: calc(13 /var(--break)*100vw);
	text-shadow: 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000;
}
.bg_clinic01 .txt{
	text-shadow: 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000, 0 0 calc(10 /var(--break)*100vw) #000;
}

.wrap_clinic01{
	margin-bottom: calc(109 /var(--break)*100vw);
}
.wrap_clinic01 .ttl{
	margin-bottom: calc(17 /var(--break)*100vw);
}
.box_clinic01{
	background: url("images/clinic/bg_clinic02.jpg")no-repeat left top/cover;
	padding: calc(49 /var(--break)*100vw) calc(51 /var(--break)*100vw) calc(50 /var(--break)*100vw);
}
.box_clinic01::before{
	content: "";
	background: url("images/clinic/img_clinic01.png")no-repeat center/contain;
	width: calc(650 /var(--break)*100vw);
	height: calc(650 /var(--break)*100vw);
	position: absolute;
	top: calc(8 /var(--break)*100vw);
	left: calc(-41 /var(--break)*100vw);
	z-index: -1;
}
.wrap_clinic02{
	width: calc(886 /var(--break)*100vw);
	margin-left: auto;
}
.wrap_clinic02 .point{
	width: calc(190 /var(--break)*100vw);
	height: calc(40 /var(--break)*100vw);
	clip-path: polygon(0 0, 100% 0, calc(173/190*100%) 100%, 0% 100%);
	line-height: calc(40 /var(--break)*100vw);
	padding-left: calc(18 /var(--break)*100vw);
}
.wrap_clinic02 .txt{
	width: 100%;
	height: calc(96 /var(--break)*100vw);
	clip-path: polygon(0 0, 100% 0, calc(740/780*100%) 100%, 0% 100%);
	line-height: calc(96 /var(--break)*100vw);
	padding-left: calc(48 /var(--break)*100vw);
}
.wrap_clinic02 .txt p{
	text-shadow: 0 0 calc(10 /var(--break)*100vw) #ffffff, 0 0 calc(10 /var(--break)*100vw) #ffffff, 0 0 calc(10 /var(--break)*100vw) #ffffff, 0 0 calc(10 /var(--break)*100vw) #ffffff;
}
.wrap_clinic02 .txt p span{
	vertical-align: middle;
}
.wrap_clinic02 .txt p span:nth-child(1){
	margin-right: calc(15 /var(--break)*100vw);
}
.wrap_clinic02 .txt p span:nth-child(2){
	letter-spacing: 0;
}
.box_clinic01 .btn_def{
	margin-left: 50%;
}
@media(min-width: 768px) and (max-width:1599px) {
	.box_clinic01{
		padding: calc(49 /1599*100vw) calc(51 /1599*100vw) calc(50 /1599*100vw);
	}
	.box_clinic01::before{
		width: calc(650 /1599*100vw);
		height: calc(650 /1599*100vw);
		top: calc(8 /1599*100vw);
		left: calc(-41 /1599*100vw);
	}
	.wrap_clinic02{
		width: calc(886 /1599*100vw);
	}
	.wrap_clinic02 .point{
		font-size: calc(24 /1599*100vw);
		width: calc(190 /1599*100vw);
		height: calc(40 /1599*100vw);
		line-height: calc(40 /1599*100vw);
		padding-left: calc(18 /1599*100vw);
	}
	.wrap_clinic02 .txt{
		height: calc(96 /1599*100vw);
		line-height: calc(96 /1599*100vw);
		padding-left: calc(48 /1599*100vw);
	}
	.wrap_clinic02 .txt p{
		font-size: calc(36 /1599*100vw);
	}
	.wrap_clinic02 .txt p span:nth-child(1){
		margin-right: calc(15 /1599*100vw);
	}
	.wrap_clinic02 .txt p span:nth-child(2){
		font-size: calc(24 /1599*100vw);
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.bg_clinic01{
		padding: calc(60 /var(--break)*100vw) 0 calc(60 /var(--break)*100vw);
	}
	.bg_clinic01 .ttl{
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: calc(66/36*100%);
	}
	
	.wrap_clinic01 .ttl{
		font-size: 1.125rem;
		letter-spacing: 0;
		margin-bottom: calc(17 /var(--break)*100vw);
	}
	.box_clinic01{
		background: url("images/clinic/bg_clinic02.jpg")no-repeat left top/cover;
		padding: calc(600 /var(--break)*100vw) calc(28 /var(--break)*100vw) calc(50 /var(--break)*100vw);
	}
	.box_clinic01::before{
		width: calc(650 /var(--break)*100vw);
		height: calc(650 /var(--break)*100vw);
		top: calc(8 /var(--break)*100vw);
		left: 0;
		right: 0;
		margin: auto;
	}
	.wrap_clinic02{
		width: 100%;
	}
	.wrap_clinic02 .point{
		font-size: 0.75rem;
		letter-spacing: 0.1em;
	}
	.wrap_clinic02 .txt{
		width: 100%;
		height: calc(110 /var(--break)*100vw);
		clip-path: polygon(0 0, 100% 0, calc(633/673*100%) 100%, 0% 100%);
		line-height: 1.5em;
		padding-top: calc(20 /var(--break)*100vw);
		padding-left: calc(40 /var(--break)*100vw);
	}
	.wrap_clinic02 .txt p{
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.wrap_clinic02 .txt p span{
		vertical-align: middle;
	}
	.wrap_clinic02 .txt p span:nth-child(1){
		line-height: 1em;
		margin-right: 0;
		display: block;
	}
	.wrap_clinic02 .txt p span:nth-child(2){
		font-size: 0.625rem;
		letter-spacing: 0;
		display: block;
	}
	.box_clinic01 .btn_def{
		margin-left: auto;
		margin-right: auto;

	}
}
.row_clinic01{
	padding-bottom: calc(50 /var(--break)*100vw);
}
.row_clinic01 .col_img{
	width: calc(1060/1920*100%);
	padding-top: calc(10 /var(--break)*100vw);
}
.row_clinic01 .col_img img{
	margin-top: calc(-60 /var(--break)*100vw);
}
.row_clinic01 .col_txt{
	width: calc(860/1920*100%);
	padding: calc(87 /var(--break)*100vw) calc(110 /1920*100vw) calc(10 /var(--break)*100vw) calc(60 /1920*100vw);
}
.row_clinic01.r_reverse .col_txt{
	padding: calc(87 /var(--break)*100vw) calc(60 /1920*100vw) calc(10 /var(--break)*100vw) calc(110 /1920*100vw);
}
.row_clinic01 .col_txt .copy{
	font-size: calc(36/1920*100vw);
	line-height: calc(60/36*100%);
	margin-bottom: calc(15 /var(--break)*100vw);
}
.box_clinic02{
	padding: calc(44 /var(--break)*100vw) calc(50 /var(--break)*100vw) calc(60 /var(--break)*100vw);
}
.box_clinic02 .copy{
	text-align: center;
}
.box_clinic02 .txt{
	width: 100%;
	max-width: 1000px;
}
.box_clinic02 .img{
	width: calc(819 /var(--break)*100vw);
}
.row_btn_clinic{
	gap:0 calc(27/1920*100%);
}
.row_btn_clinic .col{
	width: calc(380/1920*100%);
}
.row_btn_clinic .col a{
	font-size: calc(24 /1920*100vw);
	line-height: calc(38/24*100%);
	height: calc(100 /var(--break)*100vw);
	border: solid 1px #000;
}
.row_btn_clinic .col a::after{
	content: "";
	width: calc(50 /var(--break)*100vw);
	height: 1px;
	background: #000;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.box_clinic03{
	background: rgba(255,255,255,0.2);
	padding: calc(52 /var(--break)*100vw) calc(50 /var(--break)*100vw);
}
.box_clinic03 .copy{
	margin-bottom: calc(17 /var(--break)*100vw);
}
.box_clinic03 .txt{
	width: 100%;
	max-width: 1000px;
}

.row_clinic02{
	gap:0 calc(29/1240*100%);
}
.row_clinic02 .col{
	width: calc(394/1240*100%);
	background: rgba(255,255,255,0.2);
	border-top-left-radius: calc(50 /var(--break)*100vw);
	border-bottom-right-radius: calc(50 /var(--break)*100vw);
	padding: calc(62 /var(--break)*100vw) 0 calc(54 /var(--break)*100vw);
}
.row_clinic02 .col .icn{
	width: calc(250 /var(--break)*100vw);
	margin-bottom: calc(25 /var(--break)*100vw);
}
.wrap_clinic04 .ttl{
	margin-bottom: calc(17 /var(--break)*100vw);
}
@media(max-width: 767px) {
	.row_clinic01{
		padding-bottom: calc(50 /var(--break)*100vw);
	}
	.row_clinic01 .col_img{
		width: calc(702 /var(--break)*100vw);
		margin: auto;
		padding-top: calc(10 /var(--break)*100vw);
	}
	.row_clinic01 .col_img img{
		margin-top: calc(-60 /var(--break)*100vw);
	}
	.row_clinic01 .col_txt{
		width: 100%;
		padding: calc(50 /var(--break)*100vw) calc(52 /var(--break)*100vw) 0 calc(52 /var(--break)*100vw);
	}
	.row_clinic01.r_reverse .col_txt{
		padding: calc(50 /var(--break)*100vw) calc(52 /var(--break)*100vw) 0 calc(52 /var(--break)*100vw);
	}
	.row_clinic01 .col_txt .copy{
		font-size: 1.125rem;
		line-height: calc(60/36*100%);
		letter-spacing: 0;
		text-align: center;
		margin-bottom: calc(15 /var(--break)*100vw);
	}
	.box_clinic02{
		padding: calc(44 /var(--break)*100vw) calc(28 /var(--break)*100vw) calc(60 /var(--break)*100vw);
	}
	.box_clinic02 .copy{
		font-size: 1.125rem;
		letter-spacing: 0;
		text-align: center;
	}
	.box_clinic02 .txt{
		width: 100%;
	}
	.box_clinic02 .img{
		width: 100%;
	}
	.row_btn_clinic{
		width: calc(702 /var(--break)*100vw);
		margin: 0 auto calc(110 /var(--break)*100vw);
		gap:calc(20 /var(--break)*100vw) calc(22/702*100%);
	}
	.row_btn_clinic .col{
		width: calc(340/702*100%);
	}
	.row_btn_clinic .col a{
		font-size: 0.75rem;
		letter-spacing: 0;
		line-height: 1.6em;
		height: calc(100 /var(--break)*100vw);
	}
	.row_btn_clinic .col a::after{
		width: calc(40 /var(--break)*100vw);
	}

	.box_clinic03{
		background: rgba(255,255,255,0.2);
		padding: calc(52 /var(--break)*100vw) calc(28 /var(--break)*100vw);
	}
	.box_clinic03 .copy{
		font-size: 1.125rem;
		letter-spacing: 0;
		margin-bottom: calc(17 /var(--break)*100vw);
	}
	.box_clinic03 .txt{
		width: 100%;
	}

	.row_clinic02{
		gap:calc(20 /var(--break)*100vw) calc(22/702*100%);
	}
	.row_clinic02 .col{
		width: calc(340/702*100%);
		padding: calc(62 /var(--break)*100vw) 0 calc(54 /var(--break)*100vw);
	}
	.row_clinic02 .col .icn{
		width: calc(220 /var(--break)*100vw);
	}
	.row_clinic02 .col .fz24{
		font-size: 0.75rem;
		letter-spacing: 0;
	}
	.wrap_clinic04 .ttl{
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.wrap_clinic03 .row_default03,
	.wrap_clinic04 .row_default03{
		width: 100% !important;
		gap:calc(20 /var(--break)*100vw) calc(22/702*100%) !important;
	}
	.wrap_clinic03 .row_default03 .col,
	.wrap_clinic04 .row_default03 .col{
		width: calc(340/702*100%) !important;
	}
	.wrap_clinic03 .row_default03 .col .ttl,
	.wrap_clinic04 .row_default03 .col .ttl{
		font-size: 0.75rem !important;
	}
}
.slide_clinic .slick-prev {
	background: url(images/clinic/arw_clinic.svg)no-repeat center / cover;
	width: calc(30 / 1920 * 100vw);
	height: calc(54 / 1920 * 100vw);
	transform: translate(0);
	top: 0;
	bottom: 0;
	margin: auto;
	left: -7.2%;
	z-index: 1;
}
.slide_clinic .slick-next {
	background: url(images/clinic/arw_clinic.svg)no-repeat center / cover;
	width: calc(30 / 1920 * 100vw);
	height: calc(54 / 1920 * 100vw);
	right: -7.2%;
	transform: translate(0) scaleX(-1);
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}
.slide_clinic .slick-prev:before, .slide_clinic .slick-next:before {
	display: none;
}
.slide_clinic .slide_thumbnail li {
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 2%;
	opacity: .5;
	transition: .3s;
}
.slide_clinic .slide_thumbnail li.thumbnail-current {
	opacity: 1;
}
.slide_clinic .slide_thumbnail li:nth-child(5n), .slide_clinic .slide_thumbnail li:last-child {
	margin-right: 0;
}
.slide_clinic .slide_thumbnail li:hover {
	opacity: 1;
	transition: .3s;
	cursor: pointer;
}
@media(min-width: 768px) and (max-width:1599px) {
	.slide_clinic .slick-prev, .slide_clinic .slick-next {
		width: calc(30 / 1599 * 100vw);
		height: calc(54 / 1599 * 100vw);
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	.slide_clinic .slick-prev, .slide_clinic .slick-next {
		width: calc(30 / 1299 * 100vw);
		height: calc(54 / 1299 * 100vw);
	}
	.slide_clinic .slick-prev {
		left: 2%;
	}
	.slide_clinic .slick-next {
		right: 2%;
	}
}
@media(max-width: 767px) {
	.slide_clinic .slick-prev, .slide_clinic .slick-next {
		width: calc(30 / 750 * 100vw);
		height: calc(54 / 750 * 100vw);
	}
	.slide_clinic .slick-prev {
		left: 3vw;
	}
	.slide_clinic .slick-next {
		right: 3vw;
	}
}