@charset "utf-8";
/* CSS Document */
body {
	color: #000000;
	
	margin: 0px;
}

h3 {
	font-size: 25px;
}

@media screen and (max-width:500px){
	h3 {
		font-size: 25px;
	}
	
	h2 {
		font-size: 10vw;
	}
}

.sub_header_bg {
	position: absolute;
	
	width: 100%;
	height: 500px;
	
	top: 0px;
	left: 0px;
	
	z-index: -1;
}

.sh_bg {
	display: none;
}

#sub_header_bg_box {
	text-align: center;
	
	padding-top: 100px;
	margin-bottom: 80px;
}

#sub_header_bg_box header {
	color: #FFFFFF;
}

#sub_header_bg_box span {
	font-size: 20px;
	letter-spacing: 3px;
}

.sub_wave {
	width: 100%;
	
	margin-top: 30px;
	margin-bottom: 100px;
}
.sw_sub {
	display: none;
}

#sub_header_bg_box div {
	color: #2C2C2C;
	letter-spacing: 7px;
}

@media screen and (max-width:900px){
	.sub_header_bg {
		display: none;
	}

	.sh_bg {
		display: block;
	}

	
	#sub_header_bg_box div {
		font-size: 13px;
		letter-spacing: 2px;
	}
}

@media screen and (max-width:500px){
	.sub_wave {
		display: none;
	}
	.sw_sub {
		display: block;
	}
	
	#sub_header_bg_box {
		margin-bottom: 40px;
	}
	
	#sub_header_bg_box br {
		display: none;
	}
	#Menu_guide br {
		display: block;
	}
	
	#sub_header_bg_box div {
		
		width: 85%;
		
		color: #2C2C2C;
		letter-spacing: 2px;
		
		text-align: left;
		
		display: block;
		
		margin: 0 auto;
	}
}