/**********************************************
	サイト構成
**********************************************/
html {
	font-family:Avenir,"Noto Serif JP","Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#222;
}

body {
}

#headerContents {
	position:relative;
	width:100%;
	z-index:200;
}

#wrapper {
	position:relative;
	text-align:left;
}

#wrapperInner {
	margin:0 auto;
	width:100%;
}

@media screen and (max-width:568px) {
	html {
		font-size:86%;
	}
}

/**********************************************
	トップイメージ
**********************************************/
#pageImage {
	position:relative;
	z-index:100;
	width:100%;
	height:100vh;
	overflow:hidden;
	background-color:#000;
}

#catchCopy img {
	position:absolute;
	z-index:101;
	top:15vh;
	left:5vw;
	width:auto;
	height:50vh;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:2s;
	animation-delay:2s;
}

@media screen and (max-width:640px) {
	#pageImage {
		height:120vh;
	}

	#catchCopy img {
		top:62vh;
		left:5vw;
		width:25%;
		height:auto;
	}
}

/**********************************************
	セクション0
**********************************************/
.sectionBlock0 {
	position:relative;
	background-color:#222;
}

.section0BackImage {
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
	height:100vh;
}

.section0BackImage img {
	position:absolute;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.section0TextBlock {
	position:absolute;
	top:calc(5% + 80px);
	left:5%;
	padding:10px;
	width:auto;
	height:calc(90vh - 5% - 80px);
	line-height:200%;
	font-size:1.7vw;
	color:#fff;

	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	writing-mode:vertical-rl;
	text-orientation:upright;

	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:2s;
	animation-delay:2s;
}

.section0Word {
	display:block;
	margin:0 0 0 5vw;
	line-height:100%;
	font-size:8vw;
	text-shadow:0px 3px 6px #000000;
}

.section0TextBlock .section0Text {
	padding:0.5em;
	background-color:rgba(0,0,0,0.3);
	text-shadow:0px 3px 6px #000000;
}

@media screen and (max-width:1024px) {
	.section0BackImage {
		width:100%;
		height:100vh;
	}

	.section0TextBlock {
		top:0;
		left:0;
		width:calc(100% - 20px);
		height:auto;
		font-size:120%;
		-webkit-writing-mode:horizontal-tb;
		-moz-writing-mode:horizontal-tb;
		writing-mode:horizontal-tb;
	}

	.section0Word {
		float:left;
		margin:10px 20px 10px 10px;
		font-size:15vw;
	}

	.section0Text .section0Text {
		padding:0 0 1em 0;
	}
}

@media screen and (max-width:640px) {
	.section0TextBlock {
		font-size:100%;
	}

}

/**********************************************
	セクション1
**********************************************/
.sectionBlock1 {
	padding:0;
	background-color:#fff;
}

.sectionInnerBlock1 {
	margin:0 auto;
	padding:0 20px 30px 20px;
	max-width:calc(1024px - 40px);
}

.section1Title {
	position:relative;
	margin:20px 0;
	padding:10px 0;
	text-align:center;
	font-size:333%;
	color:#222;
}

.section1Text {
	margin-bottom:0.5em;
	line-height:220%;
	font-size:108%;
	color:#222;
}

.section1BackImage img {
	width:100%;
	height:auto;
}

@media screen and (max-width:1024px) {
	.section1Title {
		font-size:200%;
	}

	.section1Text {
		font-size:90%;
	}
}

/**********************************************
	セクション2
**********************************************/
.sectionBlock2 {
	padding:60px 0;
	background-color:#fff;
}

.sectionInnerBlock2 {
	margin:0 auto;
	padding:0 20px 30px 20px;
	max-width:calc(1280px - 40px);
}

.sectionLeftBlock2 {
	padding:10px;
}

.sectionRightBlock2 {
	padding:10px;
}

.sectionTitle2 {
	position:relative;
	margin:20px 0;
	padding:10px 0;
	text-align:center;
	font-size:240%;
	color:#222;
}

.sectionText2 {
	line-height:220%;
	font-size:110%;
	color:#222;
}

.sectionList2 {
	margin:0 auto;
	padding:0 20px 30px 20px;
	max-width:calc(1024px - 40px);
	line-height:175%;
	font-size:106%;
	color:#222;
}

.sectionList2 li {
	margin-left:1em;
	list-style-type:circle;
}

@media screen and (max-width:1024px) {
	.sectionBlock2 {
		padding:30px 0;
	}

	.sectionTitle2 {
		font-size:200%;
	}
}