/* --------------------------------------------------------------------------------------
   会社概要
--------------------------------------------------------------------------------------- */

#key { display: none; }

#lead {
	margin-top: 20px;
	line-height: 2.0;
}

.ttl {
	border-bottom: 1px solid #dedede;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	margin-top: 100px;
}

#tel {
	border-bottom: 1px solid #dedede;
	margin: 40px auto 53px;
	width: 1080px;
	padding-bottom: 50px;
}

#tel dl { margin-top: 10px; }

#tel dt {
	margin-top: 5px;
	font-size: 170%;
	margin-bottom: 4px;
}

#tel dt a {
	color: #000;
	cursor: default;
}

#tel dt a:hover { text-decoration: none; }

#form {
	width: 1080px;
	margin: 0px auto 80px;
}

#form .txt {
	margin-top: 2%;
	line-height: 1.8;
}

#trust-form { margin: 25px 150px 0px; }

#trust-form table {
	border-bottom: 1px solid #dedede;
	width: 100%;
}

#trust-form th {
	border-top: 1px solid #dedede;
	padding: 2% 0px;
	white-space: nowrap;
	text-align: right;
	width: 49%;
	vertical-align: middle;
}

#trust-form td {
	border-top: 1px solid #dedede;
	padding: 2% 0px 2% 3%;
	word-break: break-word;
}

#trust-form .submessage {
	font-size: 85%;
	color: #790404;
}

#trust-form .error {
	display:block;
	margin-top: 3px;
	font-weight: bold;
	color: #f00;
}

#confirm-button { margin-top: 25px; }

#pp { margin-bottom: 80px; }

#pp #tab ul { text-align: center; }

#pp #tab li {
	border: 1px solid #c8a032;
	display: inline-block;
	margin-left: 30px;
	padding: 15px 60px;
	cursor: pointer;
}

#pp #tab .active {
	background-color: #c8a032;
	color: #fff;
}

#pp #tab li:first-child { margin-left: 0px; }

#tabbox { margin-top: -14px; }

.contactbox {
	width: 1078px;
	margin: 13px auto 0px;
	border: 1px solid #c8a032;
	padding-bottom: 60px;
	display: none;
	text-align: left;
}

.contactbox .txt {
	margin: 30px 5%;
	line-height: 1.8;
}

.contactbox div {
	margin: 50px 5% 0px;
	overflow: hidden;
}

.contactbox dl { margin-top: 30px }
.contactbox dl:first-child { margin-top: 0px; }

.contactbox dt { font-weight: bold; }
.contactbox dd { line-height: 1.5; }

.contactbox div p {
	text-align: left;
	line-height: 1.8;
	margin-top: 40px;
	float: right;
}

.last {
	border-bottom: none;
	margin-bottom: 50px;
}

/* --------------------------------------------------------------------------------------
   タブレット
--------------------------------------------------------------------------------------- */

@media (max-width: 1024px) and (min-width: 767px) {

	#lead { margin: 3% 6% 0%; }

	#tel {
		width: 90%;
		margin: 10% auto;
	}

	#form {
		background-size: 100% auto;
		width: 90%;
		margin: 10% auto;
	}

	#trust-form { margin: 5% 5% 3%;}


	#trust-form td textarea { width: 100%; }

	.contactbox {
		width: 93.5%;
		margin: 1.7% auto 1%;
	}

	.contactbox div { margin: 5% 5% 0px; }

	#pp #tab li { font-size: 100%; }

}

/* --------------------------------------------------------------------------------------
   スマホ
--------------------------------------------------------------------------------------- */

@media (max-width: 766px) {

	#key {
		background-position: center 42%;
		background-size: 316% auto !important;
	}

	#key strong {
		text-shadow: 0px 0px 0px;
		color: #000;
	}

	#lead {
		margin: 7% 5% 0%;
		line-height: 1.5;
		text-align: left;
	}

	#lead br,
	.contactbox .txt br { display: none; }

	#tel {
		width: 100%;
		margin: 10% auto 0px;
		padding-bottom: 10%;
		overflow: hidden;
	}

	#tel img {
		width: 190%;
		max-width: inherit;
		height: auto;
		margin-left: -45%;
	}

	#form h2 img {
		width: 46%;
		margin: 0px auto;
	}

	#form {
		background-size: 100% auto;
		width: 92%;
		margin: 0% auto 5%;
		padding: 11% 4% 0%;
	}

	#trust-form {
		margin: 10% 0% 0%;
		padding-bottom: 0%;
	}

	#trust-form table,
	#trust-form tbody{ display: block; }


	.contact-form-input form .subject,
	.contact-form-confirm form .subject { text-align: left; }


	#trust-form tr {
		display: block;
		overflow: hidden;
		padding-bottom: 10%;
	}

	#trust-form tr:last-child { border-bottom: none; }

	#trust-form th {
		display: block;
		border: none;
		width: 100%;
		text-align: center;
		font-size: 115%;
		padding: 3% 0%;
	}

	#trust-form td  {
		display: block;
		border: none;
		padding: 0px;
	}

	#trust-form td input,
	#trust-form td textarea {
		width: 98%;
	}

	#form .txt {
		margin-top: 7%;
		padding: 0% 0% 10%;
		line-height: 1.5;
		text-align: left;
	}

	#form .txt a { display: inline; }
	#form .txt br { display: none; }

	#pp {
		width: 95%;
		margin: 0px auto 10%;
	}

	#pp #tab { overflow: hidden; }

	#pp #tab li {
		font-size: 100%;
		padding: 2% 4%;
		width: 53%;
		margin-left: 0%;
		float: right;
		letter-spacing: 0px;
	}

	#pp #tab li:first-child {
		float: left;
		width: 26%;
	}

	#tabbox { margin-top: -2%; }

	.contactbox {
		padding-bottom: 8%;
		width: auto;
	}

	.contactbox .txt { line-height: 1.5; }

	.contactbox div { margin: 5% 3% 0px; }

	.contactbox div p {
		line-height: 1.5;
		margin-top: 6%;
	}

	.contactbox h2 img {
		width: 46%;
		margin: 0px auto;
	}

	.last h2 img {
		width: 65%;
		margin: 0px auto;
	}

	#message-container-confirm { text-align: left; }

	.ttl { margin-top: 26%; }
}