@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* お問い合わせページ */
.form-wrap dl {
  width: 100%;
  display: flex;
  margin-bottom: 3rem;
}
.form-wrap dl dt {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  padding-right: 4rem;
}
.form-wrap dl dt span.required {
  font-size: 0.8em;
  font-weight: normal;
  color: #fff;
  background: red;
  padding: 0.45em 0.3em 0.3em;
  border-radius: 5px;
}
.form-wrap dl dd {
  width: 70%;
}
.form-wrap dl dd input[type="text"],
.form-wrap dl dd textarea {
  width: 100%;
}
.contact-btn {
  text-align: center;
}
.contact-btn input {
  width: 300px;
  padding: 0.75em 1.5em;
  color: #333;
  border: 1px solid #333;
  background: #fff;
  transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
}
.contact-btn input:hover {
  color: #fff;
  background: #333;
}
.contact-btn input.btn-back {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .form-wrap dl {
    display: block;
  }
  .form-wrap dl dt {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
    justify-content: flex-start;
  }
  .form-wrap dl dt span.required {
    margin-left: 1rem;
  }
  .form-wrap dl dd {
    width: 100%;
  }
}
/* ここまでお問い合わせページ */