@charset "utf-8";

/* HISTORY
-------------------------------------------*/
.history{
	position: relative;
	padding-left: 14%;
	background: url("../images/clinic/history_img.webp") right bottom / 42% auto no-repeat;
}
.history::before{
	content: "";
	background: url("../images/clinic/history.webp") center / contain no-repeat;
	width: 4%;
	aspect-ratio: 1/6.4;
	position: absolute;
	left: 0;
	top: 0;
}
.history p{
	font-size: 18px;
	line-height: 2.5;
	letter-spacing: .12em;
	color: #5e8e00;
}
.history p:not(:last-child){margin-bottom: 2em;}

/* 院長 中川浩一のご紹介
-------------------------------------------*/
.doctor_img_wrap > p{width: 35%;}
.doctor_img_wrap > p img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
.doctor_img_wrap > div{
	width: 55%;
	padding: 60px 0;
}
.doctor_wrap > div{
	width: calc(100% / 3);
	padding-top: 25px;
	padding-bottom: 35px;
}
.doctor_wrap > div:not(:last-child){
	padding-right: 45px;
	border-right: 1px dashed #adc44b;
}
.doctor_wrap > div:not(:first-child){padding-left: 45px;}
.doctor_wrap h3{
	font-size: 22px;
	font-family: "zkgn-m";
	letter-spacing: .1em;
	margin-bottom: 1.5em;
	color: #5e8e00;
}
.doctor_btn_box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.doctor_btn_box a:not(:last-child){margin-right: 45px;}

/* 当院の安心への取り組み
-------------------------------------------*/
.initiative_wrap > ul{width: 56%;}
.initiative_wrap li{
	width: 45%;
	padding-top: 20px;
	position: relative;
}
.initiative_wrap li:not(:nth-last-child(-n+2)){margin-bottom: 60px;}
.initiative_wrap li h3{
	position: absolute;
	font-size: 20px;
	color: #5c8c00;
	font-family: "zkgn-m";
	writing-mode: vertical-rl;
	background: #fff;
	padding: .6em .3em;
	left: 10%;
	top: 0;
}
/* -- safari only -- */
_::-webkit-full-page-media, _:future, :root .initiative_wrap li h3{
	padding: 1em 1em 1em .1em;
}
/* -- safari only -- */
.initiative_wrap li img{
	display: block;
	margin: 0 auto 25px;
}
.initiative_wrap li p{line-height: 2;}

/* 施設のご案内
-------------------------------------------*/
.facility_wrap{background: url("../images/clinic/facility_cloud.webp") left 15% top 30% / 25% auto no-repeat;}
.facility_wrap > div{width: 32%;}
.facility_wrap > div:first-child{padding-top: 30px;}
.facility_wrap > div:not(:nth-last-child(-n+3)){margin-bottom: 25px;}
.facility_wrap > div:not(:first-child){position: relative;}
.facility_wrap > div:not(:first-child) img{width: 100%;}
.facility_wrap > div:not(:first-child) p{
	position: absolute;
	color: #fff;
	text-shadow: rgba(81,81,25,.5) 0 0 5px;
	left: 1em;
	bottom: 1em;
}


/*著書・論文（追加分）*/

#inner_title_2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 1560px;
	width: 95%;
	margin: 0 auto;
	padding: 80px 0 0px;
}

#inner_title_2 .inner_l{
	position: relative;
	padding-left: 5%;
	width: 100%;
}

h2.pln{
font-size: 30px;
color: #5E8E00;
border-bottom: dotted 1px #5E8E00;
text-align: center;
padding: 0 0 15px 0;
margin: 0 0 50px 0;
}

h3.pln{
font-size: 20px;
color: #5E8E00;
margin: 0 0 20px 0;
}

.book_wrap {
display: flex;
margin: 0 0 30px 0;
}

.book_wrap img {
height: auto;
width: auto;
margin: 0 20px 0 0;
}

.book_wrap p {
line-height: 1.5;
}

.mb0 {
margin-bottom: 0!important;
}

ul.ronbun li {
	list-style: disc;
	margin:1em 0 1em 25px;
	line-height:1.6;
}



/* 1300px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1300px){
	
	/* HISTORY
	-------------------------------------------*/
	.history p{font-size: 14px;}
	
	/* 院長 中川浩一のご紹介
	-------------------------------------------*/
	.doctor_img_wrap > p img{border-radius: 15px;}
	.doctor_img_wrap > div{padding: 40px 0;}
	.doctor_wrap > div{
		padding-top: 15px;
		padding-bottom: 25px;
	}
	.doctor_wrap > div:not(:last-child){padding-right: 30px;}
	.doctor_wrap > div:not(:first-child){padding-left: 30px;}
	.doctor_wrap h3{font-size: 18px;}
	.doctor_btn_box a:not(:last-child){margin-right: 30px;}

	/* 当院の安心への取り組み
	-------------------------------------------*/
	.initiative_wrap li{padding-top: 15px;}
	.initiative_wrap li:not(:nth-last-child(-n+2)){margin-bottom: 40px;}
	.initiative_wrap li h3{font-size: 16px;}
	.initiative_wrap li img{
		margin-bottom: 15px;
		width: 135px;
	}
	
	/* 施設のご案内
	-------------------------------------------*/
	.facility_wrap > div:first-child{padding-top: 20px;}
	.facility_wrap > div:not(:nth-last-child(-n+3)){margin-bottom: 15px;}
	
}

/* 950px以下から
------------------------------------------------------------*/
@media only screen and (max-width:950px){
	
	/* HISTORY
	-------------------------------------------*/
	.history{
		padding-bottom: 200px;
		background-size: 320px;
	}
	
	/* 院長 中川浩一のご紹介
	-------------------------------------------*/
	.doctor_btn_box{display: block;}
	.doctor_btn_box a{margin: 0 auto!important;}
	.doctor_btn_box a:not(:last-child){margin-bottom: 15px!important;}
	
	/* 当院の安心への取り組み
	-------------------------------------------*/
	.initiative_wrap > div{margin-bottom: 40px;}
	.initiative_wrap > ul{width: 100%;}
	
	/* 施設のご案内
	-------------------------------------------*/
	.facility_wrap{
		background-size: 250px auto;
		background-position: left 15% top 80px;
	}
	.facility_wrap > div{width: 49%;}
	
}


/* 700px以下から
------------------------------------------------------------*/
@media only screen and (max-width:700px){

/*著書（追加分）*/
h2.pln{
font-size: 24px;
color: #5E8E00;
border-bottom: dotted 1px #5E8E00;
text-align: center;
padding: 0 0 15px 0;
margin: 0 0 50px 0;
}

.book_wrap {
flex-direction: column;
}

.book_wrap img {
margin: 0 0 15px 0;
}

}



/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	.inner_r > div span img{height: 35px;}
	
	/* 院長 中川浩一のご紹介
	-------------------------------------------*/
	.doctor_img_wrap{
		padding-bottom: 35px;
		margin-bottom: 35px;
		border-bottom: 1px dashed #adc44b;
	}
	.doctor_img_wrap > p{
		width: 300px;
		margin: 0 auto 30px;
	}
	.doctor_img_wrap > div{
		width: 100%;
		padding: 0;
	}
	.doctor_wrap > div{width: 100%;}
	.doctor_wrap > div:not(:last-child){
		padding: 0 0 35px!important;
		margin-bottom: 35px;
		border-bottom: 1px dashed #adc44b;
		border-right: none;
	}
	.doctor_wrap > div:last-child{padding: 0!important;}
	
	/* 当院の安心への取り組み
	-------------------------------------------*/
	.initiative_wrap li{width: 100%;}
	.initiative_wrap li:not(:last-child){margin-bottom: 40px;}
	
	/* 施設のご案内
	-------------------------------------------*/
	.facility_wrap{background-position: right 0 top 15px;}
	.facility_wrap > div{width: 100%;}
	.facility_wrap > div:not(:last-child){margin-bottom: 15px;}
	.facility_wrap > div:first-child{margin-bottom: 50px!important;}
}