@charset "utf-8";
body{
	text-align: center;
	background: url(../images/main.jpg) no-repeat top center;
}

div.contents,
div.contents3 {
	background: url(../images/line.png) repeat-y top center;
	padding: 0 5%;
}

div.contents2 {
	background: url(../images/line.png) repeat-y top center;
	padding: 20px 0;
}

div.spBox img { max-width: 100%; }
h1 img { padding-bottom: 20px; }
h2 img { padding-bottom: 40px; }
div.purpleBox { background: #41053c; }

footer {
	padding: 20px 0;
	font-size: 0.7em;
}
.tw {
	position: absolute;
	top: 0;
	right: 0;
}
.pc { display: block; }
.sp { display: none; }

@media all and (min-width: 0) and (max-width: 900px)  {
	.sp { display: block; }
	.pc { display: none; }
	body { background-size:100% auto; }

	div.contents {
		background-size:100% auto;
		padding: 10% 5% 0;
	}

	div.contents2 {
		background-size:100% auto;
		padding: 5%;
	}
	div.contents2 img { max-width: 100%; }

	div.contents3 {
		background-size:100% auto;
		padding: 0 5%;
	}

	div.purpleBox { padding: 0; }
	h1 img { width: 85%; }
	h2 img { width: 85%; }

	footer {
		padding: 3% 0;
		font-size: 0.5em;
	}
}