@charset "UTF-8";
/* ================================================

- Base

================================================ */
[v-cloak] {
  display: none;
}

_:-ms-lang(x)::-ms-backdrop, [v-cloak] {
  display: block;
}

body {
  overflow-x: hidden;
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

body.-bodyScrollStop {
  overflow: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

:root {
  --cc-blue: #0385d9;
  --cc-lblue: #20a1f5;
  --cc-dblue: #222a74;
  --cc-hblue: #1a2447;
  --w1280: 1280px;
  --space: 30px;
}

/* ================================================

- 表示アニメーション

================================================ */
body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ================================================

- フォント

================================================ */
/* ================================================

- フォントサイズ

================================================ */
/* ================================================

- RWD表示切り替え

================================================ */
@media all and (min-width: 569px) {
  .nopc {
    display: none !important;
  }
}
@media all and (max-width: 568px) {
  .nosp {
    display: none !important;
  }
}
/* ================================================

- flex

================================================ */
/* ================================================

- margin

================================================ */
/* magrin-topを5px刻みで50pxまで */
.mTop0 {
  margin-top: 0px;
}

.mTop5 {
  margin-top: 5px;
}

.mTop10 {
  margin-top: 10px;
}

.mTop15 {
  margin-top: 15px;
}

.mTop20 {
  margin-top: 20px;
}

.mTop25 {
  margin-top: 25px;
}

.mTop30 {
  margin-top: 30px;
}

.mTop35 {
  margin-top: 35px;
}

.mTop40 {
  margin-top: 40px;
}

.mTop45 {
  margin-top: 45px;
}

.mTop50 {
  margin-top: 50px;
}

/* magrin-bottomを5px刻みで50pxまで */
.mBtm0 {
  margin-bottom: 0px;
}

.mBtm5 {
  margin-bottom: 5px;
}

.mBtm10 {
  margin-bottom: 10px;
}

.mBtm15 {
  margin-bottom: 15px;
}

.mBtm20 {
  margin-bottom: 20px;
}

.mBtm25 {
  margin-bottom: 25px;
}

.mBtm30 {
  margin-bottom: 30px;
}

.mBtm35 {
  margin-bottom: 35px;
}

.mBtm40 {
  margin-bottom: 40px;
}

.mBtm45 {
  margin-bottom: 45px;
}

.mBtm50 {
  margin-bottom: 50px;
}

/* ================================================

- z-index

================================================ */
/* ================================================

-

================================================ */
.lozad {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.lozad[data-loaded=true] {
  opacity: 1;
}

/* ================================================

- イージング

================================================ */
/* ================================================

- 福井ブローウィンズスクールについて

================================================ */
.join-step {
  padding-top: 120px;
  background-color: #FFFFFF;
}

.join-step__list {
  counter-reset: item;
}
.join-step__list li:not(:first-child) {
  margin-top: 60px;
  position: relative;
}
.join-step__list li:not(:first-child)::after {
  content: "";
  position: absolute;
  top: -39px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 22px 0 22px;
  border-color: #209dea transparent transparent transparent;
}

.join-step__item {
  padding: 50px 60px 37px 60px;
}

.join-step__ttl {
  padding-left: 97px;
  position: relative;
}
.join-step__ttl dd {
  font-size: 3.2rem;
  color: #209bea;
  letter-spacing: 0.14em;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}
.join-step__ttl dt {
  margin-top: 12px;
  font-size: 3rem;
  color: #09122a;
  letter-spacing: 0.06em;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
}
.join-step__ttl::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -20px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 92px;
  height: 92px;
}

.join-step__ttl.-step1::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2292px%22%20height%3D%2292px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(32%2C%20155%2C%20234)%22%20d%3D%22M45.1000%2C0.000%20C71.405%2C0.000%2091.1000%2C20.595%2091.1000%2C46.000%20C91.1000%2C71.405%2071.405%2C92.000%2045.1000%2C92.000%20C20.595%2C92.000%20-0.000%2C71.405%20-0.000%2C46.000%20C-0.000%2C20.595%2020.595%2C0.000%2045.1000%2C0.000%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M65.026%2C29.822%20C68.743%2C34.187%2071.000%2C39.831%2071.000%2C46.000%20C71.000%2C59.785%2059.785%2C71.000%2045.1000%2C71.000%20C32.215%2C71.000%2020.1000%2C59.785%2020.1000%2C46.000%20C20.1000%2C39.810%2023.274%2C34.149%2027.015%2C29.778%20C27.075%2C29.695%2027.137%2C29.615%2027.217%2C29.556%20C31.802%2C24.325%2038.513%2C20.1000%2045.1000%2C20.1000%20C53.487%2C20.1000%2060.197%2C24.324%2064.783%2C29.555%20C64.878%2C29.625%2064.958%2C29.717%2065.026%2C29.822%20ZM28.038%2C60.281%20C32.020%2C57.630%2034.621%2C52.600%2034.902%2C47.000%20L23.049%2C47.000%20C23.266%2C52.013%2025.107%2C56.601%2028.038%2C60.281%20ZM28.037%2C31.720%20C25.106%2C35.400%2023.266%2C39.987%2023.049%2C44.1000%20L34.902%2C44.1000%20C34.620%2C39.401%2032.019%2C34.371%2028.037%2C31.720%20ZM45.000%2C23.050%20C38.860%2C23.316%2033.356%2C26.008%2029.385%2C30.175%20C33.785%2C33.228%2036.649%2C38.838%2036.931%2C44.1000%20L45.000%2C44.1000%20L45.000%2C23.050%20ZM45.000%2C47.000%20L36.931%2C47.000%20C36.649%2C53.162%2033.786%2C58.772%2029.386%2C61.826%20C33.357%2C65.992%2038.861%2C68.684%2045.000%2C68.950%20L45.000%2C47.000%20ZM63.964%2C31.721%20C59.983%2C34.372%2057.382%2C39.401%2057.100%2C44.1000%20L68.951%2C44.1000%20C68.734%2C39.988%2066.894%2C35.401%2063.964%2C31.721%20ZM57.100%2C47.000%20C57.382%2C52.599%2059.982%2C57.629%2063.963%2C60.280%20C66.894%2C56.600%2068.734%2C52.013%2068.951%2C47.000%20L57.100%2C47.000%20ZM47.000%2C68.950%20C53.140%2C68.684%2058.644%2C65.992%2062.615%2C61.825%20C58.216%2C58.771%2055.353%2C53.161%2055.071%2C47.000%20L47.000%2C47.000%20L47.000%2C68.950%20ZM47.000%2C23.050%20L47.000%2C44.1000%20L55.071%2C44.1000%20C55.354%2C38.839%2058.217%2C33.229%2062.616%2C30.176%20C58.645%2C26.009%2053.140%2C23.316%2047.000%2C23.050%20Z%22%2F%3E%3C%2Fsvg%3E");
}

.join-step__ttl.-step2::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2292px%22%20height%3D%2292px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(32%2C%20155%2C%20234)%22%20d%3D%22M45.1000%2C0.000%20C71.405%2C0.000%2091.1000%2C20.595%2091.1000%2C45.1000%20C91.1000%2C71.405%2071.405%2C92.000%2045.1000%2C92.000%20C20.595%2C92.000%20-0.000%2C71.405%20-0.000%2C45.1000%20C-0.000%2C20.595%2020.595%2C0.000%2045.1000%2C0.000%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M59.714%2C73.999%20L32.287%2C73.999%20C29.923%2C73.999%2028.000%2C71.949%2028.000%2C69.429%20L28.000%2C22.562%20C28.000%2C20.041%2029.923%2C17.991%2032.287%2C17.991%20L59.714%2C17.991%20C62.077%2C17.991%2063.1000%2C20.041%2063.1000%2C22.562%20L63.1000%2C69.429%20C63.1000%2C71.949%2062.077%2C73.999%2059.714%2C73.999%20ZM62.188%2C22.562%20C62.188%2C21.107%2061.078%2C19.923%2059.714%2C19.923%20L32.287%2C19.923%20C30.923%2C19.923%2029.812%2C21.107%2029.812%2C22.562%20L29.812%2C62.995%20L62.188%2C62.995%20L62.188%2C22.562%20ZM62.188%2C64.928%20L29.812%2C64.928%20L29.812%2C69.429%20C29.812%2C70.884%2030.923%2C72.067%2032.287%2C72.067%20L59.714%2C72.067%20C61.078%2C72.067%2062.188%2C70.884%2062.188%2C69.429%20L62.188%2C64.928%20ZM49.067%2C69.454%20L42.933%2C69.454%20C42.432%2C69.454%2042.027%2C69.022%2042.027%2C68.487%20C42.027%2C67.954%2042.432%2C67.521%2042.933%2C67.521%20L49.067%2C67.521%20C49.567%2C67.521%2049.973%2C67.954%2049.973%2C68.487%20C49.973%2C69.022%2049.567%2C69.454%2049.067%2C69.454%20ZM42.844%2C39.891%20L36.533%2C39.891%20L36.533%2C33.457%20L42.844%2C33.457%20L42.844%2C39.891%20ZM40.740%2C35.602%20L38.637%2C35.602%20L38.637%2C37.746%20L40.740%2C37.746%20L40.740%2C35.602%20ZM40.740%2C42.035%20L40.740%2C44.180%20L38.637%2C44.180%20L38.637%2C42.035%20L40.740%2C42.035%20ZM44.948%2C42.035%20L44.948%2C37.746%20L47.052%2C37.746%20L47.052%2C39.891%20L49.156%2C39.891%20L49.156%2C42.035%20L47.052%2C42.035%20L47.052%2C44.180%20L44.948%2C44.180%20L44.948%2C46.324%20L42.844%2C46.324%20L42.844%2C42.035%20L44.948%2C42.035%20ZM49.156%2C44.180%20L49.156%2C46.324%20L47.052%2C46.324%20L47.052%2C44.180%20L49.156%2C44.180%20ZM55.467%2C33.457%20L55.467%2C39.891%20L49.156%2C39.891%20L49.156%2C33.457%20L55.467%2C33.457%20ZM51.260%2C37.746%20L53.363%2C37.746%20L53.363%2C35.602%20L51.260%2C35.602%20L51.260%2C37.746%20ZM53.363%2C42.035%20L53.363%2C44.180%20L49.156%2C44.180%20L49.156%2C42.035%20L53.363%2C42.035%20ZM55.467%2C52.758%20L49.156%2C52.758%20L49.156%2C46.324%20L55.467%2C46.324%20L55.467%2C52.758%20ZM53.363%2C48.468%20L51.260%2C48.468%20L51.260%2C50.613%20L53.363%2C50.613%20L53.363%2C48.468%20ZM47.052%2C50.613%20L44.948%2C50.613%20L44.948%2C46.324%20L47.052%2C46.324%20L47.052%2C50.613%20ZM42.844%2C52.758%20L36.533%2C52.758%20L36.533%2C46.324%20L42.844%2C46.324%20L42.844%2C52.758%20ZM40.740%2C48.468%20L38.637%2C48.468%20L38.637%2C50.613%20L40.740%2C50.613%20L40.740%2C48.468%20ZM44.948%2C35.602%20L44.948%2C33.457%20L47.052%2C33.457%20L47.052%2C35.602%20L44.948%2C35.602%20ZM48.262%2C24.782%20L43.739%2C24.782%20C43.238%2C24.782%2042.833%2C24.349%2042.833%2C23.815%20C42.833%2C23.281%2043.238%2C22.849%2043.739%2C22.849%20L48.262%2C22.849%20C48.763%2C22.849%2049.168%2C23.281%2049.168%2C23.815%20C49.168%2C24.349%2048.763%2C24.782%2048.262%2C24.782%20Z%22%2F%3E%3C%2Fsvg%3E");
}

.join-step__ttl.-step3::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2292px%22%20height%3D%2292px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(32%2C%20155%2C%20234)%22%20d%3D%22M45.1000%2C0.000%20C71.405%2C0.000%2091.1000%2C20.595%2091.1000%2C46.000%20C91.1000%2C71.405%2071.405%2C92.000%2045.1000%2C92.000%20C20.595%2C92.000%20-0.000%2C71.405%20-0.000%2C46.000%20C-0.000%2C20.595%2020.595%2C0.000%2045.1000%2C0.000%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M72.995%2C56.344%20L60.155%2C56.344%20C56.164%2C56.344%2052.917%2C53.182%2052.917%2C49.295%20C52.917%2C45.408%2056.164%2C42.246%2060.155%2C42.246%20L72.995%2C42.246%20C73.551%2C42.246%2074.001%2C42.684%2074.001%2C43.225%20L74.001%2C55.365%20C74.001%2C55.906%2073.551%2C56.344%2072.995%2C56.344%20ZM71.989%2C44.205%20L60.155%2C44.205%20C57.274%2C44.205%2054.929%2C46.488%2054.929%2C49.295%20C54.929%2C52.102%2057.274%2C54.385%2060.155%2C54.385%20L71.989%2C54.385%20L71.989%2C44.205%20ZM58.313%2C49.295%20C58.313%2C47.698%2059.647%2C46.400%2061.285%2C46.400%20C62.923%2C46.400%2064.254%2C47.698%2064.254%2C49.295%20C64.254%2C50.891%2062.923%2C52.189%2061.285%2C52.189%20C59.647%2C52.189%2058.313%2C50.891%2058.313%2C49.295%20ZM61.285%2C50.230%20C61.813%2C50.230%2062.243%2C49.811%2062.243%2C49.295%20C62.243%2C48.779%2061.813%2C48.359%2061.285%2C48.359%20C60.754%2C48.359%2060.324%2C48.779%2060.324%2C49.295%20C60.324%2C49.811%2060.754%2C50.230%2061.285%2C50.230%20ZM68.943%2C41.516%20C68.387%2C41.516%2067.937%2C41.078%2067.937%2C40.536%20L67.937%2C37.884%20C67.937%2C35.914%2066.291%2C34.312%2064.270%2C34.312%20L26.778%2C34.312%20C25.745%2C34.312%2024.793%2C33.983%2024.011%2C33.438%20L24.011%2C60.580%20C24.011%2C63.045%2026.069%2C65.051%2028.601%2C65.051%20L64.270%2C65.051%20C66.291%2C65.051%2067.937%2C63.449%2067.937%2C61.479%20L67.937%2C57.809%20C67.937%2C57.268%2068.387%2C56.830%2068.943%2C56.830%20C69.499%2C56.830%2069.949%2C57.268%2069.949%2C57.809%20L69.949%2C61.479%20C69.949%2C64.529%2067.401%2C67.010%2064.270%2C67.010%20L28.601%2C67.010%20C24.961%2C67.010%2021.1000%2C64.126%2021.1000%2C60.580%20L21.1000%2C29.658%20C21.1000%2C27.091%2024.142%2C25.004%2026.778%2C25.004%20L63.803%2C25.004%20C67.191%2C25.004%2069.949%2C27.690%2069.949%2C30.991%20C69.949%2C31.533%2069.499%2C31.971%2068.943%2C31.971%20C68.387%2C31.971%2067.937%2C31.533%2067.937%2C30.991%20C67.937%2C28.770%2066.083%2C26.963%2063.803%2C26.963%20L26.778%2C26.963%20C25.252%2C26.963%2024.011%2C28.172%2024.011%2C29.658%20C24.011%2C31.143%2025.252%2C32.353%2026.778%2C32.353%20L64.270%2C32.353%20C67.401%2C32.353%2069.949%2C34.834%2069.949%2C37.884%20L69.949%2C40.536%20C69.949%2C41.078%2069.499%2C41.516%2068.943%2C41.516%20Z%22%2F%3E%3C%2Fsvg%3E");
}

.join-step__ttl.-step4::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2292px%22%20height%3D%2292px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(32%2C%20155%2C%20234)%22%20d%3D%22M45.1000%2C0.000%20C71.405%2C0.000%2091.1000%2C20.595%2091.1000%2C45.1000%20C91.1000%2C71.405%2071.405%2C92.000%2045.1000%2C92.000%20C20.595%2C92.000%20-0.000%2C71.405%20-0.000%2C45.1000%20C-0.000%2C20.595%2020.595%2C0.000%2045.1000%2C0.000%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M68.874%2C22.558%20L56.177%2C45.678%20C56.691%2C46.133%2057.186%2C46.610%2057.637%2C47.128%20C57.669%2C47.160%2057.698%2C47.194%2057.726%2C47.231%20C60.061%2C49.963%2061.476%2C53.504%2061.476%2C57.371%20C61.476%2C61.224%2060.072%2C64.753%2057.752%2C67.480%20C57.710%2C67.539%2057.664%2C67.593%2057.613%2C67.640%20C54.745%2C70.921%2050.535%2C72.1000%2045.846%2C72.1000%20C41.157%2C72.1000%2036.946%2C70.921%2034.079%2C67.640%20C34.028%2C67.593%2033.981%2C67.539%2033.940%2C67.480%20C31.620%2C64.753%2030.216%2C61.224%2030.216%2C57.371%20C30.216%2C53.505%2031.629%2C49.966%2033.963%2C47.234%20C33.993%2C47.194%2034.025%2C47.157%2034.060%2C47.123%20C34.574%2C46.532%2035.146%2C45.995%2035.742%2C45.487%20C35.724%2C45.460%2035.692%2C45.448%2035.676%2C45.419%20L23.127%2C22.558%20C22.948%2C22.231%2022.954%2C21.837%2023.145%2C21.516%20C23.335%2C21.195%2023.678%2C21.000%2024.050%2C21.000%20L40.081%2C21.000%20C40.468%2C21.000%2040.823%2C21.212%2041.006%2C21.551%20L46.187%2C30.434%20L51.003%2C21.551%20C51.186%2C21.212%2051.541%2C21.000%2051.928%2C21.000%20L67.951%2C21.000%20C68.323%2C21.000%2068.666%2C21.195%2068.855%2C21.516%20C69.046%2C21.837%2069.052%2C22.231%2068.874%2C22.558%20ZM56.675%2C49.275%20C54.657%2C50.780%2053.312%2C53.394%2053.048%2C56.318%20L59.327%2C56.318%20C59.123%2C53.690%2058.170%2C51.269%2056.675%2C49.275%20ZM56.674%2C65.467%20C58.169%2C63.472%2059.123%2C61.051%2059.327%2C58.423%20L53.048%2C58.423%20C53.312%2C61.347%2054.657%2C63.961%2056.674%2C65.467%20ZM46.898%2C70.850%20C50.147%2C70.599%2053.076%2C69.197%2055.279%2C67.050%20C52.823%2C65.142%2051.208%2C61.944%2050.937%2C58.423%20L46.898%2C58.423%20L46.898%2C70.850%20ZM46.898%2C56.318%20L50.937%2C56.318%20C51.208%2C52.797%2052.824%2C49.599%2055.280%2C47.691%20C53.077%2C45.543%2050.147%2C44.141%2046.898%2C43.889%20L46.898%2C56.318%20ZM44.794%2C70.850%20L44.794%2C58.423%20L40.755%2C58.423%20C40.483%2C61.944%2038.869%2C65.142%2036.413%2C67.050%20C38.616%2C69.197%2041.545%2C70.599%2044.794%2C70.850%20ZM36.412%2C47.691%20C38.868%2C49.599%2040.483%2C52.797%2040.755%2C56.318%20L44.794%2C56.318%20L44.794%2C43.889%20C41.545%2C44.141%2038.615%2C45.543%2036.412%2C47.691%20ZM35.018%2C65.467%20C37.035%2C63.961%2038.380%2C61.347%2038.643%2C58.423%20L32.365%2C58.423%20C32.569%2C61.051%2033.522%2C63.472%2035.018%2C65.467%20ZM32.365%2C56.318%20L38.643%2C56.318%20C38.380%2C53.394%2037.034%2C50.780%2035.017%2C49.275%20C33.522%2C51.269%2032.568%2C53.690%2032.365%2C56.318%20ZM39.454%2C23.105%20L25.825%2C23.105%20L37.425%2C44.232%20C38.037%2C43.838%2038.669%2C43.475%2039.335%2C43.168%20C39.355%2C43.097%2039.363%2C43.024%2039.400%2C42.956%20L45.024%2C32.580%20L39.454%2C23.105%20ZM52.554%2C23.105%20L42.216%2C42.177%20C43.382%2C41.897%2044.595%2C41.740%2045.846%2C41.740%20C49.045%2C41.740%2052.009%2C42.725%2054.488%2C44.382%20L66.175%2C23.105%20L52.554%2C23.105%20Z%22%2F%3E%3C%2Fsvg%3E");
}

.join-step__summary {
  margin-top: 33px;
}
.join-step__summary p {
  font-size: 1.8rem;
  line-height: 1.778;
  color: #09122a;
  letter-spacing: 0.06em;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .join-step {
    padding-top: 60px;
  }
  .join-step__inner {
    padding: 0 6.4vw;
  }
  .join-step__list li:not(:first-child) {
    margin-top: 65px;
  }
  .join-step__list li:not(:first-child)::after {
    top: -45px;
    border-width: 24px 22px 0 22px;
  }
  .join-step__item {
    padding: 30px 4vw 40px;
  }
  .join-step__ttl {
    padding-left: 19.733vw;
  }
  .join-step__ttl dd {
    font-size: 7.2vw;
  }
  .join-step__ttl dt {
    margin-top: 2.133vw;
    font-size: 6.4vw;
    line-height: 1.245;
  }
  .join-step__ttl::before {
    top: -0.533vw;
    left: -2.133vw;
    max-width: 92px;
    max-height: 92px;
    width: 17.6vw;
    height: 17.6vw;
  }
  .join-step__summary {
    margin-top: 20px;
  }
  .join-step__summary p {
    font-size: 4.2666666667vw;
  }
}
/* ================================================

- 入会特典

================================================ */
.join-privilege {
  margin-top: 88px;
}

.join-privilege__ttl {
  font-size: 3.4rem;
  letter-spacing: 0.06em;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  color: #09122a;
  text-align: center;
}
.join-privilege__ttl span {
  display: block;
  margin-bottom: 14px;
  font-size: 2.6rem;
  letter-spacing: 0.02em;
  color: #209bea;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}

.join-privilege__content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  margin-top: 40px;
}

.join-privilege__item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 10px);
  padding: 25px 40px 33px 38px;
  background-color: #eef2fb;
}

.join-privilege__item:nth-child(2n) {
  margin-left: 20px;
}

.join-privilege__item:not(:nth-child(-n+2)) {
  margin-top: 20px;
}

.join-privilege__item__name {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.join-privilege__item__name dt {
  font-size: 4.6rem;
  letter-spacing: 0.02em;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  color: #209bea;
}
.join-privilege__item__name dd {
  margin-left: 24px;
  padding: 13px 0 8px 23px;
  font-size: 2.4rem;
  letter-spacing: 0.04em;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  color: #09122a;
  border-left: solid 1px #209bea;
}

.join-privilege__item__img {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-preferred-size: 288px;
      flex-basis: 288px;
  margin: 0 auto;
}

.join-privilege__item__img.-item1 {
  width: 200px;
}

.join-privilege__item__img.-item2 {
  width: 256px;
}

.join-privilege__item__summary {
  margin-top: 6px;
}
.join-privilege__item__summary p {
  font-size: 1.6rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  color: #09122a;
}
.join-privilege__item__summary p span {
  display: block;
  margin-top: 5px;
  font-size: 1.5rem;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .join-privilege {
    margin-top: 70px;
  }
  .join-privilege__inner {
    padding: 0 6.4vw;
  }
  .join-privilege__ttl {
    font-size: 8vw;
  }
  .join-privilege__ttl span {
    margin-bottom: 10px;
    font-size: 5.8666666667vw;
  }
  .join-privilege__content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 35px;
  }
  .join-privilege__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 29px 6.4vw 40px;
  }
  .join-privilege__item:nth-child(2n) {
    margin-left: 0;
  }
  .join-privilege__item:not(:nth-child(-n+2)) {
    margin-top: 0;
  }
  .join-privilege__item:not(:nth-child(-n+1)) {
    margin-top: 20px;
  }
  .join-privilege__item__name dt {
    font-size: 9.8666666667vw;
  }
  .join-privilege__item__name dd {
    margin-left: 4vw;
    padding: 0.8vw 0 1.333vw 4vw;
    font-size: 5.6vw;
  }
  .join-privilege__item__img {
    -ms-flex-preferred-size: 80vw;
        flex-basis: 80vw;
  }
  .join-privilege__item__img.-item1 {
    max-width: 200px;
    width: 100%;
  }
  .join-privilege__item__img.-item2 {
    max-width: 256px;
    width: 100%;
  }
  .join-privilege__item__summary p {
    font-size: 4vw;
  }
  .join-privilege__item__summary p span {
    font-size: 3.7333333333vw;
  }
}