@charset "UTF-8";
/* ===================================================================
contents.css
=================================================================== */
#contents {
	width: 980px;
	margin: 10px auto;
	overflow:hidden;
}
#contents p {
   font-size:105%;
}
/* contents　左側 */
#contents_left {
	width: 700px;
	float: left;
}
/* contents　右側 */
#contents_right {
	width: 250px;
	float: right;
}

/* 641pxから768pxまでのサイズ ipad*/
@media screen and (max-width: 768px) {

#contents {
	width: 768px;
	margin-left: 2%;
}
/* contents　左側 */
#contents_left {
	width: 480px;
	float: left;
}
/* contents　右側 */
#contents_right {
	width: 250px;
	float: right;
}
}


/* 640px未満のサイズ　スマートフォン */
@media screen and (max-width: 640px) {
#contents {
	width: 92%;
	margin:20px 4% 0 4%;
	overflow:hidden;
}
/* contents　左側 */
#contents_left {
	width: 100%;
	float:none;
}
/* contents　右側 */
#contents_right {
	width: 100%;
	text-align: center;
}
.inquiry { 
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.banner-box  {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
}