.cover {
	background-image: url(../img/statement/cover.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	min-height: 400px;
	display: flex;
	height: 50vh;
}
.cover .inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
}
.cover h1 {
	font-size: 6rem;
    color: #fff;
    letter-spacing: 7px;
	text-align: center;
	font-weight: 600;
}

.statement { display: flex; position: relative; margin-top: 85px; background: #f7f6ea; }
.statement * { font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; }
.statement-copy { position: relative; padding: 4px 0 0 16px; width: 100px; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; font-size: 3rem; letter-spacing: .15em; line-height: 1.2; z-index: 1; }
.statement-copy i { position: absolute; bottom: 0; left: 15px; width: 13px; height: 100%; }
.statement-copy i:first-child { display: block; background: #f7f6ea; z-index: -1; }
.statement-copy i:last-child { background-position: left top; background-repeat: no-repeat; background-size: 100%; z-index: -2; }
.statement-content { position: relative; padding-top: 98px; width: calc(100% - 100px); }
.statement-content p { font-size: 1.3rem; letter-spacing: .05em; line-height: 2.76923076923; }
.statement-content p + p { margin-top: 70px; }

.statement-copy,
.statement-copy i,
.statement-content p { transition: 1.2s ease-out; }
.statement-copy,
.statement-content p { transform: translateY(40px); opacity: 0; }

@media screen and (min-width: 737px) {
	.statement { margin: 104px auto 0; padding: 125px 200px 128px; max-width: 1285px; border-radius: 20px; }
	.statement-copy { padding: 8px 0 0 50px; width: 300px; font-size: 4.6rem; }
	.statement-copy i:first-child,
	.statement-copy i:last-child { left: 50px; width: 17px; }
	.statement-copy i:last-child { background-image: url(../img/statement/copy_line-pc.png); }
	.statement-content { padding-top: 140px; width: calc(100% - 300px); }
	.statement-content p { font-size: 1.8rem; letter-spacing: .1em; line-height: 2.33333333333; }
	.statement-content p + p { margin-top: 82px; }
}

/*---------------------------------------------------------------*\
	$736px
\*---------------------------------------------------------------*/
@media screen and (max-width: 736px) {
	.cover {
		min-height: 210px;
		height: auto;
	}
	.cover .inner {
	    position: absolute;
	    left: 0;
	    right: 0;
		top: 35%;
	}
	.cover h1 {
		font-size: 2.7rem;
	}

	.statement { padding: 68px 15px 56px; }
	.statement-copy i:last-child { background-image: url(../img/statement/copy_line.png); }
}