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

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

.pankuzu, .pankuzu a{
	color: #FFF; }


/* contents */
	
.con1 {
	width: 800px;
	margin:50px auto 40px;
	text-align: center;}

.con2 {
	width: 100%;
	margin:0 auto;
	background:#E9EDF3;
	padding-top:60px;
	padding-bottom:40px;}
.con_l {
	float:left;
	margin-bottom:50px}
.con_r {
	float:right;
	margin-bottom:50px}


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

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

	/* contents */
	
.con1 {
	width: 100%;
	margin:10% auto;
	text-align: center;}
.con1 img {
	width:94%;}

.con2 {
	width: 100%;
	margin:0 auto;
	background:#E9EDF3;
	padding-top:12%;
	padding-bottom:20px;}
.con_l {
	float:none;
	margin-bottom:8%}
.con_r {
	float:none;
	margin-bottom:8%;}

}

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