@charset "UTF-8";
/* CSS Document */
.section-top {
  background-color: #E9F1F2;
  width: 1040px;
  height: 1100px;
  margin: 60px auto;
  padding: 0 200px;
}
.section-top h1 {
  font-size: 30px;
  color: #025959;
  padding-top: 30px;
  margin-bottom: 50px;
}
.section-top__explanation li {
  font-size: 16px;
  line-height: 40px;
  color: #333;
  list-style: none;
  display: flex;
  text-align: left;
  margin: 0 auto 0 20px;
}
@media(max-width:480px) {
  .section-top {
    width: 325px;
    height: 1140px;
    margin: 30px auto 30px;
    padding: 0 25px;
  }
  .section-top h1 {
    font-size: 24px;
  }
  .section-top__explanation li {
    line-height: normal;
    margin: 0 20px;
  }
}
.inquiry-form {
  padding: 20px 0 0 20px;
  text-align: left;
}
.inquiry-form p {
  font-size: 18px;
  margin: 50px 0 40px 0;
}
.inquiry-form, .form_hurigana, .inquiry-form, .inquiry-form {
  display: block;
  padding: 0 0 0 20px;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
  display: block;
  width: 600px;
  height: 40px;
  float: right;
  margin-right: 20px;
  padding: 0 10px;
  border: solid 1px #777;
}
.inquiry-form textarea {
  height: 150px;
}
.inquiry-form__submit {
  display: block;
  margin: 200px auto;
  height: 80px;
  width: 200px;
  background-color: #4597aa;
  color: #FFF;
  font-size: 24px;
  border-radius: 50px;
}
@media(max-width:480px) {
  .inquiry-form p {
    font-size: 16px;
    padding: 0;
    margin: 30px 0 0px;
  }
  input[type="text"], input[type="email"], input[type="tel"], textarea {
    display: block;
    float: none;
    width: 280px;
    height: 30px;
    border: solid 1px #777;
    margin: 0 auto 20px;
  }
  .inquiry-form__submit {
    display: block;
    margin: 0 auto;
    height: 40px;
    width: 100px;
    background-color: #4597aa;
    color: #FFF;
    font-size: 18px;
    border-radius: 25px;
  }
}