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

body {
	animation:fadeIn 3s ease 0s 1 normal;
	-webkit-animation:fadeIn 3s ease 0s 1 normal;
}

#headerContents {
	position:relative;
	width:100%;
}

#wrapper {
	position:relative;
	padding-top:140px;
	text-align:left;
}

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

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

/**********************************************
	ページ設定
**********************************************/
@keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

/**********************************************
	セクション
**********************************************/
.sectionBlock {
	padding:5vh 0;
}

.sectionBlockInner {
	margin:0 auto;
	padding:0 4vw;
	max-width:calc(1024px - 8vw);
}

.sectionText {
	margin-bottom:0.75em;
	line-height:220%;
	text-align:center;
	font-size:110%;
	color:#222;
}

.contentBlock {
	margin-bottom:80px;
}

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

	.sectionInnerBlock {
		padding:0 10px 30px 10px;
		max-width:calc(100% - 20px);
	}

	.sectionText {
		line-height:175%;
		text-align:left;
	}

	.sectionText br {
		display:none;
	}

	.contentBlock {
		margin-bottom:40px;
	}
}