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

　初期設定

==============================
============================== */
body{ 
	min-width: 1000px;
	margin: 0;
	padding: 0;
   	font: 88%/1.7 arial,helvetica,clean,sans-serif;
	font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Lucida Grande",Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	color: #333333;
}
img{
	vertical-align: top;
	font-size: 1px !important;
}
a img{
	outline: none;
}
html,
body,
.container{
	height: 100%;
	background: #3ea644;
}
.content,
.footer{
    margin: 0 auto;
}

/* for responsive start */
@media screen and (max-width: 999px) {
	body{
		min-width: 320px;
	}
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	table{
		table-layout: fixed;
		word-wrap: break-word;
	}
}
/* for responsive end */

/*-------------------------------
リンク設定 
-------------------------------*/
a img{
	border: none;
}
	a img:hover{
		opacity: .75;
		filter: alpha(opacity=75);
		-ms-filter: "alpha(opacity=75)";
		-khtml-opacity: .75;
		-moz-opacity: .75;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-ms-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}

/* =============================
==============================

　レイアウト

==============================
============================== */
/*-------------------------------
---------------------------------
mainVisual 
---------------------------------
-------------------------------*/
.mainVisual{
	text-align: center;
	position: relative;
	background: #fff;
}
	.mainVisual h1{
		margin: 0;
	}
	.mainVisual img{
		display: block;
		width: 100%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
		background: #ccc;
	}
	.mainVisual .dv{
		display: none;
	}

	.mainVisual p{
		position: absolute;
		bottom: 25px;
		width: 100%;
		margin: 0;
		font-weight: bold;
		font-size: 115%;
		text-align: center;
		line-height: 1.2;
	}
		.mainVisual p span{
			display: inline-block;
		}
@media screen and (max-width: 999px) {
	.mainVisual .pc{
		display: none;
	}
	.mainVisual .dv{
		display: block;
	}
}

@media screen and (max-width: 800px) {
	.mainVisual p{
		bottom: 20px;
	}
}

@media screen and (max-width: 680px) {
	.mainVisual p{
		left: 25%;
		bottom: 5px;
		width: 50%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 600px) {
	.mainVisual p{
		position: static;
		width: 100%;
		padding: 20px;
		font-size: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-top: 1px #eee solid;
	}
}

/*-------------------------------
---------------------------------
content - バナー
---------------------------------
-------------------------------*/
.content{
	background: #8ec31e;
}
	.content ul{
		overflow: hidden;
		list-style: none;
		width: 450px;
		margin: 0 auto;
		padding: 40px 0 27px;
	}
		.content li{
			float: left;
			height: 73px;
			margin: 5px 10px;
		}
		.content li:first-child{
			padding-top: 13px;
		}
			.content a{
				color: #fff;
			}

@media screen and (max-width: 500px) {
	.content ul{
		width: 100%;
		padding: 20px 0;
	}
		.content li{
			float: none;
			height: auto;
			text-align: center;
		}
		.content li:first-child{
			padding-top: 0;
		}
}

/*-------------------------------
---------------------------------
footer 
---------------------------------
-------------------------------*/
.footer{
	background: #3ea644;
	color: #fff;
	text-align: center;
	line-height: 1.1;
}
	.footer p{
		margin: 0;
		padding: 20px 0;
	}