@charset "UTF-8";

/*================================================
 *  臨床研修医募集サイト　／　当院の特色用
 ================================================*/


section#features_area [class*="features_box"] {
	width: 138rem;
	margin: 9rem auto 0;
	position: relative;
}
section#features_area [class*="features_box"] + [class*="features_box"] {
	margin-top: 12rem;
}
section#features_area [class*="features_box"]::before {
	position: absolute;
	content: '';
	top: 0;
	right: 14rem;
	width: 100vw;
	height: 100%;
	background-color: var(--color-res-main);
}
section#features_area [class*="features_box"]:nth-of-type(even)::before {
	right: auto;
	left: 14rem;
}
section#features_area [class*="features_box"] .inner {
	position: relative;
	display: flex;
	z-index: 10;
	padding: 12rem 0;
	justify-content: flex-end;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner {
	flex-direction: row-reverse;
}
section#features_area [class*="features_box"] .inner .unit_txt {
	padding-top: 3rem;
	width: 48rem;
}
section#features_area [class*="features_box"] .inner .unit_txt h3 {
	position: relative;
}
section#features_area [class*="features_box"] .inner .unit_txt h3 img {
	position: absolute;
	top: -7rem;
	left: -12.5rem;
	height: 11.4rem;
	width: auto;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_txt h3 img {
	left: -6.5rem;
}
section#features_area [class*="features_box"] .inner .unit_txt h3 em {
	display: block;
	font-size: 5.4rem;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.08em;
	margin: -0.25em -2em -0.25em 0;
	position: relative;
}
section#features_area [class*="features_box"] .inner .unit_txt .inr {
	padding: 4.5rem 0 0 4rem;
}


section#features_area [class*="features_box"] .inner .unit_img {
	position: relative;
	width: 63.5rem;
	height: 53.5rem;
	flex-shrink: 0;
	margin-left: 10rem;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img {
	margin: 0 10rem 0 0;
}
section#features_area [class*="features_box"] .inner .unit_img img {
	position: absolute;
	border-radius: 1rem;
	isolation: isolate;
	height: auto;
}
section#features_area [class*="features_box"] .inner .unit_img img:nth-of-type(1) {
	top: 0;
	right: 0;
	width: 58rem;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img img:nth-of-type(1) {
	right: auto;
	left: 0;
}
section#features_area [class*="features_box"] .inner .unit_img img:nth-of-type(2) {
	bottom: 0;
	left: 0;
	width: 29rem;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img img:nth-of-type(2) {
	left: auto;
	right: 0;
}









/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width: 800px) {



section#features_area [class*="features_box"] {
	width: 100%;
	margin-top: 10vw;
}
section#features_area [class*="features_box"]:nth-of-type(even) {
	margin-right: 0;
	margin-left: auto;
}
section#features_area [class*="features_box"] + [class*="features_box"] {
	margin-top: 18vw;
}
section#features_area [class*="features_box"]::before {
	right: 4vw;
	height: calc(100% - 21vw);
}
section#features_area [class*="features_box"]:nth-of-type(even)::before {
	left: 4vw;
}
section#features_area [class*="features_box"] .inner {
	display: block;
	padding: 17vw 0 0;
}
section#features_area [class*="features_box"] .inner .unit_txt {
	padding: 0;
	width: 100%;
}
section#features_area [class*="features_box"] .inner .unit_txt h3 {
	margin-left: 6.6vw;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_txt h3 {
	margin-left: 10.6vw;
}
section#features_area [class*="features_box"] .inner .unit_txt h3 img {
	top: -10vw;
	left: -3vw!important;
	height: 15vw;
}
section#features_area [class*="features_box"] .inner .unit_txt h3 em {
	font-size: 7.2vw;
}

section#features_area [class*="features_box"] .inner .unit_txt .inr {
	padding: 0;
	width: 76vw;
	margin: 8vw 0 0 10vw;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_txt .inr {
	margin: 8vw 10vw 0 auto;
}


section#features_area [class*="features_box"] .inner .unit_img {
	width: 90vw;
	height: 70vw;
	margin: 6vw 0 0 auto;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img {
	margin: 5vw 0 0 0;
}
section#features_area [class*="features_box"] .inner .unit_img img {
	border-radius: 1.3vw;
}
section#features_area [class*="features_box"] .inner .unit_img img:nth-of-type(1) {
	width: 73vw;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img img:nth-of-type(1) {
}
section#features_area [class*="features_box"] .inner .unit_img img:nth-of-type(2) {
	width: 45vw;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img img:nth-of-type(2) {
}





























	
}