@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;
}

.products {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  background-color: #fff;
}
.products__mv {
  position: relative;
}
.products__mv-inner {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  background-image: url("/miraiseed/products/assets-product/image/bg_mv.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.products__mv-logo {
  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 * 12, var(--max) * 12);
}
.products__mv-logo img {
  width: clamp(0px, 10vw / var(--board) * 10 * 188, var(--max) * 188);
  height: auto;
}
.products__mv-stats {
  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 * 2, var(--max) * 2);
}
.products__mv-stats-number {
  color: #ffd932;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  font-family: var(--fontEnglish);
  line-height: 1.4;
}
.products__mv-stats-text {
  color: #ffd932;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.4;
}
.products__mv-title {
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.4;
}
.products__mv-info {
  position: relative;
  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;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
}
.products__mv-info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 418, var(--max) * 418);
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#e8f5fd));
  background: linear-gradient(0deg, #fff 0%, #e8f5fd 100%);
}
.products__mv-lead {
  position: relative;
  z-index: 1;
  color: #537fed;
  white-space: nowrap;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.4;
}
.products__mv-description {
  position: relative;
  z-index: 1;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  color: #333;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.8;
}
.products__mv-description p {
  margin-bottom: 0;
}
.products__mv-description p:not(:last-child) {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}
.products__main {
  position: relative;
  z-index: 1;
}
.products__main-inner {
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  width: clamp(0px, 10vw / var(--board) * 10 * 1112, var(--max) * 1112);
  border: 2px solid #e2ebfe;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-color: #fff;
}
.products__main-header {
  position: relative;
  z-index: 2;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  text-align: center;
}
.products__main-title {
  color: #2c3152;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}
.products__main-icon {
  margin: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) auto 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 192, var(--max) * 192);
  height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
}
.products__main-icon-image {
  width: 100%;
  height: auto;
}
.products__card-wrapper {
  position: relative;
  z-index: 1;
  margin-top: clamp(var(--max) * -140, 10vw / var(--board) * 10 * -140, 0px);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 600, var(--max) * 600);
}
.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-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--test {
  top: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  left: 50%;
  background: linear-gradient(156.39deg, #0e91ef 0%, #eef7fe 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  --card-color: #0e91ef;
}
.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));
  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: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.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));
  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: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.products__card--karte {
  top: clamp(0px, 10vw / var(--board) * 10 * 440, var(--max) * 440);
  left: 50%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background: linear-gradient(156.39deg, #2d318c 0%, #f2f2f8 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  --card-color: #2d318c;
}
.products__card--karte::before {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
}
.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-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-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__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
.products__other-card {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #fff;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-color: #eff9fa;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.products__other-card--maruguland {
  border-color: #29808a;
}
.products__other-card--speakingquest {
  border-color: #0081cc;
  background-color: #ebf8ff;
}
.products__other-card-link {
  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;
  padding: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  height: 100%;
  border: 2px solid #fff;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  text-decoration: none;
}
.products__other-card-visual {
  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-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  height: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
}
.products__other-card-icon {
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  height: auto;
}
.products__other-card-title {
  color: #333 !important;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.5;
}
.products__other-card--maruguland .products__other-card-title {
  color: #29818b !important;
}
.products__other-card--speakingquest .products__other-card-title {
  color: #0081cc !important;
}
.products__other-card-description {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
  text-box: trim-both cap alphabetic;
}
.products__other-card-note {
  margin-top: auto;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  line-height: 1.6;
}
.products__other-card-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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
  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(--color-blue);
  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__other-card-button::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__other-card--maruguland .products__other-card-button {
  background-color: #29818b;
}
.products__other-card--speakingquest .products__other-card-button {
  background-color: #0081cc;
}
.products__features {
  position: relative;
  margin: auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  width: clamp(0px, 10vw / var(--board) * 10 * 1112, var(--max) * 1112);
}
.products__features::before {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  left: 50%;
  width: clamp(0px, 10vw / var(--board) * 10 * 1038, var(--max) * 1038);
  height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  background-image: url("/miraiseed/products/assets-product/image/deco_features.webp");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
}
.products__features-assessment {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-color: #e2ebfd;
}
.products__features-assessment-header {
  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);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
.products__features-assessment-subtitle {
  color: #3f498c;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.4;
  text-box: trim-both cap alphabetic;
}
.products__features-assessment-title {
  color: #3f498c;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  line-height: 1.4;
  text-box: trim-both cap alphabetic;
}
.products__features-assessment-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.products__features-card {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  background-color: #fff;
}
.products__features-card--assessment {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.products__features-assessment-main {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  -ms-grid-columns: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) clamp(0px, 10vw / var(--board) * 10 * 337, var(--max) * 337);
  grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250) clamp(0px, 10vw / var(--board) * 10 * 337, var(--max) * 337);
}
.products__features-assessment-logo {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.products__features-assessment-logo img {
  width: auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.products__features-assessment-description {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
  text-box: trim-both cap alphabetic;
}
.products__features-assessment-drill {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
}
.products__features-assessment-drill::before, .products__features-assessment-drill::after {
  content: "";
  position: absolute;
  top: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  height: 100%;
  border-top: 2px solid rgba(63, 73, 140, 0.6);
  border-bottom: 2px solid rgba(63, 73, 140, 0.6);
}
.products__features-assessment-drill::before {
  left: 0;
  border-left: 2px solid rgba(63, 73, 140, 0.6);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}
.products__features-assessment-drill::after {
  right: 0;
  border-right: 2px solid rgba(63, 73, 140, 0.6);
  border-radius: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0;
}
.products__features-assessment-drill-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #3f498c;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.4;
}
.products__features-assessment-drill-body {
  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 * 16, var(--max) * 16);
}
.products__features-assessment-drill-visual {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 83, var(--max) * 83);
}
.products__features-assessment-drill-visual img {
  width: 100%;
  height: auto;
}
.products__features-assessment-drill-text {
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
}
.products__features-card--gtec {
  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;
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.products__features-gtec-title {
  color: #06c;
  font-weight: 700;
  font-family: var(--fontEnglish);
  line-height: 1;
  text-box: trim-both cap alphabetic;
}
.products__features-gtec-title img {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 102, var(--max) * 102);
}
.products__features-gtec-description {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
}
.products__features-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.products__features-column {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
.products__features-column::before {
  content: "";
  position: absolute;
  top: clamp(var(--max) * -24, 10vw / var(--board) * 10 * -24, 0px);
  left: 50%;
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-image: url("/miraiseed/products/assets-product/image/icon_plus-ict.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.products__features-column--ict {
  background-color: #e7f4ef;
}
.products__features-column--extensibility {
  background-color: #fcf1ea;
}
.products__features-column--extensibility::before {
  background-image: url("/miraiseed/products/assets-product/image/icon_plus-extensibility.svg");
}
.products__features-column-header {
  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);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
.products__features-column-subtitle {
  color: #3f498c;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.4;
  text-box: trim-both cap alphabetic;
}
.products__features-column-title {
  color: #3f498c;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  line-height: 1.4;
  text-box: trim-both cap alphabetic;
}
.products__features-column-cards {
  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 * 24, var(--max) * 24);
}
.products__features-card--ict-support, .products__features-card--ict-support-online, .products__features-card--integration {
  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;
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.products__features-card--ict-support .button-filter-blue, .products__features-card--ict-support-online .button-filter-blue, .products__features-card--integration .button-filter-blue {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
}
.products__features-card--integration {
  height: clamp(0px, 10vw / var(--board) * 10 * 470, var(--max) * 470);
}
.products__features-ict-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  color: #54b08f;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  text-box: trim-both cap alphabetic;
}
.products__features-ict-title img {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 149, var(--max) * 149);
}
.products__features-ict-title--online {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
.products__features-ict-title--online img {
  width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
}
.products__features-ict-description {
  width: 100%;
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
  text-box: trim-both cap alphabetic;
}
.products__features-ict-brackets {
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  width: 100%;
  color: #54b08f;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  text-box: trim-both cap alphabetic;
}
.products__features-ict-brackets::before, .products__features-ict-brackets::after {
  content: "";
  position: absolute;
  top: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  height: 100%;
  border-top: 2px solid rgba(84, 176, 143, 0.7);
  border-bottom: 2px solid rgba(84, 176, 143, 0.7);
}
.products__features-ict-brackets::before {
  left: 0;
  border-left: 2px solid rgba(84, 176, 143, 0.7);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}
.products__features-ict-brackets::after {
  right: 0;
  border-right: 2px solid rgba(84, 176, 143, 0.7);
  border-radius: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0;
}
.products__features-integration-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  color: #ee7a2b;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.6;
  text-box: trim-both cap alphabetic;
}
.products__features-integration-subtitle {
  display: block;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.products__features-integration-description {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
  text-box: trim-both cap alphabetic;
}
.products__features-integration-examples {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  width: 100%;
}
.products__features-integration-examples::before, .products__features-integration-examples::after {
  content: "";
  position: absolute;
  top: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  height: 100%;
  border-top: 2px solid rgba(238, 122, 43, 0.6);
  border-bottom: 2px solid rgba(238, 122, 43, 0.6);
}
.products__features-integration-examples::before {
  left: 0;
  border-left: 2px solid rgba(238, 122, 43, 0.6);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}
.products__features-integration-examples::after {
  right: 0;
  border-right: 2px solid rgba(238, 122, 43, 0.6);
  border-radius: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0;
}
.products__features-integration-examples-label {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #ee7a2b;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.products__features-integration-examples-text {
  display: none;
}
.products__features-integration-examples-grid {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.products__features-integration-examples-item {
  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: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #f5f5f5;
  color: #333;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}

.button-filter-blue {
  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 * 10, var(--max) * 10);
  padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 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 * 36, var(--max) * 36);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background-color: #3f498c;
  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;
}
.button-filter-blue::after {
  content: "";
  display: block;
  width: 0.55em;
  height: 0.55em;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 768px){
  :root {
    --board: 375;
    --max: 9999px;
  }
  .products {
    overflow: visible;
    padding-top: 0;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  }
  .products__mv-inner {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
    background-image: url("/miraiseed/products/assets-product/image/bg_mv_sp.webp");
  }
  .products__mv-logo {
    gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .products__mv-logo img {
    width: clamp(0px, 10vw / var(--board) * 10 * 146, var(--max) * 146);
  }
  .products__mv-stats-number {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__mv-stats-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__mv-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .products__mv-info {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .products__mv-lead {
    position: static;
    text-align: center;
    white-space: normal;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    text-box: trim-both cap alphabetic;
  }
  .products__mv-description {
    position: static;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    width: 100%;
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    -webkit-transform: none;
            transform: none;
    text-box: trim-both cap alphabetic;
  }
  .products__mv-description br {
    display: none;
  }
  .products__main-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    width: clamp(0px, 10vw / var(--board) * 10 * 359, var(--max) * 359);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .products__main-header {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
  }
  .products__main-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    text-box: trim-both cap alphabetic;
  }
  .products__main-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 192, var(--max) * 192);
    height: auto;
  }
  .products__card-wrapper {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    max-width: none;
    height: auto;
  }
  .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 * 110, var(--max) * 110);
    right: auto;
    bottom: auto;
    left: clamp(var(--max) * -5, 10vw / var(--board) * 10 * -5, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
    height: clamp(0px, 10vw / var(--board) * 10 * 354, var(--max) * 354);
    background-image: url("/miraiseed/products/assets-product/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 * 27, var(--max) * 27);
    height: clamp(0px, 10vw / var(--board) * 10 * 218, var(--max) * 218);
    background-image: url("/miraiseed/products/assets-product/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-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;
  }
  .products__other {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  }
  .products__other-card {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .products__other-card-link {
    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;
    padding: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .products__other-card-visual {
    width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .products__other-card-icon {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    width: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  }
  .products__other-card-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .products__other-card-description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .products__other-card-note {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    text-box: trim-both cap alphabetic;
  }
  .products__other-card-button {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 18.5, var(--max) * 18.5);
  }
  .products__features::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 319, var(--max) * 319);
    height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    background-image: url("/miraiseed/products/assets-product/image/deco_features_sp.webp");
  }
  .products__features-assessment {
    margin: auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    width: clamp(0px, 10vw / var(--board) * 10 * 359, var(--max) * 359);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .products__features-assessment-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .products__features-assessment-subtitle {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__features-assessment-subtitle br {
    display: none;
  }
  .products__features-assessment-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .products__features-assessment-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__features-card--assessment {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__features-assessment-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .products__features-assessment-main-left {
    display: contents;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .products__features-assessment-main-left .button-filter-blue {
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__features-assessment-main-right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .products__features-assessment-logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__features-assessment-logo img {
    height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .products__features-assessment-description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
  .products__features-assessment-drill {
    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;
    padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__features-assessment-drill::before, .products__features-assessment-drill::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .products__features-assessment-drill-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: 100%;
    text-box: trim-both cap alphabetic;
  }
  .products__features-assessment-drill-body {
    display: contents;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .products__features-assessment-drill-visual {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  }
  .products__features-assessment-drill-text {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    text-box: trim-both cap alphabetic;
  }
  .products__features-assessment-drill-text br {
    display: none;
  }
  .products__features-card--gtec {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    text-align: left;
  }
  .products__features-gtec-title img {
    width: clamp(0px, 10vw / var(--board) * 10 * 113, var(--max) * 113);
  }
  .products__features-gtec-description {
    margin: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    text-box: trim-both cap alphabetic;
  }
  .products__features-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    margin: auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    width: clamp(0px, 10vw / var(--board) * 10 * 359, var(--max) * 359);
  }
  .products__features-column {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .products__features-column::before {
    top: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
    height: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
  }
  .products__features-column-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__features-column-subtitle {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__features-column-subtitle br {
    display: none;
  }
  .products__features-column-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .products__features-column-cards {
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__features-card--ict-support, .products__features-card--ict-support-online, .products__features-card--integration {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__features-card--ict-support .button-filter-blue, .products__features-card--ict-support-online .button-filter-blue, .products__features-card--integration .button-filter-blue {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__features-card--integration {
    height: auto;
  }
  .products__features-ict-title img {
    width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  }
  .products__features-ict-title--online img {
    width: clamp(0px, 10vw / var(--board) * 10 * 233, var(--max) * 233);
  }
  .products__features-ict-brackets {
    gap: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__features-integration-examples {
    padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  .products__features-integration-examples::before, .products__features-integration-examples::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
  .products__features-integration-examples-label {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    text-box: trim-both cap alphabetic;
  }
  .products__features-integration-examples-text {
    display: block;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    line-height: 1.6;
    text-box: trim-both cap alphabetic;
  }
  .products__features-integration-examples-grid {
    gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
  .button-filter-blue {
    padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
@media (hover: hover){
  .products__card:hover::before {
    opacity: 1;
  }
  .products__card-content-wrapper:hover {
    opacity: 1;
  }
  .button-filter-blue:hover {
    opacity: 0.8;
  }
}