@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------

お問い合わせ

-------------------------------------------*/
.pankuzu-box,
#contact {
  background: url("../img/bg_sec_wh.png");
}
.pankuzu-box .pankuzu ul {
	text-align: left;
}

#contact .contact-txt {
	margin-bottom: 1.5em;
}
#contact table {
	margin: 1em 0 2em;
	width: 100%;
	border-top: 1px solid #555;
	border-bottom: 2px solid #555;
}
#contact th, #contact td {
	display: block;
	border-top: 1px solid #555;
}
#contact th {
	padding: 15px 10px;
	text-align: left;
	background-color: rgba(145,219,52,0.2);
}
#contact td {
	padding: 15px 10px;
	text-align: left;
}
#contact td .att {
	font-size: 1.3rem;
	font-weight: 500;
}
#contact th.hissu:after {
	content: '＊';
	color: #e12e66;
}
.errmess {
	color: #e12e66;
}
#contact input, #contact select, #contact textarea {
	padding: 10px 10px;
	margin: 3px 0;
	font-size: 14px;
	border: 1px solid #ccc;
	background: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	box-sizing: border-box;
}
#contact label {
	display: inline-block;
}
#contact .mw_wp_form .error {
	display: inline-block;
}
#contact .name, #contact .kana, #contact .tel {
	width: 80%
}
#contact .mail, #contact .mailcheck, #contact .add, #contact .messege {
	width: 100%;
}

#contact .submitBox {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	width: 90%;
	margin: 0 auto;
}
#contact .submit, #contact .btn-reset {
  margin: 10px 10px 10px;
  font-size: 1.3rem;
  border-radius: 5px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 20px 15px;
  display: block;
  font-weight: 500;
  font-size: 1.5rem;
}
#contact .submit {
  border: 0;
  background-color: #155507;
  color: #FFF;
}
#contact .btn-reset {
  border: 1px solid #ccc;
  background: #ccc;
  color: #333;
}

#contact .thanks-btn {
	text-align: center;
}
#contact .thanks-btn a {
	display: block;
	margin: 2em auto;
	max-width: 600px;
	background-color: #77b52a;
	color: #FFF;
	border-radius: 5px;
	padding: 15px;
	font-weight: 500;
	font-size: 1.6rem;
	position: relative;
}
#contact .thanks-btn a:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%) rotate(45deg);
    -webkit-transform: translate(0,-50%) rotate(45deg);
    -ms-transform: translate(0,-50%) rotate(45deg);
}

@media (min-width: 415px) {
.pankuzu-box .pankuzu ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
#contact th, #contact td {
	display: table-cell;
}
#contact table th {
	width: 28%;
	padding: 10px;
}
#contact table td {
	width: 72%;
	padding: 10px;
}
#contact .submitBox {
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#contact .submit, #contact .btn-reset {
	width: 30%;
	min-width: 200px;
	box-sizing: border-box;
}
}
@media (min-width: 960px) {
#contact table {
	margin: 1em 0 4em;
}
#contact .txt-box {
	max-width: 940px;
	margin: 0 auto;
}
#contact table th, #contact table td {
	padding: 25px 30px ;
}
#contact .name, #contact .kana, #contact .tel {
	width: 40%
}
#contact .mail, #contact .mailcheck {
	width: 60%;
}
#contact .bikou {
	width: 100%;
}
#contact .submit:hover, #contact .return:hover {
	opacity: 0.6;
}
}