@charset "utf-8";

/*
 *
 *	reason style
 *
 */

/*======================================
	pageTit
======================================*/
.pageTit {
	background: url(../../images/second-tit.png), url(../images/tit-bg.jpg);
	background-position: center, center;
	background-repeat: repeat, no-repeat;
	background-size: 8px 8px, cover;
}



.commonBox .flL {
	width: 50%;
	margin: 0 1em 1.5em 0;
}
.commonBox .flR {
	width: 50%;
	margin: 0 0 1.5em 1em;
}

.commonBox .graph {
	width: 80%;
	max-width: 520px;
	margin: 0 auto 1em;
	padding: 2em 1em .5em;
	border: #000 solid 1px;
}
.commonBox .graph figcaption {
	margin: 2em -.5em 0;
	padding: .5em;
	line-height: 1.3;
	background: #E0E0E0;
	text-align: right;
	font-size: .75em;
}


.commonBox a.btn {
	display: inline-block;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 1em 0 35px;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	box-shadow: rgba(0,0,0,.3) 0 0 3px;
	text-decoration: none;
}
.commonBox a.btn:before {
	content: '';
	display: block;
	position: absolute;
	top: 14px;
	left: 10px;
	width: 10px;
	height: 10px;
	border: #ff6464 solid;
	border-width: 0 3px 3px 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.commonBox a.btn:hover {
	background: #ff6464;
	color: #fff;
}
.commonBox a.btn:hover:before {
	border-color: #fff;
	left: 15px
}


/*======================================
	supporter
======================================*/
.supporter h1 {
	padding: 1.5em 20% 0;
	border: #231815 solid 3px;
	background: #a1cb3b;
	text-align: center;
	border-radius: .5em;
}
.supporter ul li {
	float: left;
	width: 33.33333%;
}
.supporter ul li:nth-child(3n+1) {
	clear: both;
}
.supporter ul li figure {
	margin: 0 -.3em 1em;
	text-align: center;
}
.supporter ul li h2 {
	margin: 0 1em .5em;
	padding-left: 0;
	background: none;
	font-size: 1em;
	font-weight: bold;
	color: #22ac38;
}
.supporter ul li p {
	margin: 0 1em;
	font-size: .85em;
}






/*============================================================================

	responsive

============================================================================*/
@media screen and (max-width:960px) {

}


@media screen and (max-width:767px) {

}


@media screen and (max-width:640px) {
/*======================================
	supporter
======================================*/
.supporter h1 {
	padding-top: .8em;
}
.supporter ul li {
	width: 50%;
}
.supporter ul li:nth-child(3n+1) {
	clear: none;
}
.supporter ul li:nth-child(odd) {
	clear: both;
}
.supporter ul li h2 {
	margin: 0 .5em .5em;
}
.supporter ul li p {
	margin: 0 .5em;
}

}



@media screen and (max-width:480px) {
.commonBox .flL,
.commonBox .flR {
	float: none;
	width: 100%;
	margin: 0 0 1em;
}

.commonBox .graph {
	width: 100%;
}

}