@charset "utf-8";
/* ------------------------------------------------- *
 *        Event
 * ------------------------------------------------- */

#mainArea {
	position: relative;
	width: 100%;
	height:293px;
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-size: cover;
}
.pankuzu, .pankuzu a {
color: white;
}


/* contents */
	
ul.con1 {
	width:100%;
	margin:60px auto 100px;}
ul.con1 li {
	display:inline-block;
	float:left;
	margin-right:20px;
	margin-bottom:20px;}
ul.con1 li img {
	vertical-align:bottom;}
ul.con1 li.pc_last {
	margin-right:0px;}
@media only screen and (max-width: 640px) {

#mainArea {
	position: relative;
	width: 100%;
	height: 180px;
	background: url(../images/bg_main.jpg) no-repeat top right;
	background-size: cover;
}

	/* contents */
	
ul.con1 {
	width:100%;
	margin:10% auto 50px;}
ul.con1 li {
	display:inline-block;
	float:left;
	width:48%;
	margin:1%;}
ul.con1 li img {
	width:100%;}
ul.con1 li.pc_last {
	margin:1%;}



}

@media screen and (max-width: 600px) {
	#wrap {
		padding: 0 5px;
	}
}