/* CSS Document */

#visual {
	width: 100%;
	position: relative;
	position: relative;
}
#visual .image {
	/*width: calc(100vw * (1655 / 1918) );*/
	width: calc(100vw * (872 / 1550) );
	
}
#visual .image img {
	width: 100%;
}

#visual .text_wrap {
	position: absolute;
	top: calc(100vw * (159 / 1550) );
	left: calc(100vw * (789 / 1550) );
}
#visual .title {
	font-size: calc(100vw * (82 / 1550) );
	font-weight: 800;
	color: #f9b700;
	line-height: 1;
	margin: 0;
	padding: 0;
}
#visual .name {
	font-size: calc(100vw * (32 / 1550) );
	text-align: right;
	width: calc(100vw * (220 / 1550) );
	margin: calc(100vw * (25 / 1550) ) 0 0 0;
	padding: 0;
}

@media only screen and (max-width: 767px) {
	#visual .image {
		width: 100%;
	}
	#visual .text_wrap {
		position: absolute;
		top: calc(100vw * (260 / 730) );
		left: calc(100vw * (66 / 730) );
	}
	#visual .title {
		font-size: calc(100vw * (32 / 730) );
	}
	#visual .name {
		font-size: calc(100vw * (26 / 730) );
		text-align: left;
		width: auti;
		margin: calc(100vw * (40 / 730) ) 0 0 0;
		padding: 0;
	}
}

#message {
	padding-top: calc(70px * 0.8); /* 上部余白を80%に */
}

#message .header-wrap {
	padding-bottom: 50px;
}
#message .header-wrap h2 {
	font-size: calc(49px * 0.64); /* フォントサイズを80%に */
	text-align: center;
}
#message .header-wrap .sub {
	font-size: calc(35px * 0.64); /* フォントサイズを80%に */
	text-align: center;
}
#message .contents-wrap {

}
#message .contents-wrap p {
	font-size: calc(30px * 0.64); /* フォントサイズを80%に */
	line-height: calc(59px * 0.64); /* 行の高さを80%に */
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	#message .header-wrap {
		padding-bottom: calc(100vw * (50/1280));
	}
	#message .header-wrap h2 {
		font-size: calc(100vw * (49 * 0.64 /1280));
	}
	#message .header-wrap .sub {
		font-size: calc(100vw * (35  * 0.64 /1280));
	}
	#message .contents-wrap {

	}
	#message .contents-wrap p {
		font-size: calc(100vw * (30 * 0.64 /1280));
		line-height: calc(100vw * (59/1280));
	}
}

@media only screen and (max-width: 767px) {
	#message {
		padding-top: calc(100vw * (220/730));
	}
	#message .header-wrap {
		padding-bottom: calc(100vw * (50/730));
	}
	#message .header-wrap h2 {
		font-size: calc(100vw * (33 * 0.8/730));
	}
	#message .header-wrap .sub {
		font-size: calc(100vw * (24 * 0.8/730));
	}
	#message .contents-wrap {
		width: calc(100vw * (596/730));
		margin: 0 auto;
	}
	#message .contents-wrap p {
		font-size: calc(100vw * (22 * 0.8/730));
		line-height: calc(100vw * (39/730));
	}
}