/* 選べる多様な働き方
============================ */
/* wrap */
#contentsArea.workstyle .wrap {
	padding: 80px 0 120px;
}
#contentsArea.workstyle .wrap p {
	margin-bottom: 20px;
}
#contentsArea.workstyle .copy {
	font-size:2.4rem;
	line-height:2;
	margin-bottom:80px !important;
}
#contentsArea.workstyle .copy span {
	font-size:3rem;
}
#contentsArea.workstyle .subttl {
	font-size:2.2rem;
	line-height:1.8;
	margin: 0 0 40px;
}
#contentsArea.workstyle .txtC {
	text-align:center;
}
#contentsArea.workstyle .mb2 {
	margin-bottom:2rem;
}
#contentsArea.workstyle .mT8 {
	margin-top:8rem !important;
}
#contentsArea.workstyle .mincho {
	font-family: 'Zen Old Mincho', serif;
}

#contentsArea.workstyle .wrap h2 {
	margin: 0 0 40px;
}
#contentsArea.workstyle #sec2,
#contentsArea.workstyle #sec3,
#contentsArea.workstyle #sec4 {
	margin-top:100px;
}
#contentsArea.workstyle .wrap .col2,
#contentsArea.workstyle .wrap .col2R {
	display:flex;
	align-items: start;
}
#contentsArea.workstyle .wrap .col2R .txtBox {
	flex-basis:calc(100% - 590px);
	margin:0 70px 0 0;
}
#contentsArea.workstyle .wrap .col2 .txtBox {
	flex-basis:calc(100% - 590px);
	margin:0 0 0 70px ;
	order:2;
}
#contentsArea.workstyle .wrap .col2 .pic_box {
	order:1;
}
#contentsArea.workstyle .wrap .col2 .pic_box,
#contentsArea.workstyle .wrap .col2R .pic_box {
	width:520px;
}
#contentsArea.workstyle .pointArea {
	background:#eefddf;
	border-radius:30px;
	padding:30px 40px 20px;
	margin-top: 30px;
}
#contentsArea.workstyle .pointttl {
	font-size:2.2rem;
	color:#4bc76d;
}
#contentsArea.workstyle .pointttl::before {
	content: '';
	display: inline-block;
	width: 46px;
	height: 46px;
	background:url(../workstyle/images/ico_point.png) top left no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -8px;
}
#contentsArea.workstyle .pointArea ul.check li {
	padding: 0 0 0 35px;
	margin: 0 0 10px;
	position: relative;
}
#contentsArea.workstyle .pointArea ul.check li::before {
	content: '';
	width: 14px;
	height: 7px;
	display: block;
	position: absolute;
	left: 8px;
	top: 13px;
	border-left: 3px solid #4bc76d;
	border-bottom: 3px solid #4bc76d;
	transform: translate(0,-50%) rotate(-45deg);
}
@media screen and (max-width:1024px) {
	#contentsArea.workstyle .wrap {
		padding: 15px 0 50px;
	}
	#contentsArea.workstyle .wrap p {
		margin-bottom: 20px;
	}
	#contentsArea.workstyle .wrap h2 {
		margin: 40px 0 20px;
	}
	#contentsArea.workstyle .copy {
		font-size: 1.8rem;
		line-height: 2;
		text-align: left;
		margin-bottom: 0 !important;
	}
	#contentsArea.workstyle .copy span {
		font-size:2rem;
	}
	#contentsArea.workstyle #sec2,
	#contentsArea.workstyle #sec3,
	#contentsArea.workstyle #sec4 {
		margin-top: 0;
	}
	#contentsArea.workstyle .wrap .col2,
	#contentsArea.workstyle .wrap .col2R {
		display: flex;
		align-items: start;
		flex-direction: column;
	}
	#contentsArea.workstyle .wrap .col2R .txtBox {
		flex-basis:100%;
		width:100%;
		margin:0 0 25px 0;
	}
	#contentsArea.workstyle .wrap .col2 .txtBox {
		flex-basis: 100%;
		margin: 0 0 25px;
		order: 1;
	}
	#contentsArea.workstyle .wrap .col2 .pic_box,
	#contentsArea.workstyle .wrap .col2R .pic_box {
		width: 100%;
		flex-basis: 100%;
		max-width: 520px;
	}
	#contentsArea.workstyle .wrap .col2 .pic_box {
		order: 2;
	}
	#contentsArea.workstyle .pointArea {
		background: #eefddf;
		border-radius: 30px;
		padding: 30px 20px 20px;
		margin-top: 15px;
	}
	#contentsArea.workstyle .pointttl {
		font-size:1.9rem;
	}
	#contentsArea.workstyle .pointttl::before {
		width: 40px;
		height: 40px;
		margin-right: 10px;
		margin-top: -8px;
	}
	#contentsArea.workstyle .pointArea ul.check li {
		padding: 0 0 0 30px;
		margin: 0 0 5px;
	}
	#contentsArea.workstyle .pointArea ul.check li::before {
		content: '';
		width: 12px;
		height: 7px;
		display: block;
		position: absolute;
		left: 10px;
		top: 10px;
		border-left: 2px solid #4bc76d;
		border-bottom: 2px solid #4bc76d;
		transform: translate(0,-50%) rotate(-45deg);
	}
}