@charset "utf-8";
.works_list{
	margin:0;
	padding:0;
	border-top:1px solid #ddd;
}
.works_list li{
	border-bottom:1px solid #ddd;
	list-style:none;
	padding:40px 0;
	margin:0;
}
.works_list h3{
	margin-top:0;
}
.works_list .column_2{
	grid-gap:40px;
	grid-template-columns: repeat(auto-fit, calc((100% - 40px) / 2));
	margin:0;
}
.works_list .column_2 div *:first-child{margin-top:0 !important;}
.works_list .column_2 div *:last-child{margin-bottom:0 !important;}
.works_list table{margin:0;}
.works_list th,.works_list td{
	padding:10px 12px;
	font-size:1.4rem;
	letter-spacing:1.4px;
}

.icon_list{
	display:grid;
	margin:0;
	padding:0;
	grid-gap:20px;
	grid-template-columns: repeat(auto-fit, calc((100% - 20px) / 2));
}
.icon_item{
	list-style:none;
	margin:0;
	border-radius:10px;
	border:1px solid #ddd;
	padding:0 20px 20px;
}
.icon_h_wrap{
	margin:0;
	display:flex;
	min-height:96px;
	justify-content:space-between;
	align-items:center;
	padding:10px 0 10px;
	border-bottom:1px solid #eee;
}
.icon_img{width:60px;height:60px;}
.icon_img img{width:100%;height:auto;max-width:60px;max-height:60px;}
.icon_h{
	margin:0;
	width:calc(100% - 75px);
	font-size:2rem;
	color:#093741;
}
.icon_txt{
	margin:15px 0 0;
	font-size:1.4rem;
	letter-spacing:1.4px;
}

.buy_list{
	margin:0;
	padding:0;
	border-top:1px solid #ddd;
}
.buy_item{
	list-style:none;
	border-bottom:1px solid #ddd;
	padding:20px 0 40px;
	margin:0;
}
.buy_item h3{
	position:relative;
	margin:0 0 17px;
}
.buy_item h3::before{
	content:attr(data-name);
	display:block;
	width:73px;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	letter-spacing:1.6px;
	background:#093741;
	padding:3px 5px 4px;
	margin-bottom:8px;
}
.point_list{
	margin:0;
	padding:18px 20px 9px 57px;
	border-radius:10px;
	background:#F7F6F5;
}
.point_item{
	list-style:disc;
}

.recruitment_box{
	display:flex;
	justify-content:space-between;
}
.recruitment_photo{width:280px;margin-right:30px;}
.recruitment_txt{width:calc(100% - 310px);}
.recruitment_txt table{margin:0;}

.service_list{margin:0;padding:0;border-top:1px solid #ddd;}
.service_item{
	list-style:none;
	margin:0;
	padding:30px 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #ddd;
}
.service_img{width:280px;margin-right:30px;}
.service_txt{width:calc(100% - 310px);}
.service_h{margin:0 0 20px;}
.service_p{margin:0;}




@media screen and (max-width:767px){
.works_list .column_2{grid-gap:40px 20px;grid-template-columns:repeat(auto-fit, calc((100% - 20px) / 2));}
.icon_h_wrap{
	min-height:68px;
	padding:12px 0 15px;
}
.icon_img{width:40px;height:40px;}
.icon_img img{max-width:40px;max-height:40px;}
.icon_h{
	width:calc(100% - 50px);
	font-size:1.8rem;
	letter-spacing:1.8px;
}
.icon_txt{margin:10px 0 0;}

.buy_item h3::before{
	width:68px;
	padding:2px 5px 3px;
	margin-bottom:9px;
}
.buy_item th{width:40%;}
.point_list{padding:18px 20px 14px 35px;}
.point_item{line-height:1.7;margin-bottom:3px;}



}


@media screen and (max-width:599px){
.works_list .column_2{
	display:flex;
	grid-gap:20px;
	flex-direction:column-reverse;
}
.icon_list{
	display:block;
	grid-gap:0;
}
.icon_item{margin:0 0 20px;}
.recruitment_box{display:block;}
.recruitment_photo{width:auto;margin:0 0 20px;}
.recruitment_txt{width:auto;}
.service_item{
	padding:20px 0;
	display:block;
}
.service_img{width:auto;margin:0 0 20px;}
.service_txt{width:auto;}

}