@charset "utf-8";
.header{
	position: relative;
	box-sizing: border-box;
	margin:0 0 0 0;
	padding:0 0 4% 0;
	background: none;
	line-height: 1;
	width:100%;
}

.header h1{
	background: url("../images/h1_bg.jpg") no-repeat center bottom/contain;
	box-sizing: border-box;
	margin: 0;
	padding:0;
	display: block;
	text-align: center;
	width: 100%;
}

.header h1 img{
	margin:0;
	padding:0 0 0 0;
	line-height: 1;
	width:100%;
}

#c_ttl{
	margin: 0;
	padding: 1% 0 5% 0;
	line-height: 1;
	width: 100%;background: url("../images/c_ttl_bg.png") no-repeat center bottom/cover;
}

#c_ttl img{
	margin: 0;
	padding: 0;
	line-height: 1;
	width: 100%;
}


.pre_ttl {
	margin: 5% 0 2.5%;
	padding: 0.5em 1em;
	font-size: 120%;
	font-weight: 900;
	text-align: center;
	color: #fff;
	background: #151296;
	border-radius: 10px;
}

.deadline {
	font-weight: 900;
	font-size: 140%;
	text-align: center;
}

.btn a,
.btn_off {
	display: block;
	margin: 2em auto;
	padding: 0.8em 0;
	width: 400px;
	font-size: 140%;
	font-weight: 900;
	color: #fff;
	text-align: center;
	text-shadow: 1px 2px 0 #961512;
	background: #da1f1a;
	border: 5px solid #961512;
	border-radius: 100px;
}
.btn a:hover {
	filter: brightness(1.5);
}

	@media screen and (max-width: 619px){
		.btn a,
		.btn_off {
			width: 80%;
			font-size: 120%;
		}
	}