@charset "UTF-8";
/* answer */
.answer {
  padding: clamp(53px, 6.89vw, 82px) 0 clamp(56px, 7.39vw, 88px);
  background-image: url(../img/answer/bg_answer_top.png), url(../img/answer/bg_answer_bottom.png), url(../img/answer/bg_answer_middle.png);
  background-position: top, bottom, top;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-size: contain;
}

.mv__lead {
  margin: 0 auto;
  width: clamp(513px, 66.81vw, 795px);
}
@media screen and (max-width: 767px) {
  .mv__lead {
    width: clamp(250px, 78.13vw, 500px);
  }
}
.mv__heading {
  margin: clamp(-45px, -3.78vw, -29px) auto 0;
  width: clamp(589px, 76.72vw, 913px);
}
@media screen and (max-width: 767px) {
  .mv__heading {
    margin-top: clamp(-30px, -3.13vw, -10px);
    width: clamp(280px, 87.5vw, 550px);
  }
}

.congratulations {
  margin-top: clamp(51px, 6.72vw, 80px);
}
@media screen and (max-width: 767px) {
  .congratulations {
    margin-top: 60px;
  }
}
.congratulations__heading {
  margin: 0 auto;
  width: clamp(511px, 66.64vw, 793px);
}
@media screen and (max-width: 767px) {
  .congratulations__heading {
    width: clamp(260px, 81.25vw, 520px);
  }
}
.congratulations__lead {
  margin-top: clamp(9px, 1.26vw, 15px);
  font-family: "ぼくたちのゴシック２ボールド";
  font-size: clamp(25px, 3.28vw, 39px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .congratulations__lead {
    margin-top: 10px;
    font-size: 1.8rem;
  }
}
.congratulations__lead span {
  text-shadow: 1px 1px 0px #231815, -1px -1px 0px #231815, -1px 1px 0px #231815, 1px -1px 0px #231815, 0px 1px 0px #231815, 0px -1px 0px #231815, -1px 0px 0px #231815, 1px 0px 0px #231815, 3px 2px 0px #231815;
  color: #f5e928;
}
.congratulations__text {
  margin-top: clamp(11px, 1.43vw, 17px);
  font-size: clamp(13px, 1.76vw, 21px);
  text-align: center;
  color: #42aa3d;
}
@media screen and (max-width: 767px) {
  .congratulations__text {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
.congratulations__text rt {
  color: #231815;
}

.message {
  margin-top: clamp(51px, 6.72vw, 80px);
}
.message__inner {
  margin: 0 auto;
  padding: clamp(32px, 4.2vw, 50px) 0;
  width: clamp(622px, 81.09vw, 965px);
  height: clamp(315px, 41.09vw, 489px);
  background-image: url(../img/answer/message_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .message__inner {
    padding: 30px 20px;
    width: 100%;
    height: auto;
    background-image: url(../img/answer/message_bg_top.png), url(../img/answer/message_bg_bottom.png), url(../img/answer/message_bg_middle.png);
    background-position: top, bottom, top;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: contain;
  }
}
.message__text {
  margin: 0 auto;
  width: clamp(548px, 71.43vw, 850px);
  font-size: clamp(16px, 2.1vw, 25px);
  font-weight: normal;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .message__text {
    width: 100%;
    font-size: 1.6rem;
  }
}
.message__text span {
  font-weight: bold;
  color: #eb6112;
}
.message__text span rt {
  color: #231815;
}
.message__lead {
  position: relative;
  margin-top: clamp(32px, 4.2vw, 50px);
  font-family: "ぼくたちのゴシック２ボールド";
  font-size: clamp(28px, 3.7vw, 44px);
  text-align: center;
  color: #0d8cca;
}
@media screen and (max-width: 767px) {
  .message__lead {
    margin: 30px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 2rem;
  }
}
.message__lead::before, .message__lead::after {
  content: "";
  position: absolute;
  top: 50%;
  width: clamp(36px, 4.71vw, 56px);
  height: clamp(74px, 9.66vw, 115px);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .message__lead::before, .message__lead::after {
    width: 28px;
    height: 57px;
  }
}
.message__lead::before {
  left: clamp(36px, 4.71vw, 56px);
  background-image: url(../img/answer/message_lead_left.png);
}
@media screen and (max-width: 767px) {
  .message__lead::before {
    left: -32px;
  }
}
.message__lead::after {
  right: clamp(36px, 4.71vw, 56px);
  background-image: url(../img/answer/message_lead_right.png);
}
@media screen and (max-width: 767px) {
  .message__lead::after {
    right: -32px;
  }
}
/*# sourceMappingURL=answer.css.map */