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

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

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

div.copy {
	position:relative;
	overflow:hidden;
	background-color: #fff;
	background-repeat:repeat;
}
div.copy p {
	text-align:center;
}
div.copy p span {
}
div.copy p:not(:last-child) {
	margin-bottom:1.25em;
}
.pic-hanzawa span, .pic-hanzawa span img {
	display:block;
}
.pic-hanzawa span {
	background-size:cover;
	background-repeat:no-repeat;
	width: 100%;
	height: 100%;
}
.pic-hanzawa span.lazy-done {
	background-repeat:no-repeat;
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}
.pic-hanzawa span img {
	height:441px;
}
@media all and (min-width: 768px) {
  .big15 {
  	font-size:125%;
  }
  div.copy {
  	background-position:left bottom;
  	padding: 40px 300px 20px 25px;
  	background: rgba(255,255,255,1);
  	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
  	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(69%, rgba(255,255,255,1)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
  	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
  	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
  	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
  	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
  }
  div.copy p {
  	font-size:100%;
  	line-height:1.75;
  }
  .pic-hanzawa {
  	right: 20px;
  	bottom: -105px;
  	position:absolute;
  	width:360px;
  	height: 520px;
  }

}
@media all and (max-width: 767px) {
  .big15 {
  	font-size:112.5%;
  }
  div.copy {
  	background-size:cover;
  	padding: 20px 12px 0;
  }
  div.copy p {
  	font-size:87.5%;
  	line-height:1.6;
  }
  .pic-hanzawa {
    /* right: 20px; */
    /* bottom: -105px; */
    /* position:absolute; */
    width:300px;
    height: 330px;
    margin: 0 auto;
  }
}


/*	.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;
  }
}

@media all and (max-width: 767px) {
  .pic-hanzawa span {
    background-size: 90%;
    background-position: center top;
  }
}