body {
	background-color: #fff;
}

header .open {
	position: fixed;
}

main {
	position: relative;
	width: 100%;
	background: url(../img/intro/bg.jpg) no-repeat 0 0;
	background-size: contain;
	padding-bottom: 76%;
}

.title {
	width: 100%;
	margin: 0 auto 0;
	padding-top: 70%;
}

.lead {
	position: absolute;
	top: 12.8%;
	right: 19%;
	width: 9.6%;
}

.lead_text {
	position: absolute;
	top: 12.8%;
	left: 21%;
	width: 36.66%;
}

.inner-box {
	width: 92%;
	margin: 231% auto 0;
	background-color: transparent;
}

.inner-box .text-area {
	padding: 8% 8%;
	background-color: #fff
}

.inner-box .text-area .text {
	color: #5f7cb4;
	font-size: 3.6vw;
	font-family: 'HG明朝E';
	line-height: 2;
	text-align: justify;
	letter-spacing: -1px;;
}

.leaf {
	position: absolute;
	width: 100%;
}

.leaf.right {
	top: 40.8%;
}

.leaf.left {
	bottom: 3.8%;
}

footer {
	width: 100%;
	background-color: #fff;
	text-align: center;
}

footer .twitter {
	width: 92.53%;
	margin: 0 auto;
	padding-top: 5%;
}

footer .copyright {
	color: #666666;
	font-size: 9px;
	padding: 8% 0;
}

.to-top {
	position: fixed;
	bottom: 2%;
	right: 5%;
	width: 10.8%;
}