@charset "utf-8";
/* 共通 */
.content_area h2{padding-left: 0;}
h2::before,h2::after{display: none;}
#menu_job_btn{margin-top: 0;}
.content_area{padding-top: 17px;}
.data_list{
	padding-left: 0;
	display: grid;
	margin-top: 50px;
}
.data_item{
	list-style: none;
	margin-bottom: 0;
	padding: 20px;
}

.data_item{
	border-bottom: 1px solid #CCCCCC;
}

.content_area h2{
	text-align: center;
	margin-top: 0;
}
h3 {
	font-size: 2rem;
    letter-spacing: 1px;
    line-height: 2.4rem;
    font-weight: bold;
    text-align: center;
    padding-top: 0;
}
h3::before{display: none;}
.content_area p{
	font-weight: bold;
	text-align: center;
	margin: 10px 0 16px;
}
/* 社員について */
.employee_list {
	grid-template-columns: 1fr 1fr;
}
.employee_item{position: relative;}
.employee_item:nth-child(odd){padding-right: 40px;}
.employee_item:nth-child(even){padding-left: 40px;}
.employee_item:nth-child(odd)::after{
	position: absolute;
	display: inline-block;
	content: '';
	width: 1px;
	height: calc(100% - 40px);
	background: #CCCCCC;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.employee_ttl{margin: 30px 0 28px;}

/* 働きかたについて */
.workstyle_box{
	margin-top: 80px;
	position: relative;
}
.workstyle_box::before{
	display: inline-block;
	position: absolute;
	content: '';
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height: 100%;
	background: url(/wp-content/uploads/sites/3/data/bg.jpg)no-repeat center / cover;
	z-index: -10;
}
.workstyle_h2{padding-top: 100px;}
.workstyle_h2,.workstyle_ttl,.workstyle_caption {color: #fff;}

.workstyle_img{padding: 0 30px;}
.workstyle_caption{margin: 14px 0 15px;}


@media screen and (max-width:1023px){
/* 働きかたについて */
.workstyle_img {padding: 0 10px;}
}
@media screen and (min-width:768px){

.workstyle_list{
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr);
	padding-bottom: 120px;
	margin-bottom: 20px;
}
.workstyle_item:nth-child(1) {
	grid-column: span 3;
	padding-right: 40px;
}

.workstyle_item:nth-child(2) {
	grid-column: 4 / span 3;
	padding-left: 40px;
}

.workstyle_item:nth-child(3) {
	grid-column: span 2;
	grid-row-start: 2;
	padding-left: 0;
}

.workstyle_item:nth-child(4) {
	grid-column: 3 / span 2;
	grid-row-start: 2;
}

.workstyle_item:nth-child(5) {
	grid-column: 5 / span 2;
	grid-row-start: 2;
	padding-right: 0;
}

.workstyle_item:nth-child(6) {
	grid-column: span 3;
	grid-row-start: 3;
	padding-right: 35px;
}

.workstyle_item:nth-child(7) {
	grid-column: 4 / span 3;
	grid-row-start: 3;
	padding-left: 30px;
}
.data_item:nth-last-child(-n+2) {border-bottom: none;}
.workstyle_item{position: relative;}
.workstyle_item:nth-child(1)::after,
.workstyle_item:nth-child(3)::after,
.workstyle_item:nth-child(4)::after,
.workstyle_item:nth-child(6)::after{
	position: absolute;
	content: '';
	display: inline-block;
	width: 1px;
	height: calc(100% - 40px);
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #777;
}

.workstyle_ttl{margin:36px 0 29px;}
.workstyle_item:nth-child(2) .workstyle_ttl{margin-bottom: 2px;}
}
@media screen and (max-width:767px){
img{margin: auto;}
h3{
	font-size: 1.8rem;
	letter-spacing: 0.9px;
	line-height: 2.6rem;
}

.data_list{grid-template-columns: 1fr !important;margin-top: 0;}
.data_item{padding: 0 0 20px 0 !important;}

/* 社員について */
.employee_ttl{
	margin: 37px 0 20px;
}
.employee_item:nth-child(odd)::after{display: none;}

/* 働きかたについて */
.workstyle_box{margin-top: 40px;}
.workstyle_item:last-child{border-bottom: none;padding-bottom: 60px !important;}
.workstyle_h2{padding-top: 60px;}
.workstyle_caption{margin-top: 23px;}
.workstyle_ttl br{display: none;}
}