@charset "UTF-8";
/* business */

/*======================================
	catch_area
========================================*/

.catch_area h2{
	color: #8b8b8b;
	font-size: 22px;
	line-height: 3em;
	letter-spacing: 0.5em;
	margin-left: 20px;
}
.catch_inner{
	width: 100%;
	margin: 50px auto 100px;
}
.catch_inner h3{
	width: 62%;
	margin: 0 auto 50px;
}
.catch_inner p{
	width: 62%;
	margin: 0 auto 50px;
}
.catch_image{
	width: 100%;
}

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

	.catch_area h2{
		color: #8b8b8b;
		font-size: 18px;
		line-height: 2.53em;
		letter-spacing: 0.5em;
		margin-left: 15px;
	}
	.catch_inner{
		width: 100%;
		margin: 25px auto 50px;
	}
	.catch_inner h3{
		width: 90%;
		margin: 0 auto 25px;
		letter-spacing: 0.1em;
	}
	.catch_inner p{
		width: 90%;
		margin: 0 auto 25px;
	}
	.catch_image{
		width: 100%;
	}
	.catch_image img{
		display: block;
		width: 100%;
		height: auto;
	}
}


/*======================================
	point_10th
========================================*/

.point_10th h2 img{
	margin: 0 5px;
}
.point_10th ul{
	margin: 75px 0 0;
}
.point_10th ul li{
	width: 20%;
	height: 220px;
	padding-top:40px;
	background-color: #efefef;
	border: solid 1px #fff;
	float: left;
}
.point_10th ul li img{
	margin-bottom: 20px;
}

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

	.point_10th h2{
		margin: 0 auto;
	}
	.point_10th h2 img{
		margin: 0 5px;
	}
	.point_10th ul{
		margin: 30px 0 0;
	}
	.point_10th ul li{
		width: 50%;
		height: 0;
		padding-top:40px;
		padding-bottom: 50%;
		background-color: #efefef;
		border: solid 1px #fff;
		float: left;
	}
	.point_10th ul li img{
		margin-bottom: 20px;
	}
}

/*======================================
	business_area
========================================*/

.business_area{
	margin: 100px auto 0;
}
.business{
	width: 100%;
	height: 700px;
	position: relative;
	margin: 100px auto 0;
}
.business_header{
	width: 100%;
	height: 170px;
	position:absolute;
	tpo:0;left:0;
}
.business_header h2{
	height: 170px;
	background-color: #000;
	padding: 30px 0 0 20px;
	color: #fff;
}
.business_header h2 span{
	display: block;
	font-size: 18px;
	margin-bottom: 5px;
}
.business_header p{
	height: 170px;
	background-color:rgba(200,200,200,0.50);
	padding: 30px;
}
.link_btn_white{
	position: absolute;
	bottom:15px;right: 15px;
}

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

	.business_area{
		margin: 50px auto 0;
	}
	.business{
		width: 100%;
		height: auto;
		position: relative;
		margin: 50px auto 0;
	}
	.business_header{
		width: 100%;
		height: auto;
		position:static;
	}
	.business_header h2{
		width: 100%;
		height: auto;
		background-color: #000;
		padding: 20px;
		color: #fff;
	}
	.business_header h2 span{
		display: block;
		font-size: 18px;
		margin-bottom: 5px;
	}
	.business_header p{
		width: 100%;
		height: auto;
		background-color:rgba(200,200,200,0.50);
		padding: 20px;
	}
	.business_image img{
		width: 100%;
		height: auto;
	}
	.link_btn_white{
		position: absolute;
		bottom:15px;right:50%;
		margin-right: -115px;
	}
}