@charset "UTF-8";
html, body {
  font-weight: 500;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.wrapper-content {
  max-width: 1080px;
  margin: 0 auto;
}

#app[v-cloak] {
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.wrapper header {
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #E2E2E2;
  padding-top: 15px;
  padding-bottom: 5px;
}

.wrapper header .header-content {
  margin: 0 auto;
  width: 160px;
}

.wrapper header .header-content img {
  width: 100%;
}

.wrapper .wrapper-content {
  width: 100%;
  max-width: 700px;
}

.wrapper .wrapper-content .container.vb-form {
  padding: 0;
}

.wrapper .wrapper-content .container .form-area {
  width: 95%;
  margin: 0 auto 30px auto;
}

@media (min-width: 767px) {
  .wrapper .wrapper-content .container .form-area {
    width: 100%;
  }
}

.wrapper .wrapper-content .container h2 {
  font-size: 19px;
  font-weight: bold;
  text-align: center;
}

.wrapper .wrapper-content .container h2.title {
  margin-top: 20px;
}

@media (min-width: 767px) {
  .wrapper .wrapper-content .container h2.title {
    margin-top: 40px;
  }
}

@media (min-width: 1024px) {
  .wrapper .wrapper-content .container h2 {
    font-size: 22px;
  }
}

.wrapper .wrapper-content .container .top-mess {
  margin: 20px 0;
  font-size: 13px;
}

@media (min-width: 767px) {
  .wrapper .wrapper-content .container .top-mess {
    font-size: 14px;
  }
}

.wrapper .wrapper-content .container .top-mess p {
  margin: 0;
}

.wrapper .wrapper-content .container form .form-group {
  margin-bottom: 20px;
}

.wrapper .wrapper-content .container form .form-group .form-description {
  font-size: 12px;
}

@media (min-width: 767px) {
  .wrapper .wrapper-content .container form .form-group .form-description {
    font-size: 13px;
  }
}

.wrapper .wrapper-content .container form .form-group .form-description p {
  margin: 0;
  margin-bottom: 5px;
}

.wrapper .wrapper-content .container form .pb-btn {
  background-color: #64B6C8;
  border: none;
  width: 100%;
  margin-top: 15px;
}

.wrapper .wrapper-content.after-answer {
  max-width: none;
  background-color: #f4f5f7;
  margin-top: 30px;
}

.wrapper .wrapper-content.after-answer .thanks {
  text-align: center;
}

.wrapper .wrapper-content.after-answer .thanks .header-content {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 20px 0 20px 0;
}

.wrapper .wrapper-content.after-answer .thanks .header-content h2 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
}

.wrapper .wrapper-content.after-answer .thanks .header-content .pdf-btn {
  background-color: #64B6C8;
  border: none;
  width: 80%;
  margin: 0 auto;
}

.wrapper .wrapper-content.after-answer .thanks .header-content .pdf-btn a {
  color: #fff;
  display: block;
  padding: 10px 0 10px 0;
  text-decoration: none;
}

@media (min-width: 767px) {
  .wrapper .wrapper-content.after-answer .thanks .header-content h2 {
    font-size: 16px !important;
  }
}

.wrapper .wrapper-content.after-answer .thanks .white-bg {
  background-color: #fff;
  width: 100%;
  height: 30px;
}

.wrapper .wrapper-content.after-answer .thanks .campaign-text .text-main {
  max-width: 700px;
  margin: 0 auto;
  background-color: #f4f5f7;
  padding-top: 30px;
  margin-bottom: 10px;
}

.wrapper .wrapper-content.after-answer .thanks .campaign-text .text-main img {
  width: 100%;
}

.wrapper .wrapper-content.after-answer .thanks .bottom-img {
  width: 100%;
  margin-bottom: 30px;
  background-image: url("../images/background-desk.png");
  background-repeat: repeat-x;
}

.wrapper .wrapper-content.after-answer .thanks .bottom-img .img-box {
  max-width: 700px;
  margin: 0 auto;
}

.wrapper .wrapper-content.after-answer .thanks .bottom-img .img-box img {
  width: 100%;
}

.wrapper footer {
  background-color: #F2F2F2;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: .4rem;
  padding-right: .4rem;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.wrapper footer p {
  margin: 0;
}
/*# sourceMappingURL=style.css.map */