@charset "utf-8";

.welfare .title_area{background-image:url(/recruit/newgrads/img/common/h1_welfare.jpg);}
.welfare .copy_txt{
	margin-bottom:50px;
	font-size:2.6rem;
}
.welfare_box{
	margin-bottom:30px;
	border:2px solid #094;
}
.welfare_acc, .welfare_link{
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	gap:30px;
	padding:30px;
	cursor:pointer;
	transition:background 0.3s;
}
.welfare_link{text-decoration:none !important;}
.welfare_acc:hover, .welfare_link:hover{background:#ECF6F0;}
.welfare_top{
	position:relative;
	width:100%;
}
.welfare_top::after{
	content:'';
	position:absolute;
	top:0;
	right:30px;
	bottom:0;
	width:36px;
	height:36px;
	margin:auto;
	background:#094;
	border-radius:50%;
}
.welfare_top_in{
	position:relative;
	padding-right:90px;
}
.welfare_link .welfare_top_in{width:100%;}
.welfare_top_in::before, .welfare_top_in::after{
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	right:40px;
	bottom:0;
	width:16px;
	height:2px;
	margin:auto;
	background:#fff;
}
.welfare_top_in::after{
	transform:rotate(90deg);
	transition:opacity 0.3s;
}
.open .welfare_top_in::after{opacity:0;}
.welfare_link .welfare_top_in::before{
	content:'';
	position:absolute;
	top:0;
	right:30px;
	bottom:0;
	width:36px;
	height:36px;
	margin:auto;
	background:#094;
	border-radius:50%;
}
.welfare_link .welfare_top_in::after{
	content:'';
	position:absolute;
	top:0;
	right:44px;
	bottom:0;
	width:11px;
	height:11px;
	margin:auto;
	background:none;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
.welfare_head{
	padding:0;
	margin:0 0 20px;
	font-size:3rem;
	letter-spacing:0.3px;
	line-height:4.4rem;
}
.welfare_head::before{display:none;}
.welfare_txt{
	margin:0;
	color:#333;
	font-size:1.8rem;
	letter-spacing:0;
	line-height:2.7rem;
}
.welfare_pic{
	flex-shrink:0;
	width:295px;
	margin:0;
}
.welfare_box_in{
	display:none;
	padding:0 30px;
}
.welfare_box_in h3{
	padding:0;
	margin:0;
	border:none;
	font-size:1.8rem;
	letter-spacing:1.44px;
	line-height:2.7rem;
}
.welfare_box_in p{
	margin:0;
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.1rem;
}
.welfare_box_in table{margin:0;}
.welfare_box_in th{width:215px;}
.column_3_list, .column_4_list{
	display:grid;
	position:relative;
	border-top:1px solid #ccc;
}
.column_3_list{grid-template-columns:1fr 1fr 1fr;}
.column_4_list{grid-template-columns:repeat(4, 1fr);}
.column_3_list::after, .column_4_list::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
}
.column_3_list > div, .column_4_list > div{
	display:grid;
	grid-template-rows:subgrid;
	grid-row:span 3;
	position:relative;
	padding:25px 30px 30px;
	border-bottom:1px solid #ccc;
}
.column_3_list > div:nth-child(3n+1), .column_4_list > div:nth-child(4n+1){padding-left:0;}
.column_3_list > div:nth-child(3n+3), .column_4_list > div:nth-child(4n+4){padding-right:0;}
.column_3_list > div::after, .column_4_list > div::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:1px;
	height:calc(100% - 60px);
	margin:auto;
	background:#ccc;
}
.column_3_list > div:nth-child(3n)::after, .column_4_list > div:nth-child(4n)::after{display:none;}
.column_3_list h3, .column_4_list h3{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:20px 0;
	text-align:center;
}
.column_3_list h3 + p, .column_4_list h3 + p{
	order:-1;
	width:70px;
	margin:0 auto;
}
.column_2, .column_3{
	gap:30px;
	padding-top:30px;
	margin-bottom:30px;
	border-top:1px solid #ccc;
}
.column_2{grid-template-columns:1fr 1fr;}
.column_2 h3{margin-bottom:20px;}
.column_3{grid-template-columns:1fr 1fr 1fr;}
.column_3 > div{
	display:flex;
	flex-direction:column;
}
.column_3 h3{
	margin-top:20px;
	text-align:center;
}
.column_3 h3 + p{
	order:-1;
	margin:0;
}


@media screen and (max-width:1024px){

.welfare_box{margin-bottom:20px;}
.welfare_acc, .welfare_link{
	gap:20px;
	padding:20px;
}
.welfare_box_in{padding:0 20px;}
.column_3 h3{margin-top:15px;}

}


@media screen and (min-width:768px) and (max-width:1024px){

.welfare .copy_txt{margin-bottom:40px;}
.welfare_box{margin-bottom:25px;}
.welfare_top::after{right:15px;}
.welfare_top_in::before, .welfare_top_in::after{right:25px;}
.welfare_link .welfare_top_in::before{right:15px;}
.welfare_link .welfare_top_in::after{right:29px;}
.welfare_head{
	margin-bottom:15px;
	font-size:2.6rem;
	letter-spacing:0.26px;
	line-height:3.8rem;
}
.welfare_txt{
	font-size:1.6rem;
	line-height:2.4rem;
}
.welfare_pic{width:255px;}
.welfare_box_in p{
	font-size:1.3rem;
	letter-spacing:1.3px;
}
.welfare_box_in th{width:200px;}
.column_3_list > div, .column_4_list > div{
	padding-right:20px;
	padding-left:20px;
}
.column_2, .column_3{
	gap:20px;
	margin-bottom:20px !important;
}

}


@media screen and (min-width:768px) and (max-width:900px){

.column_3_list{grid-template-columns:1fr 1fr;}
.column_4_list{grid-template-columns:1fr 1fr 1fr;}
.column_3_list > div:nth-child(3n+1), .column_4_list > div:nth-child(4n+1){padding-left:20px;}
.column_3_list > div:nth-child(odd), .column_4_list > div:nth-child(3n+1){padding-left:0;}
.column_3_list > div:nth-child(3n+3), .column_4_list > div:nth-child(4n+4){padding-right:20px;}
.column_3_list > div:nth-child(even), .column_4_list > div:nth-child(3n+3){padding-right:0;}
.column_3_list > div:nth-child(3n)::after, .column_4_list > div:nth-child(4n)::after{display:block;}
.column_3_list > div:nth-child(even)::after, .column_4_list > div:nth-child(3n)::after{display:none;}
.column_3{
	gap:30px 20px;
	grid-template-columns:1fr 1fr;
}

}


@media screen and (max-width:767px){

.welfare .copy_txt{margin-bottom:30px;}
.welfare_top::after{
	right:0;
	width:26px;
	height:26px;
}
.welfare_top_in{padding-right:35px;}
.welfare_top_in::before, .welfare_top_in::after{
	right:6px;
	width:14px;
}
.welfare_link .welfare_top_in::before{
	right:0;
	width:26px;
	height:26px;
}
.welfare_link .welfare_top_in::after{
	right:10px;
	width:8px;
	height:8px;
}
.welfare_head{
	margin-bottom:10px;
	font-size:2.2rem;
	letter-spacing:0.22px;
	line-height:3.2rem;
}
.welfare_txt{
	font-size:1.4rem;
	line-height:2.1rem;
}
.welfare_pic{width:215px;}
.welfare_box_in h3{
	font-size:1.7rem;
	letter-spacing:1.36px;
}
.welfare_box_in p{
	font-size:1.2rem;
	letter-spacing:1.2px;
}
.welfare_box_in th{width:185px;}
.column_3_list, .column_4_list{grid-template-columns:1fr 1fr;}
.column_3_list > div, .column_4_list > div{padding:20px 20px 25px;}
.column_3_list > div:nth-child(3n+1), .column_4_list > div:nth-child(4n+1){padding-left:20px;}
.column_3_list > div:nth-child(odd), .column_4_list > div:nth-child(odd){padding-left:0;}
.column_3_list > div:nth-child(3n+3), .column_4_list > div:nth-child(4n+4){padding-right:20px;}
.column_3_list > div:nth-child(even), .column_4_list > div:nth-child(even){padding-right:0;}
.column_3_list > div::after, .column_4_list > div::after{height:calc(100% - 50px);}
.column_3_list > div:nth-child(3n)::after, .column_4_list > div:nth-child(4n)::after{display:block;}
.column_3_list > div:nth-child(even)::after, .column_4_list > div:nth-child(even)::after{display:none;}
.column_3_list h3, .column_4_list h3{margin:15px 0;}
.column_2{
	gap:20px;
	margin-bottom:20px !important;
}
.column_3{
	gap:30px 20px;
	grid-template-columns:1fr 1fr;
	margin-bottom:20px !important;
}

}


@media screen and (max-width:650px){

.column_2{
	grid-template-columns:1fr;
	gap:30px;
}

}


@media screen and (max-width:600px){

.welfare_acc, .welfare_link{
	flex-direction:column-reverse;
	gap:15px;
}
.welfare_pic, .welfare_img{width:100%;}

}


@media screen and (max-width:550px){

.column_3_list, .column_4_list{
	display:block;
	border:none;
}
.column_3_list::after, .column_4_list::after{display:none !important;}
.column_3_list > div, .column_4_list > div{
	padding:20px 0 25px !important;
	border:none;
	border-top:1px solid #ccc;
}
.column_3_list > div::after, .column_4_list > div::after{display:none !important;}
.column_3{
	grid-template-columns:1fr;
	gap:30px;
}

}