@charset "UTF-8";
/* CSS Document */

/* ============================
		Reset
 ============================ */

.common_h2 {
line-height: 1.5em;
}



/* ============================
		painClinicCenterSection
 ============================ */


/* for SP */
@media screen and (max-width: 767px) {
/*
	.painClinicCenterSection h2::after {
	content: "─";
	}
*/
}



.painClinicCenterSection .greetinPhoto {
margin-bottom: 1em;
width: 100%;
}

.painClinicCenterSection .greetinPhoto .photo {
margin-bottom: 1em;
}

.painClinicCenterSection .greetinPhoto img {
width: calc(100% - 30px);
}

.painClinicCenterSection .position {
text-align: center;
line-height: 1.25em;
font-size: 1.2rem;
}

.painClinicCenterSection .name {
font-size: 1.6rem;
font-weight: bold;
text-align: center;
line-height: 1.75em;
}

.painClinicCenterSection .kana {
font-size: 1.2rem;
}


/* facilityPhotoGallery */

.painClinicCenterSection .facilityPhotoGallery {
margin-bottom: 3em;
}

.painClinicCenterSection .facilityPhotoGallery li {
margin-bottom: 1em;
}

.painClinicCenterSection .facilityPhotoGallery li img {
width: 100%;
}

.painClinicCenterSection .facilityPhotoGallery li .caption {
text-align: center;
font-size: 1.4rem;
line-height: 1.5em;
}



/* staffProfileList */

.painClinicCenterSection .staffProfileList {
}

.painClinicCenterSection .staffProfileList > li {
margin-bottom: 3em;
}





/* for PC */
@media screen and (min-width: 1201px) {

	.painClinicCenterSection .greetinPhoto {
	width: 320px;
	float: right;
	margin-right: 2em;
	margin-left: 4em;
	}

	.painClinicCenterSection .position {
	font-size: 1.8rem;
	}

	.painClinicCenterSection .name {
	font-size: 2.0rem;
	}

	.painClinicCenterSection .greetinPhoto img {
	width: calc(100% - 0px) !important;
	}


	/* facilityPhotoGallery */

	.painClinicCenterSection .facilityPhotoGallery {
	margin-bottom: 3em;
	margin: 2em 2em 3em 2em;
	}

	.painClinicCenterSection .facilityPhotoGallery li {
	float: left;
	width: calc(33.3333% - 15px);
	margin-right: 20px;
	margin-bottom: 2em;
	}
	
	.painClinicCenterSection .facilityPhotoGallery li:nth-child(3n) {
	margin-right: 0;
	}
	
	.painClinicCenterSection .facilityPhotoGallery li:nth-child(3n+1) {
	clear: both;
	}

	.painClinicCenterSection .facilityPhotoGallery li .caption {
	font-size: 1.8rem;
	}

	.painClinicCenterSection .facilityPhotoGallery {
	}

}


/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){


	.painClinicCenterSection .greetinPhoto {
	width: 240px;
	float: right;
	margin-right: 2em;
	margin-left: 4em;
	}

	.painClinicCenterSection .position {
	font-size: 1.8rem;
	}

	.painClinicCenterSection .name {
	font-size: 2.0rem;
	}

	.painClinicCenterSection .greetinPhoto img {
	width: calc(100% - 0px) !important;
	}


	/* facilityPhotoGallery */

	.painClinicCenterSection .facilityPhotoGallery {
	margin-bottom: 3em;
	margin: 2em 2em 3em 2em;
	}

	.painClinicCenterSection .facilityPhotoGallery li {
	float: left;
	width: calc(33.3333% - 15px);
	margin-right: 20px;
	margin-bottom: 2em;
	}
	
	.painClinicCenterSection .facilityPhotoGallery li:nth-child(3n) {
	margin-right: 0;
	}
	
	.painClinicCenterSection .facilityPhotoGallery li:nth-child(3n+1) {
	clear: both;
	}

	.painClinicCenterSection .facilityPhotoGallery li .caption {
	font-size: 1.8rem;
	}

	.painClinicCenterSection .facilityPhotoGallery {
	}


}






/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}