@charset "utf-8";

/*資料請求フォーム*/
section.contact__form {
  margin: 0 auto 10%;
  width: 100%;
  /*max-width: calc(70% - 50px);*/
}

.inquiry__block {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

h3.inquiry__title {
  text-align: center;
  width: 100%;
  max-width: 440px;
  margin: 14% auto 0;
  font-size: 1.45rem;
  color: #0068b7;
}

p.form__intro__text {
  width: 100%;
  max-width: 660px;
  margin: 6% auto;
  text-align: center;
}


form.form__input__area {
  border: none;
  padding: 4% 6%;
  border-radius: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.input-area {
  margin: 0 auto 3%;
  padding: 0 0 2%;
  border-bottom: dotted 2px #a7a7a7;
}

.input-area__no-border {
  margin: 0 auto 3%;
  padding: 0 0 2%;
}

.input-area__on-border {
  margin: 4% auto 2%;
  padding: 0 0 3%;
  border-bottom: dotted 2px #a7a7a7;
}

/*
.input-area p {
  font-size: calc(100% - 2px);
  margin: 0 4% 0 2%;
}
*/

p.input__space {
  margin: 4% auto 0;
}

.input-area.submit__block {
  width: 100%;
  max-width: calc(100% - 10px);
  margin: 0 auto;
  border: none;
  text-align: center;
}

.privacy__lead__text{
  font-size: calc(100% - .2rem);
  font-weight: bold;
  margin: 0 auto 2%;
}

.submit-btn {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 5% auto 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

p.input__hint__red {
  font-size: calc(100% - .2rem);
  color: #777;
}

.prefectures__box {
  margin: 4% auto 1%;
}

.input__title{
  font-size: calc(100% - -.2rem);
  font-weight: bold;
  margin: 0 0 1% 0;
}

.input-area__no-border textarea {
  width: 100%;
  max-width: calc(100% - 10px);
}

.checkbox__label{
  margin: 0 3% 0 0%;
}

.required__input{
  font-size: .8rem;
  color: #fff;
  background-color: red;
  padding: .3% 1%;
  line-height: 1rem;
  margin: 0 auto 0 1.5%;
}

span.any__input {
  font-size: .85rem;
  background-color: #46af9b;
  padding: 0 1% .5%;
  margin: 0 auto 0 1.5%;
  color: #fff;
}

p.input__warning {
  color: red;
  font-weight: 600;
}
/*input{
  width: 100%;
  max-width: 300px;
}*/

/* お問い合わせページ-確認-完了 */

section.contact__complete__box {
  width: 100%;
  max-width: 1200px;
  margin: 8% auto 8%;
}

.contact__end__block {
  width: 100%;
  max-width: 800px;
  margin: 3% auto;
}

.contact__end__block h2 {
  font-size: 1.4rem;
  font-weight: bold;
  font-family: system-ui;
  text-align: center;
  margin: 0 auto 4%;
}

.contact__end__block p {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  font-size: .9rem;
  line-height: 1.6rem;
}

.prefectures__code__title{
  font-size: 1.2rem;
  font-weight: bold;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.prefectures__box{
  margin: 4% auto 1%;
}

.complete__inquiry__phone__box {
  width: 100%;
  max-width: 340px;
  margin: 6% auto 3%;
}

.complete__phone__box {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.complete__inquiry__phone__box h4 {
  text-align: center;
}

/* 送信ボタン */
.submit-btn {
  /* buttonタグのリセットCSS */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;

  /* ボタン有効時のスタイル */
  color: #fff;
  padding: 8px 24px;
  background-color: #3abec1;
  cursor: pointer; /* ポインターカーソルを表示 */
}

/* ボタン無効時のスタイル */
.submit-btn[disabled] {
  background-color: #ccc;
  cursor: not-allowed; /* クリック不可のカーソルを表示 */
}

/* 戻るボタン */
.return-button {
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  color: #fff;
  padding: 8px 24px;
  background-color: #607D8B;
  margin: 0 2% 0 35%;
}

/* 内容送信ボタン */
.send-button {
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  color: #fff;
  padding: 8px 24px;
  background-color: #3abec1;
}


/*スマホ用CSS*/
/*480px-375px*/
@media screen and (max-width:480px) {

  /*contact.php,confirm.php*/

  form.form__input__area {
    border: solid 1px #a7a7a7;
    padding: 3% 8%;
    border-radius: 26px;
  }

  .foot__logo img {
    width: 230px;
  }
  
  section.contact__form {
    margin: 0 auto 10%;
    width: 100%;
    max-width: calc(100% - 37px);
  }
  
  form.form__input__area {
    padding: 7% 6%;
    border-radius: 16px;
  }
  
  .input-area__no-border {
    margin: 0 auto 3%;
    padding: 0 0 2%;
  }
  
  .input-area__on-border {
    margin: 6% auto 7%;
    padding: 0 0 3%;
    border-bottom: dotted 2px #a7a7a7;
  }
  
  h3.inquiry__title {
    margin: 1% auto 0;
    font-size: 1rem;
  }

  .form__intro__text {
    font-size: .9rem;
  }

  form.form__input__area {
    border: none;
  }

/*complete.php*/

section.contact__complete__box {
  margin: 8% auto 18%;
}

.contact__end__block {
  width: 100%;
  max-width: 480px;
  margin: 3% auto;
}

.contact__end__block p {
  max-width: 360px;
}



}