﻿/*
//////////////////////////////////////////////////////

追加・上書きするスタイル

//////////////////////////////////////////////////////
*/

.top_main_box {
	background-color: rgb(196, 227, 243);
	color: #20669a;
	padding: 30px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.6em;
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	border-radius: 10px;
}


// フォームstyle ----------------
.sec07 > table {
	border-collapse: collapse;
	border-spacing: 0;
}
.sec07 > caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
.contact_tbl {
	width: 700px;
	margin: 0 auto;
	border-top: 1px solid #e5e5e5;
}
 @media only screen and (max-width: 650px) {
.contact_tbl {
 width: 96%;
 margin: 0 auto;
 border-top: 1px solid #e5e5e5;
}
}
.contact_tbl th {
	border-right: 1px solid #e5e5e5;
	width: 25%;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #e5e5e5;
}
 @media only screen and (max-width: 650px) {
.contact_tbl th {
 border-right: 1px solid #e5e5e5;
 width: 30% !important;
 text-align: left;
 font-weight: normal;
 border-bottom: 1px solid #e5e5e5;
}
}
.contact_tbl td {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.contact_tbl td {
	padding: 15px 0 15px 15px;
}
 @media only screen and (max-width: 650px) {
.contact_tbl td {
 width:70%;
 padding: 15px 0 15px 15px;
}
}
.submit {
	margin: 40px auto 110px;
	background: url(//gigaplus.makeshop.jp/efutonyasan/order-futon/images/order-futon_btn08.png) no-repeat;
	height:60px;
	width:286px;
	text-indent:-9999px;
	border: none;
}
.contact_tbl th span.require {
	background: #ee5f4f;
	color: #fff;
	padding: 3px;
	margin: 0 10px 0 0;
	border-radius: 4px;
}
 @media only screen and (max-width: 650px) {
.contact_tbl th span.require {
 display:block;
 width:50%;
}
}
.contact_tbl th span.sp {
	text-indent:2em;
	padding: 3px;
	margin: 0 0 0 30px;
	border-radius: 4px;
}
 @media only screen and (max-width: 650px) {
.contact_tbl th span.sp {
 text-indent:2em;
 padding: 3px;
 margin: 0 0 0 0;
 border-radius: 4px;
}
}
.contact_tbl input[type="text"] {
	width:50%;
	padding:5px;
}
.contact_tbl textarea {
	width:80%;
	padding:5px;
	height:150px;
}
 @media only screen and (max-width: 650px) {
 .contact_tbl input[type="text"] {
 width:90%;
}
 .contact_tbl textarea {
 width:90%;
}
}
// ----------------


