@charset "UTF-8";

/*--------------------------------------------------------------------
mail.html
mail.css
--------------------------------------------------------------------*/


/*------------Title------------------------*/
div#Title { background-image: url(../../img/title/contact.jpg); }

/*------------InBox------------------------*/
div.InBox h2 { color: #bf821b; }
div.InBox h2 span { background: url(../../img/parts/title_icon02.png) no-repeat left center; }


/*------------contact------------------------*/
div#contact h3 {
	margin-bottom: 40px;
	text-align: center;
	line-height: 1.2;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, Arial, Roboto, Verdana, "Droid Sans",  sans-serif;
	font-size: 2.25rem;
	font-weight: bold;
}
div#contact div#telephone p + p {
	margin-top: 30px;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, Arial, Roboto, Verdana, "Droid Sans",  sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #c30d23;
}
div#contact div#telephone div#InTel {
	margin-top: 10px;
	padding: 10px 30px;
	text-align: center;
	background-color: #c30d23;
	color: #fff;
}
div#contact div#telephone div#InTel * { display: inline-block; }
div#contact div#telephone div#InTel div {
	background: url(../../img/parts/contact_tel.png) no-repeat left center;
	padding-left: 55px;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, Arial, Roboto, Verdana, "Droid Sans",  sans-serif;
	font-size: 1.75em;
	font-weight: bold;
}
div#contact div#telephone div#InTel p { font-size: 0.87em; }


/*------------mail------------------------*/
div#mail div.Bg02 {
	width: 100%;
	padding: 40px 0;
	background-color: #f0ebc8;
	font-size: 1rem;
}
div#mail div.Bg03 {
	margin: 40px auto 0;
	padding: 40px 0;
	background-color: #fff;
}
div#mail div.Bg03 div.Inner { margin-top: 0; }
div#mail strong{ color: #c30d23; }
div#mail table {
	width: 100%;
	border-collapse: collapse;
}
div#mail table tr th,
div#mail table tr td {
	display: block;
	width: auto;
	padding: 10px 0;
	text-align: left;
	vertical-align: top;
	font-size: 1rem;
}
div#mail table tr th { padding: 0; }
div#mail table tr th span {
	display: inline-block;
	float: right;
}
div#mail table tr th ul {
	list-style: none;
	margin-left: 1em;
}
div#mail table tr th ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	line-height: 2;
}
div#mail table tr th ul li:before {
	padding-right: 0.3em;
	content: "\0030fb";
}
div#mail table tr td {}
div#mail table tr td ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#mail table tr td ul li {
	float: left;
	margin-right: 5em;
}
div#mail table tr td ul li:nth-last-of-type(1) { margin-right: 0; }
div#mail table tr td .Inp01 {
	width: 100%;
	height: 12.5em;
}
div#mail table tr td .Inp02 {
	width: 100%;
	height: 3.5em;
}
div#mail table tr td input[type="text"],
div#mail table tr td input[type="tel"],
div#mail table tr td input[type="email"],
div#mail table tr td textarea {
	padding: 0.4em;
	transition: 0.3s;
	background-color: #f5f5da;
	border: 0 none;
	outline: none;
}
div#mail table tr td input[type="text"]:focus,
div#mail table tr td input[type="tel"]:focus,
div#mail table tr td input[type="email"]:focus,
div#mail table tr td textarea:focus { border: 1px solid #ff6900; }
div#mail table tr td textarea { height: 330px; }
div#mail div#SubmitBtn {
	margin: 20px auto 0;
	text-align: center;
}
div#mail div#SubmitBtn input {
	width: 250px;
	padding: 1em 2em;
	background-color: #bf821b;
	border: 0 none;
	outline: none;
	cursor: pointer;
	line-height: 1;
	font-size: 1rem;
	color: #fff;
}
div#mail div#SubmitBtn input:hover { background-color: #c30d23; }
div#mail div#SubmitBtn a {
	display: inline-block;
	width: 250px;
	margin-top: 2em;
	padding: 1.1em 2em 1em;
	background-color: #c9caca;
	border: 0 none;
	outline: none;
	cursor: pointer;
	line-height: 1;
	font-size: 1rem;
	color: #fff;
}
div#mail div#SubmitBtn a:hover {
	text-decoration: none;
	background-color: #9fa0a0;
}


/*------------privacy------------------------*/
div#privacy div.Inner {
	height: 300px;
	margin-top: 0;
	padding: 20px;
	border: 1px solid #b5b5b6;
	overflow: auto;
}
div#privacy div.Inner * {
	font-size: 0.875rem;
	line-height: 1.4;
}
div#privacy div.policy + div.policy { margin-top: 35px; }
div#privacy div.Inner h2 {
	margin-bottom: 20px;
	line-height: 1.2;
	font-size: 1.125rem;
}
div#privacy div.policy ol {
	padding-left: 1.5em;
	list-style-type: upper-alpha;
}
div#privacy div.policy ul { list-style: none; }
div#privacy div.policy ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
div#privacy div.policy ul li:before {
	padding-right: 0.3em;
	content: "\0030fb";
}
div#privacy div.policy dl {
	width: 100%;
	overflow: hidden;
}
div#privacy div.policy dl dt { float: left; }