@charset "UTF-8";
/* CSS Document */


/*----------------------------------------------------------
働く環境を知るcss
----------------------------------------------------------*/


/*----------------------------------------------------------
　全体
----------------------------------------------------------*/


/*福利厚生
-----------------------------*/
.welfare__wrap {
	width: 100%;
	margin: 0;
	padding: 70px 15px 120px 15px;
}
.welfare__wrap--inner {
	width: 1120px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
/*福利厚生部分のみ*/
.welfare__wrap.first {
	width: 100%;
	margin: 0;
	padding: 70px 15px 70px 15px;
    background: #EDF6FF;
}
.welfare__wrap--inner.first p {
	margin-bottom: 0px;
}
.welfare__wrap--inner .sec_title {
	margin-bottom: 30px;
	font-size: 37px;
}
.welfare__wrap--inner .sec_title::after {
	display: none;
}
.welfare__wrap--inner p {
	font-size: 19px;
	margin-bottom: 50px;
}
/*福利厚生（スマホ）
-----------------------------*/
@media screen and (max-width:1000px) {
	.welfare__wrap {
		padding: 50px 15px 60px 15px;
	}
	.welfare__wrap--inner {
		width: 100%
	}
}


/*長期休暇、有給休暇、その他休暇、研修、就業サポート、資格取得、就業支援、健康サポート
-----------------------------*/
.long-vacation__wrap ,
.training-system__wrap ,
.employment-support__wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 110px;
	position: relative;
}
.long-vacation__wrap::before ,
.employment-support__wrap::before {
	transform: skewX(-15deg);
	content: "";
	position: absolute;
	top: -70px;
	bottom: 0;
	left: 0;
	right: 53%;
	z-index: -1;
	background-color: #EEEEEE;
	margin: 0 0 0 -1000%;
	height: 30%;
}
.employment-support__wrap::before {
	top: -60px;
	bottom: 0;
	left: 0;
	right: 40%;
	height: 70%;
}
.training-system__wrap::before {
	transform: skewX(-15deg);
	content: "";
	position: absolute;
	z-index: -1;
	background-color: #EEEEEE;
	margin: 0 -1000% 0 0;
	right: 0;
	top: -40px;
	bottom: 0;
	left: 75%;
	height: 33%;
}

.long-vacation__contents h4.sec_title ,
.training-system__contents h4.sec_title ,
.employment-support__contents h4.sec_title {
	text-align: left;
	font-size: 29px;
	margin-bottom: 10px;
	padding: 0;
}
.long-vacation__contents h5.sec_title ,
.training-system__contents h5.sec_title ,
.employment-support__contents h5.sec_title {

	text-align: left;
	font-size: 19px;
	margin-bottom: 10px;
	padding: 0;
}
.long-vacation__contents h5.sec_title::after ,
.training-system__contents h5.sec_title::after ,
.employment-support__contents h5.sec_title::after {
	display: none;
	padding: 0;
	margin: 0;
}
.long-vacation__image {
	width: 560px;
}
.long-vacation__image img {
	width: 100%;
}
.long-vacation__contents ,
.training-system__contents ,
.employment-support__contents {
	flex: 1;
}
.long-vacation__contents ,
.employment-support__contents {
	padding-right: 30px;
}
.long-vacation__contents p ,
.training-system__contents p ,
.employment-support__contents p {
	font-size: 16px;
	text-align: left;
	line-height: 1.8em;
	padding: 0;
	margin: 0 0 20px 0;
}
/*追加コード（現在のページでメインで使用している重要なレイアウト）
-----------------------------*/
br.sp_on{
    display: none;
}
.sab_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3em;
    margin-bottom: 2.4em;
}
.sab_item {
    width: 80%;
}
.imgonly_flex {
    display: flex;
    gap: 3em;
    margin-bottom: 4em;
}
.imgonly_item {
    width: 31%;
}
.imgonly_item img {
    width: 100%;
}
.sab_flex.reverse {
    flex-direction: row-reverse;
}
.employment-support__wrap{
    margin-bottom: 0;
}

/*長期休暇、有給休暇、その他休暇、研修、就業サポート、資格取得、就業支援、健康サポート（スマホ）
-----------------------------*/
@media screen and (max-width:1000px) {
    br.sp_on{
        display: block;
    }
	.long-vacation__wrap ,
	.training-system__wrap ,
	.employment-support__wrap {
		display: block;
		margin-bottom: 60px;
	}
	.long-vacation__wrap::before ,
	.employment-support__wrap::before {
		display: none;
	}
	.training-system__wrap::before {
		display: none;
	}
	.long-vacation__contents h4.sec_title ,
	.training-system__contents h4.sec_title ,
	.employment-support__contents h4.sec_title {
		font-size: 23px;
	}
	.long-vacation__contents h5.sec_title ,
	.training-system__contents h5.sec_title ,
	.employment-support__contents h5.sec_title {
		font-size: 20px;
	}
	.long-vacation__image {
		width: 100%;
	}
	.long-vacation__contents ,
	.employment-support__contents {
		padding-right: 0;
	}
	.training-system__contents {
		padding-left: 0;
	}
    .sab_flex {
        gap: 0em;
        flex-direction: column;
    }
    .sab_item {
        width: 100%;
    }
    .imgonly_flex {
        gap: 1em;
        flex-direction: column;
    }
    .imgonly_item {
        width: 100%;
    }
    .sab_flex.reverse {
        flex-direction: column; 
    }
}
/*福利厚生部分のみ（スマホ用）*/
@media screen and (max-width: 736px){
	.welfare__wrap.first {
		width: 100%;
		margin: 0;
		padding: 70px 15px 50px 15px;
		background: #EDF6FF;
	}
	.welfare__wrap.first h3.sec_title {
		font-size: 160%;
	}
	.welfare__wrap--inner.first p {
		margin-bottom: 0px;
		font-size: 16px;
		line-height: 1.8em;
		text-align: left;
	}
}