@charset "UTF-8";

/* 院長紹介 */
#doctor {

	margin-bottom: 21rem;

}

#doctor h2 {

	margin-bottom: 15rem;

}

#doctor .left {

	float: left;
	width: 44%;
	width: 46.5rem;
	text-align: center;

}

#doctor .left img {

	width: 46.5rem;
	margin-bottom: 3rem;

}

#doctor .left h3 {
	
	margin-bottom: 0.8rem;
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 0.22em;

}

#doctor .left .job {
	
	font-size: 2.5rem;
	font-weight: 500;
	color: #64A4C0;
	letter-spacing: 0.16em;

}

#doctor .right {

	float: right;
	width: 56%;

}

#doctor .right .box {

	margin-bottom: 5rem;
	padding-right: 24%;

}

#doctor .right .box h3 {
	
	margin-bottom: 1rem;
	font-size: 2.5rem;
	font-weight: 500;

}

#doctor .right .box p {
	
	font-size: 2rem;
	font-weight: 300;
	line-height: 2.1;

}

#doctor .right .box ul li {

	font-size: 2rem;
	font-weight: 300;
	line-height: 2.1;

}

/* 院内写真 */
#photo {

	margin-bottom: 19.5rem;

}

#photo .bg {
	
	padding: 7rem 0;
	background: #F5F5F7;

}

#photo .img_wrap {

	width: 141rem;
	padding-left: 5.5rem;

}

#photo .img_wrap .img {

	float: left;
	width:  60rem;
	height: 45rem;
	margin-bottom: 16rem;

}

#photo .img_wrap .img:nth-child(even) {

	float: right;

}

#photo .img_wrap .img:nth-child(5), #photo .img_wrap .img:nth-child(6) {

	margin-bottom: 0;

}



/* 中サイズ */
@media only screen and (max-width: 1366px) {



}



@media only screen and (max-width: 1140px) {

	#photo .img_wrap {

		width: 94%;
		padding-left: 5.5rem;
	
	}
	
	#photo .img_wrap .img {
		
		float: left;
		width:  45%;
		height: 45rem;
		margin-bottom: 16rem;
		
	}
	
	#photo .img_wrap .img:nth-child(even) {
		
		float: left;
		margin-left: 5%;
	
	}

	#photo .img_wrap .img:nth-child(5), #photo .img_wrap .img:nth-child(6) {

		margin-bottom: 0;

	}

}



/* iPadPro */
@media only screen and (max-width: 1024px) {

	/* 院内写真 */
	#photo {
		
		margin-bottom: 19.5rem;
		
	}
	
	#photo .bg {
		
		padding: 7rem 0;
	
	}
	
	#photo .img_wrap {
		
		width: 141rem;
		padding-left: 5.5rem;
		
	}
	
	#photo .img_wrap .img {
		
		float: left;
		width:  60rem;
		height: 45rem;
		margin-bottom: 16rem;
		
	}
	
	#photo .img_wrap .img:nth-child(even) {
		
		float: right;
		
	}
	
	#photo .img_wrap .img:nth-child(5), #photo .img_wrap .img:nth-child(6) {
		
		margin-bottom: 0;
		
	}

}



/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {
	
	/* 院内写真 */
	#photo {
		
		margin-bottom: 19.5rem;
		
	}
	
	#photo .bg {
		
		padding: 7rem 0;
	
	}
	
	#photo .img_wrap {
		
		width: 94%;
		padding-left: 5.5rem;
		
	}
	
	#photo .img_wrap .img {
		
		float: left;
		width:  45%;
		height: 40rem;
		margin-bottom: 16rem;
		
	}
	
	#photo .img_wrap .img:nth-child(even) {
		
		float: right;
		
	}
	
	#photo .img_wrap .img:nth-child(5), #photo .img_wrap .img:nth-child(6) {
		
		margin-bottom: 0;
		
	}

}



/* iPad */
@media only screen and (max-width: 768px) {
	
	#photo .img_wrap .img {
		
		float: left;
		width:  45%;
		height: 32rem;
		margin-bottom: 16rem;
		
	}

}



/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {

	#photo .img_wrap .img {
		
		height: 30rem;
		
	}

}



/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}



/* iPhone5の横 */
@media only screen and (max-width: 568px) {

	/* 院長紹介 */
	#doctor {
		
		margin-bottom: 21rem;
		
	}
	
	#doctor h2 {
		
		margin-bottom: 15rem;
		
	}
	
	#doctor .left {
		
		float: left;
		width: 40rem;
		
	}
	
	#doctor .left img {
		
		width: 100%;
		margin-bottom: 3rem;
		
	}
	
	#doctor .left h3 {
		
		margin-bottom: 0.8rem;
		font-size: 3.6rem;
		letter-spacing: 0.22em;
	
	}
	
	#doctor .left .job {
		
		font-size: 2.5rem;
		letter-spacing: 0.16em;
		
	}
	
	#doctor .right {
		
		float: right;
		width: 56%;
		
	}
	
	#doctor .right .box {
		
		margin-bottom: 5rem;
		padding-right: 20%;
		
	}
	
	#doctor .right .box h3 {
		
		margin-bottom: 1rem;
		font-size: 2.5rem;
		
	}
	
	#doctor .right .box p {
		
		font-size: 2rem;
		line-height: 2.1;
		
	}
	
	#doctor .right .box ul li {
		
		font-size: 2rem;
		line-height: 2.1;
		
	}

}



/* AndLoidL */
@media only screen and (max-width: 480px) {

	/* 院長紹介 */
	#doctor {
		
		margin-bottom: 15rem;
		
	}
	
	#doctor h2 {
		
		margin-bottom: 10rem;
		
	}
	
	#doctor .left {
		
		float: none;
		width: 100%;
		margin-bottom: 7rem;
		text-align: left;
		
	}
	
	#doctor .left img {
		
		float: left;
		width: 45%;
		margin-bottom: 0;
		
	}
	
	#doctor .left .txt {
	
		float: left;
		margin-left: 6%;
	
	}
	
	#doctor .left h3 {
		
		margin-bottom: 0.8rem;
		font-size: 4.8rem;
		letter-spacing: 0.22em;
		
	}
	
	#doctor .left .job {
		
		font-size: 3.4rem;
		letter-spacing: 0.16em;
		
	}
	
	#doctor .right {
		
		float: none;
		width: 100%;
		
	}
	
	#doctor .right .box {
		
		margin-bottom: 6rem;
		padding-right: 10%;
		
	}
	
	#doctor .right .box h3 {
		
		margin-bottom: 1rem;
		font-size: 3.4rem;
		
	}
	
	#doctor .right .box p {
		
		font-size: 3rem;
		line-height: 2.1;
		letter-spacing: 0.1em;
		
	}
	
	#doctor .right .box ul li {
		
		font-size: 3rem;
		line-height: 2.1;
		letter-spacing: 0.1em;
		
	}
	
	/* 院内写真 */
	#photo {
		
		margin-bottom: 19.5rem;
	
	}
	
	#photo h2 {
		
		margin-bottom: 10rem;
		
	}
	
	#photo .inner {
	
		clear: both;
	
	}
	
	#photo .img_wrap .img {
		
		width:  47%;
		height: 23rem;
		
	}
	
	#photo .img_wrap .img:nth-child(5), #photo .img_wrap .img:nth-child(6) {
		
		margin-bottom: 10rem;
		
	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {

	/* 院内写真 */
	#photo .img_wrap .img {
		
		width:  47%;
		height: 19rem;
		
	}

}


/* iPhonePlus */
@media only screen and (max-width: 414px) {

	/* 院内写真 */
	#photo .img_wrap .img {
		
		width:  47%;
		height: 18rem;
		
	}

}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {

	/* 院内写真 */
	#photo .img_wrap .img {
		
		width:  47%;
		height: 17rem;
		
	}

}



/* Galaxy */
@media only screen and (max-width: 360px) {

	/* 院内写真 */
	#photo .img_wrap .img {
		
		width:  47%;
		height: 16rem;
		
	}

}



/* iPhone5 */
@media only screen and (max-width: 320px) {

	/* 院内写真 */
	#photo .img_wrap .img {
		
		width:  47%;
		height: 15rem;
		
	}

}