@charset "utf-8";

/*-------------------------------------------------------------
  01: mainVisual
 --------------------------------------------------------------*/
#container #mainVisual{
	max-width:1440px;
	margin:0 auto;
}

@media screen and (max-width: 767px) {
	
	#container #mainVisual .slick-slider{
		margin-bottom:10px;
	}
	#container #mainVisual .slick-dots{
		display:none!important;
	}
}

/*-------------------------------------------------------------
  02: logos
 --------------------------------------------------------------*/
ul#logos{
	max-width:1440px;
	margin:0 auto 10px;
}
ul#logos li{
	width:25%;
	float:left;
}
ul#logos li a:hover{
	opacity:0.7;
}

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

	ul#logos li{
		width:50%;
		float:left;
	}

}

/*-------------------------------------------------------------
 03: section
 --------------------------------------------------------------*/
#container #section01{
	background-color:#dfd7cd;
	margin-bottom:10px;
	padding:50px 0 110px;
}
#container #section01 h2{
	font-size:180%;
	line-height:1.4;
	text-align:center;
	margin-bottom:40px;
}
#container #section01 .txt{
	text-align:center;
	margin-bottom:60px;
}
#container #section01 ul{
	max-width:720px;
	margin:0 auto;
}
#container #section01 ul li{
	background-color:#612e1c;
	margin-bottom:10px;
}
#container #section01 ul li:hover{
	background-color:#794d3e;
}
#container #section01 ul li span{
	color:#ffffff;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	display:block;
	background:url(../img/arrow_next.png) 98% center no-repeat;
	background-size:9px 14px,auto;
	padding:8px 0;
}

#container #section02{
	background-color:#ece7e1;
	padding:46px 0;
}
#container #section02 .img{
	text-align:center;
}

@media screen and (max-width: 767px) {
	#container #section01{
		padding:25px 10px 0;
	}
	#container #section01 h2{
		font-size:140%;
		margin-bottom:20px;
	}
	#container #section01 .txt{
		text-align:left;
		margin-bottom:30px;
	}
	#container #section01 ul{
		margin:0 -10px 10px;
	}
	#container #section01 ul li a{
		background:url(../img/arrow_next.png) 98% center no-repeat;
		-webkit-background-size:7px 11px,auto;
		background-size:7px 11px,auto;
		padding:4px 0;
	}
	
	#container #section02{
		padding:23px 0;
	}
	#container #section02 .img img{
		width:90%;
		height:auto;
	}
}