/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], textarea {
vertical-align:middle;
line-height:30px;
height:30px;
padding:1px 5px;
border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
font-family:"Sawarabi Gothic",sans-serif;
}

textarea {
height:auto;
line-height:1.5;
}

input[type="submit"], input[type="reset"], input[type="button"], .button a{
  display: inline-block;
  width:90%;
  max-width: 680px;
  text-align: center;
  background-color: #7fa075;
  font-size: 1.5rem;
  letter-spacing: 3px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 16px 24px;
  border-bottom: 4px solid #607739;
  box-shadow:0px 0px 5px -1px #555;
  margin-top:4em;
  font-family:"Sawarabi Gothic",sans-serif;
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{
    transform: translateY(4px);
    border-bottom: none;
}

*:first-child+html input[type="submit"] { padding:3px; }

select {
	position: relative;
	width: 100%;
	padding: 10px;
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	background: #EFEDE7;
	border-radius:3px;
	color:#333333;
	font-family:"Sawarabi Gothic",sans-serif;
}
select::-ms-expand {
    display: none;
}
table.inquiry_form {
border-collapse:collapse;
margin: 1em auto!important;
border:none !important;
width: 90%;
font-size:110%;
padding:0 !important;
}

.inquiry_form th, .inquiry_form td {
border:none !important;
padding:20px 10px !important;
text-align:left;
background-color:none !important;
}
/*
.selec {
width: 100%;
  position: relative;
  display: inline-block;
}
.selec::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -4px;
}*/
.inquiry_form th {
background:none !important;
border-right:none !important;
font-weight:normal !important;
width: 30% !important;
}

.subm, .subm td {
border:none !important;
}

.subm{margin:-3em auto 0 !important;width: 100%;}

.subm td {padding:0 1em; text-align:center;}
.inquiry_form .btn{width:100% !important;max-width:auto !important;}

.inquiry_form input[type="text"], .inquiry_form input[type="email"], textarea, select { border:solid 1px #bbb; width: 100% !important;}

.inquiry_form input[type="text"]:focus, .inquiry_form input[type="email"]:focus {
border:solid 1px black;
background-color: #ffffff;
}

input[type="submit"], input[type="reset"], input[type="button"]{width: 100%;}

.inquiry_form textarea {
padding: 2px;
width: 100%;
height:200px;
}

.inquiry_form textarea:focus { border:solid 1px black; }

.inquiry_form .require th { font-weight:normal; }

.inquiry_form .error_message {
color:#cc0000;
}

.inquiry_form_captcha {
margin-top:10px;
margin-bottom:10px;
}

.inquiry_form_captcha img { margin-bottom:5px; }

.inquiry_form{
border-collapse:collapse;
margin:0;
border:solid 1px #cc0000 !important;
}

.soy_inquiry_message, .soy_inquiry_message td {
border:none !important;
margin:0 !important;
padding:1em 0 0 1em !important;
text-align: left;
font-size:1.25rem;
line-height:1.4;
}
#soy_inquiry_message_complete{
width:100%;
}
#soy_inquiry_message_complete tr td{
vertical-align: middle;
height:30vh;
text-align:center !important;
}

.form_you{float:none !important;margin:1em auto 3em !important;}

.form_you a{border-bottom:none !important;}

/* 768px以下
------------------------------------------------------------*/
@media screen and (max-width: 767px) {

.inquiry_form .btn{max-width:auto !important;}
}

/* 幅644px以下
------------------------------------------------------------*/
@media only screen and (max-width: 644px) {

table.inquiry_form { width: 95%;}

.inquiry_form th, .inquiry_form td {
padding:6px 0 !important;
display:block;
width: 100% !important;
}

.inquiry_form input[type="text"], .inquiry_form input[type="email"] {width: 97% !important;}

.inquiry_form textarea {width: 98%;}

.soy_inquiry_message, .soy_inquiry_message td {font-size:105%;}

input[type="submit"], input[type="reset"], input[type="button"]{width: 100%; margin-top:2em;font-size:1.2rem;}

.subm{width:100%;}
.subm td {display:block;padding:10px 0 !important;}

}

/* 幅480px以下
------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	input[type="submit"], input[type="reset"], input[type="button"]{width: 100%;}
}
