@charset "UTF-8";


img {
	width: 100%;
}

header {
	min-height: 17vw;
	display: flex;
	background: #FFF;
	position: fixed;

}
header > * {
	text-align: left;

}
header h1 {
	width: 33vw;
}

header .right {
	width: 67vw;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	text-align: right;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
header .right .tel {
	width: 9.6vw;
}
header .right .menu {
	width: 22.4vw;
	margin: 0 0 0 2vw;
}

header .telBox{
	width: 90vw;
	position: absolute;
	top: 13vw;
	left: 50vw;
	transform: translateX(-50%);
	display: none;
}
header .menuBox{
	position: absolute;
	top: 17vw;
	display: none;
}

.main {
	padding: 17vw 0 0;
}

footer {
	position: fixed;
	bottom: 0;
}