@charset "UTF-8";

#main_visual {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:1;
}

#main_header_wrap {
	background-image:url( images/back.jpg );
	background-size:cover;
}

#main_header {
	text-align:center;
	position:relative;
	width:100%;
	overflow:hidden;
	height:calc( 100vh - 80px );
}

#main_catch2 {
	max-width:800px;
	width:calc( 100% - 100px );
	position:absolute;
	z-index:2;
}

#main_header a.join_button {
	margin:80px auto 0 auto;
}

#join_image {
	display:flex;
	justify-content: center;
	align-items: center;
}

#main_image_area {
	padding-top:60px;
	padding-bottom:0;
}

#join_image > div {
	padding: 0 16px;
}

#join_image > div:nth-of-type(1) {
	width:97%;
}

#join_image > div:nth-of-type(2) {
	padding-top:30px;
	width:103%;
}

.detail_table+a.join_button {
	margin:50px auto 0 auto;
}

#index_alert {
	margin:70px auto 50px auto;
	text-align:center;
	font-size:22px;
	line-height:33px;
	font-weight:700;
}

#index_key {
	font-size:44px;
	line-height:1.8em;
	font-weight:bold;
}

@media screen and (max-width:580px) {
	#main_header a.join_button {
		margin:20px auto 0 auto;
	}
	#join_image {
		display:block;
	}
	#join_image > div:nth-of-type(1) {
		width:90%;
		margin:auto;
	}
	
	#join_image > div:nth-of-type(2) {
		width:90%;
		margin:20px auto 0 auto;
	}
	#index_alert {
		text-align:left;
		margin:30px auto 30px auto;
		font-size:18px;
		line-height:27px;
	}
	#index_key {
		font-size:26px;
		line-height:1.8em;
	}
}