@charset "utf-8";




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

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

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


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



/*area
------------------------------------*/
section.area{
	margin: 0 auto;
	width:100%;
	height:auto;
}

.top-Img{
	margin: 0 auto 50px;
	width:100%;
	position: relative; }

.top-Img h2 img{
	width:100%;} 

.top-Img figure{
	position: absolute;
	bottom:-7%;
	right:5%;
}

.top-Img figure img{
	width:90%;
} 

section.area ul{
	margin: 0 auto;
	max-width:960px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}

section.area ul li{
	margin-bottom:2%;
	width:33.333333%;
	height:auto;
}




/*footer
------------------------------------*/
footer {
	margin: 0px 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){
	

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