@charset "utf-8";

/*-------------------------------------------------------------
  01: mainVisual
 --------------------------------------------------------------*/
#container #mainVisual{
	text-align:center;
	background-color:#ececec;
	margin-bottom:10px;
}
#container #mainVisual #mainInner{
	max-width:1440px;
	margin:0 auto;
}

/*-------------------------------------------------------------
  02: smoky
 --------------------------------------------------------------*/

#container #smoky{
	text-align:center;
	background-color:#612e1c;
	margin-bottom:10px;
}
#container #smoky #smokyInner{
	width:960px;
	height:200px;
	text-align:left;
	position:relative;
	margin:0 auto;
}
#container #smoky #smokyInner .img{
	position:absolute;
	top:16px;
	left:60px;
}
#container #smoky #smokyInner .btn{
	position:absolute;
	top:0;
	right:0;
}

/*-------------------------------------------------------------
 03: smokiness
 --------------------------------------------------------------*/
#container #smokiness{
	text-align:center;
	background-color:#ececec;
}
#container #smokiness #smokinessInner{
	max-width:1440px;
	margin:0 auto;
}

/*-------------------------------------------------------------
 04: section
 --------------------------------------------------------------*/
#container #section01{
	background: url(../img/line02.gif) bottom left repeat-x #ececec;
	padding:20px 0;
}
#container #section01 h2{
	font-size:180%;
	line-height:1.4;
	text-align:center;
	background: url(../img/line01.gif) bottom left repeat-x;
	margin-bottom:30px;
	padding-bottom:40px;
}

#container #section02{
	background: url(../img/sec02_bg.jpg) top center no-repeat;
	padding:20px 0;
}
#container #section02 h2{
	font-size:160%;
	line-height:1.4;
	text-align:center;
	margin-bottom:26px;
}

#container .sectionInner{
	width:640px;
	margin:0 auto;
}
#container .sectionInner h3{
	font-size:180%;
	line-height:1.4;
	text-align:center;
	margin-bottom:40px;
}
#container .sectionInner .txt{
	line-height:1.6;
	margin-bottom:20px;
}
#container .sectionInner .img{
	text-align:center;
	margin-bottom:20px;
}
#container .sectionInner .link{
	text-align:center;
	margin-bottom:20px;
}
#container .sectionInner .link a{
	font-weight:bold;
	color:#347bb8;
	text-decoration:none;
}
#container .sectionInner .link a:hover{
	text-decoration:underline;
}

/*-------------------------------------------------------------
 レスポンシブ
 --------------------------------------------------------------*/

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

	#container #mainVisual{
		margin-bottom:0;
	}
	
	#container #smoky{
		margin-bottom:0;
	}
	
	#container #section01 h2{
		font-size:140%;
	}
	
	#container #section02{
		background-image:none;
		background-color:#ececec;
	}
	#container #section02 h2{
		font-size:140%;
	}
	
	#container .sectionInner{
		width:auto;
	}
	#container .sectionInner h3{
		font-size:140%;
	}
	#container .sectionInner .txt{
		margin:0 20px 20px;
	}
	#container .sectionInner .img img{
		width:90%;
		height:auto;
	}

}