@charset "utf-8";

/******************* ヘッダー *******************/
header{
	width:100%;
	height:60%;
	background:url("./../img/sub/header.webp") no-repeat bottom center/cover;
	position:relative;
}

header h1{
	width:92.5%;
	margin:auto;
	color:#fff;
	text-align:left;
	font-size:5em;
	font-weight:900;
	position:absolute;
	left:0;
	right:0;
	bottom:50px;
}

@media (max-width:767px){
	/******************* ヘッダー *******************/
	header{
		height:40%;
	}

	header h1{
		font-size:3.5em;
		top:unset;
		bottom:20px;
	}
}