body {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "?q?‰?M?m?p?S Pro", "Hiragino Kaku Gothic Pro", "???C???I", "Meiryo", sans-serif;
	font-size:100%;
	font-weight:500;
	line-height:180%;
	color: #222;
	min-width:1000px;
	-webkit-text-size-adjust:100%;
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	font-size:100%;
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif);
}

a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

.pc {display: block;}
.sm {display: none;}

#wrapper { position: relative; height: 100vh;  min-height:400px;}
#base {}

/*====================================================================================================
  HEADER
====================================================================================================*/
#header {position: relative; height:calc(100vh - 160px); min-height:400px;}
#header h1 {
	position:absolute; left: 0; right: 0; top: 0; bottom: 0;
	margin: auto; width:145px; height:155px;
	z-index: 99;
}
#header .main_bg {
	width: 100vw;
	height: 100vh;
	min-height: 400px;
	overflow: hidden;

	position: absolute;
	top: -100px;
 }


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { 
	position: absolute; left: 0; bottom:0;
	width: 100%; background: #fff;
	border-top:1px solid #ddd;
}
#footer ul { padding:25px 0 35px; overflow: hidden;}
#footer ul li { float: left; width:33.3%;}
#footer ul li+li { border-left:1px dotted #9FA0A0;}
#footer ul li a { display: block; text-align:center; color: #222; text-decoration: none;}
#footer ul li a:hover { color: #4AB785;}
#footer ul li a small { font-size:68.75%; opacity: 0.5;}
#footer ul li a b { display:block; font-size:162.5%; }
#footer .copy { text-align:center; padding:7px 0; font-size: 75%; color:#666; background: #f6f6f6;}


@media only screen and (max-width:700px){
body { min-width:400px;}
.pc {display: none;}
.sm {display: block;}
#header{ overflow: hidden; height:80vh;}
#header .mainimg_sm img {
	width: 100%; height:80vh; min-height: 600px;
 	background: #FFF; 
 	z-index: 9;
	object-fit: cover;
 }
#footer { position:static;}
#footer ul { padding:0;}
#footer ul li { float:none; width:100%;}
#footer ul li+li { border-top:1px dotted #9FA0A0; border-left:none;}
#footer ul li a { padding:15px 0 25px;}
#footer ul li a:hover { color: #4AB785;}
}