@charset "UTF-8";

/*================================================
 * 看護部サイト　／　看護部の特色用
 ================================================*/



section#features_area {
	width: 120rem;
	margin: 0 auto;
}
section#features_area [class*="features_box"] {
	border-radius: 6rem;
	margin-top: 8rem;
	padding: 10rem 10.5rem 10rem;
	position: relative;
}
section#features_area [class*="features_box"] .inner {
	display: flex;
	justify-content: space-between;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner {
	flex-direction: row-reverse;
}
section#features_area [class*="features_box"] .inner .unit_txt {
	width: 50rem;
	flex-shrink: 0;
}
section#features_area [class*="features_box"] .inner .unit_txt h3 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.06em;
	margin: -0.25em -1em 0.7em 0;
	text-align: left;
}
section#features_area [class*="features_box"] .inner .unit_img {
	height: 55rem;
	/*width: 40rem;*/
	width: 61rem;
	position: relative;
	right: -10rem;
	flex-shrink: 0;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img {
	right: auto;
	left: -10rem;
}
section#features_area [class*="features_box"] .inner .unit_img img {
	position: absolute;
	border-radius: 6rem;
	isolation: isolate;
	height: auto;
}
section#features_area [class*="features_box"] .inner .unit_img img:first-child {
	top: 0;
	left: 6rem;
	width: 55rem;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img img:first-child {
	left: 0;
}
section#features_area [class*="features_box"] .inner .unit_img img:last-child {
	bottom: 0;
	left: 0;
	width: 32rem;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img img:last-child {
	left: auto;
	right: 0;
}


section#features_area [class*="features_box"] [class*="btn_kango_arrow"] {
	width: 42rem;
	margin: 8rem auto 0;
}














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


section#features_area {
	width: 89vw;
}
section#features_area [class*="features_box"] {
	border-radius: 8vw;
	margin-top: 11vw;
	padding: 13vw 0 10vw;
}
section#features_area [class*="features_box"] + [class*="features_box"] {
	margin-top: 40vw;
}
section#features_area [class*="features_box"] .inner {
	display: block;
}
section#features_area .features_box02 h2 > em {
	letter-spacing: 0.02em;
}
section#features_area [class*="features_box"] .inner .unit_txt {
	width: 74vw;
	margin: 0 auto 6vw;
}
section#features_area [class*="features_box"] .inner .unit_txt h3 {
	font-size: 4.8vw;
}
section#features_area [class*="features_box"] .inner .unit_img {
	height: 74vw;
	width: 86.6vw;
	margin: 0 0 -35vw auto;
	right: -2vw;
}
section#features_area .features_box04 .inner .unit_img {
	margin-bottom: 0;
}
section#features_area [class*="features_box"]:nth-of-type(even) .inner .unit_img {
	left: auto;
	margin-left: -2vw;
}
section#features_area [class*="features_box"] .inner .unit_img img {
	border-radius: 8vw;
}
section#features_area [class*="features_box"] .inner .unit_img img:first-child {
	left: auto;
	right: 0;
	width: 73vw;
}
section#features_area [class*="features_box"] .inner .unit_img img:last-child {
	width: 44vw;
}


section#features_area [class*="features_box"] [class*="btn_kango_arrow"] {
	width: 74vw;
	margin-top: 10vw;
}

















	
}