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


.contact__form dt.em:after {
  content: "※必須";
  color: #e62f8b;
  font-size: 12px;
  margin: 0 0 0 10px;
}
.form__box dd span{
  color: #e00;
}

@media screen and (min-width:979px){
.form__box {
  margin: 0 auto 50px !important;
  width:900px;
  overflow:hidden;
height:auto; font-size: 18px;
}


.form__box dt {
  width: 300px;
  margin: 20px 0;
  float: left;
  clear: both;
}

.form__box dd {
  width:590px;
  margin:20px 0;
  float:right;
}

.form__button {
  width: 330px;
  padding: 15px 0;
  color: #ffffff;
  background: #2fa1c1;
  margin: 50px auto 0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border-radius: 8px;
  border: none;
  transition-property: all;
  transition: 0.3s linear;
}
.form__button:hover {
  opacity: 0.6;
}
}


@media screen and (max-width:979px){
.form__box {
  margin: 0 auto 50px !important;
  width:90%;
  overflow:hidden;
  height:auto; font-size: 18px;
  text-align: left;
}

.form__box dt {
  width: 95%;
  clear: both;
   margin:0 auto;
}

.form__box dd {
   width: 95%;
   margin:0 auto 20px;
}

.form__button {
  width: 90%;
  padding: 15px 0;
  margin-bottom: 20px;
  color: #ffffff;
  background: #2fa1c1;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border-radius: 8px;
  border: none;
  transition-property: all;
  transition: 0.3s linear;
}
}


.form__box label {
  margin: 15px 0 0;
  padding: 0;
  font-size: 18px;
  flex-basis: 300px;
  flex-grow: initial;
}



.form__box select {
  height: 50px;
  width: 100%;
  background: #f5f5f5;
  padding: 15px;
  font-size: 14px;
  border: none;
  border-radius: 0;
}
.form__box input {
  height: 50px;
  width: 99%;
  background: #f5f5f5;
  padding: 20px;
  font-size: 14px;
  border: none;
}


.form__box textarea {
  height: 200px;
   width: 99%;
  background: #f5f5f5;
  padding: 20px;
  border: none;
}



.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}



@media screen and (min-width: 769px),
print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}