@charset "UTF-8";
:root {
  --board: 1280;
  --max: 1px;
}

:root {
  --colorBlack: #333;
  --colorBg: #fff;
  --colorCurrent: #c7c7c7;
  --color-primary: #2e2f54;
  --color-primary_hover: #0a66c2;
  --color-primary_regular: #3f498c;
  --color-secondary: #f78e26;
  --color-secondary_hover: #dd6e00;
  --color-key: #537fed;
  --color-key_hover: #2c5cd3;
  --color-black: #333;
  --color-primary_light: #0a66c2;
  --color-yellow: #ffe940;
  --color-sub_yellow: #ffd932;
  --color-line: #06c755;
  --color-youtube: #f00;
  --color-newsletter: #0b318f;
  --color-blue: #0a66c2;
  --color-gray: #666;
  --color-bg_skyblue: #e9f5fc;
  --color-deepNavy: #2c3152;
  --color-navy: #3f498c;
  --color-drillpark: #158167;
  --color-okulinkplus: #ed7d31;
  --color-testpark: #0e91ef;
  --color-karte: #2d318c;
}

:root {
  --fontGothic: 'Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  --fontMincho: 'Zen Old Mincho', '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  --fontEnglish: 'Oswald', sans-serif;
  --fontMaru: 'Zen Maru Gothic', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

:root {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:root {
  --fontSize: 16rem;
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
}

:root {
  --bodyBg: var(--colorBg);
  --speed: .3s;
}

.mv {
  position: relative;
  min-height: clamp(0px, 10vw / var(--board) * 10 * 568, var(--max) * 568);
}
.mv__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.mv__background-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.mv__illustration {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76);
  right: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 246, var(--max) * 246));
  width: clamp(0px, 10vw / var(--board) * 10 * 349, var(--max) * 349);
}
.mv__inner {
  position: absolute;
  bottom: clamp(var(--max) * -124, 10vw / var(--board) * 10 * -124, 0px);
  left: 50%;
  z-index: 1;
  margin: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1048, var(--max) * 1048);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mv__illustration-image {
  width: 100%;
  height: auto;
}
.mv__slider-wrapper {
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  background-color: #fff;
  -webkit-box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) rgba(9, 119, 211, 0.2);
          box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) rgba(9, 119, 211, 0.2);
}
.mv__slider {
  overflow: hidden;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.mv__slider-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.mv__slider-item {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 290, var(--max) * 290);
  height: clamp(0px, 10vw / var(--board) * 10 * 163, var(--max) * 163);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
}
.mv__slider-item:first-child {
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.mv__slider-item.is-new::before {
  content: "NEW";
  position: absolute;
  top: clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  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(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  background-color: var(--color-sub_yellow);
  color: #2e2f54;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  font-family: var(--fontEnglish);
  line-height: 1.4;
}
.mv__slider-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv__slider-controls {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}
.mv__side-buttons {
  position: fixed;
  top: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  right: 0;
  z-index: 8;
}
.mv__side-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) 0 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mv__side-button--yellow {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  background-color: #fff500;
}
.mv__side-button--yellow .mv__side-button-text {
  color: #3f498c !important;
}
.mv__side-button--yellow .mv__side-button-icon {
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
.mv__side-button--blue {
  background-color: #537fed;
}
.mv__side-button--blue .mv__side-button-text {
  color: #fff !important;
}
.mv__side-button--blue .mv__side-button-icon {
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.mv__side-button-text {
  letter-spacing: 0.02em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.04;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.features {
  position: relative;
  overflow: hidden;
  padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0 clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  background-color: #e9f5fc;
}
.features__bg {
  opacity: 0.2;
}
.features__bg-icon {
  position: absolute;
}
.features__bg-icon--1 {
  display: none;
}
.features__bg-icon--2 {
  top: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 435, var(--max) * 435));
  width: clamp(0px, 10vw / var(--board) * 10 * 96, var(--max) * 96);
}
.features__bg-icon--3 {
  top: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
  left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54));
  width: clamp(0px, 10vw / var(--board) * 10 * 145, var(--max) * 145);
}
.features__bg-icon--4 {
  display: none;
}
.features__bg-icon--5 {
  top: clamp(0px, 10vw / var(--board) * 10 * 225, var(--max) * 225);
  right: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 482, var(--max) * 482));
  width: clamp(0px, 10vw / var(--board) * 10 * 156, var(--max) * 156);
}
.features__bg-icon--6 {
  display: none;
}
.features__bg-icon--7 {
  top: clamp(0px, 10vw / var(--board) * 10 * 273, var(--max) * 273);
  left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 544, var(--max) * 544));
  width: clamp(0px, 10vw / var(--board) * 10 * 156, var(--max) * 156);
}
.features__inner {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1031, var(--max) * 1031);
}
.features__header {
  position: relative;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.features__header-bg {
  position: absolute;
  top: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
  left: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  pointer-events: none;
}
.features__header-bg-icon {
  position: absolute;
  opacity: 0.2;
}
.features__header-bg-icon--1 {
  top: 0;
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
.features__header-bg-icon--2 {
  top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  left: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
.features__header-bg-icon--3 {
  top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
}
.features__header-bg-icon--4 {
  top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  left: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
  width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
}
.features__header-bg-icon--5 {
  top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  left: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
.features__header-bg-icon--6 {
  top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
}
.features__header-bg-icon--7 {
  top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  left: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
.features__title-en {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: #fff;
  letter-spacing: 0.08em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  font-family: var(--fontEnglish);
  line-height: 1.4;
  text-box: trim-both cap alphabetic;
}
.features__title-ja {
  color: var(--color-blue);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  line-height: 1.4;
}
.features__main {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.features__main-visual {
  position: relative;
  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(0px, 10vw / var(--board) * 10 * 546, var(--max) * 546);
  height: 100%;
}
.features__main-visual-item {
  --filter-color: #0e91ef;
}
.features__main-visual-item::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.features__main-visual-item--drillpark {
  --filter-color: #158167;
}
.features__main-visual-item--drillpark::before {
  background-image: url("/miraiseed/assets-top/image/bg_features_screen-drillpark.webp");
}
.features__main-visual-item--okulinkplus {
  --filter-color: #ed7d31;
}
.features__main-visual-item--okulinkplus::before {
  background-image: url("/miraiseed/assets-top/image/bg_features_screen-okulinkplus.webp");
}
.features__main-visual-item--testpark {
  --filter-color: #0e91ef;
}
.features__main-visual-item--testpark::before {
  background-image: url("/miraiseed/assets-top/image/bg_features_screen-testpark.webp");
}
.features__main-visual-item--karte {
  --filter-color: #2d318c;
}
.features__main-visual-item--karte::before {
  background-image: url("/miraiseed/assets-top/image/bg_features_screen-karte.webp");
}
.features__main-visual-filter {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/miraiseed/assets-top/image/bg_features_screen-drillpark.webp");
          mask-image: url("/miraiseed/assets-top/image/bg_features_screen-drillpark.webp");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.features__main-visual-filter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  max-width: none;
  max-height: none;
  width: 400%;
  height: 400%;
  background-color: var(--filter-color);
  -webkit-transform: translateX(-50%) rotate(135deg) translateY(-80%);
          transform: translateX(-50%) rotate(135deg) translateY(-80%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.features__main-visual-item.is-active .features__main-visual-filter::before {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translateX(-50%) rotate(135deg) translateY(120%);
          transform: translateX(-50%) rotate(135deg) translateY(120%);
}
.features__main-visual-image {
  position: absolute;
  top: 0;
  left: clamp(0px, 10vw / var(--board) * 10 * 158, var(--max) * 158);
  z-index: 1;
  width: clamp(0px, 10vw / var(--board) * 10 * 373, var(--max) * 373);
  height: auto;
}
.features__main-visual-screen {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  z-index: 4;
  max-width: none;
  width: clamp(0px, 10vw / var(--board) * 10 * 606, var(--max) * 606);
  height: auto;
}
.features__main-visual-screen--image {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.features__main-visual-slide {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  z-index: 2;
  width: clamp(0px, 10vw / var(--board) * 10 * 565, var(--max) * 565);
  height: clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
}
.features__main-visual-slide--filter {
  z-index: 3;
}
.features__main-visual-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.features__main-visual-device {
  position: relative;
  right: 0;
  bottom: 0;
  z-index: 0;
  max-width: none;
  width: 100%;
  height: auto;
}
.features__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 451, var(--max) * 451);
}
.features__lead {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  color: var(--color-primary);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.4;
}
.features__description {
  color: var(--color-black);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.8;
}
.features__video {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: 100%;
}
.features__video-label {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: var(--color-blue);
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.features__video-thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  cursor: pointer;
}
.features__video-thumbnail iframe {
  width: 100%;
  height: 100%;
}
.features__cards {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) 1fr clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.features__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.features__card-badge {
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
}
.features__card-badge-circle {
  position: relative;
  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(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border-radius: 50%;
  background-color: #fff;
}
.features__card-badge-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  height: clamp(0px, 10vw / var(--board) * 10 * 8.5, var(--max) * 8.5);
  background-color: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  -webkit-transform: translateY(-50%) translateX(100%);
          transform: translateY(-50%) translateX(100%);
}
.features__card-badge-for {
  color: var(--color-blue);
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.features__card-badge-arrow {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}
.features__card-badge-target {
  color: var(--color-blue);
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.4;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.features__card-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  color: var(--color-primary);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.features__card-visual {
  overflow: hidden;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: 100%;
  aspect-ratio: 306/172;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.features__card-visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.features__card-text {
  color: #333;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.8;
}

.products {
  position: relative;
  overflow: hidden;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  background-color: #fff;
}
.products__inner {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.products__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: clamp(0px, 10vw / var(--board) * 10 * 387, var(--max) * 387);
}
.products__title-en {
  color: #e9f5fc;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  font-family: var(--fontEnglish);
  line-height: 1.4;
  pointer-events: none;
  text-box: trim-both cap alphabetic;
}
.products__title-ja {
  color: var(--color-blue);
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
}
.products__card-wrapper {
  position: relative;
  z-index: 5;
  margin-left: calc(50% - 50vw);
  max-width: none;
  width: 100vw;
  height: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  background-image: url("/miraiseed/assets-top/image/bg_products-dots.webp");
  background-position: center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
  background-repeat: no-repeat;
}
.products__card {
  position: absolute;
  z-index: 5;
  padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  width: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340);
  height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(46, 47, 84, 0.2);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(46, 47, 84, 0.2);
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.products__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  background: var(--card-color);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.products__card {
  --card-color: #aaa;
}
.products__card--test {
  background: linear-gradient(156.39deg, #0e91ef 0%, #eef7fe 100%);
  --card-color: #0e91ef;
}
.products__card--drill {
  background: linear-gradient(156.39deg, #158167 0%, #f3f9f7 100%);
  --card-color: #158167;
}
.products__card--drill::after {
  position: absolute;
  right: 0;
  bottom: clamp(var(--max) * -14, 10vw / var(--board) * 10 * -14, 0px);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  height: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  background-image: url("/miraiseed/assets-top/image/arrow_products-left.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.products__card--octlink {
  background: linear-gradient(156.39deg, #ed7d31 0%, #fdf3ec 100%);
  --card-color: #ed7d31;
}
.products__card--octlink::after {
  position: absolute;
  bottom: clamp(var(--max) * -14, 10vw / var(--board) * 10 * -14, 0px);
  left: 0;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  height: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  background-image: url("/miraiseed/assets-top/image/arrow_products-right.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.products__card--karte {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background: linear-gradient(156.39deg, #2d318c 0%, #f2f2f8 100%);
  --card-color: #2d318c;
}
.products__card--karte::before {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
}
.products__card--test {
  top: clamp(0px, 10vw / var(--board) * 10 * 116, var(--max) * 116);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.products__card--drill {
  top: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295);
  right: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176));
}
.products__card--octlink {
  top: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295);
  left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176));
}
.products__card--karte {
  top: clamp(0px, 10vw / var(--board) * 10 * 476, var(--max) * 476);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.products__card-content-wrapper {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  background-color: #fff;
}
.products__card--test .products__card-content-wrapper {
  border: 2px solid #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49.5%, #fff), to(#d7edff));
  background: linear-gradient(to top, #fff 49.5%, #d7edff);
}
.products__card--drill .products__card-content-wrapper {
  border: 2px solid #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49.5%, #fff), to(#caf4ea));
  background: linear-gradient(to top, #fff 49.5%, #caf4ea);
}
.products__card--octlink .products__card-content-wrapper {
  border: 2px solid #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49.5%, #fff), to(#ffd6be));
  background: linear-gradient(to top, #fff 49.5%, #ffd6be);
}
.products__card--karte .products__card-content-wrapper {
  border: 2px solid #fff;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49.5%, #fff), to(#e1e2f9));
  background: linear-gradient(to top, #fff 49.5%, #e1e2f9);
}
.products__card-head {
  display: block;
  margin: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19));
          transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19));
}
.products__card-icon-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: clamp(var(--max) * -30, 10vw / var(--board) * 10 * -30, 0px);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: 100%;
}
.products__card-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
}
.products__card-icon img {
  width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  height: auto;
}
.products__card-name {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  color: var(--card-color);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  text-box: trim-both cap alphabetic;
}
.products__card-visual {
  position: relative;
  overflow: hidden;
  width: clamp(0px, 10vw / var(--board) * 10 * 141, var(--max) * 141);
}
.products__card-visual-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.products__card-visual-frame {
  position: absolute;
  top: -15%;
  left: -3%;
  width: 120%;
  height: 130%;
  pointer-events: none;
}
.products__card-visual-frame img {
  width: 100%;
  height: 100%;
}
.products__card-description {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.4;
}
.products__card-subtitle {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #333;
  white-space: nowrap;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.2;
}
.products__card-link {
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background-color: var(--card-color);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.products__card-link::after {
  content: "";
  display: block;
  width: 0.45em;
  height: 0.45em;
  border: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) solid;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.products__card-link-icon {
  width: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

.data {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0 clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #fff;
}
.data__inner {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.data__title-en {
  color: #e9f5fc;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  font-family: var(--fontEnglish);
  line-height: 1.4;
  pointer-events: none;
  text-box: trim-both cap alphabetic;
}
.data__title-ja {
  color: var(--color-blue);
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  line-height: 1.4;
}
.data__main-card {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 370, var(--max) * 370);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-image: url("/miraiseed/assets-top/image/bg_data-main.webp");
  background-position: center;
  background-size: cover;
}
.data__main-content {
  position: relative;
  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;
  height: 100%;
}
.data__main-text {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
.data__text {
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
}
.data__number {
  color: #ffd932;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  font-family: var(--fontEnglish);
  line-height: 1;
}
.data__number-small {
  color: #ffd932;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.data__note {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #fff;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.8;
}
.data__chart {
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
  width: clamp(0px, 10vw / var(--board) * 10 * 263, var(--max) * 263);
}
.data__chart-svg {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 263, var(--max) * 263);
  height: auto;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.data__chart-circle {
  -webkit-transition: stroke-dashoffset 1.4s ease-out;
  transition: stroke-dashoffset 1.4s ease-out;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  fill: none;
  stroke-width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
.data__chart-circle--bg {
  stroke: rgb(255, 255, 255);
}
.data__chart-circle--value {
  stroke: var(--color-sub_yellow);
  stroke-linecap: butt;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
}
.data__main-stat {
  position: relative;
}
.data__main-stat-label {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1;
}
.data__main-stat-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.data__main-stat-number > * {
  text-box: trim-both cap alphabetic;
}
.data__main-stat-large {
  color: var(--color-sub_yellow);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  font-family: var(--fontEnglish);
  line-height: 1;
}
.data__main-stat-text {
  display: inline;
  line-height: 1;
}
.data__main-stat-unit {
  color: var(--color-sub_yellow);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  line-height: 1;
}
.data__main-stat-suffix {
  color: var(--color-sub_yellow);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  line-height: 1.2;
}
.data__map {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  right: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  width: clamp(0px, 10vw / var(--board) * 10 * 342, var(--max) * 342);
  height: clamp(0px, 10vw / var(--board) * 10 * 348, var(--max) * 348);
}
.data__map-image {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.data__cards {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72) 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.data__card {
  width: clamp(0px, 10vw / var(--board) * 10 * 480, var(--max) * 480);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #fff;
}
.data__card--users {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7) 0 clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  border: 2px solid #68aee9;
}
.data__card--users::before, .data__card--users::after {
  content: "";
  position: absolute;
  left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48));
  height: 4px;
  background-color: #fff;
}
.data__card--users::before {
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.data__card--users::after {
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.data__card--training {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7) 0 clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  border: 2px solid #68aee9;
}
.data__card--training::before, .data__card--training::after {
  content: "";
  position: absolute;
  left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48));
  height: 4px;
  background-color: #fff;
}
.data__card--training::before {
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.data__card--training::after {
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.data__card-icon {
  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(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
.data__card-icon-image {
  width: 100%;
  height: 100%;
}
.data__card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: var(--color-primary);
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.4;
}
.data__card-note {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #333;
  text-align: center;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.8;
}
.data__card-number-area {
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
.data__card-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  color: var(--color-blue);
  font-family: var(--fontEnglish);
}
.data__card-large {
  letter-spacing: -0.02em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  line-height: 1.4;
}
.data__card-divider {
  font-weight: 300;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  line-height: 1.4;
}
.data__card-total {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  line-height: 1.4;
}
.data__card-unit {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.2;
}
.data__card-unit-inline {
  color: #0a66c2;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.2;
}
.data__card-suffix {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.data__card-list {
  color: var(--color-black);
  text-align: left;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}

.support {
  padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0 clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  background-color: var(--color-bg_skyblue);
}
.support__inner {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.support__title-en {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #fff;
  letter-spacing: 0.08em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  font-family: var(--fontEnglish);
  line-height: 1.4;
  text-box: trim-both cap alphabetic;
}
.support__title-ja {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #0a66c2;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  line-height: 1.4;
}
.support__description {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  color: var(--color-black);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
.support__section {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
.support__section:last-child {
  margin-bottom: 0;
}
.support__section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.support__section-header .support__section-title {
  margin-bottom: 0;
}
.support__section-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  color: var(--color-primary);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.5;
}
.support__link {
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  background-color: #fff;
}
.support__app-cards {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 1fr clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 1fr clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 1fr;
  grid-template-columns: repeat(4, 1fr);
}
.support__app-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) solid #fff;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(49.519%, transparent), color-stop(49.519%, #fff), to(#fff));
  background: linear-gradient(180deg, transparent 0%, transparent 49.519%, #fff 49.519%, #fff 100%);
  -webkit-box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 rgba(46, 47, 84, 0.15);
          box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 rgba(46, 47, 84, 0.15);
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.support__app-card--octlink {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49.52%, #fff), to(#ffd6be));
  background: linear-gradient(0deg, #fff 49.52%, #ffd6be 100%);
}
.support__app-card--drillpark {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49.52%, #fff), to(#caf4ea));
  background: linear-gradient(0deg, #fff 49.52%, #caf4ea 100%);
}
.support__app-card--testpark {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49.52%, #fff), to(#d7edff));
  background: linear-gradient(0deg, #fff 49.52%, #d7edff 100%);
}
.support__app-card--karte {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49.52%, #fff), to(#e1e2f9));
  background: linear-gradient(0deg, #fff 49.52%, #e1e2f9 100%);
}
.support__app-card-icon {
  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 0 clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  height: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75);
}
.support__app-card-icon-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support__app-card-name {
  color: #333 !important;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.support__help-cards {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 1fr clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.support__help-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  height: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  border: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) solid #fff;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, transparent), color-stop(25%, #fff), to(#fff));
  background: linear-gradient(180deg, transparent 0%, transparent 25%, #fff 25%, #fff 100%);
  -webkit-box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 rgba(46, 47, 84, 0.15);
          box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 rgba(46, 47, 84, 0.15);
  text-decoration: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.support__help-card--faq {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #fff), to(#d7edff));
  background: linear-gradient(360deg, #fff 25%, #d7edff 100%);
}
.support__help-card--line {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(24.52%, #fff), to(#d7fae5));
  background: linear-gradient(360deg, #fff 24.52%, #d7fae5 100%);
}
.support__help-card--management {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #fff), to(#e1e2f9));
  background: linear-gradient(360deg, #fff 25%, #e1e2f9 100%);
}
.support__help-card-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  height: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
}
.support__help-card-icon-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support__help-card-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.support__help-card-lead {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  color: #333 !important;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.support__help-card-description {
  color: #333 !important;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.5;
}
.support__event-cards {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 1fr clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.support__event-card {
  display: block;
  padding: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(46, 47, 84, 0.15);
          box-shadow: 0 0 8px rgba(46, 47, 84, 0.15);
  text-decoration: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.support__event-card-visual {
  overflow: hidden;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 158, var(--max) * 158);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
.support__event-card-visual--empty {
  background-color: #e6e6e6;
}
.support__event-card-visual-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.support__event-card-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: var(--color-black) !important;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.support__event-card-text {
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  color: var(--color-black) !important;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.5;
}
.support__link-all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  border: 1px solid #3f498c;
  border-radius: 999px;
  background-color: #fff;
  color: #3f498c !important;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.support__link-all-text {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.2;
}
.support__link-all-icon {
  width: clamp(0px, 10vw / var(--board) * 10 * 7.4, var(--max) * 7.4);
  height: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

.usecase {
  padding: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90) 0 clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  background-color: #fff;
}
.usecase__inner {
  position: relative;
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.usecase__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.usecase__header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
}
.usecase__title-en {
  color: #e9f5fc;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  font-family: var(--fontEnglish);
  line-height: 1.4;
  text-box: trim-both cap alphabetic;
}
.usecase__title-ja {
  color: #0a66c2;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  line-height: 1.4;
}
.usecase__link-all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  border: 1px solid #3f498c;
  border-radius: 999px;
  background-color: #e9f5fc;
  color: #3f498c !important;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.usecase__link-all-text {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.2;
}
.usecase__link-all-icon {
  width: clamp(0px, 10vw / var(--board) * 10 * 7.4, var(--max) * 7.4);
  height: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.usecase__description {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #333;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.usecase__slider {
  position: relative;
}
.usecase__slider-container {
  overflow: hidden;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
.usecase__slider-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.usecase__card {
  display: block;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 328, var(--max) * 328);
          flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 328, var(--max) * 328);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #f5f5f5;
  text-decoration: none;
  -webkit-transition: opacity 0.2s, background-color 0.2s;
  transition: opacity 0.2s, background-color 0.2s;
}
.usecase__card-visual {
  overflow: hidden;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 184, var(--max) * 184);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0;
}
.usecase__card-visual-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.usecase__card-content {
  padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
.usecase__card-label {
  display: inline-block;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-radius: 999px;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.4;
}
.usecase__card-label {
  display: none !important;
}
.usecase__card-label--report {
  background-color: #cceafa;
  color: #3f498c;
}
.usecase__card-label--story {
  background-color: #d2edb6;
  color: #3f498c;
}
.usecase__card-lead {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  color: #333;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.usecase__card-author {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: #333;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.4;
}
.usecase__card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}
.usecase__card-tags {
  display: none !important;
}
.usecase__card-tag-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
}
.usecase__card-tag-text {
  color: #333;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.4;
}
.usecase__controls {
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.usecase__control-button {
  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;
  padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  border: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #e9f5fc;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.usecase__control-icon {
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.usecase__pagination {
  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;
}
.usecase__pagination-indicator {
  width: auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}
.usecase__divider {
  width: 1px;
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background-color: #d9d9d9;
}
@media (hover: hover) and (max-width: 768px){
  .mv__side-button--yellow:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .mv__side-button--blue:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (max-width: 768px){
  :root {
    --board: 375;
    --max: 9999px;
  }
  .mv {
    max-height: none;
    height: auto;
  }
  .mv__background {
    position: static;
    height: clamp(0px, 10vw / var(--board) * 10 * 375, var(--max) * 375);
  }
  .mv__illustration {
    top: clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
    right: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 258, var(--max) * 258);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .mv__inner {
    position: static;
    padding: 0;
    min-width: auto;
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
  .mv__slider-wrapper {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .mv__slider {
    padding: 0;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .mv__slider-track {
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .mv__slider-item {
    width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
    height: clamp(0px, 10vw / var(--board) * 10 * 135, var(--max) * 135);
  }
  .mv__slider-item:first-child {
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .mv__slider-image {
    height: 100%;
  }
  .mv__slider-controls {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .mv__side-buttons {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .is-overtop .mv__side-buttons {
    position: fixed;
    top: auto;
    bottom: 0;
    z-index: 98;
    display: -ms-grid;
    display: grid;
    gap: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: 100%;
    -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mv__side-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    height: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    line-height: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-box: trim-both cap alphabetic;
  }
  .is-overtop .mv__side-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-bottom: 0 !important;
    padding: 0;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
    width: auto;
    height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-animation: bottom-to-top 0.4s ease;
            animation: bottom-to-top 0.4s ease;
  }
  .mv__side-button--yellow {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  }
  .mv__side-button--yellow .mv__side-button-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    height: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .mv__side-button--blue .mv__side-button-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .mv__side-button-text {
    white-space: nowrap;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    line-height: 1;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
  .is-overtop .mv__side-button-text {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
  .features {
    padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .features__bg {
    display: none;
  }
  .features__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
  }
  .features__header {
    margin-bottom: 0;
  }
  .features__header-bg {
    display: none;
  }
  .features__title-en {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .features__title-ja {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .features__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .features__main-visual {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 108, var(--max) * 108);
    width: 100%;
    height: auto;
  }
  .features__main-visual-filter {
    -webkit-mask-size: 101%;
            mask-size: 101%;
  }
  .features__main-visual-image {
    top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    right: clamp(var(--max) * -10, 10vw / var(--board) * 10 * -10, 0px);
    left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 204, var(--max) * 204);
  }
  .features__main-visual-screen {
    position: relative;
    right: auto;
    bottom: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 332, var(--max) * 332);
  }
  .features__main-visual-slide {
    right: clamp(0px, 10vw / var(--board) * 10 * 9.59, var(--max) * 9.59);
    bottom: clamp(0px, 10vw / var(--board) * 10 * 14.24, var(--max) * 14.24);
    width: clamp(0px, 10vw / var(--board) * 10 * 309.8, var(--max) * 309.8);
    height: clamp(0px, 10vw / var(--board) * 10 * 208.19, var(--max) * 208.19);
  }
  .features__content {
    gap: 0;
    margin-left: 0;
    width: 100%;
  }
  .features__lead {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .features__description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    line-height: 1.8;
  }
  .features__video-label {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .features__cards {
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .features__card-badge {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .features__card-badge-target {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .features__card-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  .features__card-visual {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .features__card-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .products {
    overflow: visible;
    padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: auto;
  }
  .products__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    height: auto;
  }
  .products__title {
    display: contents;
  }
  .products__title-en {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    letter-spacing: 0.05em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .products__title-ja {
    position: static;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .products__link {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto 0;
  }
  .products__card-wrapper {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    margin-left: calc(50% - 50vw);
    max-width: none;
    width: 100vw;
    height: auto;
    background-image: url("/miraiseed/assets-top/image/bg_products-dots_sp.webp");
    background-position: center top clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    background-size: contain;
  }
  .products__card {
    position: relative;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 267, var(--max) * 267);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 166, var(--max) * 166);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    -webkit-transform: none;
            transform: none;
  }
  .products__card + .products__card {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .products__card--drill::after {
    top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    right: auto;
    bottom: auto;
    left: clamp(var(--max) * -5, 10vw / var(--board) * 10 * -5, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    height: clamp(0px, 10vw / var(--board) * 10 * 420, var(--max) * 420);
    background-image: url("/miraiseed/assets-top/image/arrow_products-left_sp.webp");
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .products__card--octlink::after {
    top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    right: clamp(var(--max) * -5, 10vw / var(--board) * 10 * -5, 0px);
    bottom: auto;
    left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    height: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
    background-image: url("/miraiseed/assets-top/image/arrow_products-right_sp.webp");
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .products__card--karte {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999) !important;
  }
  .products__card-content-wrapper {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .products__card-head {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    -webkit-transform: none;
            transform: none;
  }
  .products__card-icon-area {
    margin-top: clamp(var(--max) * -34, 10vw / var(--board) * 10 * -34, 0px);
  }
  .products__card-icon img {
    width: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  }
  .products__card-name {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
  .products__card-visual {
    width: clamp(0px, 10vw / var(--board) * 10 * 113, var(--max) * 113);
  }
  .products__card-description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__card-subtitle {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__card-link {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__card-link::after {
    width: 0.6em;
    height: 0.6em;
  }
  .data {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  .data__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
  }
  .data__title-en {
    position: static;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    color: #e9f5fc;
    letter-spacing: 0.05em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .data__title-ja {
    position: static;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .data__main-card {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    height: clamp(0px, 10vw / var(--board) * 10 * 610, var(--max) * 610);
    background-image: url("/miraiseed/assets-top/image/bg_data-main_sp.webp");
    background-size: contain;
  }
  .data__main-content {
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .data__main-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .data__text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    line-height: 1.75;
  }
  .data__number {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .data__number-small {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .data__note {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .data__chart {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
    height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  }
  .data__chart-circle {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .data__main-stat-label {
    right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .data__main-stat-number {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  }
  .data__main-stat-large {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
  .data__main-stat-unit {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .data__main-stat-suffix {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .data__map {
    display: none;
  }
  .data__cards {
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .data__card {
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
  .data__card-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
    height: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
  }
  .data__card-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  .data__card-note {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  .data__card-number-area {
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .data__card-number {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  }
  .data__card-large {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
  }
  .data__card-divider {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .data__card-total {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .data__card-unit {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .data__card-unit-inline {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .data__card-suffix {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .data__card-list {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .support {
    padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  .support__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
  }
  .support__title-en {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .support__title-ja {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .support__description {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .support__section {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .support__section:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .support__section-header {
    display: contents;
  }
  .support__section-header .support__section-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .support__section-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .support__link {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0;
    height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .support__app-cards {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .support__app-card {
    border-width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .support__app-card-icon {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    height: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
  .support__app-card-name {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .support__help-cards {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .support__help-card {
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    height: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    border-width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .support__help-card-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
    height: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .support__help-card-lead {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .support__help-card-description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .support__event-cards {
    gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .support__event-card {
    padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .support__event-card-visual {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    height: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76);
  }
  .support__event-card-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .support__event-card-text {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .support__link-all {
    padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .support__link-all-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .support__link-all-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .usecase {
    position: relative;
    padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0 clamp(0px, 10vw / var(--board) * 10 * 168, var(--max) * 168);
  }
  .usecase__inner {
    position: static;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
  }
  .usecase__header {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .usecase__header-left {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  }
  .usecase__title-en {
    letter-spacing: 0.05em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .usecase__title-ja {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .usecase__link {
    position: absolute;
    bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .usecase__link-all {
    padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .usecase__link-all-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .usecase__link-all-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .usecase__description {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    line-height: 1.8;
  }
  .usecase__slider-container {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .usecase__slider-track {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .usecase__card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 292, var(--max) * 292);
            flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 292, var(--max) * 292);
  }
  .usecase__card-visual {
    height: clamp(0px, 10vw / var(--board) * 10 * 164, var(--max) * 164);
  }
  .usecase__card-content {
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .usecase__card-label {
    display: block;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .usecase__card-lead {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .usecase__card-author {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .usecase__controls {
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .usecase__control-button {
    padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .usecase__control-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .usecase__pagination {
    display: none;
  }
  .usecase__divider {
    height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
@media (hover: hover){
  .mv__side-button--yellow:hover {
    background-color: #ffe500;
  }
  .mv__side-button--blue:hover {
    background-color: #4268d8;
  }
  .products__card:hover::before {
    opacity: 1;
  }
  .products__card-content-wrapper:hover {
    opacity: 1;
  }
  .support__app-card:hover {
    opacity: 0.7;
  }
  .support__help-card:hover {
    opacity: 0.7;
  }
  .support__event-card:hover {
    opacity: 0.7;
  }
  .support__link-all:hover {
    background-color: #f5f5f5;
  }
  .usecase__link-all:hover {
    background-color: #d9ecfa;
  }
  .usecase__card:hover {
    background-color: #f2faff;
    opacity: 1;
  }
  .usecase__control-button:hover {
    background-color: #d9ecfa;
  }
}