body {
	background-color: #fff;
	font-family: 'メイリオ', 'Meiryo', 'Noto Sans JP'
}

header .open {
	position: fixed;
}

main {
	position: relative;
	width: 100%;
	padding-bottom: 3%;
}

.title {
	width: 34%;
	margin: 0 auto 0;
	padding-top: 9%;
}

.lace {
	margin: 5% auto 0;
}

.box {
	position: relative;
	background: url(../img/character/bg.jpg) repeat;
}

.text-area {
	width: 100%;
	background: url(../img/character/lace.jpg) no-repeat center bottom;
	background-size: 100% auto;
}



.text-area .text {
	color: #4e4e4e;
	font-size: 15px;
	/*font-size: 2.8vw;
	font-size: 3.5vw;*/
	width: 74.66%;
	margin: 0 auto;
	padding: 4% 0 13%;
	line-height: 1.8;
	text-align: justify;
	letter-spacing: -0.9px;
}

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

.no01 {
	top: 78%;
}

.no02 {
	top: 83%;
}

.no03 {
	top: 78%;
}

.no04 {
	top: 81%;
}

.no05 {
	top: 81%;
}

.no06 {
	top: 80%;
}

.no07 {
	top: 82%;
}

.no08 {
	top: 83%;
}

.no09 {
	top: 83%;
}

.no10 {
	top: 80%;
}

.no11 {
	top: 80%;
}

@media screen and (min-width: 768px) {
	.text-area .text {
		font-size: 30px;
	}
}