@charset "UTF-8";

/*================================================
 *  働く魅力 用
 ================================================*/

section#workstyle_area [class*="detail_box"] {
	margin-top: 120px;
}
section#workstyle_area [class*="detail_box"]:nth-of-type(n+2) {
	margin-top: 150px;
}
section#workstyle_area [class*="detail_box"]:nth-of-type(even) {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
section#workstyle_area [class*="detail_box"] .unit_img,
section#workstyle_area [class*="detail_box"] .unit_txt p {
	animation-delay: 1s;
}


section#workstyle_area [class*="detail_box"] .unit_txt {
	padding-top: 40px;
	width: 510px;
	width: min(50% - 40px, 510px);
}
section#workstyle_area [class*="detail_box"] .unit_txt h4 {
	font-size: 46px;
	line-height: 1.5;
	letter-spacing: 0.06em;
	margin: -0.25em -1em 0.75em 0;
}
section#workstyle_area [class*="detail_box"] .unit_txt p {
	padding-left: 1em;
}

section#workstyle_area [class*="detail_box"] .unit_img {
	width: 520px;
	width: min(50% - 30px, 520px);
}

section#workstyle_area [class*="detail_box"] .unit_img img:nth-child(1) {
	position: relative;
	width: 115.384%;
	max-width: inherit;
}
section#workstyle_area [class*="detail_box"]:nth-of-type(even) .unit_img img:nth-child(1) {
	left: 100%;
	transform: translateX(-100%);
}
section#workstyle_area [class*="detail_box"] .unit_img img:nth-child(2) {
	position: absolute;
	bottom: -28.888%; /*130 / 450*/
	width: 61.538%;
	max-width: inherit;
}
section#workstyle_area [class*="detail_box"]:nth-of-type(odd) .unit_img img:nth-child(2) {
	right: -140px;
}
section#workstyle_area [class*="detail_box"]:nth-of-type(even) .unit_img img:nth-child(2) {
	left: -140px;
}



@media screen and (max-width: 1200px) and (min-width: 1000.1px) {
	section#workstyle_area [class*="detail_box"] .unit_txt h4 {
		font-size: clamp(2.25rem, -0.875rem + 5vw, 2.875rem); /*min36 max46 min1000 max1200*/
	}
}


@media screen and (max-width: 1000px) {
	section#workstyle_area {
		max-width: 600px;
		padding: 0;
	}
	section#workstyle_area [class*="detail_box"] {
		display: block;
	}

	section#workstyle_area [class*="detail_box"] .unit_txt {
		width: 100%;
		padding: 0;
	}

	section#workstyle_area [class*="detail_box"] .unit_img {
		height: 565px;
		width: 630px;
		margin: 60px 0 0 -15px;
	}
	
	section#workstyle_area [class*="detail_box"] .unit_img img:nth-child(1) {
		width: 580px;
	}
	
	section#workstyle_area [class*="detail_box"] .unit_img img:nth-child(2) {
		width: 300px;
		bottom: 0;
	}
	section#workstyle_area [class*="detail_box"]:nth-of-type(odd) .unit_img img:nth-child(2) {
		right: 0;
	}
	section#workstyle_area [class*="detail_box"]:nth-of-type(even) .unit_img img:nth-child(2) {
		left: 0;
	}

}






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



section#workstyle_area [class*="detail_box"] {
	margin-top: 18vw;
}
section#workstyle_area [class*="detail_box"]:nth-of-type(n+2) {
	margin-top: 20vw;
}

section#workstyle_area [class*="detail_box"] .unit_txt h4 {
	font-size: 6.6vw;
}


section#workstyle_area [class*="detail_box"] .unit_img {
	height: 75vw;
	width: 84vw;
	margin: 8vw 0 0 -2vw;
}

section#workstyle_area [class*="detail_box"] .unit_img img:nth-child(1) {
	width: 77vw;
}

section#workstyle_area [class*="detail_box"] .unit_img img:nth-child(2) {
	width: 40vw;
	bottom: 0;
}












	
}