@charset "utf-8";
/* CSS Document */
.mv_under .inner:after {
	content:none;
}
.mv_under {
	background:url(/img/business/field/mv_field.jpg) no-repeat center top;
	background-size:cover;
}
.contents_main {
	background:url(/img/top/sec01_bg.png) no-repeat center top #fff;
}
.sub_text {
	margin-bottom:50px;
}
.category_list_wrap {
	background:#f8f8f8;
	padding:50px 0 70px;
	position:relative;
}
.category_list_wrap .ttl_under_text {
	font-size:1.6rem;
	line-height:1.9;
	margin-bottom:45px;
	text-align:center;
}
.category_list_wrap ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
}
.category_list_wrap ul .business_one_category {
	-webkit-box-sizing:border-box;
	background:#fff;
	box-sizing:border-box;
	margin-right:0.5%;
	padding:0 0 36px;
	width: 24.6%;
}
.category_list_wrap ul .business_one_category:nth-child(4n) {
	margin-right:0;
}
.category_list_wrap ul .business_one_category:nth-child(n+5) {
	margin-top: 20px;
}
.category_list_wrap ul .business_one_category p {
	text-align:center;
}
.category_list_wrap ul .business_one_category .thumb img {
	width: 100%;
}

.category_list_wrap ul .business_one_category .text_box{
	padding: 3% 7%;
}

.category_list_wrap ul .business_one_category .sector_text {
	font-size:1.8rem;
	font-weight:500;
	line-height:1.8;
	margin-bottom:12px;
	/* padding-bottom:14px; */
	position:relative;
	text-align: left;
}

.category_list_wrap ul .business_one_category .detail_text_list {
	color:#5c5c5c;
	font-size:1.3rem;
	line-height:1.5;
	margin-bottom:15px;
	min-height:90px;
	display: block;
}

.category_list_wrap ul .business_one_category .detail_text_list li{
	text-indent: -1em;
	margin-left: 1em;
}

.category_list_wrap ul .business_one_category .detail_text_list li +  li{
	margin-top: 4px;
}
.category_list_wrap ul .business_one_category .btn a {
	-webkit-transition:background-color .3s;
	border:1px solid #d4d4d4;
	display:inline-block;
	font-size:1.3rem;
	font-weight:500;
	padding:12px 30px;
	position:relative;
	transition:background-color .3s;
}
.category_list_wrap ul .business_one_category .btn a:hover {
	background:#000;
	border:1px solid #000;
	color:#fff;
}
.category_list_wrap ul .business_one_category .btn a:before {
	-webkit-transition:right 0.2s;
	background:#d4d4d4;
	content:"";
	height:1px;
	margin-left:-10px;
	margin-top:-1px;
	position:absolute;
	right:-15px;
	top:52%;
	transition:right 0.2s;
	width:30px;
}
.category_list_wrap ul .business_one_category .btn a:hover:before {
	right:-20px;
	width:33px;
}
.category_list_wrap ul .business_one_category .btn a:after {
	-webkit-transform:rotate(45deg);
	-webkit-transform-origin:right bottom;
	-webkit-transition:right 0.2s;
	background:#d4d4d4;
	content:"";
	height:1px;
	margin-left:-2px;
	margin-top:-1px;
	position:absolute;
	right:-15px;
	top:52%;
	transform:rotate(45deg);
	transform-origin:right bottom;
	transition:right 0.2s;
	width:8px;
}
.category_list_wrap ul .business_one_category .btn a:hover:after {
	right:-20px;
}
.green_ttl,.category_list_wrap .black_ttl {
	margin-bottom:45px;
}

@media screen and (max-width : 767px) {
	.mv_under {
		background:url(/img/business/field/mv_field_sp.jpg) no-repeat center top;
		background-size:cover;
	}
	.contents_main {
		background:url(/img/top/sec01_bg_sp.png) no-repeat center top #fff;
		background-size:100% auto;
	}
	.green_ttl {
		margin-bottom:5%;
	}
	.sub_text {
		font-size:1.3rem;
		margin:0 auto 8%;
		width:92%;
	}
	.category_list_wrap {
		padding:12% 0 4.7%;
		position:relative;
	}
	.category_list_wrap .black_ttl {
		margin-bottom:8%;
	}
	.category_list_wrap .ttl_under_text {
		font-size:1.3rem;
		line-height:1.5;
		margin-bottom:11%;
	}
	.category_list_wrap ul {
		-ms-flex-pack:justify;
		-webkit-box-pack:justify;
		justify-content:space-between;
	}
	.category_list_wrap ul .business_one_category {
		margin-bottom:7vw;
		margin-right:0;
		padding:0 0 6vw;
		width:48%;
	}

	.category_list_wrap ul .business_one_category:nth-child(n+5) {
		margin-top: 0;
	}

	.category_list_wrap ul .business_one_category .text_box{
		padding: 10%;
	}

	.category_list_wrap ul .business_one_category .sector_text {
		font-size:1.5rem;
		line-height:1.3;
		margin-bottom:10%;
		padding-bottom:0;
	}

	.category_list_wrap ul .business_one_category .detail_text_list {
		font-size:1.1rem;
		margin-bottom:10%;
		min-height:1px;
	}
	.category_list_wrap ul .business_one_category .btn a {
		font-size:1rem;
		padding:7% 12%;
	}
	.category_list_wrap ul .business_one_category .btn a:before {
		right:-8px;
		width:16px;
	}
	.category_list_wrap ul .business_one_category .btn a:after {
		right:-8px;
		width:4px;
	}
}