/* =================================
	ABOUT CSS
================================= */

/*	copy
============================== */

.big1 {
	font-size:112.5%;
}
.big2 {
	font-size:125%;
}
.big3 {
	font-size:150%;
}

div.copy {
	position:relative;
	overflow:hidden;
	background-color:#17fffa;
	background-color:#b2f0ff;
	background-image:url(../img/cmn_bg_default.png);
	background-repeat:repeat;
}
div.copy p {
	text-align:center;
	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;
}
div.copy p:not(:last-child) {
	margin-bottom:1.25em;
}
.pic-nagi span, .pic-nagi span img {
	display:block;
}
.pic-nagi span {
	background-size:cover;
	background-repeat:no-repeat;
}
.pic-nagi span.lazy-done {
	background-repeat:no-repeat;
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}
.pic-nagi {
	position:absolute;
	width:360px;
}
.pic-nagi span img {
	height:441px;
}
@media all and (min-width: 768px) {
.big15 {
	font-size:125%;
}
div.copy {
	background-position:left bottom;
	padding:40px 25px 40px 300px;
}
div.copy p {
	font-size:100%;
	line-height:1.75;
}
.pic-nagi {
	left:-30px;
	bottom:-80px;
}
}
@media all and (max-width: 767px) {
.big15 {
	font-size:112.5%;
}
div.copy {
	background-position:left center;
	background-size:480px 480px;
	padding:20px 12px 320px;
}
div.copy p {
	font-size:87.5%;
	line-height:1.6;
}
.pic-nagi {
	left:50%;
	margin-left:-190px;
	bottom:-90px;
}
}


/*	.inner
============================== */
main > article > div.inner {
}
@media all and (min-width: 768px) {
main > article div.wrap div.contents > div.inner {
	padding:40px 32px;
}
}
@media all and (max-width: 767px) {
main > article div.wrap div.contents > div.inner {
	padding:20px 12px;
}
}