@charset "UTF-8";
/* リキッドな余白 */
/********************************************************/
/* -------------------------------------------
 * MV
 * -------------------------------------------*/
.top-mv {
  position: relative;
  width: 100%;
  z-index: 1;
  background: var(--pink-light);
  position: relative;
  padding-top: min(4.7023809524vw, 79 * var(--px));
}
@media (max-width: 834px) {
  .top-mv {
    padding-top: min(21.4285714286vw, 340 * var(--px));
  }
}
.top-mv::before {
  background: url(../img/top/mv_bg01-pc.webp) no-repeat center;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 3360/1595;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 834px) {
  .top-mv::before {
    background: url(../img/top/mv_bg01-sp.webp) no-repeat center;
    background-size: contain;
    aspect-ratio: 1680/1692;
  }
}

.top-mv__inner {
  position: relative;
  width: min(90%, 1520 * var(--px));
  margin-inline: auto;
  aspect-ratio: 1680/1008;
}
@media (max-width: 834px) {
  .top-mv__inner {
    aspect-ratio: 635/1087;
  }
}

.top-mv__decoration {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.top-mv__decoration-item {
  position: absolute;
}

.top-mv__decoration-item--01 {
  top: min(4.7619047619vw, 80 * var(--px));
  left: min(27.0833333333vw, 455 * var(--px));
  width: min(7.6785714286vw, 129 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__decoration-item--01 {
    top: min(42.8571428571vw, 720 * var(--px));
    left: min(3.869047619vw, 65 * var(--px));
    width: min(15.4761904762vw, 260 * var(--px));
    -webkit-transform: rotate(346deg);
            transform: rotate(346deg);
  }
}

.top-mv__decoration-item--02 {
  top: min(4.4642857143vw, 75 * var(--px));
  right: min(15.4761904762vw, 260 * var(--px));
  width: min(14.4642857143vw, 243 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__decoration-item--02 {
    top: min(1.7857142857vw, 30 * var(--px));
    right: min(2.0833333333vw, 35 * var(--px));
    width: min(32.7380952381vw, 550 * var(--px));
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
}

.top-mv__decoration-item--03 {
  top: min(8.9285714286vw, 150 * var(--px));
  right: min(7.1428571429vw, 120 * var(--px));
  width: min(9.8214285714vw, 165 * var(--px));
  z-index: 1;
}
@media (max-width: 834px) {
  .top-mv__decoration-item--03 {
    display: none;
  }
}

.top-mv__decoration-item--04 {
  top: 0;
  right: min(1.0714285714vw, 18 * var(--px));
  width: min(10.7142857143vw, 180 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__decoration-item--04 {
    top: min(72.0238095238vw, 1210 * var(--px));
    right: min(0vw, 0 * var(--px));
    width: min(22.7976190476vw, 680 * var(--px));
  }
}

.top-mv__decoration-item--05 {
  top: min(33.3333333333vw, 560 * var(--px));
  right: min(17.8571428571vw, 300 * var(--px));
  width: min(15.8333333333vw, 266 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__decoration-item--05 {
    top: min(90.4761904762vw, 1520 * var(--px));
    right: max(-1.1904761905vw, -20 * var(--px));
    width: min(40.4761904762vw, 680 * var(--px));
  }
}

.top-mv__decoration-item--06 {
  top: min(31.25vw, 525 * var(--px));
  right: min(2.380952381vw, 40 * var(--px));
  width: min(11.3095238095vw, 190 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__decoration-item--06 {
    top: max(-9.5238095238vw, -160 * var(--px));
    right: min(14.5238095238vw, 244 * var(--px));
    width: min(12.6785714286vw, 213 * var(--px));
    -webkit-transform: rotate(348deg);
            transform: rotate(348deg);
  }
}

.top-mv__main-visual {
  position: absolute;
  top: min(2.9761904762vw, 50 * var(--px));
  left: 0;
  z-index: 3;
  width: min(55.8928571429vw, 939 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__main-visual {
    top: min(38.6904761905vw, 650 * var(--px));
    left: max(-6.5476190476vw, -110 * var(--px));
    width: min(96.4285714286vw, 1620 * var(--px));
  }
}

.top-mv__text-area {
  position: absolute;
  top: min(10.7142857143vw, 180 * var(--px));
  left: min(39.4047619048vw, 662 * var(--px));
  z-index: 4;
}
@media (max-width: 834px) {
  .top-mv__text-area {
    top: 0;
    left: min(3.869047619vw, 65 * var(--px));
  }
}

.top-mv__lead {
  width: min(22.9166666667vw, 385 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__lead {
    width: min(51.3095238095vw, 862 * var(--px));
  }
}

.top-mv__title {
  width: min(44.4642857143vw, 747 * var(--px));
  margin-block: min(4.4047619048vw, 74 * var(--px)) min(6.4285714286vw, 108 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__title {
    width: min(84.6428571429vw, 1422 * var(--px));
    margin-block: min(6.4880952381vw, 109 * var(--px)) 0;
  }
}

.top-mv__office {
  width: min(17.3214285714vw, 291 * var(--px));
}
@media (max-width: 834px) {
  .top-mv__office {
    position: absolute;
    top: min(52.380952381vw, 880 * var(--px));
    right: min(1.1904761905vw, 20 * var(--px));
    width: min(38.8095238095vw, 652 * var(--px));
  }
}

/* -------------------------------------------
 * news
 * -------------------------------------------*/
.top-news {
  position: relative;
  z-index: 3;
}

.top-news__schedule {
  position: absolute;
  bottom: 80%;
  right: max(-10.0595238095vw, -169 * var(--px));
  z-index: 5;
  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;
  width: clamp(120 * var(--px), 251 / 1680 * 100vw, 251 * var(--px));
  height: clamp(120 * var(--px), 251 / 1680 * 100vw, 251 * var(--px));
  border-radius: 100vmax;
  background: var(--yellow);
  text-decoration: none;
}
@media (max-width: 1024px) {
  .top-news__schedule {
    bottom: 90%;
    right: max(-1.7857142857vw, -30 * var(--px));
  }
}
@media (max-width: 834px) {
  .top-news__schedule {
    bottom: 100%;
    width: 100%;
    height: auto;
    padding: 1em 0.5em 0.7em;
    right: 0;
    left: 0;
    border-radius: calc(10 * var(--px));
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    container-type: inline-size;
  }
}

.top-news__schedule-text {
  font-size: clamp(14 * var(--px), 31 / 1680 * 100vw, 31 * var(--px));
  font-weight: 700;
  line-height: 1.26;
  text-align: center;
  color: var(--pink-dark);
  letter-spacing: -0.08em;
}
@media (max-width: 834px) {
  .top-news__schedule-text {
    font-size: 7cqi;
    font-weight: bold;
  }
}

.top-news__inner {
  width: min(70%, 1200 * var(--px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto 75%;
  grid-template-columns: 63fr 900fr;
  gap: 14.5%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  background: #ffafbf;
  padding-block: clamp(30 * var(--px), 48 / 1240 * 100vw, 48 * var(--px)) clamp(30 * var(--px), 52 / 1240 * 100vw, 52 * var(--px));
  padding-right: 4%;
  border-radius: clamp(10 * var(--px), 30 / 1240 * 100vw, 30 * var(--px));
  position: relative;
}
@media (max-width: 1024px) {
  .top-news__inner {
    width: 90%;
  }
}
@media (max-width: 834px) {
  .top-news__inner {
    width: 100%;
    padding-inline: 5%;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(15 * var(--px));
  }
}

.top-news__title {
  font-size: var(--f80);
  color: var(--pink-light);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  margin-left: -0.14em;
}
@media (max-width: 834px) {
  .top-news__title {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    margin-inline: auto;
  }
}

.top-news__body {
  width: 100%;
  margin-left: auto;
  margin-top: min(1.6666666667vw, 28 * var(--px));
}

.top-news__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.top-news__list > li {
  border-bottom: calc(1 * var(--px)) solid #f199aa;
}
.top-news__list > li:not(:first-child) {
  padding-block: 2em;
}
@media (max-width: 834px) {
  .top-news__list > li:not(:first-child) {
    padding-block: 1.5em;
  }
}
.top-news__list > li:first-child {
  padding-bottom: 2em;
}
@media (max-width: 834px) {
  .top-news__list > li:first-child {
    padding-bottom: 1.5em;
  }
}

.top-news__item-link {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 4.5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: inherit;
}
@media (max-width: 834px) {
  .top-news__item-link {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.top-news__item-col:nth-child(2) {
  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;
}

.top-news__item-day {
  font-size: clamp(20 * var(--px), 3.2258064516vw, 40 * var(--px));
}

.top-news__item-month {
  font-size: clamp(13 * var(--px), 1.2096774194vw, 15 * var(--px));
}

.top-news__item-week {
  display: block;
  font-size: clamp(10 * var(--px), 0.9677419355vw, 12 * var(--px));
}

.top-news__item-title {
  font-weight: 500;
}

.top-news__item-arrow {
  display: block;
  width: clamp(12 * var(--px), 16 / 1240 * 100vw, 16 * var(--px));
  height: auto;
  aspect-ratio: 16/17;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 834px) {
  .top-news__item-arrow {
    margin-left: auto;
  }
}

.top-news__button {
  margin-top: clamp(20 * var(--px), 30 / 1240 * 100vw, 30 * var(--px));
  margin-left: auto;
}

/* -------------------------------------------
 * who we are
 * -------------------------------------------*/
.top-about-us {
  margin-right: calc((100vw - min(1590 * var(--px), 90vw)) / 2);
  background: #ff5885;
  position: relative;
  border-radius: clamp(30 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: clamp(50 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
  padding-bottom: clamp(40 * var(--px), 138 / 1240 * 100vw, 138 * var(--px));
  overflow: clip;
}
@media (max-width: 1100px) {
  .top-about-us {
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 834px) {
  .top-about-us {
    margin-top: 0;
  }
}

.top-about-us__title {
  -webkit-transform: translateY(-0.15em);
          transform: translateY(-0.15em);
  color: var(--pink-light);
  line-height: 1;
  padding-left: calc((100vw - min(1550 * var(--px), 90vw)) / 2);
}
@media (max-width: 1100px) {
  .top-about-us__title {
    padding-left: 0;
    margin-inline: auto;
  }
}

.top-about-us__main-visual {
  position: absolute;
  bottom: 0;
  right: 5%;
  width: calc(1211 * var(--px));
  z-index: 1;
  line-height: 0;
}
@media (max-width: 1100px) {
  .top-about-us__main-visual {
    position: static;
    bottom: auto;
    right: auto;
    max-width: none;
    width: 100%;
    margin-left: -13%;
  }
}

.top-about-us__content {
  color: #fff;
  padding-left: calc((100vw - min(1200 * var(--px), 90vw)) / 2);
  position: relative;
  z-index: 2;
  padding-top: clamp(30 * var(--px), 100 / 1240 * 100vw, 100 * var(--px));
}
@media (max-width: 1100px) {
  .top-about-us__content {
    padding-inline: 5%;
    margin-bottom: calc(20 * var(--px));
  }
}

.top-about-us__lead {
  font-size: var(--f32);
  font-weight: bold;
}

.top-about-us__catch-img {
  max-width: calc(510 * var(--px));
  width: 60%;
}
@media (max-width: 499px) {
  .top-about-us__catch-img {
    width: 70%;
  }
}

/* -------------------------------------------
 * ライバーとは
 * -------------------------------------------*/
.top-about-liver {
  width: 94%;
  margin-inline: auto;
  padding-top: clamp(40 * var(--px), 137 / 1240 * 100vw, 137 * var(--px));
  padding-bottom: clamp(30 * var(--px), 87 / 1240 * 100vw, 87 * var(--px));
  background: #fff;
  border-radius: clamp(15 * var(--px), 30 / 1240 * 100vw, 30 * var(--px));
  margin-top: clamp(50 * var(--px), 65 / 1240 * 100vw, 65 * var(--px));
  position: relative;
  z-index: 2;
}
@media (max-width: 834px) {
  .top-about-liver {
    width: 100%;
    margin-top: -6vw;
  }
}

.top-about-liver__intro {
  position: relative;
}

.top-about-liver__main-visual {
  position: absolute;
  left: min(37.5vw, 630 * var(--px));
  top: max(-11.3095238095vw, -190 * var(--px));
  width: min(50vw, 840 * var(--px));
  z-index: 1;
}
@media (max-width: 1399px) {
  .top-about-liver__main-visual {
    left: min(47.619047619vw, 800 * var(--px));
    top: max(-13.6904761905vw, -230 * var(--px));
  }
}
@media (max-width: 834px) {
  .top-about-liver__main-visual {
    top: max(-22.619047619vw, -380 * var(--px));
    left: min(52.380952381vw, 880 * var(--px));
    width: min(54.7619047619vw, 920 * var(--px));
  }
}

.top-about-liver__inner {
  padding-inline: calc((100vw - min(1200 * var(--px), 90vw)) / 2 - 3%);
  overflow-x: clip;
}
@media (max-width: 834px) {
  .top-about-liver__inner {
    padding-inline: 5%;
  }
}

.top-about-liver__title {
  color: var(--pink-dark);
}

.top-about-liver__catch-img {
  max-width: calc(546 * var(--px));
  width: 55%;
}
@media (max-width: 499px) {
  .top-about-liver__catch-img {
    width: 78%;
  }
}

.top-about-liver__text {
  margin: 0;
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: calc(0.8 * var(--px));
}

.top-about-liver__feature {
  position: relative;
  z-index: 2;
  padding-top: clamp(30 * var(--px), 70 / 1240 * 100vw, 70 * var(--px));
}

.top-about-liver__feature-title {
  font-size: var(--f36);
  font-weight: 700;
  color: var(--pink-strong);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--yellow);
  line-height: 1.2;
  padding: 0.2em 0.5em 0;
}
@media (max-width: 834px) {
  .top-about-liver__feature-title {
    margin-inline: auto;
    text-align: center;
    line-height: 1.6;
  }
}

.top-about-liver__feature-lead {
  margin-top: 1.5em;
}

.top-about-liver__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(30 * var(--px)) 4%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: clamp(30 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
}
@media (max-width: 834px) {
  .top-about-liver__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-about-liver__list > li {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  grid-template-columns: 1fr;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.top-about-liver__list > li:nth-child(2) .top-about-liver__list-item-img {
  width: 71%;
}

.top-about-liver__list-item-img {
  width: 60%;
}
.top-about-liver__list-item-img img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.top-about-liver__list-item-title {
  font-size: var(--f28);
  font-weight: 700;
  text-align: center;
  margin-block: 0.8em 0.6em;
}

.top-about-liver__list-item-title-pink {
  color: var(--pink-strong);
}

.top-about-liver__list-item-text {
  font-size: var(--f15);
}

.top-about-liver__watch {
  position: relative;
  z-index: 2;
  margin-top: clamp(40 * var(--px), 72 / 1240 * 100vw, 72 * var(--px));
  width: min(90%, 1380 * var(--px));
  margin-inline: auto;
  padding-inline: 5%;
  padding-bottom: clamp(30 * var(--px), 75 / 1240 * 100vw, 75 * var(--px));
  background: #f5f5f5;
  border-radius: clamp(10 * var(--px), 20 / 1240 * 100vw, 20 * var(--px));
}

.top-about-liver__watch-title {
  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;
  margin: 0 auto clamp(30 * var(--px), 68 / 1240 * 100vw, 68 * var(--px));
  border-radius: clamp(10 * var(--px), 25 / 1240 * 100vw, 25 * var(--px));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: var(--pink-strong);
  padding: 0.5em 2em 0.3em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--f27);
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-decoration: none;
}

.top-about-liver__watch-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: calc(20 * var(--px)) 4%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (max-width: 1024px) {
  .top-about-liver__watch-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.top-about-liver__watch-text {
  font-size: var(--f36);
  font-weight: 700;
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .top-about-liver__watch-text {
    text-align: center;
    margin-inline: auto;
  }
}

.top-about-liver__watch-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: clamp(10 * var(--px), 40 / 1680 * 100vw, 40 * var(--px));
  width: 100%;
  max-width: calc(784 * var(--px));
  margin-top: 1em;
}
@media (max-width: 1024px) {
  .top-about-liver__watch-badges {
    max-width: calc(500 * var(--px));
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.top-about-liver__watch-stores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5%;
  min-width: 0;
}

.top-about-liver__watch-store-badge {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  line-height: 0;
}
.top-about-liver__watch-store-badge img {
  display: block;
  width: 100%;
  height: auto;
  max-height: clamp(50 * var(--px), 81 / 1680 * 100vw, 81 * var(--px));
  -o-object-fit: contain;
     object-fit: contain;
}

.top-about-liver__watch-store-badge:nth-child(1) img {
  aspect-ratio: 241/81;
}

.top-about-liver__watch-store-badge:nth-child(2) img {
  aspect-ratio: 271/81;
}

.top-about-liver__watch-logo {
  min-width: 0;
  line-height: 0;
}
.top-about-liver__watch-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: clamp(80 * var(--px), 145 / 1680 * 100vw, 145 * var(--px));
  aspect-ratio: 151/145;
  -o-object-fit: contain;
     object-fit: contain;
}

/* -------------------------------------------
 * 所属ライバー
 * -------------------------------------------*/
.top-liver {
  position: relative;
  color: #fff;
  padding-block: clamp(50 * var(--px), 127 / 1240 * 100vw, 127 * var(--px)) clamp(50 * var(--px), 142 / 1240 * 100vw, 142 * var(--px));
  overflow: clip;
}

.top-liver__title-wrap {
  margin-right: calc((100vw - min(1400 * var(--px), 90vw)) / 2);
  text-align: right;
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 834px) {
  .top-liver__title-wrap {
    margin-inline: 5%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
}

.top-liver__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  line-height: 0;
}
.top-liver__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.top-liver__inner {
  position: relative;
  z-index: 1;
}

.top-liver__list > li:not(:last-child) {
  padding-bottom: clamp(40 * var(--px), 80 / 1240 * 100vw, 80 * var(--px));
  margin-bottom: clamp(40 * var(--px), 80 / 1240 * 100vw, 80 * var(--px));
  border-bottom: clamp(2 * var(--px), 3 / 1240 * 100vw, 3 * var(--px)) solid rgba(255, 255, 255, 0.7);
}

.top-liver__item {
  display: grid;
  grid-template-columns: 387fr 721fr;
  gap: 7%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 834px) {
  .top-liver__item {
    grid-template-columns: 1fr;
    gap: calc(30 * var(--px));
  }
}

.top-liver__item-visual {
  position: relative;
  line-height: 0;
}
@media (max-width: 834px) {
  .top-liver__item-visual {
    width: 60%;
    margin-inline: auto;
  }
}

.top-liver__item-frame {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.top-liver__item-visual-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 17%;
}
.top-liver__item-visual-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 387/690;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-liver__item-body {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "name name" "meta insta" "button button" "comment comment" "info info";
  -webkit-column-gap: clamp(20 * var(--px), 60 / 1680 * 100vw, 60 * var(--px));
     -moz-column-gap: clamp(20 * var(--px), 60 / 1680 * 100vw, 60 * var(--px));
          column-gap: clamp(20 * var(--px), 60 / 1680 * 100vw, 60 * var(--px));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (max-width: 834px) {
  .top-liver__item-body {
    grid-template-columns: 1fr;
    grid-template-areas: "lead" "meta" "button" "comment" "info";
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
}

.top-liver__item-lead {
  display: contents;
}
@media (max-width: 834px) {
  .top-liver__item-lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(20 * var(--px));
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    grid-area: lead;
  }
}

.top-liver__item-name {
  font-size: clamp(28 * var(--px), 46 / 1680 * 100vw, 46 * var(--px));
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  grid-area: name;
  margin-bottom: clamp(10 * var(--px), 45 / 1240 * 100vw, 45 * var(--px));
}
@media (max-width: 834px) {
  .top-liver__item-name {
    margin-bottom: 0;
  }
}

.top-liver__item-meta {
  grid-area: meta;
}
@media (max-width: 834px) {
  .top-liver__item-meta {
    margin-top: calc(15 * var(--px));
  }
}

.top-liver__item-meta-rows {
  display: grid;
  grid-template-columns: -webkit-max-content 1px -webkit-max-content;
  grid-template-columns: max-content 1px max-content;
  row-gap: 0.3em;
  -webkit-column-gap: 1.7em;
     -moz-column-gap: 1.7em;
          column-gap: 1.7em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 834px) {
  .top-liver__item-meta-rows {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
  }
}

.top-liver__item-meta-row {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-liver__item-meta-label,
.top-liver__item-meta-value {
  margin: 0;
  font-size: clamp(14 * var(--px), 18 / 1680 * 100vw, 18 * var(--px));
  font-weight: 500;
  letter-spacing: 0.03em;
}

.top-liver__item-meta-line {
  display: block;
  width: 1px;
  height: 0.6lh;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #fff;
  margin-top: 0.15lh;
}

.top-liver__item-instagram {
  display: block;
  width: clamp(44 * var(--px), 61 / 1680 * 100vw, 61 * var(--px));
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 0;
  align-self: start;
  grid-area: insta;
}
@media (max-width: 834px) {
  .top-liver__item-instagram {
    width: clamp(44 * var(--px), 55 / 834 * 100vw, 55 * var(--px));
    margin-top: calc(-5 * var(--px));
  }
}
.top-liver__item-instagram img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}

.top-liver__item-button {
  max-width: calc(321 * var(--px));
  width: 100%;
  grid-area: button;
  margin-top: clamp(20 * var(--px), 50 / 1240 * 100vw, 50 * var(--px));
}
@media (max-width: 834px) {
  .top-liver__item-button {
    margin-inline: auto;
  }
}

.top-liver__item-comment {
  width: 100%;
  background: #f9e1e7;
  padding: clamp(24 * var(--px), 42 / 1240 * 100vw, 42 * var(--px)) clamp(20 * var(--px), 49 / 1240 * 100vw, 49 * var(--px));
  color: #000;
  margin-block: clamp(20 * var(--px), 45 / 1240 * 100vw, 45 * var(--px)) clamp(15 * var(--px), 36 / 1240 * 100vw, 36 * var(--px));
  border-radius: calc(10 * var(--px));
  grid-area: comment;
}
@media (max-width: 834px) {
  .top-liver__item-comment {
    margin-top: calc(15 * var(--px));
    padding-inline: 5%;
  }
}

.top-liver__item-comment-title {
  font-family: var(--en);
  font-size: var(--f30);
  font-weight: 600;
  color: var(--pink-strong);
  line-height: 1;
  margin-bottom: 0.6em;
}

.top-liver__item-comment-text {
  margin-left: 1em;
  letter-spacing: -0.03em;
}
@media (max-width: 834px) {
  .top-liver__item-comment-text {
    margin-left: 0;
  }
}

.top-liver__item-info {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 2.3em;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 100vmax;
  grid-area: info;
}
@media (max-width: 834px) {
  .top-liver__item-info {
    padding: clamp(24 * var(--px), 42 / 1240 * 100vw, 42 * var(--px)) 5%;
    grid-template-columns: 1fr;
    border-radius: calc(10 * var(--px));
  }
}

.top-liver__item-info-label {
  font-size: var(--f18);
  font-weight: 700;
  white-space: nowrap;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.3em;
}
.top-liver__item-info-label::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.6lh;
  background: rgba(255, 255, 255, 0.8);
  margin-left: 1.5em;
  margin-top: 0.15lh;
}
@media (max-width: 834px) {
  .top-liver__item-info-label::after {
    display: none;
  }
}

.top-liver__item-info-text {
  font-size: var(--f18);
  color: var(--yellow);
  letter-spacing: 0.05em;
}

/* -------------------------------------------
 * 企業様へ
 * -------------------------------------------*/
.top-for-corporate {
  position: relative;
  z-index: 1;
  margin-left: 5.3%;
  padding-left: calc((100vw - min(1370 * var(--px), 90vw)) / 2);
  padding-block: clamp(50 * var(--px), 126 / 1240 * 100vw, 126 * var(--px)) clamp(50 * var(--px), 87 / 1240 * 100vw, 87 * var(--px));
  background: #f5f5f5;
  border-radius: clamp(30 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #231815;
}
@media (max-width: 834px) {
  .top-for-corporate {
    margin-left: 0;
    padding-inline: 5%;
    border-top-right-radius: clamp(30 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
    border-bottom-right-radius: clamp(30 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
  }
}

.top-for-corporate__sec-title {
  color: var(--pink-strong);
}

.top-for-corporate__head {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

.top-for-corporate__label {
  font-size: var(--f28);
  font-weight: 700;
  line-height: 1.1;
  color: var(--pink-strong);
}

.top-for-corporate__catch {
  font-size: var(--f52);
  letter-spacing: -0.05em;
  font-weight: 700;
}
@media (max-width: 1100px) {
  .top-for-corporate__catch {
    text-align: left;
  }
}

.top-for-corporate__catch-img {
  max-width: calc(585 * var(--px));
  width: 93%;
}
@media (max-width: 834px) {
  .top-for-corporate__catch-img {
    width: 59%;
  }
}
@media (max-width: 499px) {
  .top-for-corporate__catch-img {
    width: 70%;
  }
}

.top-for-corporate__intro {
  position: relative;
  z-index: 1;
}

.top-for-corporate__main-visual {
  margin-left: -12%;
  margin-top: -17%;
}
@media (max-width: 834px) {
  .top-for-corporate__main-visual {
    position: absolute;
    right: max(-4.7023809524vw, -79 * var(--px));
    top: max(-5.6547619048vw, -95 * var(--px));
    width: min(48.8095238095vw, 820 * var(--px));
    z-index: -1;
  }
}

.top-for-corporate__examples {
  background: #fff;
  margin-top: calc(30 * var(--px));
  padding-block: clamp(30 * var(--px), 37 / 1240 * 100vw, 37 * var(--px)) clamp(30 * var(--px), 59 / 1240 * 100vw, 59 * var(--px));
  padding-inline: 7.6%;
}

.top-for-corporate__examples-title {
  font-size: var(--f23);
  font-weight: 700;
  text-align: center;
}

.top-for-corporate__list {
  margin-top: clamp(20 * var(--px), 30 / 1240 * 100vw, 30 * var(--px));
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(39 * var(--px)) calc(45 * var(--px));
  gap: clamp(20 * var(--px), 39 / 1240 * 100vw, 39 * var(--px)) clamp(20 * var(--px), 45 / 1240 * 100vw, 45 * var(--px));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 834px) {
  .top-for-corporate__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(10 * var(--px));
  }
}
.top-for-corporate__list > li {
  display: grid;
  grid-template-columns: 65fr 209fr;
  grid-template-rows: auto auto;
  gap: 0.3em 5%;
  -ms-flex-line-pack: start;
      align-content: start;
  padding: clamp(20 * var(--px), 30 / 1240 * 100vw, 30 * var(--px)) 8%;
  background: rgba(240, 151, 169, 0.2);
  grid-template-rows: subgrid;
  grid-row: span 2;
  border-radius: calc(10 * var(--px));
}
@media (max-width: 834px) {
  .top-for-corporate__list > li {
    grid-template-columns: auto 1fr;
    padding-inline: 5%;
  }
}

.top-for-corporate__list-item-icon {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: center;
  height: 100%;
  width: auto;
  aspect-ratio: 1/1;
  max-height: calc(64 * var(--px));
  height: clamp(30 * var(--px), 64 / 1240 * 100vw, 64 * var(--px));
  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;
  align-self: flex-start;
}
.top-for-corporate__list-item-icon img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.top-for-corporate__list-item-title {
  grid-column: 1/-1;
  font-size: var(--f25);
  font-weight: bold;
  color: var(--pink-strong);
}

.top-for-corporate__list-item-text {
  grid-column: 2;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.69;
  align-self: center;
}

.top-for-corporate__etc {
  margin-top: 0.5em;
  font-weight: 400;
  text-align: right;
}

/* -------------------------------------------
 * Q&A
 * -------------------------------------------*/
.top-qa {
  position: relative;
  z-index: 1;
  background: var(--pink-light);
  color: #fff;
  padding-block: clamp(50 * var(--px), 130 / 1240 * 100vw, 130 * var(--px)) clamp(50 * var(--px), 120 / 1240 * 100vw, 120 * var(--px));
}

.top-qa__title-wrap {
  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;
  text-align: center;
  margin-bottom: clamp(40 * var(--px), 70 / 1240 * 100vw, 70 * var(--px));
}

.top-qa__title {
  color: #fff;
  margin-inline: auto;
}

.top-qa__lead {
  margin-top: 1.2em;
  margin-inline: auto;
  font-size: var(--f22);
  font-weight: 700;
}

/* -------------------------------------------
 * 代表挨拶
 * -------------------------------------------*/
.top-message {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--pink-strong);
  border-radius: clamp(30 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
  padding-bottom: clamp(50 * var(--px), 120 / 1240 * 100vw, 120 * var(--px));
}

.top-message__inner {
  position: relative;
  z-index: 1;
  position: relative;
}
.top-message__inner::before {
  background: url(../img/top/message_bg01.webp) no-repeat center center/contain;
  content: "";
  display: inline-block;
  position: absolute;
  width: 72%;
  aspect-ratio: 2882/1790;
  top: 11%;
  left: 17%;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 834px) {
  .top-message__inner::before {
    width: 80%;
    top: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 399px) {
  .top-message__inner::before {
    top: 40%;
    width: 100%;
  }
}

.top-message__title {
  color: var(--pink-light);
  line-height: 1;
  margin-top: -0.2em;
  margin-left: auto;
  margin-right: calc((100vw - min(1200 * var(--px), 90vw)) / 2);
}
@media (max-width: 834px) {
  .top-message__title {
    margin-inline: auto;
  }
}

.top-message__main {
  width: min(90%, 1150 * var(--px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: 595fr 524fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5%;
  margin-top: clamp(10 * var(--px), 30 / 1240 * 100vw, 30 * var(--px));
  color: #fff;
}
@media (max-width: 834px) {
  .top-message__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: calc(10 * var(--px));
  }
}

.top-message__content {
  margin-top: -33%;
}
@media (max-width: 834px) {
  .top-message__content {
    margin-top: 0;
  }
}

@media (max-width: 834px) {
  .top-message__main-visual {
    width: 60%;
  }
}

.top-message__label {
  font-size: var(--f28);
  font-weight: 700;
}

@media (max-width: 1100px) {
  .top-message__catch {
    text-align: left;
  }
}

.top-message__catch-img {
  max-width: calc(372 * var(--px));
  width: 74%;
}
@media (max-width: 834px) {
  .top-message__catch-img {
    width: 44%;
  }
}

.top-message__text {
  font-weight: 400;
}

.top-message__signature {
  margin-top: 3em;
  font-weight: 500;
  text-align: right;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .top-message__signature {
    margin-top: 1em;
  }
}

.top-message__signature-name {
  font-size: var(--f20);
  font-weight: 600;
}

.top-message__biography {
  margin-top: -10%;
  padding: clamp(30 * var(--px), 70 / 1240 * 100vw, 70 * var(--px)) 4% clamp(25 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
  background: #fff;
  position: relative;
  border-radius: clamp(10 * var(--px), 20 / 1240 * 100vw, 20 * var(--px));
}
@media (max-width: 834px) {
  .top-message__biography {
    padding-inline: 5%;
  }
}

.top-message__biography-title-en {
  font-family: var(--en);
  font-size: clamp(26 * var(--px), 3.6290322581vw, 45 * var(--px));
  line-height: 1;
  color: var(--pink-light);
  position: absolute;
  top: -0.5em;
  left: 3%;
}
@media (max-width: 834px) {
  .top-message__biography-title-en {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-replace: auto;
  }
}

.top-message__biography-content {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: calc(15 * var(--px)) 2%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 834px) {
  .top-message__biography-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.top-message__biography-label {
  font-size: var(--f20);
  font-weight: 700;
  color: var(--pink-strong);
}
@media (max-width: 834px) {
  .top-message__biography-label {
    text-align: center;
  }
}

.top-message__biography-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 834px) {
  .top-message__biography-grid {
    grid-template-columns: 1fr;
  }
}

.top-message__biography-col {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.top-message__biography-dates {
  font-family: var(--en);
  font-size: clamp(14 * var(--px), 1.4516129032vw, 18 * var(--px));
  font-weight: 500;
  text-align: right;
  color: #e8567e;
}

.top-message__biography-text {
  font-size: clamp(14 * var(--px), 1.4516129032vw, 18 * var(--px));
  font-weight: 500;
  color: #231815;
}

/* -------------------------------------------
 * 会社概要
 * -------------------------------------------*/
.top-company {
  position: relative;
  z-index: 0;
  position: relative;
  background: #fff;
  padding-block: clamp(50 * var(--px), 120 / 1240 * 100vw, 120 * var(--px));
}
.top-company::before {
  background: #fff;
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: calc(100 * var(--px));
  bottom: 100%;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

.top-company__inner {
  width: 90%;
  margin-inline: auto;
}

.top-company__title-wrap {
  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;
}

.top-company__title-en {
  font-size: var(--f80);
  color: #ddd;
}

.top-company__title-ja {
  font-size: var(--f18);
  font-weight: 700;
  color: #ddd;
}

.top-company__logo {
  width: clamp(80 * var(--px), 140 / 1240 * 100vw, 140 * var(--px));
  margin-inline: auto;
  margin-top: clamp(20 * var(--px), 60 / 1240 * 100vw, 60 * var(--px));
}

.top-company__office-name-img {
  margin-block: clamp(10 * var(--px), 32 / 1240 * 100vw, 32 * var(--px)) clamp(20 * var(--px), 66 / 1240 * 100vw, 66 * var(--px));
  margin-inline: auto;
  width: min(44%, 383 * var(--px));
}
@media (max-width: 499px) {
  .top-company__office-name-img {
    width: 50%;
  }
}

.top-company__list {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: left;
}

.top-company__list dt,
.top-company__list dd {
  font-size: var(--f18);
  color: #231815;
}

/* -------------------------------------------
 * CTA
 * -------------------------------------------*/
.cta {
  display: block;
  background: repeating-linear-gradient(-45deg, #ff6890 0 15px, #ff5885 15px 30px);
  padding: clamp(30 * var(--px), 73 / 1240 * 100vw, 73 * var(--px)) 4% clamp(40 * var(--px), 63 / 1240 * 100vw, 63 * var(--px));
  width: min(90%, 1480 * var(--px));
  margin-inline: auto;
  border-radius: clamp(10 * var(--px), 20 / 1240 * 100vw, 20 * var(--px));
  border: 10px solid #ff5885;
  margin-top: clamp(40 * var(--px), 85 / 1240 * 100vw, 85 * var(--px));
  position: relative;
  container-type: inline-size;
}
@media (max-width: 834px) {
  .cta {
    background: repeating-linear-gradient(-45deg, #ff6890 0 12px, #ff5885 12px 24px);
    border: 5px solid #ff5885;
    padding-bottom: 32vw;
  }
}
.cta::after {
  background: url(../img/top/cta_img01.webp) no-repeat center;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
  width: 27.3cqi;
  aspect-ratio: 720/882;
  bottom: calc(-10 * var(--px));
  left: min(2.380952381vw, 40 * var(--px));
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1399px) {
  .cta::after {
    width: 32.3cqi;
  }
}
@media (max-width: 834px) {
  .cta::after {
    bottom: calc(-5 * var(--px));
    width: 41.3cqi;
    z-index: 4;
  }
}
@media (max-width: 399px) {
  .cta::after {
    width: 39.5cqi;
  }
}

.cta__head {
  display: grid;
  grid-template-columns: auto auto;
  gap: 3%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: calc(1024 * var(--px));
  margin-left: auto;
  margin-right: 2em;
  position: relative;
  z-index: 2;
}
@media (max-width: 834px) {
  .cta__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-inline: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.cta__label {
  display: inline-block;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.3em 1em 0.1em;
  text-align: center;
  background: #fff;
  font-size: clamp(18 * var(--px), 1.9047619048vw, 32 * var(--px));
  color: var(--pink-strong);
  border-radius: 100vmax;
  letter-spacing: -0.05em;
  line-height: 1.2;
  font-size: 2.4cqi;
  white-space: nowrap;
}
@media (max-width: 834px) {
  .cta__label {
    margin-bottom: 1em;
    font-size: calc(15 * var(--px));
  }
}

.cta__catch {
  margin: 0;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
@media (max-width: 834px) {
  .cta__catch {
    text-align: center;
  }
}

.cta__catch-line {
  display: block;
  font-size: clamp(30 * var(--px), 2.5vw, 42 * var(--px));
  line-height: 1.6;
  font-size: 3.2cqi;
  letter-spacing: -0.05em;
}
@media (max-width: 834px) {
  .cta__catch-line {
    font-size: calc(18 * var(--px));
  }
}

.cta__catch-line--lg {
  font-size: clamp(30 * var(--px), 3.0952380952vw, 52 * var(--px));
  letter-spacing: -0.05em;
  font-size: 3.9cqi;
}
@media (max-width: 834px) {
  .cta__catch-line--lg {
    font-size: calc(24 * var(--px));
  }
}

.cta__features {
  margin-top: clamp(20 * var(--px), 30 / 1240 * 100vw, 30 * var(--px));
  position: relative;
  z-index: 4;
}

.cta__feature-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5%;
  font-weight: bold;
  width: 87%;
  margin-left: auto;
}
@media (max-width: 834px) {
  .cta__feature-list {
    grid-template-columns: 1fr;
    gap: calc(10 * var(--px));
    width: 100%;
    margin-left: 0;
  }
}
.cta__feature-list > li {
  padding: 1em 1em;
  background: var(--yellow);
  border-radius: 5px;
  container-type: inline-size;
}

.cta__feature-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.1em;
}

.cta__feature-label {
  font-size: var(--f26);
  color: var(--pink-strong);
  font-size: 7cqi;
  font-weight: bold;
  line-height: 1.8;
}

.cta__feature-value {
  font-family: var(--en);
  font-size: var(--f60);
  font-weight: 600;
  line-height: 1;
  color: var(--pink-strong);
  font-size: 17cqi;
}

.cta__feature-unit {
  font-size: var(--f24);
  font-weight: 700;
  color: var(--pink-strong);
  font-size: 7cqi;
  line-height: 1.8;
}/*# sourceMappingURL=top.css.map */