@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP);



/* common
------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-family:"Noto Sans JP", Osaka, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ Ｐゴシック', 'MS PGothic';
	line-height:1.8;
	color:#646464;
	font-size: 16px;
	vertical-align:top;
	background-color:#ffffff;
	-webkit-text-size-adjust:100%;
	word-wrap:break-word;
}

a        {transition:all 0.3s linear;}
a:link   {color:#005661;text-decoration:underline;}
a:visited{color:#005661;text-decoration:underline;}
a:hover  {color:orange;text-decoration:none;}
a:active {color:#005661;text-decoration:underline;}

@media screen and (max-width:720px){
	body {
		font-size:14px;
	}
}

/* structure
---------------------------------------- */
div#header,
div#footer{
	clear:both;
	width:100%;
	position:relative;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
div#header{
	padding:10px 0 15px;
	overflow:visible;
}
div#container{
	width:auto;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
div#contents{
	width:90%;
	max-width:1280px;
	position:relative;
	clear:both;
	margin:0 auto 180px;
	padding:0 5%;
}

@media screen and (max-width: 1054px) {
	div#contents {
		margin: 0 0 90px;
	}
}
@media screen and (max-width: 720px) {
	div#footer{
		clear:both;
		width:100%;
		position:relative;
		margin:0 auto;
		padding:30px 0 0;
		overflow:hidden;
	}
}
@media screen and (max-width: 540px) {
	div#header{
		padding-top:15px;
	}
}


/* logo
---------------------------------------- */
h1#sitettl{
	text-align:center;
}
h1#sitettl img{
	display:block;
	margin:0 auto;
	padding:0;
}
/* footer
---------------------------------------- */
div#footer{
	padding: 60px 0 0 0;
	text-align:center;
	background-color:#f4ffe7;
}
div#footer h1{
	margin:0 15px 30px;
	text-align:center;
}
div#footer h1 img{
	display:block;
	margin:0 auto;
}
div#footer address{
	display:block;
	margin:0 15px 90px 15px;
	text-align:center;
}
small{
	width:100vw;
	display:block;
	padding:30px 0;
	color:#fff;
	text-align:center;
	background-color:#9bcb55;
}

/* confirm
---------------------------------------- */
#home.confirm div#header{
	margin-bottom:60px;
}