@charset "UTF-8";

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



section[id^="features_area"] {
	background-color: rgba(var(--color-kango-main-rgb),0.1);
	border-radius: 2rem;
	width: 120rem;
	margin: 7rem auto 0;
	padding: 13rem 0 5rem 10rem;
	position: relative;
}
section[id^="features_area"]:nth-of-type(n+2) {
	margin-top: 10rem;
}

section[id^="features_area"] .img_deco {
	position: absolute;
	top: -3rem;
	left: 7rem;
}
section#features_area01 .img_deco {
	height: 9.5rem;
}
section#features_area02 .img_deco {
	height: 9.3rem;
}
section#features_area03.img_deco {
	height: 8.05rem;
}

section[id^="features_area"] .inner .unit_txt {
	width: 53rem;
}
section[id^="features_area"] .inner .unit_txt h2 {
	font-size: 5rem;
	letter-spacing: 0.04em;
	line-height: 1.5;
	margin: -0.25em -2em 0.4em 0;
}

section[id^="features_area"] .inner .unit_img {
	width: 50rem;
	height: 50rem;
}
section[id^="features_area"] .inner .unit_img img {
	position: absolute;
	height: auto;
}
@media screen and (min-width: 800.1px) {
	section[id^="features_area"] .inner .unit_img .img01 {
		top: -7rem;
		right: -2rem;
		width: 49rem;
	}
	section[id^="features_area"] .inner .unit_img .img02 {
		bottom: 0;
		left: 0;
		width: 28rem;
	}
}











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



section[id^="features_area"] {
	border-radius: 2.6vw;
	margin-top: 12vw;
	padding: 14vw 0 0;
}
section[id^="features_area"]:nth-of-type(n+2) {
	margin-top: 16vw;
}

section[id^="features_area"] .img_deco {
	top: -4.5vw;
	left: 7vw;
}
section#features_area01 .img_deco {
	height: 12.6vw;
}
section#features_area02 .img_deco {
	height: 12.1vw;
}
section#features_area03 .img_deco {
	height: 10.7vw;
}

section[id^="features_area"] .inner .unit_txt {
	width: 75vw;
	margin: 0 auto;
}
section[id^="features_area"] .inner .unit_txt h2 {
	font-size: 6.1vw;
	margin-left: -2em;
	text-align: center;
}

section[id^="features_area"] .inner .unit_img {
	width: 100%;
	height: 58vw;
	margin-top: 3.5vw;
}
section[id^="features_area"] .inner .unit_img .img01 {
	bottom: -4vw;
	left: -0.8vw;
	width: 58.6vw;
}
section[id^="features_area"] .inner .unit_img .img02 {
	width: 37.3vw;
	top: 0;
	right: -2vw;
}
















	
}