@charset "utf-8";
/* CSS Document */

body{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.c-red{color: #ed1e79;}

header{background: url(../images/header.jpg); padding-bottom: calc(100%*879/1920); background-size: 100% auto; position: relative; margin-bottom: 30px;}

.inner{padding: 0 10px 0;}

.head-h1{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: #ed1e79;
	font-size: 4vw;
	white-space: pre;
	text-shadow: #fff 2px 0px, #fff -2px 0px,
							 #fff 0px -2px, #fff 0px 2px,
							 #fff 2px 2px , #fff -2px 2px,
							 #fff 2px -2px, #fff -2px -2px,
							 #fff 1px 2px,  #fff -1px 2px,
							 #fff 1px -2px, #fff -1px -2px,
							 #fff 2px 1px,  #fff -2px 1px,
							 #fff 2px -1px, #fff -2px -1px;
	text-align: center;
	line-height: 30px;
}

.exp{ max-width: 100%; margin-bottom: 30px;}
.exp h2{text-align: center; font-size: 4vw; line-height: 20px; margin-bottom: 20px;}
.exp img{ width: 100%;}

.detail{ max-width: 1024px; margin: auto;}
.detail h2{text-align: center; font-size: 4vw; white-space: pre; line-height: 40px;}
.detail p{text-align: center; margin-bottom: 20px; font-size: 3vw;}
.detail img{ width: 100%; margin-bottom: 40px;}

footer{padding: 30px; background: #333333; text-align: center; color: #fff; font-size: 3vw;}


@media screen and (min-width: 960px) {
	header{background: url(../images/header.jpg); padding-bottom: calc(100%*879/1920); background-size: 100% auto; position: relative; margin-bottom: 100px;}
	
	.head-h1{
		position: absolute;
		top:50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		color: #ed1e79;
		font-size: 3.8vw;
		white-space: pre;
		text-shadow: #fff 2px 0px, #fff -2px 0px,
								 #fff 0px -2px, #fff 0px 2px,
								 #fff 2px 2px , #fff -2px 2px,
								 #fff 2px -2px, #fff -2px -2px,
								 #fff 1px 2px,  #fff -1px 2px,
								 #fff 1px -2px, #fff -1px -2px,
								 #fff 2px 1px,  #fff -2px 1px,
								 #fff 2px -1px, #fff -2px -1px;
		text-align: center;
		line-height: 80px;
	}

	.exp{ max-width: 1024px; margin: auto; margin-bottom: 130px;}
	.exp h2{text-align: center; font-size: 2vw; white-space: pre; line-height: 40px; margin-bottom: 50px;}
	.exp img{ width: 100%;}

	.detail{ max-width: 1024px; margin: auto;}
	.detail h2{text-align: center; font-size: 2vw; white-space: pre; line-height: 40px; margin-bottom: 30px;}
	.detail p{text-align: center; margin-bottom: 30px; font-size: 1.5em;}
	.detail img{ width: 100%; margin-bottom: 100px;}
	
	footer{padding: 30px; background: #333333; text-align: center; color: #fff; font-size: 0.8em;}
}