@charset "UTF-8";
/* CSS Document */


.intro-bg {
	background: url("../images/seiseisui_bg.jpg") no-repeat top left;
	background-size: cover;
	padding-top: 20px;
	padding-bottom: 50px;
}
.oem-intro h2 {
	margin-bottom: 80px;
}
.oem-seiseisui {
	padding-right: 40%;
	background: url("../images/water.png") no-repeat top right;
	background-size: 38% auto;
}
.oem-seiseisui .catch {
	font-size: 1.6em;
	color: #0071ae;
	margin-bottom: 30px;
}

.tsuyomi-bg {
	background: url("../images/tsuyomi_bg.jpg") no-repeat top left;
	background-size: auto 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.oem-tsuyomi-cont {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 30px 20px;
	margin-left: 46%;
}
.oem-tsuyomi-cont .catch {
	color: #893c99;
	font-size: 1.4em;
	margin-bottom: 30px;
}
.oem-check-list li {
	font-size: 1.2em;
	color: #0071ae;
	line-height: 1.5;
	padding-left: 32px;
	margin-bottom: 20px;
}
.oem-check-list li span {
	font-size: 1.5em;
	font-weight: bold;
}
.oem-check-list li::before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 22px;
	background: url("../images/icon_checkbox.png") no-repeat top left;
	background-size: contain;
	margin-left: -32px;
}
ul.factory-images {
	margin-bottom: 0;
}
ul.factory-images li {
	width: 33.333333333%;
	float: left;
}
.taiouhinmoku {
	padding-top: 80px;
	padding-bottom: 50px;
}
.taiouhinmoku figure {
	width: 48%;
	float: left;
}
.taiouhinmoku .r-box {
	width: 50%;
	float: right;
}
.oem-taiou-cont {
	margin-bottom: 50px;
}
.oem-taiou-cont h3 {
	margin-top: 10px;
}
.oem-contact {
	width: 310px;
	max-width: 100%;
	text-align: center;
	border: 3px solid #cccccc;
	padding: 15px 10px 10px;
	margin-left: auto;
	margin-right: auto;
}
.oem-contact p {
	margin-bottom: 5px;
	line-height: 1.5;
}
.oem-contact .tel {
	font-size: 1.2em;
}
.oem-contact .tel span {
	font-size: 1.5em;
}






.oem-form h2 + p {
	text-align: center;
}

#formWrap {
	/* width: 700px; */
	margin:0 auto;
	color:#555;
	line-height: 150%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom: 30px;
}
table.formTable td,
table.formTable th {
	border:1px solid #ccc;
	padding: 20px 10px;
	vertical-align: middle;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}


input[type="text"],
textarea {
	width: 100%;
}
.required {
	font-size: 0.5em;
	color: #cc0000;
}
ul.label-list {
	letter-spacing: -0.5em;
}
ul.label-list li {
	letter-spacing: normal;
	display: inline-block;
	margin-right: 1.5em;
}
input[type="text"].postal-code {
	width: 9em;
	margin-bottom: 10px;
}
input::placeholder {
  color: #cccccc;
}
/* IE */
input:-ms-input-placeholder {
  color: #cccccc;
}
/* Edge */
input::-ms-input-placeholder {
  color: #cccccc;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border: 1px solid #cccccc;
	padding: 5px 10px;
	width: 100px;
	border-radius: 3px;
}





/** ===========================================================================================
 *
 *  Media Queries
 *
 *  =========================================================================================== */
	

@media screen and (max-width: 1200px) {
	
}
	
@media screen and (max-width: 960px) {
	
}
@media screen and (max-width: 880px) {
		
}
	
@media screen and (max-width: 768px) {
	
}
	
@media screen and (max-width: 640px) {

}
	
@media screen and (max-width: 580px) {
	.oem-seiseisui {
		padding-right: 0;
		padding-bottom: 60%;
		background-position: bottom center;
		background-size: 80% auto;
	}
	.oem-tsuyomi-cont {
		background-color: rgba(255, 255, 255, 0.5);
		padding: 30px 20px;
		margin-left: 0;
	}
	.tsuyomi-bg {
		margin-bottom: 10px;
	}
	ul.factory-images li {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	.taiouhinmoku {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.taiouhinmoku figure {
		width: 100%;
		float: none;
		margin-bottom: 30px
	}
	.taiouhinmoku .r-box {
		width: 100%;
		float: none;
	}
	
	
	
	
	#formWrap {
		width:95%;
		margin:0 auto;
	}
	table.formTable {
		border: none;
	}
	table.formTable th,
	table.formTable td {
		width:auto;
		display:block;
	}
	table.formTable th {
		margin-top:5px;
		border-bottom:0;
	}
	input[type="text"], textarea {
		padding:5px;
		font-size:110%;
	}
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		display:block;
		width:100%;
		height:40px;
	}
	
	
	

}