@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
.spi, .spib, .sp {
  display: none;
}

.pci {
  display: inline;
}

.pcib {
  display: inline-block;
}

.pc {
  display: block;
}

@media screen and (max-width: 765px) {
  .pci, .pcib, .pc {
    display: none;
  }
  .spi {
    display: inline;
  }
  .spib {
    display: inline-block;
  }
  .sp {
    display: block;
  }
  * {
    max-width: none !important;
    max-height: none !important;
  }
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

nav ul {
  list-style: none;
}

a, span {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}

img {
  width: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  width: 100vw;
  overflow-x: hidden;
}

@media screen and (max-width: 765px) {
  ::-webkit-scrollbar {
    display: none;
  }
}
a {
  -webkit-transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
@media screen and (min-width: 765px) {
  a:hover {
    opacity: 0.7 !important;
  }
}

body {
  background-color: #0072BC;
}

body.loaded {
  -webkit-transition: background-color 1000ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: background-color 1000ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  background-color: #fff;
}

.main {
  padding-top: 9vw;
}
@media screen and (min-width: 1000px) {
  .main {
    padding-top: 90px;
  }
}
@media screen and (max-width: 765px) {
  .main {
    padding-top: 15.3846153846vw;
  }
}

@media screen and (max-width: 765px) {
  .main.is-recent .mv {
    padding-bottom: 32.0512820513vw;
  }
  .main.is-recent .mv .copy {
    padding-bottom: 32.0512820513vw;
  }
}

.page {
  opacity: 0;
  position: absolute;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: all 100ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 100ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}

.main[data-page=top] #top,
.main[data-page=date] #date,
.main[data-page=q1] #q1,
.main[data-page=q2] #q2,
.main[data-page=q3] #q3,
.main[data-page=q4] #q4,
.main[data-page=result] #result {
  width: 100vw;
  height: 100vh;
  opacity: 1;
  position: relative;
  height: auto;
  pointer-events: auto;
  -webkit-transition: all 1000ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 1000ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}

.btn {
  width: 42vw;
  max-width: 420px;
  height: 8vw;
  max-height: 80px;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 2.4vw;
  font-size: max(2.4vw,10px);
}
@media screen and (min-width: 1000px) {
  .btn {
    font-size: 24px;
  }
}
.btn {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0072BC;
  background-color: #ffffff;
  border-radius: 999px;
  text-decoration: none;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.btn[disabled] {
  opacity: 0.3;
  pointer-events: none;
}
.btn.is-start {
  border: none;
  -webkit-transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
@media screen and (min-width: 765px) {
  .btn.is-start:hover {
    opacity: 0.7 !important;
  }
}
.btn {
  -webkit-transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
.btn:before, .btn:after {
  -webkit-transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
@media screen and (min-width: 765px) {
  .btn:hover {
    opacity: 0.8 !important;
  }
  .btn:hover:before, .btn:hover:after {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0);
  }
}
.btn:before, .btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
}
.btn:before {
  width: 1.266vw;
  max-width: 12.66px;
  height: 0.836vw;
  max-height: 8.36px;
  background-image: url("../img/arr-w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: -0.4vw 3.4vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .btn:before {
    margin: -4px 34px 0px 0px;
  }
}
.btn:before {
  z-index: 2;
}
.btn:after {
  width: 2.4vw;
  max-width: 24px;
  height: 2.4vw;
  max-height: 24px;
  background-color: #0072BC;
  border-radius: 999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -1.2vw 2.8vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .btn:after {
    margin: -12px 28px 0px 0px;
  }
}
.btn.is-back {
  -webkit-transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
.btn.is-back:before, .btn.is-back:after {
  -webkit-transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
@media screen and (min-width: 765px) {
  .btn.is-back:hover {
    opacity: 0.8 !important;
  }
  .btn.is-back:hover:before {
    -webkit-transform: translate3d(2px, 0, 0) scale(-1, 1);
            transform: translate3d(2px, 0, 0) scale(-1, 1);
  }
  .btn.is-back:hover:after {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
}
.btn.is-back:before, .btn.is-back:after {
  right: auto;
  left: 0;
}
.btn.is-back:before {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
  margin: -0.4vw 0vw 0vw 3.4vw;
}
@media screen and (min-width: 1000px) {
  .btn.is-back:before {
    margin: -4px 0px 0px 34px;
  }
}
.btn.is-back:before {
  z-index: 2;
}
.btn.is-back:after {
  margin: -1.2vw 0vw 0vw 2.8vw;
}
@media screen and (min-width: 1000px) {
  .btn.is-back:after {
    margin: -12px 0px 0px 28px;
  }
}
@media screen and (max-width: 765px) {
  .btn {
    width: 80vw;
    height: 14.1025641026vw;
    font-size: 4.6153846154vw;
    bottom: 0;
    left: 50%;
    right: auto;
    margin: 0 0 12.4358974359vw -80vw;
  }
  .btn:before {
    width: 1.9743589744vw;
    height: 1.3051282051vw;
    margin: -0.641025641vw 5.3846153846vw 0 0;
  }
  .btn:after {
    width: 4.358974359vw;
    height: 4.358974359vw;
    margin: -2.1794871795vw 4.2307692308vw 0 0;
  }
  .btn.is-back:before, .btn.is-back:after {
    right: auto;
    left: 0;
  }
  .btn.is-back:before {
    margin: -0.641025641vw 0 0 5.3846153846vw;
  }
  .btn.is-back:after {
    margin: -2.1794871795vw 0 0 4.2307692308vw;
  }
}

.btn-blue {
  color: #ffffff;
  background-color: #0072BC;
}
.btn-blue:before {
  background-image: url("../img/arr-b.svg");
}
.btn-blue:after {
  background-color: #ffffff;
}

.header {
  height: 9vw;
  max-height: 90px;
  padding-left: 3.1vw;
}
@media screen and (min-width: 1000px) {
  .header {
    padding-left: 31px;
  }
}
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #ffffff;
}
.header__logo {
  width: 18.2vw;
  max-width: 182px;
  margin-top: 0.3vw;
}
@media screen and (min-width: 1000px) {
  .header__logo {
    margin-top: 3px;
  }
}
.header__logo {
  cursor: pointer;
  -webkit-transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
@media screen and (min-width: 765px) {
  .header__logo:hover {
    opacity: 0.7 !important;
  }
}
.header__logo img {
  display: block;
}
@media screen and (max-width: 765px) {
  .header {
    height: 15.3846153846vw;
    padding-left: 5vw;
  }
  .header__logo {
    width: 23.3333333333vw;
    margin-top: 0.641025641vw;
  }
}

.mv {
  min-height: calc(100svh - 11.5384615385vw);
  padding: 2vw 0vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .mv {
    padding: 20px 0px 0px 0px;
  }
}
@media screen and (min-width: 765px) {
  .mv {
    min-height: calc(100svh - 90px);
  }
}
@media screen and (max-height: 850px) {
  .mv {
    height: auto;
  }
}
@media screen and (max-width: 765px) {
  .mv {
    min-height: calc(100svh - 15.3846153846vw);
    padding-top: 3.8461538462vw;
  }
}
.mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #0072BC;
}
.mv__wrap {
  width: 86.3vw;
  max-width: 863px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0vw 0vw 12vw 0vw;
}
@media screen and (min-width: 1000px) {
  .mv__wrap {
    padding: 0px 0px 120px 0px;
  }
}
.mv__wrap {
  margin-bottom: 5vw;
}
@media screen and (min-width: 1000px) {
  .mv__wrap {
    margin-bottom: 50px;
  }
}
.mv__wrap-ttl {
  width: 42vw;
  max-width: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mv__ttl {
  width: 42vw;
  max-width: 420px;
  margin: 0vw auto 2.3vw auto;
}
@media screen and (min-width: 1000px) {
  .mv__ttl {
    margin: 0px auto 23px auto;
  }
}
.mv__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 42vw;
  max-width: 420px;
}
.mv__date-item {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 1vw;
}
@media screen and (min-width: 1000px) {
  .mv__date-item {
    margin-bottom: 10px;
  }
}
.mv__date-item:nth-child(1), .mv__date-item:nth-child(4) {
  width: 20%;
}
.mv__date-item:nth-child(2), .mv__date-item:nth-child(3) {
  width: 30%;
}
.mv__date-item:nth-child(1), .mv__date-item:nth-child(2), .mv__date-item:nth-child(3) {
  border-right: dotted 2px #ffffff;
}
.mv__date-item * {
  line-height: 1;
}
.mv__date-month {
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .mv__date-month {
    font-size: 26px;
  }
}
.mv__date-month {
  text-align: center;
  color: #ffffff;
  margin-bottom: 0.5vw;
}
@media screen and (min-width: 1000px) {
  .mv__date-month {
    margin-bottom: 5px;
  }
}
.mv__date-days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mv__date-days span {
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .mv__date-days span {
    font-size: 26px;
  }
}
.mv__date-days span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4.7vw;
  max-width: 47px;
  height: 4.7vw;
  max-height: 47px;
  border-radius: 50%;
  background: #fff;
  color: #0072BC;
  margin: 0vw 0.3vw 0vw 0.3vw;
}
@media screen and (min-width: 1000px) {
  .mv__date-days span {
    margin: 0px 3px 0px 3px;
  }
}
.mv__day {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4.4vw;
  max-width: 44px;
  height: 4.4vw;
  max-height: 44px;
  margin-right: 0.7vw;
}
@media screen and (min-width: 1000px) {
  .mv__day {
    margin-right: 7px;
  }
}
.mv__day {
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .mv__day {
    font-size: 26px;
  }
}
.mv__day {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  color: #0072BC;
  letter-spacing: 0;
  background-color: #ffffff;
  border-radius: 999px;
}
.mv__icon {
  margin-top: 2vw;
}
@media screen and (min-width: 1000px) {
  .mv__icon {
    margin-top: 20px;
  }
}
.mv__icon {
  width: 34.8vw;
  max-width: 348px;
  line-height: 1;
}
.mv__icon img {
  display: block;
}
.mv__btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0vw 0vw 0vw -21vw;
}
@media screen and (min-width: 1000px) {
  .mv__btn {
    margin: 0px 0px 0px -210px;
  }
}
.mv__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mv .btn {
  margin-top: -1vw;
}
@media screen and (min-width: 1000px) {
  .mv .btn {
    margin-top: -10px;
  }
}
.mv .copy {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 765px) {
  .mv {
    height: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .mv__wrap {
    width: 80vw;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-bottom: 0;
  }
  .mv__wrap-ttl {
    width: 80vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 7.9487179487vw;
  }
  .mv__ttl {
    width: 80vw;
    margin-bottom: 6.6666666667vw;
  }
  .mv__date {
    width: 80vw;
  }
  .mv__date-item {
    margin-bottom: 3.8461538462vw;
  }
  .mv__date-month {
    font-size: 6.0256410256vw;
    text-align: center;
    margin-bottom: 0.641025641vw;
  }
  .mv__date-days span {
    font-size: 5.7692307692vw;
    width: 8.8461538462vw;
    height: 8.8461538462vw;
  }
  .mv__icon {
    width: 44.6166666667vw;
    margin: 2.5641025641vw auto 10.2564102564vw;
  }
  .mv__btn {
    position: static;
    margin: 0;
    width: 80vw;
  }
}

.mv {
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 300ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
.mv__wrap-ttl, .mv__icon {
  opacity: 0;
  -webkit-transition: all 600ms 300ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 600ms 300ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
.mv__btn {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
  -webkit-transition: all 600ms 600ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 600ms 600ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
.mv .result {
  -webkit-transition: all 600ms 600ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 600ms 600ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  opacity: 0;
  -webkit-transform: translate3d(120%, 0, 0);
          transform: translate3d(120%, 0, 0);
}
@media screen and (max-width: 765px) {
  .mv__btn {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  .mv .result {
    -webkit-transform: translate3d(0, 120%, 0);
            transform: translate3d(0, 120%, 0);
  }
}

body.mounted .mv {
  opacity: 1;
}
body.mounted .mv__wrap-ttl, body.mounted .mv__icon {
  opacity: 1;
}
body.mounted .mv__btn {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
body.mounted .mv .result {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.result {
  width: 29vw;
  max-width: 290px;
  height: 14vw;
  max-height: 140px;
  display: block;
  border: 2px solid #ffffff;
  border-radius: 0.4vw;
  background-color: #59C0F7;
  position: absolute;
  cursor: pointer;
  bottom: 0;
  right: 0;
  z-index: 5;
  margin: 0vw 2.6vw 2.2vw 0vw;
}
@media screen and (min-width: 1000px) {
  .result {
    margin: 0px 26px 22px 0px;
  }
}
@media screen and (min-width: 1366px) {
  .result {
    border-radius: 4px;
  }
}
.result__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.8vw;
  font-size: max(1.8vw,10px);
}
@media screen and (min-width: 1000px) {
  .result__ttl {
    font-size: 18px;
  }
}
.result__ttl {
  color: #ffffff;
  letter-spacing: 0.05em;
  margin: 4.3vw 0vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .result__ttl {
    margin: 43px 0px 0px 0px;
  }
}
.result__ttl {
  text-align: center;
  width: 18vw;
  max-width: 180px;
}
.result__icon {
  width: 10.092vw;
  max-width: 100.92px;
  height: 12.448vw;
  max-height: 124.48px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0vw 1vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .result__icon {
    margin: 0px 10px 0px 0px;
  }
}
@media screen and (max-width: 765px) {
  .result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 90vw;
    height: 17.9487179487vw;
    border-width: 0.2564102564vw;
    border-radius: 0.5128205128vw;
    position: fixed;
    right: auto;
    left: 50%;
    margin: 0 0 3.7179487179vw -45vw;
  }
  .result__ttl {
    width: auto;
    font-size: 3.5897435897vw;
    margin: 0;
  }
  .result__ttl br {
    display: none;
  }
  .result__icon {
    width: 12.9384615385vw;
    height: 15.958974359vw;
    margin: 0 1.7948717949vw 0 0;
  }
}

.q-top {
  background-color: #F2F2F2;
  min-height: calc(100svh - 11.5384615385vw);
  padding: 2vw 0vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .q-top {
    padding: 20px 0px 0px 0px;
  }
}
@media screen and (min-width: 765px) {
  .q-top {
    min-height: calc(100svh - 90px);
  }
}
@media screen and (max-height: 850px) {
  .q-top {
    height: auto;
  }
}
@media screen and (max-width: 765px) {
  .q-top {
    min-height: calc(100svh - 15.3846153846vw);
    padding-top: 3.8461538462vw;
  }
}
.q-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.q-top__wrap-icon {
  height: 9.4vw;
  max-height: 94px;
}
.q-top__icon {
  width: 10.523vw;
  max-width: 105.23px;
  display: block;
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .q-top__icon {
    margin: 0px auto 0px auto;
  }
}
.q-top__ttl {
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .q-top__ttl {
    font-size: 26px;
  }
}
.q-top__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #0072BC;
  text-align: center;
  line-height: 1.461538462;
  letter-spacing: 0.07em;
}
.q-top__ttl.is-year {
  width: 100vw;
  margin-bottom: 1em;
}
.q-top .copy {
  background-color: #F2F2F2;
}
.q-top .copy__small {
  color: #0072BC;
}
@media screen and (max-width: 765px) {
  .q-top__wrap-icon {
    height: 21.4102564103vw;
  }
  .q-top__icon {
    width: 18.5730769231vw;
  }
  .q-top__ttl {
    font-size: 4.1025641026vw;
  }
}

.q {
  background-color: #F2F2F2;
  min-height: calc(100svh - 11.5384615385vw);
  padding: 2vw 0vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .q {
    padding: 20px 0px 0px 0px;
  }
}
@media screen and (min-width: 765px) {
  .q {
    min-height: calc(100svh - 90px);
  }
}
@media screen and (max-height: 850px) {
  .q {
    height: auto;
  }
}
@media screen and (max-width: 765px) {
  .q {
    min-height: calc(100svh - 15.3846153846vw);
    padding-top: 3.8461538462vw;
  }
}
.q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.q__wrap-icon {
  height: 11.9vw;
  max-height: 119px;
}
.q__icon {
  width: 7.833vw;
  max-width: 78.33px;
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .q__icon {
    margin: 0px auto 0px auto;
  }
}
.q__icon {
  display: block;
}
.q__ttl {
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .q__ttl {
    font-size: 26px;
  }
}
.q__ttl {
  margin-bottom: 0.7vw;
}
@media screen and (min-width: 1000px) {
  .q__ttl {
    margin-bottom: 7px;
  }
}
.q__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #0072BC;
  text-align: center;
  line-height: 1.461538462;
  letter-spacing: 0.07em;
}
.q__no {
  padding-bottom: 0.3vw;
}
@media screen and (min-width: 1000px) {
  .q__no {
    padding-bottom: 3px;
  }
}
.q__no {
  width: 4.6vw;
  max-width: 46px;
  height: 4.6vw;
  max-height: 46px;
  margin-right: 1.5vw;
}
@media screen and (min-width: 1000px) {
  .q__no {
    margin-right: 15px;
  }
}
.q__no {
  font-size: 2.2vw;
  font-size: max(2.2vw,10px);
}
@media screen and (min-width: 1000px) {
  .q__no {
    font-size: 22px;
  }
}
.q__no {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  background-color: #0072BC;
  border-radius: 999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  letter-spacing: 0;
}
.q__txt {
  font-size: 2vw;
  font-size: max(2vw,10px);
}
@media screen and (min-width: 1000px) {
  .q__txt {
    font-size: 20px;
  }
}
.q__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #2C2C2C;
  text-align: center;
  line-height: 1.45;
  letter-spacing: 0.05em;
}
.q .copy {
  background-color: #F2F2F2;
}
.q .copy__small {
  color: #0072BC;
}
@media screen and (max-width: 765px) {
  .q__wrap-icon {
    height: 25.641025641vw;
  }
  .q__icon {
    width: 17.2871794872vw;
  }
  .q__ttl {
    width: 80vw;
    font-size: 4.1025641026vw;
    margin: 0 auto 1.2820512821vw auto;
    text-align: left;
  }
  .q__no {
    padding-bottom: 0.2564102564vw;
    width: 7.9487179487vw;
    height: 7.9487179487vw;
    margin-right: 1.5384615385vw;
    font-size: 3.5897435897vw;
  }
  .q__txt {
    width: 80vw;
    margin: 0 auto 1.2820512821vw auto;
    font-size: 3.3333333333vw;
    text-align: left;
  }
}

.form {
  width: 94.6vw;
  max-width: 946px;
  padding: 5.8vw 0vw 4vw 0vw;
}
@media screen and (min-width: 1000px) {
  .form {
    padding: 58px 0px 40px 0px;
  }
}
.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .form {
    margin: 0px auto 0px auto;
  }
}
.form.is-small-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form.is-small-btn .label {
  width: 20.5vw;
  max-width: 205px;
  margin: 0vw 1.5vw 3vw 1.5vw;
}
@media screen and (min-width: 1000px) {
  .form.is-small-btn .label {
    margin: 0px 15px 30px 15px;
  }
}
@media screen and (max-width: 765px) {
  .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3.3333333333vw 0 1.2820512821vw 0;
  }
  .form.is-small-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .form.is-small-btn .label {
    width: 38.4615384615vw;
    height: 14.1025641026vw;
    margin: 0 1.9230769231vw 3.8461538462vw;
    font-size: 3.5897435897vw;
    border-radius: 1.2820512821vw;
  }
}

.radio {
  display: none;
}
.radio:checked + label {
  color: #707070;
  background-color: #ffffff;
  border: 0.2vw solid #707070;
}
@media screen and (min-width: 1366px) {
  .radio:checked + label {
    border-width: 2px;
  }
}
@media screen and (max-width: 765px) {
  .radio:checked + label {
    border-width: 0.2564102564vw;
  }
}

.label {
  width: 42vw;
  max-width: 420px;
  height: 11vw;
  max-height: 110px;
  margin: 0vw 2.6vw 3vw 2.6vw;
}
@media screen and (min-width: 1000px) {
  .label {
    margin: 0px 26px 30px 26px;
  }
}
.label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 2vw;
  font-size: max(2vw,10px);
}
@media screen and (min-width: 1000px) {
  .label {
    font-size: 20px;
  }
}
.label {
  letter-spacing: 0.05em;
  color: #ffffff;
  background-color: #0072BC;
  border-radius: 1vw;
}
@media screen and (min-width: 1366px) {
  .label {
    border-radius: 10px;
  }
}
.label {
  cursor: pointer;
  -webkit-transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
  transition: all 200ms cubic-bezier(0.04, 0.51, 0.155, 0.985);
}
@media screen and (min-width: 765px) {
  .label:hover {
    opacity: 0.7 !important;
  }
}
.label {
  white-space: pre-wrap;
}
.label__span {
  margin-left: 1vw;
}
@media screen and (min-width: 1000px) {
  .label__span {
    margin-left: 10px;
  }
}
.label__span {
  display: inline-block;
}
@media screen and (max-width: 765px) {
  .label {
    width: 80vw;
    height: 14.1025641026vw;
    margin: 0 auto 5vw auto;
    font-size: 3.5897435897vw;
    border-radius: 1.2820512821vw;
  }
  .label__span {
    margin-left: 1.2820512821vw;
  }
}

.table {
  width: 90vw;
  max-width: 900px;
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .table {
    margin: 0px auto 0px auto;
  }
}
.table__tr {
  margin-bottom: 1vw;
}
@media screen and (min-width: 1000px) {
  .table__tr {
    margin-bottom: 10px;
  }
}
.table__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.table__th {
  width: 68vw;
  max-width: 680px;
  height: 5vw;
  max-height: 50px;
  margin-right: 2vw;
}
@media screen and (min-width: 1000px) {
  .table__th {
    margin-right: 20px;
  }
}
.table__th {
  padding-left: 2.4vw;
}
@media screen and (min-width: 1000px) {
  .table__th {
    padding-left: 24px;
  }
}
.table__th {
  font-size: 1.8vw;
  font-size: max(1.8vw,10px);
}
@media screen and (min-width: 1000px) {
  .table__th {
    font-size: 18px;
  }
}
.table__th {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0072BC;
  color: #ffffff;
  border-radius: 0.3vw;
}
@media screen and (min-width: 1366px) {
  .table__th {
    border-radius: 3px;
  }
}
.table__q {
  width: 68vw;
  max-width: 680px;
  font-size: 1.6vw;
  font-size: max(1.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .table__q {
    font-size: 16px;
  }
}
.table__q {
  padding-left: 1.7vw;
}
@media screen and (min-width: 1000px) {
  .table__q {
    padding-left: 17px;
  }
}
.table__q {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #707070;
  letter-spacing: 0.07em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border-radius: 0.3vw;
}
@media screen and (min-width: 1366px) {
  .table__q {
    border-radius: 3px;
  }
}
.table__td {
  width: 20vw;
  max-width: 200px;
  height: 5vw;
  max-height: 50px;
  font-size: 1.8vw;
  font-size: max(1.8vw,10px);
}
@media screen and (min-width: 1000px) {
  .table__td {
    font-size: 18px;
  }
}
.table__td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-color: #0072BC;
  color: #ffffff;
  border-radius: 0.3vw;
}
@media screen and (min-width: 1366px) {
  .table__td {
    border-radius: 3px;
  }
}
.table__wrap {
  position: relative;
}
.table__wrap:after {
  content: "";
  width: 0vw;
  max-width: 0px;
  height: 0vw;
  max-height: 0px;
  border-top: 0.6vw solid #707070;
  border-right: 0.4vw solid transparent;
  border-bottom: 0.6vw solid transparent;
  border-left: 0.4vw solid transparent;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -0.4vw 1.1vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .table__wrap:after {
    margin: -4px 11px 0px 0px;
  }
}
.table__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20vw;
  max-width: 200px;
  height: 5vw;
  max-height: 50px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.6vw;
  font-size: max(1.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .table__select {
    font-size: 16px;
  }
}
.table__select {
  text-align: center;
  color: #707070;
  letter-spacing: 0.07em;
  border: 0.2vw solid #D9D9D9;
  border-radius: 0.3vw;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(252, 252, 252)), color-stop(32%, rgba(220, 218, 217, 0.55)), color-stop(51%, rgba(177, 174, 170, 0.37)), color-stop(68%, rgba(215, 212, 210, 0.59)), to(rgb(254, 252, 251)));
  background-image: linear-gradient(0deg, rgb(252, 252, 252), rgba(220, 218, 217, 0.55) 32%, rgba(177, 174, 170, 0.37) 51%, rgba(215, 212, 210, 0.59) 68%, rgb(254, 252, 251));
}
@media screen and (min-width: 1366px) {
  .table__select {
    border-radius: 3px;
    border-width: 2px;
  }
}
@media screen and (max-width: 765px) {
  .table {
    width: 80vw;
  }
  .table__tr {
    margin-bottom: 3.4615384615vw;
  }
  .table__th {
    width: 60vw;
    height: 8.9743589744vw;
    margin-right: 1.2820512821vw;
    padding-left: 2.1794871795vw;
    font-size: 3.3333333333vw;
    border-radius: 0.3846153846vw;
  }
  .table__q {
    width: 60vw;
    height: 12.8205128205vw;
    margin-right: 1.2820512821vw;
    padding: 0 1.5384615385vw;
    border-radius: 0.3846153846vw;
    font-size: 3.0769230769vw;
    text-align: left;
  }
  .table__td {
    width: 18.5897435897vw;
    height: 8.9743589744vw;
    font-size: 3.3333333333vw;
    border-radius: 0.3846153846vw;
  }
  .table__wrap:after {
    border-top: 1.7948717949vw solid #707070;
    border-right: 1.2820512821vw solid transparent;
    border-bottom: 1.7948717949vw solid transparent;
    border-left: 1.2820512821vw solid transparent;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -0.8974358974vw 2.4358974359vw 0 0;
  }
  .table__select {
    width: 18.5897435897vw;
    height: 12.8205128205vw;
    font-size: 3.0769230769vw;
    border-radius: 0.3846153846vw;
    border-width: 0.2564102564vw;
  }
}

.button {
  width: 100%;
}
.button__ttl {
  border: none;
  margin: 7.1vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .button__ttl {
    margin: 71px auto 0px auto;
  }
}
@media screen and (max-width: 765px) {
  .button {
    width: 80vw;
    position: static;
  }
  .button__ttl {
    left: auto;
    margin: 7.6923076923vw auto 0 auto;
  }
}

.copy {
  height: 5.4vw;
  max-height: 54px;
  background-color: #0072BC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.copy__small {
  font-size: 1.4vw;
  font-size: max(1.4vw,10px);
}
@media screen and (min-width: 1000px) {
  .copy__small {
    font-size: 14px;
  }
}
.copy__small {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
  color: white;
}
@media screen and (max-width: 765px) {
  .copy {
    height: 11.1538461538vw;
  }
  .copy__small {
    font-size: 2.8205128205vw;
  }
}

.match {
  padding: 3vw 0vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match {
    padding: 30px 0px 0px 0px;
  }
}
.match {
  background-color: #F2F2F2;
}
.match__wrap-icon {
  height: 14.4vw;
  max-height: 144px;
}
.match__icon {
  width: 8.454vw;
  max-width: 84.54px;
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .match__icon {
    margin: 0px auto 0px auto;
  }
}
.match__icon {
  display: block;
}
.match__ttl-s {
  font-size: 2vw;
  font-size: max(2vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__ttl-s {
    font-size: 20px;
  }
}
.match__ttl-s {
  margin-bottom: 0.7vw;
}
@media screen and (min-width: 1000px) {
  .match__ttl-s {
    margin-bottom: 7px;
  }
}
.match__ttl-s {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  color: #0072BC;
}
.match__wrap-ttl {
  text-align: center;
  margin: 0vw auto 3.6vw auto;
}
@media screen and (min-width: 1000px) {
  .match__wrap-ttl {
    margin: 0px auto 36px auto;
  }
}
.match__ttl {
  display: inline-block;
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__ttl {
    font-size: 26px;
  }
}
.match__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  color: #0072BC;
  letter-spacing: 0.05em;
  position: relative;
}
.match__ttl:before, .match__ttl:after {
  content: "";
  width: 1.9vw;
  max-width: 19px;
  height: 1.8vw;
  max-height: 18px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
}
.match__ttl:before {
  background-image: url("../img/l.svg");
  left: 0;
  margin: 0vw 0vw 0vw -4vw;
}
@media screen and (min-width: 1000px) {
  .match__ttl:before {
    margin: 0px 0px 0px -40px;
  }
}
.match__ttl:after {
  background-image: url("../img/r.svg");
  right: 0;
  margin: 0vw -4vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match__ttl:after {
    margin: 0px -40px 0px 0px;
  }
}
.match__copy {
  width: 96vw;
  max-width: 960px;
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .match__copy {
    margin: 0px auto 0px auto;
  }
}
.match__copy {
  border: 0.2vw solid #0072BC;
  border-radius: 1vw;
  background-color: #ffffff;
}
@media screen and (min-width: 1366px) {
  .match__copy {
    border-radius: 10px;
    border-width: 2px;
  }
}
.match__copy {
  height: 15.4vw;
  max-height: 154px;
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__copy {
    font-size: 26px;
  }
}
.match__copy {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #707070;
  line-height: 1.461538462;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.match__copy .blue {
  font-size: 3.2vw;
  font-size: max(3.2vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__copy .blue {
    font-size: 32px;
  }
}
.match__copy .blue {
  color: #0072BC;
}
.match__hang {
  display: inline-block;
  margin: 0 0.5em 0 0.5em;
}
.match__ml {
  margin-left: 0.5em;
}
.match__detail {
  width: 96vw;
  max-width: 960px;
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .match__detail {
    margin: 0px auto 0px auto;
  }
}
.match__detail {
  border: 0.2vw solid #0072BC;
  border-radius: 1vw;
  background-color: #ffffff;
}
@media screen and (min-width: 1366px) {
  .match__detail {
    border-radius: 10px;
    border-width: 2px;
  }
}
.match__detail {
  margin-top: 8.2vw;
}
@media screen and (min-width: 1000px) {
  .match__detail {
    margin-top: 82px;
  }
}
.match__detail {
  padding: 11.9vw 7.2vw 7.2vw 7.2vw;
}
@media screen and (min-width: 1000px) {
  .match__detail {
    padding: 119px 72px 72px 72px;
  }
}
.match__detail {
  position: relative;
}
.match__no {
  width: 10.392vw;
  max-width: 103.92px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: -4.4vw 0vw 0vw -5.2vw;
}
@media screen and (min-width: 1000px) {
  .match__no {
    margin: -44px 0px 0px -52px;
  }
}
.match__name {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 3.2vw;
  font-size: max(3.2vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__name {
    font-size: 32px;
  }
}
.match__name {
  margin-bottom: 1.5vw;
}
@media screen and (min-width: 1000px) {
  .match__name {
    margin-bottom: 15px;
  }
}
.match__name {
  text-align: center;
  color: #0072BC;
  letter-spacing: 0.05em;
}
.match__star-ttl {
  font-size: 2vw;
  font-size: max(2vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__star-ttl {
    font-size: 20px;
  }
}
.match__star-ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #707070;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.match__star {
  display: inline-block;
  width: 12vw;
  max-width: 120px;
  height: 2.2vw;
  max-height: 22px;
  margin-left: 0.9vw;
}
@media screen and (min-width: 1000px) {
  .match__star {
    margin-left: 9px;
  }
}
.match .none {
  display: none;
}
.match .hr01, .match .hr02, .match .hr03 {
  display: block;
  border: 1px dotted #707070;
}
.match .hr01 {
  margin: 3.6vw 0vw 3.6vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match .hr01 {
    margin: 36px 0px 36px 0px;
  }
}
.match .hr02 {
  margin: 5.6vw 0vw 5.6vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match .hr02 {
    margin: 56px 0px 56px 0px;
  }
}
.match .hr03 {
  margin: 7.1vw 0vw 7.1vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match .hr03 {
    margin: 71px 0px 71px 0px;
  }
}
.match__txt-m {
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__txt-m {
    font-size: 26px;
  }
}
.match__txt-m {
  margin: 0vw 0vw 5vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match__txt-m {
    margin: 0px 0px 50px 0px;
  }
}
.match__txt-m {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #0072BC;
  text-align: center;
  letter-spacing: 0.05em;
}
.match__txt-l {
  font-size: 3.2vw;
  font-size: max(3.2vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__txt-l {
    font-size: 32px;
  }
}
.match__txt-l {
  margin-bottom: 1.6vw;
}
@media screen and (min-width: 1000px) {
  .match__txt-l {
    margin-bottom: 16px;
  }
}
.match__txt-l {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #707070;
}
.match__txt-l .blue {
  color: #0072BC;
}
.match__txt-ss {
  font-size: 1.8vw;
  font-size: max(1.8vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__txt-ss {
    font-size: 18px;
  }
}
.match__txt-ss {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2;
  color: #707070;
  margin-bottom: 1.5em;
}
.match__wrap-icon-ttl {
  text-align: center;
}
.match__icon-ttl {
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__icon-ttl {
    font-size: 26px;
  }
}
.match__icon-ttl {
  margin: 2.8vw 0vw 3.5vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match__icon-ttl {
    margin: 28px 0px 35px 0px;
  }
}
.match__icon-ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: inline-block;
  color: #0072BC;
  text-align: center;
  letter-spacing: 0.05em;
  position: relative;
}
.match__icon-ttl:before {
  content: "";
  width: 4.046vw;
  max-width: 40.46px;
  height: 7.148vw;
  max-height: 71.48px;
  background-image: url("../img/icon04.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  margin: -2.5vw 0vw 0vw -5.6vw;
}
@media screen and (min-width: 1000px) {
  .match__icon-ttl:before {
    margin: -25px 0px 0px -56px;
  }
}
.match__txt-s {
  font-size: 2vw;
  font-size: max(2vw,10px);
}
@media screen and (min-width: 1000px) {
  .match__txt-s {
    font-size: 20px;
  }
}
.match__txt-s {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #707070;
  text-align: center;
}
.match__btn {
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .match__btn {
    margin: 0px auto 0px auto;
  }
}
.match .copy {
  background-color: #F2F2F2;
}
.match .copy__small {
  color: #0072BC;
}
@media screen and (max-width: 765px) {
  .match {
    padding: 3.8461538462vw 0 0 0;
  }
  .match__wrap-icon {
    height: 27.8205128205vw;
  }
  .match__icon {
    width: 19.5153846154vw;
  }
  .match__ttl-s {
    font-size: 2.5641025641vw;
    margin-bottom: 0.8974358974vw;
  }
  .match__wrap-ttl {
    margin-bottom: 5.7692307692vw;
  }
  .match__ttl {
    font-size: 4.1025641026vw;
  }
  .match__ttl:before, .match__ttl:after {
    width: 2.4358974359vw;
    width: 2.3076923077vw;
  }
  .match__ttl:before {
    margin: 0vw 0 0 -3.2051282051vw;
  }
  .match__ttl:after {
    margin: 0vw -2.5641025641vw 0 0;
  }
  .match__copy {
    width: 90vw;
    border-width: 0.2564102564vw;
    border-radius: 1.2820512821vw;
    height: 19.7435897436vw;
    font-size: 3.5897435897vw;
  }
  .match__copy .blue {
    font-size: 4.1025641026vw;
  }
  .match__detail {
    width: 90vw;
    border-width: 0.2564102564vw;
    border-radius: 1.2820512821vw;
    margin-top: 9.6153846154vw;
    padding: 12.6923076923vw 5vw 7.5641025641vw 5vw;
  }
  .match__no {
    width: 13.3230769231vw;
    height: 16.4448717949vw;
    margin: -5.641025641vw auto 0 -6.6666666667vw;
  }
  .match__name {
    font-size: 5.3846153846vw;
    margin: 0 auto 1.7948717949vw auto;
  }
  .match__star-ttl {
    font-size: 3.5897435897vw;
  }
  .match__star {
    width: 20.641025641vw;
    height: 3.8461538462vw;
    margin-left: 0.641025641vw;
  }
  .match .hr01, .match .hr02, .match .hr03 {
    border: 0.1282051282vw dotted #707070;
  }
  .match .hr01 {
    margin: 4.2307692308vw auto 4.2307692308vw auto;
  }
  .match .hr02 {
    margin: 6.4102564103vw auto 6.4102564103vw auto;
  }
  .match .hr03 {
    margin: 5.8974358974vw auto 7.1794871795vw auto;
  }
  .match__txt-m {
    font-size: 3.5897435897vw;
    margin-bottom: 5.3846153846vw;
  }
  .match__txt-l {
    font-size: 4.1025641026vw;
    margin-bottom: 1.4102564103vw;
  }
  .match__icon-ttl {
    font-size: 3.5897435897vw;
    margin-bottom: 6.4102564103vw;
  }
  .match__icon-ttl:before {
    width: 5.1871794872vw;
    height: 9.1641025641vw;
    margin: -2.5641025641vw 0 0 -6.5384615385vw;
  }
  .match__txt-s {
    font-size: 3.3333333333vw;
  }
  .match__txt-ss {
    font-size: 3.3333333333vw;
  }
  .match__btn {
    left: auto;
    margin: 0vw auto 0vw auto;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0;
  }
}
@media screen and (max-width: 765px) and (min-width: 1000px) {
  .match__btn {
    margin: 0px auto 0px auto;
  }
}

.info {
  width: 96vw;
  max-width: 960px;
  margin: 0vw auto 5vw auto;
}
@media screen and (min-width: 1000px) {
  .info {
    margin: 0px auto 50px auto;
  }
}
.info {
  border: 0.2vw solid #ffffff;
  border-radius: 1vw;
  background-color: #0072BC;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  font-size: 1.8vw;
  font-size: max(1.8vw,10px);
}
@media screen and (min-width: 1000px) {
  .info {
    font-size: 18px;
  }
}
.info {
  padding: 2vw 0vw 2vw 10vw;
}
@media screen and (min-width: 1000px) {
  .info {
    padding: 20px 0px 20px 100px;
  }
}
.info {
  position: relative;
}
.info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6.2vw;
  max-width: 62px;
  height: 6.2vw;
  max-height: 62px;
  margin: -3.1vw 0vw 0vw 2vw;
}
@media screen and (min-width: 1000px) {
  .info:before {
    margin: -31px 0px 0px 20px;
  }
}
.info:before {
  background: url(../img/icon-info.svg) no-repeat center center/contain;
}
@media screen and (max-width: 765px) {
  .info {
    width: 90vw;
    margin-bottom: 2.5641025641vw;
    border-width: 0.2564102564vw;
    border-radius: 1.2820512821vw;
    line-height: 1.75;
    font-size: 3.0769230769vw;
    padding-left: 14.1025641026vw;
  }
  .info:before {
    width: 7.9487179487vw;
    height: 7.9487179487vw;
    margin: -3.9743589744vw 0 0 3.2051282051vw;
  }
}

.match-s {
  padding: 13.4vw 0vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match-s {
    padding: 134px 0px 0px 0px;
  }
}
.match-s {
  background-color: #F2F2F2;
}
.match-s__ttl-s {
  font-size: 2vw;
  font-size: max(2vw,10px);
}
@media screen and (min-width: 1000px) {
  .match-s__ttl-s {
    font-size: 20px;
  }
}
.match-s__ttl-s {
  margin-bottom: 0.7vw;
}
@media screen and (min-width: 1000px) {
  .match-s__ttl-s {
    margin-bottom: 7px;
  }
}
.match-s__ttl-s {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  color: #0072BC;
}
.match-s__wrap-ttl {
  text-align: center;
  margin: 0vw auto 3.6vw auto;
}
@media screen and (min-width: 1000px) {
  .match-s__wrap-ttl {
    margin: 0px auto 36px auto;
  }
}
.match-s__ttl, .match-s__ttl2 {
  display: inline-block;
  font-size: 2.6vw;
  font-size: max(2.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .match-s__ttl, .match-s__ttl2 {
    font-size: 26px;
  }
}
.match-s__ttl, .match-s__ttl2 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  color: #0072BC;
  letter-spacing: 0.05em;
  position: relative;
}
.match-s__ttl:before, .match-s__ttl:after, .match-s__ttl2:before, .match-s__ttl2:after {
  content: "";
  width: 1.9vw;
  max-width: 19px;
  height: 1.8vw;
  max-height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
}
.match-s__ttl:before, .match-s__ttl2:before {
  background-image: url("../img/l.svg");
  left: 0;
  margin: 0vw 0vw 0vw -4vw;
}
@media screen and (min-width: 1000px) {
  .match-s__ttl:before, .match-s__ttl2:before {
    margin: 0px 0px 0px -40px;
  }
}
.match-s__ttl:after, .match-s__ttl2:after {
  background-image: url("../img/r.svg");
  background-repeat: no-repeat;
  right: 0;
  margin: 0vw -4vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match-s__ttl:after, .match-s__ttl2:after {
    margin: 0px -40px 0px 0px;
  }
}
.match-s__ttl2:before {
  margin: 0vw 0vw 0vw -4.5vw;
}
@media screen and (min-width: 1000px) {
  .match-s__ttl2:before {
    margin: 0px 0px 0px -45px;
  }
}
.match-s__ttl2:after {
  margin: 0vw -4.5vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match-s__ttl2:after {
    margin: 0px -45px 0px 0px;
  }
}
.match-s__wrap {
  width: 96vw;
  max-width: 960px;
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .match-s__wrap {
    margin: 0px auto 0px auto;
  }
}
.match-s__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1vw;
}
@media screen and (min-width: 1000px) {
  .match-s__wrap {
    gap: 10px;
  }
}
.match-s__detail, .match-s__detail-ot {
  width: 31vw;
  max-width: 310px;
  margin: 0;
  border: 0.2vw solid #0072BC;
  border-radius: 1vw;
  background-color: #ffffff;
}
@media screen and (min-width: 1366px) {
  .match-s__detail, .match-s__detail-ot {
    border-radius: 10px;
    border-width: 2px;
  }
}
.match-s__detail, .match-s__detail-ot {
  padding: 3.4vw 1.5vw 2.3vw 1.5vw;
}
@media screen and (min-width: 1000px) {
  .match-s__detail, .match-s__detail-ot {
    padding: 34px 15px 23px 15px;
  }
}
.match-s__detail, .match-s__detail-ot {
  position: relative;
}
.match-s__detail-ot {
  padding: 2vw 1.5vw 2.3vw 1.5vw;
}
@media screen and (min-width: 1000px) {
  .match-s__detail-ot {
    padding: 20px 15px 23px 15px;
  }
}
.match-s__name, .match-s__name-ot {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 2.2vw;
  font-size: max(2.2vw,10px);
}
@media screen and (min-width: 1000px) {
  .match-s__name, .match-s__name-ot {
    font-size: 22px;
  }
}
.match-s__name, .match-s__name-ot {
  margin-bottom: 3.1vw;
}
@media screen and (min-width: 1000px) {
  .match-s__name, .match-s__name-ot {
    margin-bottom: 31px;
  }
}
.match-s__name, .match-s__name-ot {
  text-align: center;
  color: #0072BC;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.match-s__name-ot {
  margin-bottom: 1vw;
}
@media screen and (min-width: 1000px) {
  .match-s__name-ot {
    margin-bottom: 10px;
  }
}
.match-s__star-ttl {
  font-size: 1.6vw;
  font-size: max(1.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .match-s__star-ttl {
    font-size: 16px;
  }
}
.match-s__star-ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #707070;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.match-s__star {
  display: inline-block;
  width: 9.5vw;
  max-width: 95px;
  height: 1.7vw;
  max-height: 17px;
  margin-left: 0.5vw;
}
@media screen and (min-width: 1000px) {
  .match-s__star {
    margin-left: 5px;
  }
}
.match-s .hr01, .match-s .hr02 {
  display: block;
  border: 1px dotted #707070;
}
.match-s .hr01 {
  margin: 1.5vw 0vw 1.5vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match-s .hr01 {
    margin: 15px 0px 15px 0px;
  }
}
.match-s .hr02 {
  margin: 2.1vw 0vw 2.1vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match-s .hr02 {
    margin: 21px 0px 21px 0px;
  }
}
.match-s .hr03 {
  display: none;
}
.match-s__wrap-icon-ttl {
  text-align: center;
}
.match-s__icon-ttl {
  font-size: 1.8vw;
  font-size: max(1.8vw,10px);
}
@media screen and (min-width: 1000px) {
  .match-s__icon-ttl {
    font-size: 18px;
  }
}
.match-s__icon-ttl {
  padding-left: 3.5vw;
}
@media screen and (min-width: 1000px) {
  .match-s__icon-ttl {
    padding-left: 35px;
  }
}
.match-s__icon-ttl {
  margin: 2.1vw 0vw 3.5vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match-s__icon-ttl {
    margin: 21px 0px 35px 0px;
  }
}
.match-s__icon-ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: inline-block;
  color: #0072BC;
  text-align: center;
  letter-spacing: 0.05em;
  position: relative;
}
.match-s__icon-ttl:before {
  content: "";
  width: 3.283vw;
  max-width: 32.83px;
  height: 5.8vw;
  max-height: 58px;
  background-image: url("../img/icon04.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  margin: -2.5vw 0vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match-s__icon-ttl:before {
    margin: -25px 0px 0px 0px;
  }
}
.match-s__txt-s {
  font-size: 1.6vw;
  font-size: max(1.6vw,10px);
}
@media screen and (min-width: 1000px) {
  .match-s__txt-s {
    font-size: 16px;
  }
}
.match-s__txt-s {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #707070;
  line-height: 2.25;
}
.match-s__btn {
  width: 28vw;
  max-width: 280px;
  height: 6vw;
  max-height: 60px;
  font-size: 1.8vw;
  font-size: max(1.8vw,10px);
}
@media screen and (min-width: 1000px) {
  .match-s__btn {
    font-size: 18px;
  }
}
.match-s__btn {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: 0vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .match-s__btn {
    margin: 0px auto 0px auto;
  }
}
.match-s__btn:before {
  width: 0.97vw;
  max-width: 9.7px;
  height: 0.641vw;
  max-height: 6.41px;
  margin: -0.3vw 2.5vw 0vw 0vw;
}
@media screen and (min-width: 1000px) {
  .match-s__btn:before {
    margin: -3px 25px 0px 0px;
  }
}
.match-s__btn:after {
  width: 2vw;
  max-width: 20px;
  height: 2vw;
  max-height: 20px;
  margin: -1vw 2vw 0vw -1vw;
}
@media screen and (min-width: 1000px) {
  .match-s__btn:after {
    margin: -10px 20px 0px -10px;
  }
}
@media screen and (max-width: 765px) {
  .match-s {
    padding: 19.2307692308vw 0 0 0;
  }
  .match-s__ttl-s {
    font-size: 2.5641025641vw;
    margin-bottom: 0.8974358974vw;
  }
  .match-s__wrap-ttl {
    margin-bottom: 6.6666666667vw;
  }
  .match-s__ttl, .match-s__ttl2 {
    font-size: 4.1025641026vw;
  }
  .match-s__ttl:before, .match-s__ttl:after, .match-s__ttl2:before, .match-s__ttl2:after {
    width: 2.4358974359vw;
    height: 2.3076923077vw;
  }
  .match-s__ttl:before, .match-s__ttl2:before {
    margin: 0vw 0 0 -5.1282051282vw;
  }
  .match-s__ttl:after, .match-s__ttl2:after {
    margin: 0vw -5.1282051282vw 0 0;
  }
  .match-s__ttl2:before {
    margin: 0vw 0 0 -5.7692307692vw;
  }
  .match-s__ttl2:after {
    margin: 0vw -5.7692307692vw 0 0;
  }
  .match-s__wrap {
    width: 90vw;
    gap: 2.5641025641vw 0;
  }
  .match-s__wrap.is-other {
    background: #ffffff;
    border-radius: 1.2820512821vw;
    border: solid 0.2564102564vw #0072BC;
  }
  .match-s__detail, .match-s__detail-ot {
    width: auto;
    border-width: 0.2564102564vw;
    border-radius: 1.2820512821vw;
    margin-bottom: 3.8461538462vw;
    padding: 4.2307692308vw 5vw 4.7435897436vw 5vw;
  }
  .match-s__detail-ot {
    margin-bottom: 0;
    border: none;
    background: transparent;
  }
  .match-s__name, .match-s__name-ot {
    font-size: 4.1025641026vw;
    margin: 0 auto 1.7948717949vw auto;
  }
  .match-s .mb {
    margin-bottom: 0;
  }
  .match-s__star-ttl {
    font-size: 3.5897435897vw;
  }
  .match-s__star {
    width: 20.641025641vw;
    height: 3.8461538462vw;
    margin-left: 0.641025641vw;
  }
  .match-s .hr01, .match-s .hr02, .match-s .hr02-ot, .match-s .hr03 {
    border: 0.1282051282vw dotted #707070;
  }
  .match-s .hr01 {
    margin: 4.2307692308vw auto 4.2307692308vw auto;
  }
  .match-s .hr02 {
    margin: 3.9743589744vw auto 3.9743589744vw auto;
  }
  .match-s .hr02-ot {
    display: none;
  }
  .match-s .hr03 {
    display: block;
    margin-top: 5.8974358974vw;
  }
  .match-s__icon-ttl {
    font-size: 3.5897435897vw;
    margin-bottom: 6.4102564103vw;
  }
  .match-s__icon-ttl:before {
    width: 5.1871794872vw;
    height: 9.1641025641vw;
    margin: -2.5641025641vw 0 0 -6.5384615385vw;
  }
  .match-s__txt-s, .match-s__txt-s2 {
    font-size: 3.3333333333vw;
    text-align: center;
  }
  .match-s__txt-s2 {
    color: #707070;
    margin-bottom: 4.4871794872vw;
  }
  .match-s__btn, .match-s__btn-ot {
    width: 80vw;
    height: 14.1025641026vw;
    font-size: 4.6153846154vw;
    bottom: 0;
    left: auto;
    right: auto;
    margin: 0 auto 0 auto;
  }
  .match-s__btn:before, .match-s__btn-ot:before {
    width: 1.9743589744vw;
    height: 1.3051282051vw;
    margin: -0.641025641vw 5.3846153846vw 0 0;
  }
  .match-s__btn:after, .match-s__btn-ot:after {
    width: 4.358974359vw;
    height: 4.358974359vw;
    margin: -2.1794871795vw 4.2307692308vw 0 0;
  }
  .match-s__btn-ot {
    margin-top: 3.9743589744vw;
  }
  .match-s .is-copy {
    text-align: center;
  }
}

.result-footer {
  background-color: #F2F2F2;
  padding-top: 10vw;
}
@media screen and (min-width: 1000px) {
  .result-footer {
    padding-top: 100px;
  }
}
.result-footer .btn {
  margin: 10vw auto 0vw auto;
}
@media screen and (min-width: 1000px) {
  .result-footer .btn {
    margin: 100px auto 0px auto;
  }
}
.result-footer .copy {
  background-color: #F2F2F2;
  height: 20vw;
  max-height: 200px;
  padding-top: 1.5vw;
}
@media screen and (min-width: 1000px) {
  .result-footer .copy {
    padding-top: 15px;
  }
}
.result-footer .copy__small {
  color: #0072BC;
}
@media screen and (max-width: 765px) {
  .result-footer {
    margin: auto;
    padding-top: 6.4102564103vw;
  }
  .result-footer .btn {
    margin: 6.4102564103vw auto 0 auto;
    left: 0;
  }
  .result-footer .copy {
    height: 25.641025641vw;
    padding-bottom: 0vw;
  }
}