@charset "UTF-8";
/* 文字コードの指定 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
/* ページ全般の設定 */
/* フォント */
@font-face {
  font-family: "D-DIN";
  font-style: normal;
  font-weight: 400;
  src: url("../font/D-DIN.woff") format("woff");
}
@font-face {
  font-family: "D-DIN-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../font/D-DIN-Bold.woff") format("woff");
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "D-DIN-Italic";
  font-style: italic;
  src: url("../font/D-DIN-Italic.woff") format("woff");
}
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "D-DIN-Bold", "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333333;
}

li {
  list-style: none;
}

a {
  color: #333333;
  text-decoration: none;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

em {
  font-style: normal;
}

@media (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

@media (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

.flex {
  display: flex;
  justify-content: space-between;
}

.content-witdh {
  padding: 0 4.8vw;
}
@media (min-width: 768px) {
  .content-witdh {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .pc-width {
    max-width: 67.9rem;
    margin: 0 auto;
  }
}

.number {
  font-family: "D-DIN-Bold";
  font-weight: 700;
}

.black {
  color: #333333;
}

.yellow {
  color: #f5eb6b;
}

.section-title {
  text-align: center;
  font-size: 8vw;
  font-weight: 700;
  color: #2e4052;
}
@media (min-width: 768px) {
  .section-title {
    font-size: 6rem;
  }
}

.marker {
  background: linear-gradient(transparent 80%, #f5eb6b 80%);
}

.underline {
  border-bottom: solid 1px #2e4052;
  font-weight: 700;
}

.title-line {
  position: relative;
}
.title-line::after {
  position: absolute;
  content: "";
  background: #2e4052;
  border-radius: 1px;
  width: 4.1333333333vw;
  height: 0.8vw;
  bottom: -4vw;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .title-line::after {
    width: 3.1rem;
    height: 0.6rem;
    bottom: -3rem;
  }
}

.title-line--wh {
  position: relative;
}
.title-line--wh::after {
  position: absolute;
  content: "";
  background: #fff;
  border-radius: 1px;
  width: 4.1333333333vw;
  height: 0.8vw;
  bottom: -4vw;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .title-line--wh::after {
    width: 3.1rem;
    height: 0.6rem;
    bottom: -3rem;
  }
}

/*=================================================
    メインビジュアル
===================================================*/
.mv {
  background-image: url(../images/bg_mv.webp);
  background-size: cover;
  padding-top: 2vw;
  padding-bottom: 7.3333333333vw;
  padding-left: 5.0666666667vw;
  padding-right: 5.0666666667vw;
  overflow: hidden;
}
@media (min-width: 768px) {
  .mv {
    padding: 1.5rem 3.8rem 5.5rem;
  }
}
.mv .header__logo {
  width: 28.2666666667vw;
  display: flex;
}
@media (min-width: 768px) {
  .mv .header__logo {
    width: 21.2rem;
  }
}
.mv .mv__text {
  text-align: center;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.1);
  padding: 6.6666666667vw 0 6.4vw;
  position: relative;
}
@media (min-width: 768px) {
  .mv .mv__text {
    padding: 5rem 0 4.8rem;
  }
}
.mv .mv__text::before {
  position: absolute;
  content: "";
  background-image: url(../images/leaf.webp);
  background-size: contain;
  width: 88.9333333333vw;
  height: 15.6vw;
  bottom: 2rem;
  left: 0;
}
@media (min-width: 768px) {
  .mv .mv__text::before {
    width: 66.7rem;
    height: 11.7rem;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
  }
}
.mv .mv__text .top-text {
  font-size: 4.8vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .mv .mv__text .top-text {
    font-size: 3.6rem;
  }
}
.mv .mv__text .bottom-text {
  font-size: 5.6vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .mv .mv__text .bottom-text {
    font-size: 4.2rem;
  }
}
.mv .mv__catch {
  text-align: center;
  font-weight: 900;
  font-size: 12vw;
  white-space: nowrap;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .mv .mv__catch {
    font-size: 9rem;
  }
}
.mv .mv__catch .bg-blue {
  display: inline-block;
  color: #fff;
  padding: 1.8666666667vw 1.3333333333vw 0.8vw 1.0666666667vw;
  background: linear-gradient(136deg, #13c5f2 0%, #13c5f2 70%, #63d4f5 70%, #63d4f5 100%);
  font-size: 12vw;
  letter-spacing: -0.02em;
  text-shadow: 4px 4px 4px rgba(51, 51, 51, 0.3);
  line-height: 1;
}
@media (min-width: 768px) {
  .mv .mv__catch .bg-blue {
    padding: 6px 10px 13px 8px;
    font-size: 9rem;
  }
}
.mv .mv__catch .bg-blue:nth-of-type(1) {
  margin-left: 1.0666666667vw;
}
@media (min-width: 768px) {
  .mv .mv__catch .bg-blue:nth-of-type(1) {
    margin-left: 0.8rem;
  }
}
.mv .mv__catch .bg-blue:nth-of-type(2) {
  margin-left: -1.0666666667vw;
}
@media (min-width: 768px) {
  .mv .mv__catch .bg-blue:nth-of-type(2) {
    margin-left: -0.8rem;
  }
}
.mv .mv__catch .blue {
  color: #fff;
  position: relative;
  width: 13.6vw;
  height: 13.6vw;
  display: inline-block;
  line-height: 1;
}
@media (min-width: 768px) {
  .mv .mv__catch .blue {
    width: 10.2rem;
    height: 10.2rem;
  }
}
.mv .mv__catch .blue::before {
  position: absolute;
  content: "";
  background-image: url(../images/bg_mv-text.webp);
  background-size: contain;
  width: 13.6vw;
  height: 13.6vw;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .mv .mv__catch .blue::before {
    width: 10.2rem;
    height: 10.2rem;
  }
}
.mv .mv__catch .bo {
  margin-left: 0.6rem;
}
.mv .mv__catch .shu {
  margin-left: -0.5rem;
}
.mv .mv__catch .white {
  position: relative;
  width: 13.6vw;
  height: 13.6vw;
  display: inline-block;
}
@media (min-width: 768px) {
  .mv .mv__catch .white {
    width: 10.2rem;
    height: 10.2rem;
  }
}
.mv .trainer-img {
  width: 90.5333333333vw;
  margin: 0 -0.2rem 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .mv .trainer-img {
    width: 67.9rem;
    margin: 0 auto;
  }
}
.mv .request-button {
  margin-top: -4rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .mv .request-button {
    margin-top: -9vw;
  }
}

.saitan {
  color: #ffa737;
  font-size: 6vw;
  background: linear-gradient(transparent 80%, #f5eb6b 80%);
  line-height: 1;
}
@media (min-width: 768px) {
  .saitan {
    font-size: 4.5rem;
  }
}
.saitan .number {
  font-family: "D-DIN-Bold";
  font-weight: 700;
  font-size: 9.6vw;
}
@media (min-width: 768px) {
  .saitan .number {
    font-size: 7.2rem;
  }
}

.outline {
  display: inline-block;
  color: #ffa737;
  /* 文字の色 */
  letter-spacing: 0.05em;
  /* 文字間 */
  text-shadow:
    2px 2px 1px #ffffff,
    -2px 2px 1px #ffffff,
    2px -2px 1px #ffffff,
    -2px -2px 1px #ffffff,
    2px 0px 1px #ffffff,
    0px 2px 1px #ffffff,
    -2px 0px 1px #ffffff,
    0px -2px 1px #ffffff;
}

.request-button-wrapper {
  width: 81.7333333333vw;
  height: 22vw;
  border-radius: 11vw;
  box-shadow: 4.5px 9px 4px rgba(12, 21, 24, 0.15);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .request-button-wrapper {
    width: 61.3rem;
    height: 16.5rem;
    border-radius: 8.2rem;
    box-shadow: 9px 18px 8px rgba(12, 21, 24, 0.15);
  }
}

/* 資料請求ボタン */
.request-button {
  width: 81.7333333333vw;
  height: 22vw;
  border-radius: 11vw;
  background: #ffa737;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4.5px 0 rgb(220, 133, 31);
  font-size: 5.2vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .request-button {
    font-size: 3.9rem;
    width: 61.3rem;
    height: 16.5rem;
    border-radius: 8.2rem;
    box-shadow: 0px 9px 0 rgb(220, 133, 31);
  }
}
.request-button span {
  position: relative;
}
.request-button span::after {
  position: absolute;
  content: "";
  right: -18%;
  background-image: url(../images/arrow-right.webp);
  background-size: contain;
  width: 3.0666666667vw;
  height: 4.5333333333vw;
  bottom: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .request-button span::after {
    width: 2.3rem;
    height: 3.4rem;
    right: -6.5rem;
  }
}
.request-button span::before {
  position: absolute;
  content: "";
  left: -18%;
  background-image: url(../images/icon_contact.webp);
  background-size: contain;
  width: 7.7333333333vw;
  height: 9.0666666667vw;
  bottom: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .request-button span::before {
    width: 5.8rem;
    height: 6.8rem;
    left: -6.5rem;
  }
}

/*=================================================
    募集
===================================================*/
.recruit {
  padding: 9.3333333333vw 0 11.3333333333vw;
  background: #f5f5f5;
}
@media (min-width: 768px) {
  .recruit {
    padding: 7rem 0 8.5rem;
  }
}
.recruit .top-title {
  text-align: center;
  font-size: 3.2vw;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.1);
}
@media (min-width: 768px) {
  .recruit .top-title {
    font-size: 2.4rem;
  }
}
.recruit .top-title .fukidashi {
  font-weight: 400;
  position: relative;
}
.recruit .top-title .fukidashi::before {
  position: absolute;
  content: "";
  background-image: url(../images/fukidashi.webp);
  background-size: contain;
  width: 53.2vw;
  height: 4vw;
  top: 0;
  left: -9%;
}
@media (min-width: 768px) {
  .recruit .top-title .fukidashi::before {
    width: 39.9rem;
    height: 3rem;
  }
}
.recruit .top-title .saitan {
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .recruit .top-title .saitan {
    font-size: 2.4rem;
  }
}
.recruit .top-title .saitan .number {
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .recruit .top-title .saitan .number {
    font-size: 4.8rem;
  }
}
.recruit .top-title .bottom-text {
  font-size: 4vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .recruit .top-title .bottom-text {
    font-size: 3rem;
  }
}
.recruit .section-title {
  text-align: center;
  color: #2e4052;
  font-weight: 900;
  font-size: 8vw;
  border-top: 3px solid #2e4052;
  border-bottom: 3px solid #2e4052;
  padding: 1.3333333333vw 0;
  margin-top: 1.8666666667vw;
}
@media (min-width: 768px) {
  .recruit .section-title {
    font-size: 6rem;
    padding: 1rem 0;
    margin-top: 1.4rem;
  }
}
.recruit .request-button-wrapper {
  margin-top: 11.7333333333vw;
}
@media (min-width: 768px) {
  .recruit .request-button-wrapper {
    margin-top: 8.8rem;
  }
}
.recruit .recruit__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.6666666667vw;
  margin-top: 7.3333333333vw;
}
@media (min-width: 768px) {
  .recruit .recruit__list {
    gap: 2rem;
    margin-top: 5.5rem;
  }
}
.recruit .recruit__list li {
  width: 47.64%;
  height: 21.2vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .recruit .recruit__list li {
    width: 100%;
    max-width: 32.3rem;
    height: 15.9rem;
  }
}
.recruit .recruit__list li::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-image: url(../images/bg_recruit-li.webp);
  background-size: contain;
  width: 43.0666666667vw;
  height: 21.2vw;
}
@media (min-width: 768px) {
  .recruit .recruit__list li::before {
    width: 100%;
    max-width: 32.3rem;
    height: 15.9rem;
  }
}
.recruit .recruit__list li p {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  font-size: 4.2666666667vw;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.1);
  font-feature-settings: "palt";
  line-height: 1.3;
}
@media (min-width: 768px) {
  .recruit .recruit__list li p {
    font-size: 3.2rem;
  }
}
.recruit .recruit__list li p .number {
  font-size: 5.3333333333vw;
}
@media (min-width: 768px) {
  .recruit .recruit__list li p .number {
    font-size: 4rem;
  }
}

/*=================================================
    不安
===================================================*/
.worries {
  padding: 0 0 12vw;
  position: relative;
  background-image: url(../images/bg_worries.webp);
  background-size: cover;
}
@media (min-width: 768px) {
  .worries {
    padding: 0 0 9rem;
  }
}
.worries::after {
  position: absolute;
  content: "";
  bottom: -6.8%;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  background-image: url(../images/bg_worries-tri.webp);
  background-size: contain;
  width: 23.4666666667vw;
  height: 6.6666666667vw;
}
@media (min-width: 768px) {
  .worries::after {
    width: 17.6rem;
    height: 5rem;
  }
}
.worries .section-title {
  color: #fff;
  font-weight: 900;
  font-size: 7.3333333333vw;
  letter-spacing: 0.1em;
  line-height: 1.1636363636;
}
@media (min-width: 768px) {
  .worries .section-title {
    font-size: 5.5rem;
  }
}
.worries .section-title .underline {
  font-size: 3.3333333333vw;
  font-weight: 700;
  border-bottom: solid 0.5px #fff;
  margin-bottom: 3.2vw;
  display: inline-block;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .worries .section-title .underline {
    font-size: 2.5rem;
    margin-bottom: 2.4rem;
  }
}
.worries .worries__list {
  margin-top: 4.5333333333vw;
  background: #fff;
  border-radius: 15px;
  font-size: 3.7333333333vw;
  font-weight: 700;
  padding: 4vw 6.6666666667vw;
  position: relative;
}
@media (min-width: 768px) {
  .worries .worries__list {
    margin-top: 3.4rem;
    font-size: 2.8rem;
    padding: 3rem 5rem;
  }
}
.worries .worries__list::before {
  position: absolute;
  content: "";
  bottom: -6.6666666667vw;
  right: -4%;
  background-image: url(../images/worries_illust.webp);
  background-size: contain;
  width: 25.3333333333vw;
  height: 26.8vw;
  z-index: 1;
}
@media (min-width: 768px) {
  .worries .worries__list::before {
    bottom: -5rem;
    width: 19rem;
    height: 20.1rem;
  }
}
.worries .worries__list li {
  margin-bottom: 4vw;
  font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .worries .worries__list li {
    margin-bottom: 3rem;
  }
}
.worries .worries__list li:last-child {
  margin-bottom: 0;
}
.worries .worries__list .icon {
  width: 4.5333333333vw;
  margin-right: 3.3333333333vw;
}
@media (min-width: 768px) {
  .worries .worries__list .icon {
    width: 3.4rem;
    margin-right: 2.5rem;
  }
}

/*=================================================
    解決ポイント
===================================================*/
.point {
  padding-top: 16vw;
  padding-bottom: 11.3333333333vw;
}
@media (min-width: 768px) {
  .point {
    padding-top: 7rem;
    padding-bottom: 8.5rem;
  }
}
.point .request-button-wrapper {
  margin-top: 11.3333333333vw;
}
@media (min-width: 768px) {
  .point .request-button-wrapper {
    margin-top: 8.5rem;
  }
}
.point .section-title {
  font-size: 4.8vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .point .section-title {
    font-size: 3.6rem;
  }
}
.point .logo {
  width: 74.4vw;
}
@media (min-width: 768px) {
  .point .logo {
    width: 55.8rem;
  }
}
.point .point__list {
  margin-top: 9.6vw;
}
@media (min-width: 768px) {
  .point .point__list {
    margin-top: 7.2rem;
  }
}
.point .point__list li {
  background: #e8f9fe;
  margin-bottom: 7.3333333333vw;
}
@media (min-width: 768px) {
  .point .point__list li {
    margin-bottom: 5.5rem;
  }
}
.point .point__list li:last-child {
  margin-bottom: 0;
}
.point .point__list li .list-title {
  width: 100%;
  background: #cdf1fa;
  color: #2e4052;
  font-size: 5.0666666667vw;
  letter-spacing: 0.02em;
  font-weight: 700;
  padding: 4vw 2.6666666667vw 4vw 0;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .point .point__list li .list-title {
    font-size: 3.8rem;
    padding: 3rem 2rem 3rem 0;
  }
}
.point .point__list li .list-title .number {
  font-size: 8vw;
}
@media (min-width: 768px) {
  .point .point__list li .list-title .number {
    font-size: 6rem;
  }
}
.point .point__list li .point-label {
  color: #fff;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
  position: relative;
}
@media (min-width: 768px) {
  .point .point__list li .point-label {
    font-size: 1.8rem;
  }
}
.point .point__list li .point-label::before {
  position: absolute;
  content: "";
  top: -0.7rem;
  left: -18%;
  background-image: url(../images/bg_point.webp);
  background-size: contain;
  width: 13.3333333333vw;
  height: 12.4vw;
}
@media (min-width: 768px) {
  .point .point__list li .point-label::before {
    width: 10rem;
    height: 9.3rem;
    top: -1.1rem;
  }
}
.point .point__list li .point-label em {
  font-size: 5.3333333333vw;
}
@media (min-width: 768px) {
  .point .point__list li .point-label em {
    font-size: 4rem;
  }
}
.point .point__list li .point-label .white {
  position: relative;
}
@media (min-width: 768px) {
  .point .point__list li .point-label .white {
    margin-left: 0.5rem;
  }
}
.point .point__list li .point-title {
  padding-left: 7%;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .point .point__list li .point-title {
    padding-left: 4rem;
  }
}
.point .point__list li .list-about {
  padding: 4.6666666667vw 2.8666666667vw 7.2vw;
}
@media (min-width: 768px) {
  .point .point__list li .list-about {
    padding: 3.5rem 2rem 5.4rem;
  }
}
.point .point__list li .text-text {
  font-size: 4.2666666667vw;
  line-height: 1.28125;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
  line-height: 1.45;
}
@media (min-width: 768px) {
  .point .point__list li .text-text {
    font-size: 3.2rem;
  }
}
.point .point__list li .text-text .number {
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .point .point__list li .text-text .number {
    font-size: 3.6rem;
  }
}
.point .point__list li .caution {
  font-size: 2vw;
  line-height: 1.3333333333;
  padding-left: 3.7333333333vw;
  margin-top: 2.5333333333vw;
}
@media (min-width: 768px) {
  .point .point__list li .caution {
    font-size: 1.5rem;
    padding-left: 2.8rem;
    margin-top: 1.9rem;
  }
}
.point .point__list li .initial-cost {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .point .point__list li .initial-cost {
    margin-top: 3rem;
  }
}
.point .point__list li .sales {
  margin-top: 7.2vw;
}
@media (min-width: 768px) {
  .point .point__list li .sales {
    margin-top: 5.4rem;
  }
}
.point .point__list li .point-image {
  margin-top: 7.2vw;
}
@media (min-width: 768px) {
  .point .point__list li .point-image {
    margin-top: 5.4rem;
  }
}

/*=================================================
    インタビュー
===================================================*/
.interview {
  padding-top: 16vw;
  padding-bottom: 1.7333333333vw;
}
@media (min-width: 768px) {
  .interview {
    padding-top: 7rem;
    padding-bottom: 8.5rem;
  }
}
.interview .interview-image {
  display: block;
  margin: 10vw auto 0;
}
@media (min-width: 768px) {
  .interview .interview-image {
    margin: 7.5rem auto 0;
  }
}
.interview .logo {
  width: 74.4vw;
}
@media (min-width: 768px) {
  .interview .logo {
    width: 55.8rem;
  }
}
.interview .underline {
  font-weight: 400;
}
.interview .point__list {
  margin-top: 8.2666666667vw;
}
@media (min-width: 768px) {
  .interview .point__list {
    margin-top: 6.2rem;
  }
}
.interview .point__list li {
  background: #f9f9f9;
  margin-bottom: 7.3333333333vw;
}
@media (min-width: 768px) {
  .interview .point__list li {
    margin-bottom: 5.5rem;
  }
}
.interview .point__list li:last-child {
  margin-bottom: 0;
}
.interview .point__list li .list-title {
  width: 100%;
  background: #cdf1fa;
  color: #2e4052;
  font-size: 5.0666666667vw;
  letter-spacing: 0.02em;
  font-weight: 700;
  padding: 4vw 2.6666666667vw 4vw 0.8vw;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .interview .point__list li .list-title {
    font-size: 3.8rem;
    padding: 3rem 2rem 3rem 0.6rem;
  }
}
.interview .point__list li .list-title .number {
  font-size: 8vw;
}
@media (min-width: 768px) {
  .interview .point__list li .list-title .number {
    font-size: 6rem;
  }
}
.interview .point__list li .point-label {
  color: #fff;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
  position: relative;
}
@media (min-width: 768px) {
  .interview .point__list li .point-label {
    font-size: 1.8rem;
  }
}
.interview .point__list li .point-label::before {
  position: absolute;
  content: "";
  top: -0.5rem;
  left: -35%;
  background-image: url(../images/bg_point.webp);
  background-size: contain;
  width: 13.3333333333vw;
  height: 12.4vw;
}
@media (min-width: 768px) {
  .interview .point__list li .point-label::before {
    width: 10rem;
    height: 9.3rem;
    top: -1.1rem;
  }
}
.interview .point__list li .point-label em {
  font-size: 5.3333333333vw;
}
@media (min-width: 768px) {
  .interview .point__list li .point-label em {
    font-size: 4rem;
  }
}
.interview .point__list li .point-label .white {
  position: relative;
}
@media (min-width: 768px) {
  .interview .point__list li .point-label .white {
    margin-left: 0.5rem;
  }
}
.interview .point__list li .point-title {
  padding-left: 8%;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .interview .point__list li .point-title {
    padding-left: 6rem;
  }
}
.interview .point__list li .list-about {
  padding: 6.6666666667vw 2.8666666667vw 7.7333333333vw;
}
@media (min-width: 768px) {
  .interview .point__list li .list-about {
    padding: 5rem 2rem 5.8rem;
  }
}
.interview .point__list li .text-text {
  font-size: 4.2666666667vw;
  line-height: 1.28125;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
  line-height: 1.45;
}
@media (min-width: 768px) {
  .interview .point__list li .text-text {
    font-size: 3.2rem;
  }
}
.interview .point__list li .text-text .number {
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .interview .point__list li .text-text .number {
    font-size: 3.6rem;
  }
}
.interview .point__list li .caution {
  font-size: 2vw;
  line-height: 1.3333333333;
  padding-left: 3.7333333333vw;
  margin-top: 2.5333333333vw;
}
@media (min-width: 768px) {
  .interview .point__list li .caution {
    font-size: 1.5rem;
    padding-left: 2.8rem;
    margin-top: 1.9rem;
  }
}
.interview .point__list li .initial-cost {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .interview .point__list li .initial-cost {
    margin-top: 3rem;
  }
}
.interview .point__list li .sales {
  margin-top: 7.2vw;
}
@media (min-width: 768px) {
  .interview .point__list li .sales {
    margin-top: 5.4rem;
  }
}
.interview .point__list li .list-image {
  display: block;
  margin: 9.3333333333vw auto 0;
}
@media (min-width: 768px) {
  .interview .point__list li .list-image {
    margin: 7rem auto 0;
  }
}
.interview .bg-gray {
  background: #f9f9f9;
  margin-top: 6.6666666667vw;
  padding: 3.7333333333vw 4.8vw 13.0666666667vw;
}
@media (min-width: 768px) {
  .interview .bg-gray {
    margin-top: 5rem;
    padding: 2.8rem 3.6rem 9.8rem;
  }
}

/*=================================================
    スタート
===================================================*/
.start {
  background: #e5f6fb;
  padding: 8vw 7.3333333333vw;
}
@media (min-width: 768px) {
  .start {
    padding: 6rem 5.5rem;
  }
}
.start .section-title {
  color: #2e4052;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
  .start .section-title {
    font-size: 4rem;
  }
}
.start .section-title .top-title {
  font-size: 3.3333333333vw;
  font-weight: 400;
}
@media (min-width: 768px) {
  .start .section-title .top-title {
    font-size: 2.5rem;
  }
}
.start .section-title .number {
  font-size: 8vw;
}
.start .section-title .small {
  font-weight: 700;
  font-size: 4.2666666667vw;
}
@media (min-width: 768px) {
  .start .section-title .small {
    font-size: 3.2rem;
  }
}
.start .start-image-1,
.start .start-image-2 {
  border-radius: 2.6666666667vw;
  box-shadow: 4.5px 4.5px 4px rgba(12, 21, 24, 0.07);
}
@media (min-width: 768px) {
  .start .start-image-1,
  .start .start-image-2 {
    border-radius: 2rem;
    box-shadow: 9px 9px 8px rgba(12, 21, 24, 0.07);
  }
}
.start .start-image-1 {
  margin-top: 9.3333333333vw;
}
@media (min-width: 768px) {
  .start .start-image-1 {
    margin-top: 7rem;
  }
}
.start .start-image-2 {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .start .start-image-2 {
    margin-top: 3rem;
  }
}
.start .section-text {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 6vw;
}
@media (min-width: 768px) {
  .start .section-text {
    margin-top: 4.5rem;
  }
}

/*=================================================
    プラン
===================================================*/
.plan .bg-plan {
  background-image: url(../images/bg_plan.webp);
  background-size: cover;
  padding-top: 10.6666666667vw;
  padding-bottom: 13.3333333333vw;
}
@media (min-width: 768px) {
  .plan .bg-plan {
    padding-top: 8rem;
    padding-bottom: 10rem;
  }
}
.plan .section-title {
  color: #2e4052;
  font-size: 8vw;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  .plan .section-title {
    font-size: 6rem;
  }
}
.plan img {
  display: block;
}
.plan .plan__item--kamei .plan-list {
  width: 73.3333333333vw;
  margin: 14.6666666667vw auto 0;
}
@media (min-width: 768px) {
  .plan .plan__item--kamei .plan-list {
    width: 55.5rem;
    margin: 11rem auto 0;
  }
}
.plan .plan__item--kamei .arrow-bottom {
  width: 17.8666666667vw;
  margin: 10.6666666667vw auto 0;
}
@media (min-width: 768px) {
  .plan .plan__item--kamei .arrow-bottom {
    width: 13.4rem;
    margin: 8rem auto 0;
  }
}
.plan .catch {
  color: #2e4052;
  font-size: 6.4vw;
  font-weight: 400;
  text-align: center;
  margin-top: 10.6666666667vw;
}
@media (min-width: 768px) {
  .plan .catch {
    font-size: 4.8rem;
    margin-top: 8rem;
  }
}
.plan .catch em {
  font-size: 7.3333333333vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .plan .catch em {
    font-size: 5.5rem;
  }
}
.plan .plan-present {
  width: 80.9333333333vw;
  margin: 6.6666666667vw auto 13.3333333333vw;
}
@media (min-width: 768px) {
  .plan .plan-present {
    width: 60.7rem;
    margin: 5rem auto 10rem;
  }
}
.plan .support-price {
  width: 91.8666666667vw;
  margin: 16.2666666667vw auto 13.3333333333vw;
}
@media (min-width: 768px) {
  .plan .support-price {
    width: 68.9rem;
    margin: 12.2rem auto 10rem;
  }
}
.plan .comparison {
  width: 92.9333333333vw;
  margin: 15.3333333333vw auto 0;
}
@media (min-width: 768px) {
  .plan .comparison {
    width: 69.7rem;
    margin: 11.5rem auto 0;
  }
}
.plan .plan__reason {
  padding: 9.3333333333vw 5.3333333333vw 0;
}
@media (min-width: 768px) {
  .plan .plan__reason {
    padding: 7rem 4rem 0;
  }
}
.plan .blue-box {
  padding: 2.6666666667vw 2.6666666667vw;
  background: #e5f6fb;
  border: solid 2px #2e4052;
  border-radius: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .plan .blue-box {
    padding: 2rem;
  }
}
.plan .blue-box::before {
  position: absolute;
  content: "";
  right: 1.6rem;
  bottom: -3.8rem;
  background-image: url(../images/usagi-2.webp);
  background-size: contain;
  width: 15.2vw;
  height: 25.4666666667vw;
}
@media (min-width: 768px) {
  .plan .blue-box::before {
    width: 11.4rem;
    height: 19.1rem;
  }
}
.plan .blue-box .dot-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.plan .blue-box .dot-wrapper .dot {
  display: block;
  background: #2e4052;
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .plan .blue-box .dot-wrapper .dot {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.plan .blue-box .plan__reason-title {
  color: #2e4052;
  text-align: center;
}
.plan .blue-box .plan__reason-title .small {
  font-size: 4vw;
  font-weight: 400;
}
@media (min-width: 768px) {
  .plan .blue-box .plan__reason-title .small {
    font-size: 3rem;
  }
}
.plan .blue-box .plan__reason-title .underline {
  font-size: 6.2666666667vw;
  font-weight: 700;
  border-bottom: dotted 4px #2e4052;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .plan .blue-box .plan__reason-title .underline {
    font-size: 4.7rem;
  }
}
.plan .blue-box .plan__reason__text {
  margin: 5.3333333333vw auto;
  font-size: 4.2666666667vw;
  line-height: 1.53125;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .plan .blue-box .plan__reason__text {
    margin: 4rem auto;
    font-size: 3.2rem;
  }
}
.plan .blue-box .plan__reason__text .underline {
  font-weight: 700;
  color: #2e4052;
  border-bottom: solid 1px #2e4052;
}
.plan .request-button-wrapper {
  margin: 13.2vw auto 12.6666666667vw;
}
@media (min-width: 768px) {
  .plan .request-button-wrapper {
    margin: 9.9rem auto 9.5rem;
  }
}

/**「さらに」追加 **/
.point-bonus {
  margin-block: 16vw 8.8vw;
  background: #e8f9fe;
  position: relative;
  padding-block: 15.2vw 10.3vw;
  padding-inline: 2.8666666667vw;
  color: #2e4052;
}

.point-bonus__label {
  color: #fff;
  background: #ffb219;
  aspect-ratio: 1;
  width: 25vw;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5.29vw;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
}

.point-bonus__container {
  border-radius: 5.3vw;
  background: #fff;
  padding: 4.4vw 3.5vw 7vw;
  box-shadow: 0.44vw 0.44vw 1.32vw #d1e0e5;
  position: relative;
}

.point-bonus__header {
  margin-bottom: 5.4vw;
}

.point-bonus__sub-title {
  font-size: 4.8vw;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1vw;
}

.point-bonus__badge-group {
  display: flex;
  gap: 0.44vw;
}

.point-bonus__badge {
  font-size: 6.1vw;
  font-weight: 500;
  border: 0.44vw solid;
  background: #f6ec6d;
  aspect-ratio: 1;
  width: 9.1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.point-bonus__title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.7vw;
}

.point-bonus__cost-circle {
  aspect-ratio: 1;
  width: 22.9vw;
  border: 0.44vw solid;
  border-radius: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 3.8vw;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  > span {
    font-size: 127%;
  }
  .num {
    font-size: 224%;
  }
}

.point-bonus__main-title {
  font-size: 5.39vw;
  font-weight: bold;
  text-align: center;
  mark {
    color: inherit;
    font-feature-settings: "palt";
    font-size: 7.9vw;
    background: #fff linear-gradient(transparent 65%, #f5eb6b 65%);
  }
}

.point-bonus__image {
  margin-bottom: 6.1vw;
  img {
    max-width: 100%;
    height: auto;
  }
}

.point-bonus__body {
  font-size: 4.2vw;
  font-weight: bold;
  margin-bottom: 6.1vw;
}

.point-bonus__lead {
  margin-bottom: 1em;
}

.point-bonus__feature-list {
  margin-bottom: 6.1vw;
  display: flex;
  flex-direction: column;
  gap: 3.6vw;
}

.point-bonus__feature-item {
  background: #e8f9fe;
  border-radius: 1.47vw;
  border: 0.44vw solid;
  font-size: 4.23vw;
  font-weight: bold;
  padding: 0.7em;
  padding-left: 3.6em;
  background-position: center left 6.6vw;
  background-repeat: no-repeat;
  background-size: 5.88vw;
  box-shadow: 0.44vw 0.44vw 1.32vw #d1e0e5;
}

.point-bonus__feature-item--chart {
  background-image: url(../images/icon-point-chart.webp);
}

.point-bonus__feature-item--ticket {
  background-image: url(../images/icon-point-ticket.webp);
}

.point-bonus__feature-item--machine {
  background-image: url(../images/icon-point-machine.webp);
}

.point-bonus__feature-item--training {
  background-image: url(../images/icon-point-training.webp);
}

.point-bonus__footer {
  font-size: 4.26vw;
}

.point-bonus__note {
  margin-bottom: 5.14vw;
}

.point-bonus__highlight {
  font-feature-settings: "palt";
  font-weight: bold;
  background: #fff linear-gradient(transparent 60%, #f5eb6b 60%);
  margin-bottom: 7.6vw;
  width: fit-content;
}

.point-bonus__catch {
  font-feature-settings: "palt";
  font-size: 4.23vw;
  text-align: center;
  margin-bottom: 4.1vw;
  strong {
    font-size: 106%;
  }
}

.point-bonus__catch-accent {
  color: #faa737;
  font-size: 6.2vw;
  font-weight: bold;
}

.point-bonus__action {
  font-size: 4.2vw;
  text-align: center;
}

.point-bonus__arrow {
  width: 19.4vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 50%;
}

@media (min-width: 768px) {
  .point-bonus {
    margin-block: 14rem 3.2rem;
    padding-block: 10.4rem 6.8rem;
    padding-inline: 2rem;
  }

  .point-bonus__label {
    width: 16.9rem;
    font-size: 3.6rem;
  }

  .point-bonus__container {
    border-radius: 3.6rem;
    padding: 4rem 2.4rem 4.8rem;
    box-shadow: 3px 3px 9px #d1e0e5;
  }

  .point-bonus__header {
    margin-bottom: 3.8rem;
  }

  .point-bonus__sub-title {
    font-size: 3.3rem;
    gap: 0.5rem;
  }

  .point-bonus__badge-group {
    gap: 0.3rem;
  }

  .point-bonus__badge {
    font-size: 4.1rem;
    border-width: 0.3rem;
    width: 6.2rem;
  }

  .point-bonus__title-wrapper {
    gap: 1.2rem;
  }

  .point-bonus__cost-circle {
    width: 15.6rem;
    border-width: 0.3rem;
    font-size: 2.6rem;
  }

  .point-bonus__main-title {
    font-size: 3.6rem;
    mark {
      font-size: 5.4rem;
    }
  }

  .point-bonus__image {
    margin-bottom: 4.2rem;
  }

  .point-bonus__body {
    font-size: 2.9rem;
    margin-bottom: 5rem;
  }

  .point-bonus__lead {
  }

  .point-bonus__feature-list {
    margin-bottom: 4.5rem;
    gap: 2.2rem;
  }

  .point-bonus__feature-item {
    border-radius: 1rem;
    border-width: 0.3rem;
    font-size: 2.88rem;
    background-position: center left 5rem;
    background-size: 4rem;
    box-shadow: 0.3rem 0.3rem 0.9rem #d1e0e5;
  }

  .point-bonus__footer {
    font-size: 2.9rem;
  }

  .point-bonus__note {
    margin-bottom: 3.2rem;
  }

  .point-bonus__highlight {
    font-feature-settings: unset;
    margin-bottom: 5rem;
  }

  .point-bonus__catch {
    font-size: 2.88rem;
    margin-bottom: 3.2rem;
  }

  .point-bonus__catch-accent {
    font-size: 4.2rem;
    letter-spacing: 0.05em;
  }

  .point-bonus__action {
    font-size: 2.88rem;
  }

  .point-bonus__arrow {
    width: 13.1rem;
  }
}
/*=================================================
    流れ
===================================================*/
.flow {
  background-image: url(../images/bg_flow.webp);
  background-size: cover;
  padding: 10.6666666667vw 5.3333333333vw 14.6666666667vw;
}
@media (min-width: 768px) {
  .flow {
    padding: 8rem 4rem 11rem;
  }
}
.flow .flow__list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 22.6666666667vw;
}
@media (min-width: 768px) {
  .flow .flow__list {
    margin-top: 17rem;
  }
}
.flow .flow__list li {
  writing-mode: vertical-lr;
  width: 7.7333333333vw;
  height: 44vw;
  background: #2e4052;
  border-radius: 3px;
  color: #fff;
  font-size: 3.2vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (min-width: 768px) {
  .flow .flow__list li {
    width: 5.8rem;
    height: 33rem;
    font-size: 2.4rem;
  }
}
.flow .flow__list li:first-child::before {
  display: none;
}
.flow .flow__list li:last-child {
  background: #13c5f2;
}
.flow .flow__list li::before {
  position: absolute;
  content: "";
  left: -24%;
  background-image: url(../images/tri-right.svg);
  background-size: contain;
  width: 1.6vw;
  height: 1.2vw;
  bottom: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .flow .flow__list li::before {
    width: 1.2rem;
    height: 0.9rem;
  }
}

.schedule {
  background-image: url(../images/bg_schedule.webp);
  background-size: cover;
  padding: 10.6666666667vw 5.3333333333vw 14.6666666667vw;
}
@media (min-width: 768px) {
  .schedule {
    padding: 8rem 4rem 11rem;
  }
}
.schedule .schedule__example {
  background: #e5f6fb;
  border-radius: 15px;
  width: 73.3333333333vw;
  margin: 18.6666666667vw auto 0;
  position: relative;
  padding: 2.9333333333vw 8vw 6.6666666667vw 12.2666666667vw;
  position: relative;
}
@media (min-width: 768px) {
  .schedule .schedule__example {
    width: 55rem;
    margin: 14rem auto 0;
    padding: 2.2rem 6rem 5rem 9.2rem;
  }
}
.schedule .schedule__example::before {
  position: absolute;
  content: "";
  right: -0.5rem;
  bottom: -1.3rem;
  background-image: url(../images/usagi-3.webp);
  background-size: contain;
  width: 18.8vw;
  height: 33.2vw;
}
@media (min-width: 768px) {
  .schedule .schedule__example::before {
    width: 14.1rem;
    height: 24.9rem;
  }
}
.schedule .schedule__example .example-title {
  background: #2e4052;
  color: #fff;
  font-weight: 700;
  font-size: 4vw;
  width: 25.2vw;
  height: 7.6vw;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -3.3333333333vw;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .schedule .schedule__example .example-title {
    font-size: 3rem;
    width: 18.9rem;
    height: 5.7rem;
    top: -2.5rem;
  }
}
.schedule .schedule-image {
  width: 94.9333333333vw;
  margin: 8.8vw auto 0;
}
@media (min-width: 768px) {
  .schedule .schedule-image {
    width: 71.2rem;
    margin: 6.6rem auto 0;
    display: block;
  }
}
.schedule .schedule__table {
  border-collapse: collapse;
  position: relative;
}
.schedule .schedule__table::before {
  position: absolute;
  content: "";
  top: 6.9333333333vw;
  left: -2.6rem;
  background-image: url(../images/sche-line.svg);
  background-size: contain;
  width: 3.4666666667vw;
  height: 114vw;
}
@media (min-width: 768px) {
  .schedule .schedule__table::before {
    top: 5.2rem;
    width: 2.6rem;
    height: 85.5rem;
    left: -4.6rem;
  }
}
.schedule .schedule__table th,
.schedule .schedule__table td {
  padding: 5.4666666667vw 0;
}
@media (min-width: 768px) {
  .schedule .schedule__table th,
  .schedule .schedule__table td {
    padding: 4.5rem 0 3.9rem;
  }
}
.schedule .schedule__table th {
  font-size: 4.2666666667vw;
}
@media (min-width: 768px) {
  .schedule .schedule__table th {
    font-size: 3.2rem;
  }
}
.schedule .schedule__table td {
  font-size: 4vw;
  font-weight: 400;
  padding-left: 10.6666666667vw;
}
@media (min-width: 768px) {
  .schedule .schedule__table td {
    font-size: 3rem;
    padding-left: 8rem;
  }
}

/*=================================================
    プラン
===================================================*/
.qa {
  background-image: url(../images/bg_qa.webp);
  background-size: cover;
  padding: 10.6666666667vw 5.3333333333vw 16vw;
}
@media (min-width: 768px) {
  .qa {
    padding: 8rem 4rem 12rem;
  }
}
.qa .question-width {
  margin-top: 15.3333333333vw;
}
@media (min-width: 768px) {
  .qa .question-width {
    margin-top: 11.5rem;
  }
}
.qa .question {
  background: #9fe6f8;
  padding: 2.6666666667vw;
}
@media (min-width: 768px) {
  .qa .question {
    padding: 2rem;
  }
}
.qa .q-title {
  color: #2e4052;
  font-size: 4.2666666667vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .qa .q-title {
    font-size: 3.2rem;
  }
}
.qa .q {
  color: #fff;
  background: #2e4052;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2vw;
  font-family: "D-DIN";
  font-weight: 700;
  margin-right: 1.3333333333vw;
}
@media (min-width: 768px) {
  .qa .q {
    width: 4rem;
    height: 4rem;
    font-size: 2.4rem;
    margin-right: 1rem;
  }
}
.qa .question__item {
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 6.5333333333vw;
  box-shadow: 4.5px 4.5px 4px rgba(12, 21, 24, 0.07);
}
@media (min-width: 768px) {
  .qa .question__item {
    margin-bottom: 4.9rem;
  }
}
.qa .question__item:last-of-type {
  margin-bottom: 0;
}
.qa .answer {
  padding: 5.3333333333vw 2.8666666667vw;
  font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .qa .answer {
    padding: 4rem 2rem;
  }
}
.qa .answer__text {
  line-height: 1.45;
}
.qa .fukidashi-box {
  background: #2e4052;
  color: #fff;
  border-radius: 10px;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  padding: 6.6666666667vw 0;
  margin-top: 19.7333333333vw;
  position: relative;
}
@media (min-width: 768px) {
  .qa .fukidashi-box {
    font-size: 3.6rem;
    padding: 5rem 0;
    margin-top: 14.8rem;
  }
}
.qa .fukidashi-box::before {
  position: absolute;
  content: "";
  bottom: -21%;
  left: 26%;
  background-image: url(../images/fukidashi-tri.svg);
  background-size: contain;
  width: 5.4666666667vw;
  height: 8.5333333333vw;
}
@media (min-width: 768px) {
  .qa .fukidashi-box::before {
    width: 4.1rem;
    height: 6.4rem;
  }
}
.qa .usagi {
  width: 23.2vw;
  display: block;
  margin: 3.7333333333vw auto 0;
}
@media (min-width: 768px) {
  .qa .usagi {
    width: 17.4rem;
  }
}
.qa .request-button-wrapper {
  margin-top: 16.6666666667vw;
}
@media (min-width: 768px) {
  .qa .request-button-wrapper {
    margin-top: 12.5rem;
  }
}

/*=================================================
    会社概要
===================================================*/
.company {
  background: #2e4052;
  color: #fff;
  padding: 7.3333333333vw 4vw 8vw;
}
@media (min-width: 768px) {
  .company {
    padding: 5.5rem 3rem 6rem;
  }
}
.company .section-title {
  font-size: 8vw;
  font-weight: 700;
  color: #fff;
}
@media (min-width: 768px) {
  .company .section-title {
    font-size: 6rem;
  }
}
.company .company__table {
  font-size: 1rem;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-top: 12vw;
}
@media (min-width: 768px) {
  .company .company__table {
    margin-top: 9rem;
    font-size: 1.6rem;
  }
}
.company .company__table th,
.company .company__table td {
  border-bottom: solid 1px #fff;
  padding-bottom: 2.4vw;
  padding-top: 2.4vw;
}
@media (min-width: 768px) {
  .company .company__table th,
  .company .company__table td {
    padding-bottom: 1.8rem;
    padding-top: 1.8rem;
  }
}
.company .company__table th {
  font-weight: 700;
  text-align: center;
  padding-right: 5.3333333333vw;
}
@media (min-width: 768px) {
  .company .company__table th {
    padding-right: 4rem;
  }
}
.company .company__table td {
  font-weight: 400;
} /*# sourceMappingURL=style.css.map */