/* 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;
}
select::-ms-expand{
display: none;
}

select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
select::-ms-expand {
    display: none;
}
/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], textarea {
vertical-align:middle;
line-height:30px;
height:30px;
padding:1px 5px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
font-family: 'Kiwi Maru', serif;
margin:1em 0;
}

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

input[type="submit"], input[type="reset"], input[type="button"], .button a{
display:block;
padding:20px;
width:80%;
max-width:385px;
margin:0 auto;
background:#e6bd01;
border:0;
border-radius: 100vh;
line-height:1.5;
font-size:1.2rem;
color: #fff;
font-family:"Sawarabi Gothic",sans-serif;
-webkit-appearance: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-top:2em;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,.button a:hover {
background:#e88b23;
cursor:pointer;
}

*:first-child+html input[type="submit"] { padding:3px; }
/*
select {
	position: relative;
	width: 100%;
	margin:0;
padding: 10px;
	background: #fcfcfc url("../images/chevron-down-solid.svg") 95% / auto 15px no-repeat;
	border-radius:3px;
	color:#333333;
	font-size:1rem;
box-sizing: border-box;
border:1px solid #bbb;
}
select::-ms-expand {
    display: none;
}
input[type="radio"]{
  display: none;
	
}
.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #cc0000;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cc0000;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}*/
table#inquiry_form,
table#inquiry_form2{
border-collapse:collapse;
margin: 1em auto!important;
border:none !important;
width: 95%;
max-width:1000px;
padding:0 !important;
}
table#inquiry_form tr:first-child th,
table#inquiry_form tr:first-child td,
table#inquiry_form2 tr:first-child th,
table#inquiry_form2 tr:first-child td{
border-top:1px solid #cccccc;
}
#inquiry_form th, #inquiry_form td,
#inquiry_form2 th, #inquiry_form2 td{
padding:30px 10px !important;
text-align:left;
background:none !important;
border-bottom:1px solid #cccccc;
}

#inquiry_form th,
#inquiry_form2 th{
background:none !important;
border-right:none !important;
font-weight:normal !important;
width: 30% !important;
}
#inquiry_form th span{
font-size:0.675rem;
font-weight:600;
color:#cc0000;
padding:2px 5px;
background:#fff;
border:1px solid #cc0000;
white-space: nowrap;
}
#inquiry_form td,
#inquiry_form2 td{
width:70%;
}
 #inquiry_form td ul{
 display:flex;
 justify-content:space-between;
 }
 #inquiry_form td ul li{
 list-style: none;
 width:78%;
 }
 #inquiry_form td ul li:last-child{
 width:20%;
 display:flex;
 align-items: flex-end;
 }
 #inquiry_form_wrapper ul.n123{
 text-align:left;
 width:80%;
 margin:0 auto;
 }
.subm, .subm td {
border:none !important;
background:none;
box-shadow: none;
}

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

.subm td {padding:1em 0 !important;text-align:center;}

#inquiry_form input[type="text"], #inquiry_form input[type="email"] { border:solid 1px #bbb; width: 98%;}

#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: 90%;}

#inquiry_form textarea {
padding: 2px;
width: 98%;
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 table,
#inquiry_form2 table{
border-collapse:collapse;
margin:10px 0;
border:solid 1px #cc0000 !important;
}

.soy_inquiry_message, .soy_inquiry_message td {
width:100%;
border:none !important;
margin:0 !important;
padding:0 !important;
font-size:1rem;
background:none !important;
box-shadow: none;
}
#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;text-decoration: none !important;color:#ffffff !important;}

/* 幅1023px以下
------------------------------------------------------------*/
@media only screen and (max-width: 1023px) {
#inquiry_form th, #inquiry_form td,
	#inquiry_form2 th, #inquiry_form2 td{

}
#inquiry_form th,
	#inquiry_form2 th{
width:30%;
}
#inquiry_form td,
	#inquiry_form2 td{
width:70%;
}
 #inquiry_form_wrapper ul.n123{
 width:100%;
 }
}

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

table#inquiry_form,table#inquiry_form2 { width: 95%;}

#inquiry_form th, #inquiry_form td,
	#inquiry_form2 th, #inquiry_form2 td{
padding:10px 0 !important;
display:block;
width: 100% !important;
border:none !important;
font-size:1rem;
}
	#inquiry_form2 th{
		padding:0 !important;
	}
		#inquiry_form td,
	#inquiry_form2 td{
		padding-top:0em !important;
		padding-bottom:1em !important;
	}
#inquiry_form input[type="text"], #inquiry_form input[type="email"] {width:97%}

#inquiry_form textarea {}

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

input[type="submit"], input[type="reset"], input[type="button"]{width: 80%; padding:15px;}

.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%;}
}