@charset "utf-8";
/* 共通 */
body{
	color:#231815;
	background:#008E45;
	width: 100%;
	min-height: 100%;
	font-family: sans-serif; 
	font-size: 16px;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
}

/* custom */
a,
a:link,
a:visited,
a:hover,
a:active {
	color:#231815;
	text-decoration:none;
}
a:hover {
	color:#666;
}
a:focus {
	outline:none;
}
img {
	width:100%;
	max-width:none;
	vertical-align:bottom;
}
table {
	width:100%;
}
a img,a img:hover{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.clearfix:after, .container:after , .row:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
.clearfix, .container, .row { 
	min-height: 1px;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html .container,
* html .row {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
@media only screen and (min-width: 768px) {
	body {
		font-size:18px;
	}
	img {
		width:auto;
		max-width: 100%;
	}
}
/* layout */
.header ,
.main ,
.footer {
	width:100%;
	padding:0;
	position:relative;
}
.container {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:0;
}
@media only screen and (min-width: 768px){
}
/* s.header */
@media only screen and (min-width: 768px){
}
.main {
	text-align:center;
	min-height:100vh;
	padding:0 3%;
}

@media only screen and (min-width: 768px){
	
}
