@charset "utf-8";

.clinic_link > li{width: 360px;}
.clinic_link > li:not(:last-child){margin-right: 20px;}
.clinic_link > li p{font-size: 20px;}

/* スタッフ紹介 */
.dr_li > div:not(:last-child){margin-bottom: 120px;}
.dr_img{width: 35%;}
.dr_con{width: 70%;}
.dr_wrap > *{position: relative;}
.dr_con > div > p{
	font-size: 18px;
	line-height: 2;
}
.dr_li > div:nth-child(2n+1) .dr_con{margin-left: -5%;}
.dr_li > div:nth-child(2n+1) .dr_con > p{margin-bottom: 50px;}
.dr_li > div:nth-child(2n+1) .dr_con > div{padding-left: 140px;}
.dr_li > div:nth-child(2n) .dr_con{
	margin-right: -5%;
	z-index: 2;
}
.dr_li > div:nth-child(2n) .dr_con > p{
	width: fit-content;
	margin: 0 0 50px auto;
}
.dr_li > div:nth-child(2n) .dr_con > div{padding-right: 140px;}
.dr_li > div:nth-child(2n) .dr_img{z-index: 1;}
.dr_li > div:first-child .dr_img .move_deco{
	top: 10%;
	left: -8%;
	z-index: 2;
}
.dr_li > div:nth-child(2) .dr_con .move_deco2{
	left: -3%;
	top: -5%;
}
.dr_li > div:nth-child(2) .dr_img .move_deco{
	right: 0;
	bottom: -20%;
}
.dr_li > div:nth-child(3) .dr_img .move_deco{
	left: 3%;
	bottom: 0;
}
.dr_li > div:nth-child(3) .dr_con .move_deco2{
	right: 0;
	top: 0;
}
.career_wrap{position: relative;}
.career_wrap > div{
	max-width: 500px;
	width: 48%;
}
.career_wrap > div:first-child{margin-right: 3%;}
.career_wrap .subtitle{
	font-size: 22px;
	margin-bottom: 15px;
}
.career_wrap ul{
	background: url("../images/check_bg.webp") center / auto repeat;
	padding: 50px 40px;
	border-radius: 50px;
}
.dr_li > div:first-child .career_wrap .move_deco2{
	right: 0;
	bottom: -5%;
}

.staff_li > li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.staff_li > li:not(:last-child){margin-bottom: 60px;}
.staff_li > li > img{width: 21%;}
.staff_li > li > div{width: 75%;}
.staff_name{margin-bottom: 30px;}
.staff_name > p,.staff_name h3,.staff_name h3 span{font-weight: bold;}
.staff_name > p,.staff_name span{color: #999;}
.staff_name > p{
	font-size: 18px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.staff_name > p::before{
	content: "";
	height: 25px;
	width: 29px;
	margin-right: 10px;
}
.staff_li > li:nth-child(3n+1) .staff_name > p::before{background: url("../images/bird.webp") center / contain no-repeat;}
.staff_li > li:nth-child(3n+2) .staff_name > p::before{background: url("../images/leaf2.webp") center / contain no-repeat;}
.staff_li > li:nth-child(3n) .staff_name > p::before{background: url("../images/star.webp") center / contain no-repeat;}
.staff_name > h3{font-size: 22px;}
.staff_name > h3 span{
	font-size: 16px;
	margin-left: 10px;
	letter-spacing: .2em;
}
.staff_li > li > div > p{
	font-size: 18px;
	line-height: 1.5;
}

/* 院内設備紹介 */
.facility_slider li{
	position: relative;
	padding-top: 40px;
}
.facility_slider p{
	width: 250px;
	position: absolute;
	transform: rotate(-20deg);
	top: 35px;
	left: -35px;
	opacity: 0;
	transition: .3s;
}
.facility_slider li:hover p{
	opacity: 1;
	top: 25px;
}
.facility_slider .slick-arrow{
	z-index:2!important;
	position: absolute;
	top: 50%;
	left:50%;
	background: url("../images/arrow2.svg");
	width: 60px;
	height: 60px;
	color: transparent !important;
	border: none;
	cursor: pointer;
}
.facility_slider .slick-next{transform: translate(600%,-50%);}
.facility_slider .slick-prev{transform: translate(-700%,-50%) rotate(180deg);}
.facility_slider .slick-slide{
	margin-right: 1.8vw!important;
	margin-left: 1.8vw!important;
}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	.clinic_link > li{width: 270px;}
	.clinic_link > li:not(:last-child){margin-right: 15px;}
	.clinic_link > li p{font-size: 16px;}

	/* スタッフ紹介 */
	.dr_li > div:not(:last-child){margin-bottom: 70px;}
	.dr_con > p{margin-bottom: 30px!important;}
	.dr_con > p img{
		width: auto;
		height: 55px;
	}
	.dr_con > div > p{font-size: 15px;}
	.dr_li > div:nth-child(2n+1) .dr_con > p{margin-bottom: 30px;}
	.dr_li > div:nth-child(2n+1) .dr_con > div{padding-left: 80px;}
	.dr_li > div:nth-child(2n) .dr_con > div{padding-right: 80px;}
	.dr_li > div:first-child .dr_img .move_deco{width: 130px;}
	.dr_li > div:first-child .career_wrap .move_deco2{width: 200px;}
	.dr_li > div:nth-child(2) .dr_con .move_deco2{width: 35px;}
	.dr_li > div:nth-child(2) .dr_img .move_deco{width: 65px;}
	.dr_li > div:nth-child(3) .dr_con .move_deco2{width: 110px;}
	.dr_li > div:nth-child(3) .dr_img .move_deco{width: 55px;}
	.career_wrap .subtitle{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.career_wrap ul{
		padding: 30px 20px;
		border-radius: 30px;
	}
	
	.staff_li > li:not(:last-child){margin-bottom: 40px;}
	.staff_name{margin-bottom: 20px;}
	.staff_name > p,.staff_name > h3 span{font-size: 14px;}
	.staff_name > p{margin-bottom: 6px;}
	.staff_name > p::before{
		height: 22px;
		width: 25px;
		margin-right: 7px;
	}
	.staff_name > h3{font-size: 18px;}
	.staff_name > h3 span{margin-left: 7px;}
	.staff_li > li > div > p{font-size: 14px;}
	
	/* 院内設備紹介 */
	.facility_slider li{padding-top: 30px;}
	.facility_slider p{
		width: 180px;
		top: 27px;
		left: -25px;
	}
	.facility_slider li:hover p{
		top: 17px;
	}
	.facility_slider .slick-arrow{
		width: 45px;
		height: 45px;
	}
	.facility_slider .slick-next{transform: translate(780%,-50%);}
	.facility_slider .slick-prev{transform: translate(-880%,-50%) rotate(180deg);}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* スタッフ紹介 */
	.dr_img{
		width: 320px;
		order: 1;
		margin: 0 auto;
	}
	.dr_con{
		width: 100%;
		order: 2;
		margin: -30px 0 0!important;
	}
	.dr_con > div{padding: 0!important;}
	.dr_con > p img{
		height: 80px;
		margin: 0 auto;
		display: block;
	}
	.dr_li > div:nth-child(2) .dr_img .move_deco{
		bottom: 25%;
		right: -5%;
	}
	.dr_li > div:nth-child(2n) .dr_con > p{width: 100%;}
	.dr_li > div:not(:last-child) .dr_wrap{margin-bottom: 40px!important;}
	.dr_li > div:nth-child(3) .dr_img .move_deco{
		bottom: auto;
		top: 0;
	}
	.dr_li > div:nth-child(3) .dr_con .move_deco2{top: -5%;}
	
	.staff_li > li > img{
		width: 200px;
		margin: 0 auto 25px;
	}
	.staff_li > li > div{width: 100%;}
	.staff_name > p{justify-content: center;}
	.staff_name > h3{text-align: center;}
	.staff_name > h3 span{
		display: block;
		margin: 5px 0 0;
	}
	
	/* 院内設備紹介 */
	.facility_slider .slick-next{transform: translate(650%,-50%);}
	.facility_slider .slick-prev{transform: translate(-750%,-50%) rotate(180deg);}
	.facility_slider p{opacity: 1;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	.clinic_link > li:not(:last-child){margin: 0 0 10px;}
	.career_wrap > div{width: 100%;}
	.career_wrap > div:first-child{margin: 0 0 20px;}
	.dr_li > div:first-child .career_wrap .move_deco2{width: 170px;}
	
	/* 院内設備紹介 */
	.facility_slider{padding-bottom: 20px;}
	.facility_slider .slick-arrow{
		left: auto;
		top: auto;
		bottom: 0;
	}
	.facility_slider .slick-next{
		right: 3%;
		transform: inherit;
	}
	.facility_slider .slick-prev{
		right: calc(3% + 52px);
		transform: rotate(180deg);
	}
	.facility_slider li > img{width: 96vw;}
	.facility_slider li > p{
		width: 150px;
		left: -11px;
	}
}