#mailform{
  background-color:var(--right-yellow);
  padding:40px;
}
input{
  border:2px solid var(--yellow);
  height:50px;
  width:100%;
}

input.active{
ime-mode:active;
}

input.inactive{
ime-mode:inactive;
}

optgroup {
font-style: normal; /* フォントスタイル */
}









.contact-form>dd>input[type="text"],.contact-form>dd>input[type="email"]{
  width: 100%;
}





.contact-form>dd>div>input[type="text"]{
  width: 100%;
}







.contact-form{
  display: flex;
  flex-wrap: wrap;
}


.contact-form>dt{
width: 100%;
color: #333;
font-weight:bold;
font-size:1.3rem;
margin-top:30px;
align-items: center;
line-height: 1;
}
.contact-form>dt>p{
  margin-top:5px;
  font-weight:normal;
}



.contact-form>dt span,
.form_title>span{
padding: 10px;
font-weight: normal;
color: var(--orange);
font-weight:var(--fw-bold);
padding: 2px 5px;
margin-left: 5px;
font-size:1.3rem;
}

.contact-form>dt span.optional{
color: #333;
}


.contact-form>dd{
width: 100%;
padding: 20px 0;
margin: 0;
font-size:1.3rem;
}

.contact-form>dd>select{
border:2px solid var(--yellow);
height:50px;width:100%;
font-size:1.3rem;
}




textarea{
  border:2px solid var(--yellow);
  width: 100%;
  height:500px;
}

.submit_reset{
  position:relative;
  width:60%;
  margin:0 auto;
  background-color:var(--orange);
  padding:20px;
  border:none;
  box-shadow: 0px 4px 0px 0px #8f570d;
  cursor: pointer;
}

input[type="submit"] {
  font-size:1.3rem;
  font-weight:var(--fw-bold);
  color:#fff;
  background-color:var(--orange);
  border:none;
  cursor: pointer;
}
.submit_reset::after {
  content: "";
  position: absolute;
  top: 45%;
  right:5%;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0;
  z-index:99999;
}

@media screen and (max-width: 979px) {
#mailform{
  padding:20px;
}
#botan, .submit_reset, #botan input[type="submit"] {
    width: 100%!important;
}
textarea{
  height:300px;
  font-size:var(--fs-body);
}
.contact-form>dt span,
.form_title>span{
  font-size:var(--fs-body);
}
.contact-form>dt span.optional{
  font-size:var(--fs-body);
}
.contact-form>dd{
  font-size:var(--fs-body);
}
.contact-form>dd>select{
  font-size:var(--fs-body);
}
.contact-form>dt{
  font-size:var(--fs-body);
}
}


#botan, .submit_reset, #botan input[type="submit"]{
  position: relative;
  z-index: 10;
  pointer-events: auto;
  width:60%;
  cursor:pointer;
  text-align:center;
  margin:0 auto;
}

.some-overlay-like-thing{
  pointer-events: none;
}