@charset "utf-8";

/*=== Box-sizing ===*/
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*=== Body ===*/
body {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding-top: 11vh;
}

/*=== 固定 ===*/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background-color: #FFF;
}

#headerLogo {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-top: 0.7%;
	padding-right: 2%;
	padding-bottom: 0.7%;
	padding-left: 2%;
}

#headerLogo img {
	height: auto;
	width: 100%;
}

#headerLogo .logo {
	width: 43%;
	margin-right: 37%;
}

#headerLogo .right {
	width: 20%;
}

#spHead {
	display: none;
}

.padbtm30 {
	padding-bottom: 30px;
}

.padbtm50 {
	padding-bottom: 50px;
}

.padbtm70 {
	padding-bottom: 70px;
}

.mrgtop40 {
	margin-top: 40px;
}

@media screen and (max-width: 768px){ /*768-992*/



#headerLogo {
	display: none;
}


#spHead {
	display: block;
	width: 74%;
	margin-right: 22%;
	margin-left: 4%;
	padding-top: 14px;
	margin-bottom: 1.8vh;
}

#spHead img {
	height: auto;
	width: 100%;
}

.padbtm70 {
	padding-bottom: 30px;
}

.mrgtop40 {
	margin-top: 20px;
}


}