@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :base.css
 style info :共通のスタイル指定(ヘッダー、フッターなど)
=================================================================== */

.section-contact table tr th span,
.contact-read span{
	color: #009944;
}
.contact-read{
	margin-bottom: 20px;
}
.section-contact .submit{
	text-align: center;
	padding-top: 20px;
}
input[type=submit]{
	background-color: #009944;
	padding: 1em 6em;
	font-size: 16px;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}
input:focus{
	outline: 0px;
}
textarea:focus{
	outline: 0px;
}
#errmsg{
	margin: 10px 0;
}
#errmsg ul li{
	font-size: 18px;
	color: #000;
	background: linear-gradient(transparent 60%, rgba(223,62,62,0.8) 10%);
	/*display: inline-block;*/
}
/* ===================================================================
スマホ
=================================================================== */
@media (max-width: 768px) {
/* ================TOPキービジュアル================== */

.section-contact table tr th,
.section-contact table tr td{
	display: block;
	padding: 10px;
}
.section-contact table tr th{
	background: url(../img/bg_stripe.png) repeat;
}

input[type=text],
input[type=email],
textarea{
	width: 100%;
}

#errmsg ul li{
	font-size: 15px;
	color: #000;
	background: linear-gradient(transparent 60%, rgba(223,62,62,0.8) 10%);
	/*display: inline-block;*/
}

.confirm-submit,
.confirm-fix{
	width: 100%;
	margin-top: 10px;
}

.confirm-submit{
	background-color: rgba(223,62,62,0.8)!important;
}

}
/* ===================================================================
PC
=================================================================== */
@media (min-width: 768px) {


.unit-contact{
	width: 860px;
	margin: 0 auto;
}

.section-contact table tr th,
.section-contact table tr td{
	padding: 20px;
	vertical-align: top;
}
.section-contact table tr:nth-child(odd){
	background: url(../img/bg_stripe.png) repeat;
}
.section-contact table tr th{
	width: 25%;
}
.section-contact table tr td{
	width: 65%;
}
.section-contact input[type=text]{
	margin: 0 5px;
}

input[type=text].size-s{width: 100px;}
input[type=text].size-m{width: 300px;}
input[type=text].size-l{width: 100%;}

#confirm-table{
	margin: 0 auto;
}

}