@charset "utf-8";
@import url("../css/navi.css");

.clearfix:after {
	content				: "" ;
	display				: block ;
	clear				: both ;
}

.clearfix	{
	display				: block ;
}

/* Hides from IE-mac \*/
* html .clearfix { height : 1% ; }
/* End hide from IE-mac */

html	{
	background		: none ;
	position		: relative ;
	width			: 100% ;
	height			: 100% ;
	margin: 0;
	padding: 0;
}

body	{
	width	: 100% ;
	height	: 100% ;
	padding	: 0 ;
	margin	: 0 ;
	font-family: ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, Osaka, ‘MS PGothic’, arial, helvetica, sans-serif;
	font-size	: 16px ;
	font-weight	: 500 ;
	line-height	: 1.5;
	color	: #462625;
	-webkit-text-size-adjust: 100%;
	position: relative ;
	overflow-x: hidden;
	background-color: #fff;
}

a img	{
	border			: none ;
}

a:hover img{
}

a	{
	color: #000;
	text-decoration	: none ;
}

a:hover{
	color: #000;
	text-decoration	: none ;
}

.mainbox{
	width: 900px;
	margin: 0 auto;
}

.copy{
	width: 100%;
	padding: 8px 0;
	font-size: 8px;
	text-align: center;
}

@media screen and (min-width: 769px) {
/*　画面サイズが769pxからはここを読み込む　*/
.imgbox01{
	width: 100%;
	height: 1323px;
}
.imgbox02{
	width: 100%;
	height: 306px;
}
.imgbox03{
	width: 100%;
	height: 618px;
}
.imgbox04{
	width: 100%;
	height: 432px;
}
.imgbox05{
	width: 100%;
	height: 426px;
}
.imgbox06{
	width: 100%;
	height: 432px;
}
.imgbox07{
	width: 100%;
	height: 606px;
}
.imgbox08{
	width: 100%;
	height: 264px;
}
.imgbox09{
	width: 100%;
	height: 1047px;
}

.form01{
	width: 100%;
	height: 306px;
}
.form02{
	width: 100%;
	height: 264px;
}

}



@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.mainbox{
	width: 100%;
	margin: 0 auto;
}
.imgbox01{
	width: 100%;
	height: auto;
}
.imgbox01 img{
	width: 100%;
	height: auto;
}

.imgbox02{
	width: 100%;
	height: auto;
}
.imgbox02 img{
	width: 100%;
	height: auto;
}

.imgbox03{
	width: 100%;
}
.imgbox03 img{
	width: 100%;
	height: auto;
	margin-top: -9px;
}

.imgbox04{
	width: 100%;
	height: auto;
}
.imgbox04 img{
	width: 100%;
	height: auto;
	margin-top: -9px;
}

.imgbox05{
	width: 100%;
	height: auto;
}
.imgbox05 img{
	width: 100%;
	height: auto;
	margin-top: -9px;
}

.imgbox06{
	width: 100%;
	height: auto;
}
.imgbox06 img{
	width: 100%;
	height: auto;
	margin-top: -9px;
}

.imgbox07{
	width: 100%;
	height: auto;
}
.imgbox07 img{
	width: 100%;
	height: auto;
	margin-top: -9px;
}

.imgbox08{
	width: 100%;
	height: auto;
}
.imgbox08 img{
	width: 100%;
	height: auto;
}

.imgbox09{
	width: 100%;
	height: auto;
}
.imgbox09 img{
	width: 100%;
	height: auto;
	margin-top: -9px;
}


.form01{
	width: 100%;
	height: auto;
	margin-top: -9px;
}
.form02{
	width: 100%;
	height: auto;
	margin-top: -9px;
}


}