@import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&family=Noto+Sans+JP:wght@100..900&display=swap');

*:not(i){
	font-family: "Noto Sans JP", sans-serif;
	color:#333;
	box-sizing:border-box;
}
body{
	background-color:#FFF8F8;
	position:relative;
	overflow-x: hidden;
	color:#333;
}
img{
	max-width:100%;
}
a{
	text-decoration:none;
	color:#333;
}
.container{
	width:50%;
	padding:20px;
	min-width:1000px;
}


header .top{
	height:75vh;
	background:url(images/qk_top.png) top center no-repeat;
	background-size:auto 100%;
	padding-top:2vh;
	overflow:hidden;
}
header .detail{
	margin:auto;
	padding:2vh 0;
}
main .entry{
	margin:auto;
}
main .entry button{
	width:100%;
	padding:25px 0;
	font-size:150%;
	color:#333333;
	background-color:#fff;
	border:5px solid #80C7E8;
}
main .entry button:hover{
	background-color:#80C7E8;
	border:5px solid #80C7E8;
}

footer{
}
footer .contact{
	background-color:#004075;
}
footer .contact .container div{
	color:#fff;
}
footer .contact .container div img{
	width:100%;
}
.subt{
	font-size:14px;
	margin-top:2vh;
	text-align:center;
}
.subt a{
	border-bottom:1px solid #333;
}



.sp{
	display:none;
}
img[src="images/qk_top_sp.png"]{
	display:none;
}

@media (max-width: 999px){
	.container{
		width:95%;
		padding:20px;
		min-width:95%;
		height:auto;
	}
	header .top{
		height:auto;
		padding-top:0;
	}
	br.sp{
		display:block;
	}
	span.sp{
		display:inline-block;
		color:#fff;
	}
	.map{
		margin-top:1vh;
	}
	img[src="images/qk_top_sp.png"]{
		display:block;
		width:100%;
	}

}