@charset "UTF-8";

/*contents
-----------------------------------------------------------------------------------------*/
#contents{
	padding:0;
}


/*mainimg
-----------------------------------------------------------------------------------------*/
#mainimg{
	background:#7F4F21;
}
/*-------------------------スライドメイン*/
.slides p{
	margin:0;
}
p.slick-center{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}


/*service
-----------------------------------------------------------------------------------------*/
#service{
	padding:50px 0;
}
#service h2{
	font-size:36px;
	line-height:40px;
	margin-bottom:20px;
}
#service li{
	width:326px;
	margin-left:21px;
	float:left;
}
#service li a{
	display:block;
	height:300px;
	margin-top:25px;
	font-size:14px;
	line-height:21px;
}
#service li:nth-child(3n+1){
	margin-left:0;
}
#service li strong{
	display:block;
	font-size:18px;
	line-height:40px;
	color:#956134;
	text-align:center;
	margin-top:5px;
}
#service li a:hover{
	background:rgba(0,0,0,0.2);
}

/*product
-----------------------------------------------------------------------------------------*/
#product{
	padding:50px 0;
	background:#FFFCCC;
}
#product h2{
	font-size:36px;
	line-height:40px;
	margin-bottom:20px;
}
#product h3{
	font-size:24px;
	line-height:30px;
	margin-top:50px;
	color:#6A3906;
}
#product li{
	width:326px;
	margin-left:21px;
	float:left;
}
#product li a{
	display:block;
	height:280px;
	margin-top:25px;
	font-size:14px;
	line-height:21px;
}
#product li:nth-child(3n+1){
	margin-left:0;
}
#product li strong{
	display:block;
	font-size:18px;
	line-height:40px;
	color:#956134;
	text-align:center;
	margin-top:5px;
}
#product li a:hover{
	background:rgba(0,0,0,0.2);
}

/*topics
-----------------------------------------------------------------------------------------*/
#topics{
	padding:80px 0;
}
#topics h2{
	font-size:21px;
	line-height:30px;
	letter-spacing:1px;
}
#topics .more{
	margin-top:-35px;
	margin-bottom:50px;
}
#topics .more a{
	float:right;
	font-size:14px;
	line-height:40px;
	background:#956134 url(images/ya_w.png) right no-repeat;
	color:#FFF;
	width:150px;
	text-align:center;
	padding-right:15px;
}
#topics .more a:hover{
	background-color:#7C3C00;
}
#topics ul{
	border-bottom:1px solid #4D4D4D;
}
#topics li a{
	display:block;
	border-top:1px solid #4D4D4D;
	padding:15px;
	line-height:24px;
}
#topics li a:hover{
	background:#F1F1F1;
}
#topics li a span{
	display:block;
}
#topics li a span.date{
	font-size:14px;
	letter-spacing:1px;
	float:left;
}
#topics li a span.date:after{
	content:"お知らせ";
	width:100px;
	text-align:center;
	color:#FFF;
	background:#F7931E;
	float:right;
	margin-left:25px;
}
#topics li a span.title{
	margin-left:240px;
}
/*-------------------------event*/
#topics li.event a span.date:after{
	content:"イベント";
	background:#8CC63F;
}


/*company
-----------------------------------------------------------------------------------------*/
#company{
	background:url(images/company_bg.png) center top no-repeat;
	background-size:100% auto;/*この場合は高さが自動設定*/
}
#company div.frame{
	height:400px;
	padding-left:600px;
}
#company h2{
	font-size:36px;
	line-height:43px;
	letter-spacing:1px;
	padding-top:80px;
	color:#000;
	margin-bottom:10px;
}
#company .more a{
	display:block;
	font-size:14px;
	line-height:40px;
	background:#F39800 url(images/ya_w.png) right no-repeat;
	color:#FFF;
	width:250px;
	text-align:center;
	padding-right:15px;
	margin-top:20px;
}
#company .more a:hover{
	background-color:#7C3C00;
}