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

/*========================================
			content
=========================================*/

.content{
	width:960px;
	margin: 84px auto;
}

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

	.content{
		width:100%;
		margin: 68px auto;
	}
}

/*========================================
			main_image
=========================================*/

.main_image{
	width:100%;
}
.main_image img{
	width:100%;
}

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

	.main_image{
		width:100%;
	}
	.main_image img{
		width:100%;
	}
}

/*========================================
			cont_01
=========================================*/

.cont_01{
	width:880px;
	margin: 70px auto 0;
}
.cont_01 h2{
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	font-family: "Apex Serif";
	margin-bottom:50px;
}
.cont_01 .sub_text{
	width:200px;
	display: block;
	text-align: center;
	font-size: 20px;
	font-family: "Apex Serif";
	padding:0 0 5px;
	border-bottom: solid 3px #000;
	margin:0 auto 80px;
}
.inner{
	width:100%;
}
#inner_02{
	margin-top:100px;
}
.icon{
	width:100%;
}
.icon img{
	width:100px;
	float:left;
}
.title{
	width: 480px;
	padding:20px 20px 0 20px;
	float:left;
}
.title h3{
	font-size: 26px;
	font-weight: 500;
	margin-bottom:20px;
}
.menu{
	display: inline-block;
	width: 130px;
	text-align: center;
	padding:3px 0;
	border: solid 1px #6f5348;
	font-weight: 200;
	margin-right:10px;
}
.image{
	width:300px;
	float:left;
}
.text{
	margin-top:40px;
	font-weight: 200;
}

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

	.cont_01{
		width:90%;
		margin: 30px 5% 0;
	}
	.cont_01 h2{
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		font-family: "Apex Serif";
		margin-bottom:30px;
	}
	.cont_01 .sub_text{
		width:200px;
		display: block;
		text-align: center;
		font-size: 16px;
		font-family: "Apex Serif";
		padding:0 0 5px;
		border-bottom: solid 3px #000;
		margin:0 auto 30px;
	}
	.inner{
		width:100%;
	}
	#inner_02{
		margin-top:50px;
	}
	.icon{
		width:100%;
		text-align: center;
	}
	.icon img{
		width:100px;
		float:none;
	}
	.title{
		width: 100%;
		padding:10px 0 0 0;
		float:none;
	}
	.title h3{
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		margin-bottom:20px;
	}
	.menu{
		width:70%;
		display: block;
		padding:3px 0;
		text-align: center;
		border: solid 1px #000;
		font-weight: 200;
		margin:5px auto;
	}
	.image{
		width:100%;
		float:none;
		margin-top:10px;
	}
	.image img{
		width:100%;
	}
	.text{
		margin-top:40px;
		font-weight: 200;
	}
}

/*========================================
			link_btn
=========================================*/

.link_btn{
	clear: both;
	width:200px;
	height:40px;
	text-align: center;
	margin: 100px auto 0;
}
.link_btn a{
	display: block;
	width:200px;
	height:40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 10px;
	background-color: #000;
	color:#fff;
}
.link_btn a span{
	color:#fff;
	margin-right: 5px;
}
.link_btn a:hover{
	color:#fff;
	background-color: #999;
}
.link_btn a:hover span{
	color:#fff;
}

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

	.link_btn{
		clear: both;
		width:200px;
		height:40px;
		text-align: center;
		margin: 50px auto 0;
	}
	.link_btn a{
		display: block;
		width:200px;
		height:40px;
		line-height: 40px;
		font-size: 16px;
		border-radius: 10px;
		background-color: #000;
		color:#fff;
	}
	.link_btn a span{
		color:#fff;
		margin-right: 5px;
	}
	.link_btn a:hover{
		color:#fff;
		background-color: #999;
	}
	.link_btn a:hover span{
		color:#fff;
	}
}