@charset "UTF-8";

/*--------------------------------------------------------------------
inquiry.html
inquiry.css
--------------------------------------------------------------------*/


/*------------mail---------------------------------------------------------------*/
div.mail div.Flow {
	height: 160px;
	margin: 30px 0;
	background-repeat: no-repeat;
	background-position: center top;
}
div.mail div.Flow * { display: none; }
div.mail div#Flow01 { background-image: url(../../img/sp/contact/flow_p01.png); }
div.mail div#Flow02 { background-image: url(../../img/sp/contact/flow_p02.png); }
div.mail div#Flow03 { background-image: url(../../img/sp/contact/flow_p03.png); }
div.mail div#Flow04 { background-image: url(../../img/sp/contact/flow_p04.png); }

div.mail strong { color: #ff1d25; }
div.mail a { color: #00b0ff; }
div.mail p { margin-bottom: 0.8em; }
div.mail ul#Note {
	list-style: none;
	margin: 0;
}
div.mail ul#Note li {
	padding-left: 1em;
	text-indent: -1em;
}
div.mail ul#Note li:before { content: "※"; }

div.mail table {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
	border-top: 1px solid #bfbfbf;
}
div.mail table tr th,
div.mail table tr td { display: block; }
div.mail table tr th {
	width: auto;
	padding: 5px 10px;
	background: #eaeaea;
	border-bottom: 1px solid #bfbfbf;
	text-align: left;
	vertical-align: top;
}
div.mail table tr th span { float: right; }
div.mail table tr td {
	width: auto;
	padding: 10px 20px;
	background: rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid #bfbfbf;
	text-align: left;
	vertical-align: top;
	color: #2a2b2b;
}
div.mail table tr td span {
	display: block;
	margin-top: 0.45em;
	font-size: 0.75em;
	color: #ff1d25;
}
div.mail table tr td ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div.mail table tr td ul li input { vertical-align: -0.05em; }
div.mail table tr td .Inp01 { width: 100%; }
div.mail table tr td .Inp02 { width: 84%; }
div.mail table tr td .Inp03 { width: 49%; }
div.mail dl dd input[type="text"],
div.mail dl dd input[type="email"],
div.mail dl dd input[type="tel"],
div.mail dl dd textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0.4em;
	transition: 0.3s;
	border: 1px solid #5d83a4;
	outline: none;
}
div.mail dl dd input[type="text"]:focus,
div.mail dl dd input[type="email"]:focus,
div.mail dl dd input[type="tel"]:focus,
div.mail dl dd textarea:focus { border-color: #ff6900; }
div.mail dl dd textarea { height: 330px; }
div.mail div#SubmitBtn {
	margin: 20px auto 0;
	text-align: center;
}

/*------------tel---------------------------------------------------------------*/
div#tel table {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
	border-top: 1px solid #bfbfbf;
}
div#tel table tr th,
div#tel table tr td { display: block; }
div#tel table tr th {
	width: auto;
	padding: 5px 10px;
	background: #eaeaea;
	border-bottom: 1px solid #bfbfbf;
	text-align: left;
	vertical-align: top;
}
div#tel table tr td {
	width: auto;
	padding: 10px 20px;
	border-bottom: 1px solid #bfbfbf;
	text-align: left;
	vertical-align: top;
}
div#tel table tr td table {
	width: 100%;
	margin-top: 0;
	border-top: 0 none;
}
div#tel table tr td table tr th,
div#tel table tr td table tr td {
	width: auto;
	padding: 0;
	background: inherit !important;
	border-bottom: 0 none;
}
div#tel table tr td table tr td { padding-bottom: 0.8em; }
div#tel table tr td table tr:nth-last-of-type(1) td { padding-bottom: 0; }
div#tel table tr td dl {
	width: 100%;
	overflow: hidden;
}
div#tel  dl dt { float: left; }