@charset "utf-8";




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

/*  for PC   画面の横幅が959px以上 */

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

/*heroHeader
------------------------------------*/
.heroHeader{
	margin: 0px auto;
	padding:0 ;
	max-width: 1000px;}


.heroHeader h2{
	position: relative;
	margin: 0px auto 0;
	padding:20px 0 0 20px ;
	width: ;
	height:auto;
	text-align: left;}



/*contents
------------------------------------*/
.contents{
	margin: 0 auto;
	width:100%;
	height:auto;
	position:relative;}

.figure-List{
	margin: 50px auto 0;
	max-width: 1000px;
	height:auto;
	position:relative; }

.figure-List li{
	margin: 0 auto 20px;
	text-align: center;
	width: 95%; }

.figure-List li img{
	width: 100%; }

.contents p{
	margin:0 auto 10px;
	width:90%;
	font-size: 20px;
	text-align: center;
	color: #000 !important; 
	font-weight: 600;}




/*button
---------------------------------*/
.button{
	cursor: pointer;
	display: block;
	position: relative;
	z-index: 0;
	transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);0s;
	
	margin: 0px auto 0;
	padding:1em;
	max-width:800px;
	height:auto;
	font-size: 26px;
	text-align: center;
	color: #fff !important;
	background: #62b852;
	border-radius: 30px;
	font-weight: bold;
	box-sizing: border-box;
	overflow: hidden;}

.button:before {
 	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #fff !important;
	background:#71d15d;
	border-radius: 30px;
	transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);0s; }

.button:hover {color: #fff !important; }
.button:hover:before {left: 0%; right: auto; width: 100%;}


@media screen and (max-width: 959px){
.button{
	margin: 0px auto ;
	padding:1rem;
	max-width:90%;
	font-size: 20px;
	overflow: hidden;}

.button:before {
 	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #fff !important;
	background:#71d15d;
	border-radius: 30px;
	transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);0s; }

.button:hover {color: #fff !important; }
.button:hover:before {left: 0%; right: auto; width: 100%;}

}


/*footer
------------------------------------*/
footer {
	margin: 30px auto 30px;
	padding:0 0;
	width: 100%;
}

footer h1 {
	margin: 0px auto 30px;
	width: 100%;
	height:auto;
	text-align:center;
}

#copy{
	margin: 0px auto 0px;
	width: 100%;
	height:auto;
	text-align:center;
	font-size:12px;
}
/**/



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





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

/*  for tablet     画面の横幅が600px-958pxまで */

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


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

}
/*===============================================*/





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

/*  for SP   画面の横幅が600px以下 */

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

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

}
/*===============================================*/