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

.fansite-top {
  position: relative;
}
.fansite-top__inner {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  background-image: url("/miraiseed/fansite/assets-fansite/image/bg_fansite.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.fansite-top__mv {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.fansite-top__mv-inner {
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.fansite-top__mv-title {
  color: var(--color-deepNavy);
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  line-height: 1.7;
  text-box: trim-both cap alphabetic;
}
.fansite-top__mv-description {
  color: var(--color-deepNavy);
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.fansite-top__main {
  position: relative;
  margin: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.fansite-top__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin: 0 auto;
}
.fansite-top__content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: 100%;
}
.fansite-top__news-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background: var(--news-button-bg);
  color: white !important;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.4;
}
.fansite-top__news-button::after {
  content: "";
  position: absolute;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  left: 50%;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  height: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  background-color: var(--news-button-bg);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  -webkit-transform: translateX(-50%) translateY(100%);
          transform: translateX(-50%) translateY(100%);
}
.fansite-top__news-button-text {
  display: block;
}
.fansite-top__news-button--info {
  --news-button-bg: linear-gradient(to right, #0a66c2, #309af0);
}
.fansite-top__news-button--info::after {
  background-color: #1e80d9;
}
.fansite-top__news-button--apps {
  --news-button-bg: var(--color-navy);
}
.fansite-top__news-button--management {
  --news-button-bg: var(--color-deepNavy);
}
.fansite-top__catch {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 367, var(--max) * 367);
          flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 367, var(--max) * 367);
  padding: 0;
}
.fansite-top__catch-link {
  display: block;
}
.fansite-top__catch-link img {
  width: 100%;
  height: auto;
}
.fansite-top__apps {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}
.fansite-top__apps-inner {
  margin: 0 auto;
  padding: 0;
  max-width: none;
}
.fansite-top__apps-cards {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.fansite-top__apps-card {
  position: relative;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 9.6, var(--max) * 9.6);
  padding: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17) clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  height: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75);
  border: 2px solid var(--color-card);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: white;
  text-decoration: none;
}
.fansite-top__apps-card::before {
  content: "";
  position: absolute;
  right: calc(2px + clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3));
  bottom: calc(2px + clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3));
  z-index: 4;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.fansite-top__apps-card::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 3;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
  background-color: var(--color-card);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.fansite-top__apps-card--drill {
  --color-card: var(--color-drillpark);
}
.fansite-top__apps-card--octlink {
  --color-card: var(--color-okulinkplus);
}
.fansite-top__apps-card--test {
  --color-card: var(--color-testpark);
}
.fansite-top__apps-card--karte {
  --color-card: var(--color-karte);
}
.fansite-top__apps-card-icon {
  position: absolute;
  top: 50%;
  left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.fansite-top__apps-card-icon svg,
.fansite-top__apps-card-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.fansite-top__apps-card-title {
  color: var(--color-deepNavy);
  white-space: nowrap;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  text-box: trim-both cap alphabetic;
}
.fansite-top__apps-card-subtitle {
  color: var(--color-deepNavy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  text-box: trim-both cap alphabetic;
}
.fansite-top__management {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 158, var(--max) * 158);
          flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 158, var(--max) * 158);
  padding: 0;
}
.fansite-top__management-inner {
  margin: 0 auto;
  padding: 0;
  max-width: none;
}
.fansite-top__management-card {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  padding: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  border: 2px solid var(--color-deepNavy);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: white;
  text-decoration: none;
  --color-card: var(--color-deepNavy);
}
.fansite-top__management-card-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
}
.fansite-top__management-card-icon svg,
.fansite-top__management-card-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.fansite-top__management-card-content {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
}
.fansite-top__management-card-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  color: var(--color-deepNavy);
  text-align: center;
  white-space: nowrap;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.fansite-top__management-card-description {
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: var(--color-deepNavy);
  font-weight: var(--weightRegular);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.5;
}
.fansite-top__events {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) 0;
  background-color: #f7f5ee;
}
.fansite-top__events-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.fansite-top__events-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  color: var(--color-deepNavy);
  text-align: left;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.5;
  text-box: trim-both cap alphabetic;
}
.fansite-top__events-button-link {
  background-color: #fff;
}
.fansite-top__events-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.fansite-top__events-item {
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.fansite-top__events-item img {
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  -o-object-fit: cover;
     object-fit: cover;
}

.body-products {
  --theme-color: var(--color-okulinkplus);
  --theme-color-light: #f8e6db;
  --theme-color-hover: #d66b24;
  --theme-color-tab: #fffaf0;
  --theme-color-content: #ffe6cd;
}
.body-products--drill {
  --theme-color: var(--color-drillpark);
  --theme-color-light: #d9f0ec;
  --theme-color-hover: #0f6350;
  --theme-color-tab: #ebf5ef;
  --theme-color-content: #d8eee1;
}
.body-products--testpark {
  --theme-color: var(--color-testpark);
  --theme-color-light: #e6f5fd;
  --theme-color-hover: #0b73bf;
  --theme-color-tab: #f1f8fe;
  --theme-color-content: #cfe9fc;
}
.body-products--karte {
  --theme-color: var(--color-karte);
  --theme-color-light: #e5e7f3;
  --theme-color-hover: #20256f;
  --theme-color-tab: #f3f4fb;
  --theme-color-content: #d8daf3;
}
.body-products--setting {
  --theme-color: var(--color-deepNavy);
  --theme-color-light: #e5e7ec;
  --theme-color-hover: #1f2438;
  --theme-color-tab: #f3f4fb;
  --theme-color-content: #e5f0f7;
}

.products__header {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  background-color: var(--theme-color);
}
.products__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.products__header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  min-height: 100%;
  width: clamp(0px, 10vw / var(--board) * 10 * 554, var(--max) * 554);
  -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
     -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
          column-gap: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
}
.products__header-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 * 173, var(--max) * 173);
  height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
}
.products__header-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.products__header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.products__header-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
  line-height: 1.26086957;
  text-box: trim-both cap alphabetic;
}
.products__header-title span {
  display: block;
}
.products__header-description {
  color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
  text-box: trim-both cap alphabetic;
}
.products__header-button {
  margin-top: auto;
  width: 100%;
}
.products__header-button-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 16.6, var(--max) * 16.6);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: var(--color-yellow);
  color: var(--color-primary_regular) !important;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.42857143;
  -webkit-transition: background-color var(--speed), color var(--speed), opacity var(--speed);
  transition: background-color var(--speed), color var(--speed), opacity var(--speed);
}
.products__header-button-link span {
  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 * 8, var(--max) * 8);
}
.products__header-button-link span:first-of-type::before {
  content: "";
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  background-color: var(--color-primary_regular);
  -webkit-transition: background-color var(--speed);
  transition: background-color var(--speed);
  -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1));
          transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1));
  -webkit-mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_beginner.webp");
          mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_beginner.webp");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.products__header-button-link span:last-of-type::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(-45deg) translateY(clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1));
          transform: rotate(-45deg) translateY(clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1));
}

.products__sidemenu {
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  background-color: #fff;
  -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);
}
.products__sidemenu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.products__sidemenu-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: var(--color-black) !important;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
     -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
          column-gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.products__sidemenu-link::before {
  content: "";
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 49, var(--max) * 49);
  height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_okulinkplus-menu.webp");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.products__sidemenu-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  display: block;
  width: 0.6em;
  height: 0.6em;
  border: 2px solid;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.products__sidemenu-item:nth-of-type(1) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_okulinkplus-menu.webp");
}
.products__sidemenu-item:nth-of-type(2) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_drillpark-menu.webp");
}
.products__sidemenu-item:nth-of-type(3) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_testpark-menu.webp");
}
.products__sidemenu-item:nth-of-type(4) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_karte-menu.webp");
}
.products__sidemenu-item:nth-of-type(5) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_setting-menu.webp");
}
.products__sidemenu-item--active .products__sidemenu-link {
  background-color: var(--theme-color);
  color: #fff !important;
  pointer-events: none;
}
.products__sidemenu-item--active:nth-of-type(1) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_okulinkplus-menu_active.webp");
}
.products__sidemenu-item--active:nth-of-type(2) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_drillpark-menu_active.webp");
}
.products__sidemenu-item--active:nth-of-type(3) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_testpark-menu_active.webp");
}
.products__sidemenu-item--active:nth-of-type(4) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_karte-menu_active.webp");
}
.products__sidemenu-item--active:nth-of-type(5) .products__sidemenu-link::before {
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_setting-menu_active.webp");
}
.products__sidemenu-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.products__sidemenu-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.products__sidemenu-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.4;
}

.products__news {
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 0;
  background-color: #fff;
}
.products__news-inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.products__news-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.products__news-box {
  width: clamp(0px, 10vw / var(--board) * 10 * 143, var(--max) * 143);
}
.products__news-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  text-align: center;
}
.products__news-title-sub {
  display: block;
  color: var(--color-navy);
  text-align: left;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
.products__news-title-main {
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: var(--color-navy);
  text-align: left;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  text-box: trim-both cap alphabetic;
}
.products__news-slider-outer {
  position: relative;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 806, var(--max) * 806);
  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);
}
.products__news-slider {
  position: relative;
  overflow: hidden;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.products__news-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;
}
.products__news-slider-item {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 206, var(--max) * 206);
  height: clamp(0px, 10vw / var(--board) * 10 * 116, var(--max) * 116);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
}
.products__news-slider-item:first-child {
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.products__news-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;
}
.products__news-slider-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.products__news-slider-controls {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}
.products__news .news__list {
  width: clamp(0px, 10vw / var(--board) * 10 * 810, var(--max) * 810);
}

.products__tabs {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  border-bottom: 2px solid var(--theme-color);
  background-color: #fff;
}
.products__news + .products__tabs {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.products__tabs-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.products__tabs-list {
  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 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.body-products--setting .products__tabs-list {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
.products__tabs-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.body-products--setting .products__tabs-item {
  max-width: 100%;
  width: 100%;
}
.products__tabs-button {
  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 * 9, var(--max) * 9);
  width: clamp(0px, 10vw / var(--board) * 10 * 336, var(--max) * 336);
  height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
  border: 2px solid var(--theme-color);
  border-bottom: 0;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 0;
  background-color: var(--theme-color-tab);
  color: var(--color-deepNavy) !important;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  cursor: pointer;
  -webkit-transition: background-color var(--speed), color var(--speed);
  transition: background-color var(--speed), color var(--speed);
}
.products__tabs-button::before {
  content: "";
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  background-color: var(--color-deepNavy);
  -webkit-transition: background-color var(--speed);
  transition: background-color var(--speed);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.products__tabs-button--active {
  background-color: var(--theme-color);
  color: #fff !important;
  pointer-events: none;
}
.products__tabs-button--active::before {
  background-color: #fff;
}
.body-products--setting .products__tabs-button {
  max-width: 100%;
  width: 100%;
}
.body-products--setting .products__tabs-button::before {
  -webkit-mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_tab-video.svg") !important;
          mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_tab-video.svg") !important;
}
.products__tabs-item:nth-of-type(1) .products__tabs-button::before {
  -webkit-mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_tab-case.svg");
          mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_tab-case.svg");
}
.products__tabs-item:nth-of-type(2) .products__tabs-button::before {
  -webkit-mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_tab-seminar.svg");
          mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_tab-seminar.svg");
}
.products__tabs-item:nth-of-type(3) .products__tabs-button::before {
  -webkit-mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_tab-video.svg");
          mask-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_tab-video.svg");
}
.products__tabs-text {
  line-height: 1.2;
}
.products__tabs-border {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 2px;
  background-color: #e8ecef;
}

.products__content {
  display: none;
  padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0;
  background-color: var(--theme-color-content);
}
.products__content--active {
  display: block;
}
.products__content-inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.products__content-grid {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) 1fr clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.products__content-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.products__case-card {
  overflow: hidden;
  padding: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #fff;
  -webkit-transition: -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
  transition: -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
  transition: transform var(--speed), box-shadow var(--speed);
  transition: transform var(--speed), box-shadow var(--speed), -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
}
.products__case-card-link {
  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;
}
.products__case-card-image {
  overflow: hidden;
  width: clamp(0px, 10vw / var(--board) * 10 * 324, var(--max) * 324);
  height: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
}
.products__case-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.products__case-card-content {
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) 0;
}
.products__case-card-category {
  display: inline-block;
  display: none;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: var(--theme-color-light);
  color: var(--theme-color);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.products__video-section .products__case-card-category {
  display: inline-block;
}
.products__case-card-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  color: var(--color-black);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
  line-height: 1.5;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.products__case-card-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: var(--color-black);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  line-height: 1.384615386;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.products__case-card-description:empty {
  display: none;
}
.products__video-section .products__case-card-description {
  font-weight: normal;
}
.products__case-card-school {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: var(--color-navy);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.5;
}
.products__case-card-school:empty {
  display: none;
}
.products__case-card-tag {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
}
.products__case-card-tag::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background: url("/miraiseed/assets-common/image/icon_tag.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.products__case-card-tag span {
  color: #3f498c;
  color: var(--color-navy);
  text-decoration: none;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

.products__seminar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.products__seminar-card {
  -webkit-transition: -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
  transition: -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
  transition: transform var(--speed), box-shadow var(--speed);
  transition: transform var(--speed), box-shadow var(--speed), -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
}
.products__seminar-card-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  padding: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  background-color: #fff;
}
.products__seminar-card-image {
  position: relative;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 324, var(--max) * 324);
  height: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
}
.products__seminar-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.products__seminar-card-label {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  left: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  z-index: 1;
  padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: var(--theme-color);
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.products__seminar-card-label--elearning {
  background-color: #ff6b35;
}
.products__seminar-card-badge {
  display: block;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-color: var(--color-yellow);
  color: var(--color-primary);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.products__seminar-card-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0;
}
.products__seminar-card-date {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: var(--color-gray);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
}
.products__seminar-card-category {
  display: inline-block;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: var(--theme-color-light);
  color: var(--theme-color);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.products__seminar-card-title, :where(.products__seminar-card) .rw08-seminar__box-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: var(--color-black);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
.products__seminar-card-description {
  color: var(--color-gray);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
}
.products__seminar-card-list, :where(.products__seminar-card) .rw08-seminar__box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
}
.products__seminar-card-list li, :where(.products__seminar-card) .rw08-seminar__box-list li {
  color: var(--color-black);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.5;
}
.products__seminar-card-list li span, :where(.products__seminar-card) .rw08-seminar__box-list li span {
  display: block;
  padding-left: 1em;
  font-weight: normal;
}
.products__video-section + .products__video-section {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
.products__video-section:last-child {
  margin-bottom: 0;
}
.products__video-section-title {
  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);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: var(--color-deepNavy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.products__video-section-number {
  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 * 50, var(--max) * 50);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  background-color: var(--color-deepNavy);
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  text-box: trim-both cap alphabetic;
}
.products__video-section-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.products__video-card {
  overflow: hidden;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  background-color: #fff;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(0, 0, 0, 0.08);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
  transition: -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
  transition: transform var(--speed), box-shadow var(--speed);
  transition: transform var(--speed), box-shadow var(--speed), -webkit-transform var(--speed), -webkit-box-shadow var(--speed);
}
.products__video-card-link {
  display: block;
}
.products__video-card-image {
  position: relative;
  overflow: hidden;
  width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
  height: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
}
.products__video-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.products__video-card-image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-image: url("/miraiseed/fansite/assets-fansite/image/navi/icon_movie.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.products__video-card-bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  background-color: rgba(0, 0, 0, 0.8);
}
.products__video-card-bar--bottom {
  top: auto;
  bottom: 0;
}
.products__video-card-content {
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.products__video-card-category {
  display: inline-block;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: var(--theme-color-light);
  color: var(--theme-color);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
}
.products__video-card-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: var(--color-black);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  line-height: 1.5;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.products__video-card-meta {
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.products__video-card-time {
  color: var(--color-gray);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
}
.products__video-card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
}
.products__video-card-tag {
  padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  border: 1px solid var(--theme-color);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  color: var(--theme-color);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  line-height: 1;
}

.products__faq {
  padding: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: #fff;
}
.products__faq-inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 888, var(--max) * 888);
}
.products__faq-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.products__faq-title {
  color: var(--color-navy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  text-box: trim-both cap alphabetic;
}
.products__faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.products__faq-item {
  border-top: 1px solid #d9d9d9;
}
.products__faq-item:last-child {
  border-bottom: 1px solid #d9d9d9;
}
.products__faq-link {
  position: relative;
  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 * 10, var(--max) * 10);
  padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  color: var(--color-deepNavy) !important;
  -webkit-transition: color var(--speed);
  transition: color var(--speed);
}
.products__faq-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid;
  border-top: 0;
  border-left: 0;
  -webkit-transition: -webkit-transform var(--speed);
  transition: -webkit-transform var(--speed);
  transition: transform var(--speed);
  transition: transform var(--speed), -webkit-transform var(--speed);
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}
.products__faq-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;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  border-radius: 50%;
  background-color: var(--color-navy);
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-family: var(--fontEnglish);
  -webkit-transition: background-color var(--speed), color var(--speed);
  transition: background-color var(--speed), color var(--speed);
  text-box: trim-both cap alphabetic;
}
.products__faq-question {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}
.products__faq-button {
  text-align: center;
}

.products__button {
  min-width: clamp(0px, 10vw / var(--board) * 10 * 336, var(--max) * 336);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border-color: var(--theme-color);
  background-color: #fff;
  color: var(--theme-color) !important;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-transition: background-color var(--speed), -webkit-transform var(--speed);
  transition: background-color var(--speed), -webkit-transform var(--speed);
  transition: background-color var(--speed), transform var(--speed);
  transition: background-color var(--speed), transform var(--speed), -webkit-transform var(--speed);
}
.products__button--secondary {
  border: 2px solid var(--theme-color);
  background-color: #fff;
  color: var(--theme-color) !important;
}
.products__button--secondary::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L1 9" stroke="%23ed7d31" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.products__button-text {
  line-height: 1.2;
}

.body-usecase {
  --usecase-color-navy: #3f498c;
  --usecase-color-deepNavy: #2c3152;
  --usecase-color-sky: #e9f5fc;
  --usecase-color-text: #333;
  --usecase-color-placeholder: #808080;
  --usecase-color-category-text: #3f498c;
  --usecase-color-category-lesson: #d2edb6;
  --usecase-color-category-introduction: #d6e7ff;
  --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1728, var(--max) * 1728);
  --usecase-column: repeat(5, 1fr);
}

.usecase__hero {
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  background-color: #fff;
  background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase-left.webp"), url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase-right.webp");
  background-position: left top, right top;
  background-size: contain;
  background-repeat: no-repeat;
}
.usecase__hero-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: var(--usecase-inner-width);
  height: 100%;
}
.usecase__hero-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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.usecase__title {
  color: var(--usecase-color-navy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1;
}
.usecase__lead {
  color: var(--usecase-color-navy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
  text-box: trim-both cap alphabetic;
}
.usecase__divider {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 952, var(--max) * 952);
  height: 1px;
  background-color: #d9d9d9;
}

.usecase-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: clamp(0px, 10vw / var(--board) * 10 * 310, var(--max) * 310);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  border: 1px solid var(--usecase-color-navy);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background-color: #fff;
}
.usecase-search__field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 82, var(--max) * 82));
}
.usecase-search__field::before {
  content: "";
  position: absolute;
  top: 50%;
  left: clamp(0px, 10vw / var(--board) * 10 * 16.5, var(--max) * 16.5);
  width: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  height: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/icon_search.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.usecase-search__input {
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  width: 100%;
  height: 100%;
  outline: none;
  border: 0;
  background-color: transparent !important;
  color: var(--usecase-color-text);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.usecase-search__input::-webkit-input-placeholder {
  color: var(--usecase-color-placeholder);
}
.usecase-search__input::-moz-placeholder {
  color: var(--usecase-color-placeholder);
}
.usecase-search__input:-ms-input-placeholder {
  color: var(--usecase-color-placeholder);
}
.usecase-search__input::-ms-input-placeholder {
  color: var(--usecase-color-placeholder);
}
.usecase-search__input::placeholder {
  color: var(--usecase-color-placeholder);
}
.usecase-search__button {
  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 * 82, var(--max) * 82);
  background-color: var(--usecase-color-navy);
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  cursor: pointer;
  -webkit-transition: opacity var(--speed);
  transition: opacity var(--speed);
}

.usecase-filter {
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: var(--usecase-color-sky);
}
.usecase-filter__inner {
  position: relative;
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: 90%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #fff;
  -webkit-transition: var(--speed);
  transition: var(--speed);
}
.usecase-filter__heading {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  color: var(--usecase-color-deepNavy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.8;
  text-box: trim-both cap alphabetic;
}
.usecase-filter__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
.usecase-filter__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  border: 1px solid var(--usecase-tab-border, #ccc);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  background-color: var(--usecase-tab-bg, #fff);
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) 0 0 var(--usecase-tab-shadow, transparent);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) 0 0 var(--usecase-tab-shadow, transparent);
  color: var(--usecase-tab-color, var(--usecase-color-navy));
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.2;
  cursor: pointer;
  -webkit-transition: -webkit-transform var(--speed);
  transition: -webkit-transform var(--speed);
  transition: transform var(--speed);
  transition: transform var(--speed), -webkit-transform var(--speed);
}
.usecase-filter__tab:disabled {
  opacity: 1;
  cursor: not-allowed;
  --usecase-tab-border: #f5f5f5;
  --usecase-tab-shadow: #aaa;
  --usecase-tab-bg: #f5f5f5;
  --usecase-tab-color: #aaa;
}
.usecase-filter__tab[aria-selected=true] {
  background-color: var(--usecase-tab-border, #ccc);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2));
          transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2));
}
.usecase-filter__tab-text {
  display: inline-block;
}
.usecase-filter__tab--lesson {
  --usecase-tab-border: #5cb82e;
  --usecase-tab-shadow: #5cb82e;
  --usecase-tab-bg: #fff;
  --usecase-tab-color: #5cb82e;
}
.usecase-filter__tab--introduction {
  --usecase-tab-border: #537fed;
  --usecase-tab-shadow: #0b65c1;
  --usecase-tab-bg: #fff;
  --usecase-tab-color: #537fed;
}
.usecase-filter__tab--grade {
  --usecase-tab-border: #f65570;
  --usecase-tab-shadow: #f65570;
  --usecase-tab-bg: #fff;
  --usecase-tab-color: #f65570;
}
.usecase-filter__tab--gradeSecondary {
  --usecase-tab-border: #f65570;
  --usecase-tab-shadow: #f65570;
  --usecase-tab-bg: #fff;
  --usecase-tab-color: #f65570;
}
.usecase-filter__tab--okulinkplus {
  --usecase-tab-border: #ed7d31;
  --usecase-tab-shadow: #ed7d31;
  --usecase-tab-bg: #fff;
  --usecase-tab-color: #ed7d31;
}
.usecase-filter__tab--drillpark {
  --usecase-tab-border: #158167;
  --usecase-tab-shadow: #158167;
  --usecase-tab-bg: #fff;
  --usecase-tab-color: #158167;
}
.usecase-filter__tab--testpark {
  --usecase-tab-border: #0e91ef;
  --usecase-tab-shadow: #0e91ef;
  --usecase-tab-bg: #fff;
  --usecase-tab-color: #0e91ef;
}
.usecase-filter__tab--karte {
  --usecase-tab-border: #2d318c;
  --usecase-tab-shadow: #2d318c;
  --usecase-tab-bg: #fff;
  --usecase-tab-color: #2d318c;
}
.usecase-filter__details {
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  border-top: 1px solid #d9d9d9;
}
.usecase-filter__details-heading {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: auto;
  color: var(--usecase-color-deepNavy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1;
}
.usecase-filter__controls {
  position: relative;
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  width: 70%;
}
.usecase-filter__reset {
  position: absolute;
  bottom: clamp(var(--max) * -16, 10vw / var(--board) * 10 * -16, 0px);
  left: 0;
  margin-left: auto;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
}
.usecase-filter__reset.is-show {
  opacity: 1;
  pointer-events: auto;
}
.usecase-filter__reset-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  border: 1px solid #ccc;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background-color: #fff;
  color: #222;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  cursor: pointer;
  -webkit-transition: background-color var(--speed), color var(--speed), opacity var(--speed);
  transition: background-color var(--speed), color var(--speed), opacity var(--speed);
}
.usecase-filter__reset-button::after {
  content: "×";
  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 * 20, var(--max) * 20);
  height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background-color: #ccc;
}

.usecase-dropdown {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.usecase-dropdown__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  border: 1px solid transparent;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  background-color: var(--usecase-color-sky);
  color: var(--usecase-color-navy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.2;
  cursor: pointer;
}
.usecase-dropdown__button::after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  border: 1px solid currentColor;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.usecase-dropdown__button:focus-visible {
  outline: 2px solid var(--usecase-color-navy);
  outline-offset: 2px;
}
.usecase-dropdown.is-open .usecase-dropdown__button, .usecase-dropdown.is-selected .usecase-dropdown__button {
  background-color: var(--usecase-color-navy);
  color: #fff;
}
.usecase-dropdown.is-open .usecase-dropdown__button::after, .usecase-dropdown.is-selected .usecase-dropdown__button::after {
  border-color: #fff;
}
.usecase-dropdown__panel {
  position: absolute;
  top: calc(100% + clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8));
  left: 0;
  z-index: 20;
  display: none;
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: calc((90vw - clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80)) * 0.7);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #fff;
  -webkit-box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(46, 47, 84, 0.15);
          box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(46, 47, 84, 0.15);
}
.usecase-dropdown__panel::before {
  content: "";
  position: absolute;
  top: clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px);
  left: 0;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.usecase-dropdown.is-open .usecase-dropdown__panel {
  display: block;
}
.usecase-dropdown__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  list-style: none;
}

.usecase-checkbox {
  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 * 8, var(--max) * 8);
  color: var(--usecase-color-deepNavy);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.2;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.usecase-checkbox__input {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  border: 2px solid #b0b0b0;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  background-color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  place-items: center;
}
.usecase-checkbox__input:checked {
  border-color: #537fed;
  background-color: #537fed;
}
.usecase-checkbox__input:checked::after {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  left: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  width: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  border: 2px solid #fff;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(-45deg) translateY(clamp(var(--max) * -1, 10vw / var(--board) * 10 * -1, 0px));
          transform: rotate(-45deg) translateY(clamp(var(--max) * -1, 10vw / var(--board) * 10 * -1, 0px));
}
.usecase-checkbox.is-disabled {
  color: #ccc;
  cursor: not-allowed;
}
.usecase-checkbox.is-disabled__input {
  border-color: #b0b0b0;
  cursor: not-allowed;
}

.usecase-list {
  padding: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: var(--usecase-color-sky);
}
.usecase-list__inner {
  margin: 0 auto;
  width: 90%;
}

.usecase__content-grid {
  -ms-grid-columns: var(--usecase-column);
  grid-template-columns: var(--usecase-column);
}

.body-usecase .c-verticalCard_category {
  display: inline-block;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1;
}
.body-usecase .c-verticalCard_category--lesson {
  background-color: var(--usecase-color-category-lesson);
  color: var(--usecase-color-category-text);
}
.body-usecase .c-verticalCard_category--introduction {
  background-color: var(--usecase-color-category-introduction);
  color: var(--usecase-color-category-text);
}
.body-usecase .c-verticalCard_description {
  color: var(--usecase-color-navy);
}

.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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.usecase-pagination__list {
  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);
  list-style: none;
}
.usecase-pagination__list > a, .usecase-pagination__link {
  display: -ms-grid;
  display: grid;
  width: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #fff;
  color: var(--usecase-color-navy) !important;
  text-decoration: none;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1;
  -webkit-transition: background-color var(--speed), color var(--speed), opacity var(--speed);
  transition: background-color var(--speed), color var(--speed), opacity var(--speed);
  place-items: center;
}
.usecase-pagination__list > a.is-current, .usecase-pagination__list > a:has(> .usecase-pagination__item.is-current), .usecase-pagination__link.is-current, .usecase-pagination__link:has(> .usecase-pagination__item.is-current) {
  background-color: var(--usecase-color-navy);
  color: #fff !important;
  pointer-events: none;
}
.usecase-pagination__arrow {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  color: var(--usecase-color-navy) !important;
  text-decoration: none;
  place-items: center;
}
.usecase-pagination__arrow::after {
  content: "";
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  border: 2px solid currentColor;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.usecase-pagination__arrow--prev::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.usecase .l-grid_item {
  width: 100%;
}
.usecase .l-grid_item .c-verticalCard_unit {
  height: 100%;
  max-height: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
}
.usecase .l-grid_item .c-verticalCard_container {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
.usecase .l-grid_item .c-verticalCard_unitTitle {
  margin-top: 0;
}
.usecase .c-verticalCard_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
}
.usecase .c-verticalCard_img img {
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.usecase .c-verticalCard_unit {
  height: clamp(0px, 10vw / var(--board) * 10 * 219, var(--max) * 219);
  aspect-ratio: unset;
}

.usecase-error {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: rgb(233, 245, 252);
}

.usecase-error__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) 0;
  width: 90%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #fff;
}

.usecase-error__title {
  color: var(--usecase-color-navy);
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.4;
}

.usecase-error {
  display: none;
}

.body-usecase-error .usecase-list {
  display: none;
}
.body-usecase-error .usecase-error {
  display: block;
}

html:has(.main.seminar) {
  scroll-behavior: smooth;
}

#section-online,
#section-elearning,
#section-special,
#section-archive {
  scroll-margin-top: clamp(0px, 10vw / var(--board) * 10 * 102, var(--max) * 102);
}

.seminar {
  background-color: #f0f7fa;
  --usecase-color-navy: #3f498c;
  --usecase-color-deepNavy: #2c3152;
  --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1728, var(--max) * 1728);
}
.seminar__contents {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: #e9f5fc;
}
.seminar__contents--upcoming {
  margin-top: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 0 clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  background-color: #e9f5fc;
}
.seminar__contents--online {
  margin-top: 0;
  padding-top: 0 !important;
}
.seminar__contents--archive {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}
.seminar__contents--archive .rw08-seminar__box-container {
  display: -ms-grid;
  display: grid;
  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);
}
.seminar__contents--archive .rw08-seminar__box {
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-top: 0 !important;
}
.seminar__contents--archive .rw08-seminar__box-text {
  padding-top: 0;
}
.seminar__contents--archive .rw08-seminar__box-title {
  max-width: clamp(0px, 10vw / var(--board) * 10 * 244, var(--max) * 244);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.seminar__contents--archive .rw08-seminar__box-image {
  min-width: clamp(0px, 10vw / var(--board) * 10 * 216, var(--max) * 216);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 216, var(--max) * 216);
  height: auto;
}
.seminar__contents-inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1028, var(--max) * 1028);
}
.seminar__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
  background-color: #3f498c;
}
.seminar__title {
  margin: 0;
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
}
.seminar__title-button {
  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;
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  padding-left: 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: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #fff49f;
  color: #3f498c !important;
  text-decoration: none;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.18;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.seminar__title-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
  width: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  height: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  border: 2px solid;
  border-top: none;
  border-right: none;
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.seminar__desc {
  margin: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27) 0;
  font-weight: var(--weightRegular);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}
.seminar__upcoming-frame {
  overflow: hidden;
  border: 2px solid var(--color-blue);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #fff;
}
.seminar__upcoming-frame .seminar__title-box {
  margin-bottom: 0;
  border-radius: 0;
  background-color: var(--color-blue);
}
.seminar__upcoming-frame .seminar__title-button {
  background-color: #ffe940;
  color: var(--color-blue) !important;
}
.seminar__month-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.seminar__month-group:first-child .seminar__month-label {
  border-bottom: 1px solid #fff;
}
.seminar__month-group:first-child .seminar__event-dl:nth-child(1),
.seminar__month-group:first-child .seminar__event-dl:nth-child(2) {
  border-top: 0;
}
.seminar__month-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  width: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78);
  background-color: #dbf2ff;
}
.seminar__month-text {
  color: var(--color-blue);
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  text-box: trim-both cap alphabetic;
}
.seminar__month-events {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.seminar__event-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  border-top: 1px solid #d9d9d9;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: inherit;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative;
}
.seminar__event-dl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 450, var(--max) * 450);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-color: var(--event-color);
  border-color: transparent;
  opacity: 0;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.seminar__event-dt {
  position: relative;
  z-index: 1;
  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;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55);
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  border-right: 1px solid #d9d9d9;
}
.seminar__event-date {
  min-width: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  color: var(--color-deepNavy);
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  text-box: trim-both cap alphabetic;
}
.seminar__event-icon {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}
.seminar__event-icon--drillpark {
  background-color: var(--color-drillpark);
}
.seminar__event-icon--okulinkplus {
  background-color: var(--color-okulinkplus);
}
.seminar__event-icon--testpark {
  background-color: var(--color-testpark);
}
.seminar__event-icon--other {
  background-color: var(--color-navy);
}
.seminar__event-icon--community {
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
.seminar__event-dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
.seminar__event-link {
  position: relative;
  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 * 8, var(--max) * 8);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.seminar__event-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  width: 0.5em;
  height: 0.5em;
  border: 2px solid;
  border-top: none;
  border-left: none;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.seminar__event-title {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 318, var(--max) * 318);
  color: var(--color-deepNavy);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.5;
}
.seminar__event-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.seminar__event-arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  height: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
.seminar__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
.seminar__nav-item {
  width: 24%;
}
.seminar__nav-link {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 2px solid #3f498c;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  color: inherit !important;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.seminar__nav-heading {
  margin: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  background-color: #dbf2ff;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.28;
}
.seminar__nav-title {
  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;
  gap: 3px;
  margin: 0;
  padding: 9px 0;
  background-color: #fff;
  color: #3f498c;
  letter-spacing: 0;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.3;
}
.seminar__nav-title::after {
  content: "";
  width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  border: 2px solid;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.seminar__archive-button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.seminar__archive-button {
  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 * 8, var(--max) * 8);
  min-width: clamp(0px, 10vw / var(--board) * 10 * 344, var(--max) * 344);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #0977d3;
  color: #fff !important;
  text-decoration: none;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.seminar__archive-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  width: 0.5em;
  height: 0.5em;
  border: 2px solid;
  border-top: none;
  border-left: none;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.rw08-seminar__modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}
#main.is-modal .rw08-seminar__modal {
  opacity: 1;
  pointer-events: all;
}
.rw08-seminar__modal-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.rw08-seminar__modal-inner {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 136, var(--max) * 136);
  left: 50%;
  z-index: 10;
  overflow: scroll;
  padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  max-height: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
  width: clamp(0px, 10vw / var(--board) * 10 * 950, var(--max) * 950);
  border-radius: 10px;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rw08-seminar__modal-close {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border: none;
  background-color: transparent;
  background-image: url("/miraiseed/fansite/assets-fansite/image/seminar/icon_modal-close.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.rw08-seminar__modal-title {
  color: #3f498c;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.21;
}
.rw08-seminar__modal-desc {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
.rw08-seminar__modal-box {
  position: relative;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  background-color: #fff9cb;
}
.rw08-seminar__modal-box-point {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
}
.rw08-seminar__modal-box-feature {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.rw08-seminar__modal-box-title {
  position: absolute;
  top: 0;
  left: 50%;
  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 * 140, var(--max) * 140);
  height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  background-color: #ffe940;
  color: #3f498c;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.rw08-seminar__modal-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -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: 0 auto;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  list-style: none;
}
.rw08-seminar__modal-item {
  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: start;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #3f498c;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.rw08-seminar__modal-item::before {
  content: "";
  -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 * 25, var(--max) * 25);
  background-image: url("/miraiseed/fansite/assets-fansite/image/seminar/icon_checked.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.rw08-seminar__modal-point-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.rw08-seminar__modal-point-text span {
  color: #ec7d32;
}
.rw08-seminar__modal-feature-heading {
  color: #3f498c;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.rw08-seminar__modal-feature-step {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 790, var(--max) * 790);
}
.rw08-seminar__modal-feature-step img {
  width: 100%;
}
.rw08-seminar__modal-feature-movie {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 600, var(--max) * 600);
}
.rw08-seminar__modal-feature-movie img {
  width: 100%;
}
.rw08-seminar__modal-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 31, var(--max) * 31);
  color: #3f498c;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}

.seminar-hero {
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  background-color: #fff;
  background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase-left.webp"), url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase-right.webp");
  background-position: left top, right top;
  background-size: contain;
  background-repeat: no-repeat;
}

.seminar-hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: var(--usecase-inner-width);
  height: 100%;
}

.seminar-hero__inner {
  padding: 0;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1028, var(--max) * 1028);
}

.seminar-hero__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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.seminar-hero__title {
  color: var(--usecase-color-navy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1;
}

.seminar-hero__lead {
  color: var(--usecase-color-navy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
  text-box: trim-both cap alphabetic;
}

.seminar-hero__breadcrumb {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  color: var(--color-blue);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
}
.seminar-hero__breadcrumb-link {
  position: relative;
  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 * 8, var(--max) * 8);
}
.seminar-hero__breadcrumb-link::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.seminar-page .seminar-hero {
  height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}

.seminar-schedule {
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 0 clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  background-color: #e9f5fc;
}
.seminar-schedule__inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
}
.seminar-schedule__month:not(:first-child) {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
.seminar-schedule__month-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;
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 0;
  background-color: #3f498c;
}
.seminar-schedule__month-name {
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1;
}
.seminar-schedule__date-group {
  padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 0 0;
}
.seminar-schedule__date-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: #3f498c;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  line-height: 1;
}
.seminar-schedule__date-label::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  height: 2px;
  --dash: 4px; /* ダッシュの長さ */
  --gap: 2px; /* 間隔 */
  --thick: 2px; /* 太さ */
  --color: #3f498c;
  background-image: repeating-linear-gradient(90deg, var(--color) 0 calc(var(--dash)), transparent 0 calc(var(--dash) + var(--gap)));
  background-size: 100% var(--thick);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 8px; /* 線とテキストの距離 */
}
.seminar-schedule__events {
  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 * 16, var(--max) * 16);
}
.seminar-schedule__events .rw08-seminar__box {
  margin-top: 0 !important;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}
.seminar-schedule__events .rw08-seminar__box-image {
  min-width: clamp(0px, 10vw / var(--board) * 10 * 324, var(--max) * 324);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 324, var(--max) * 324);
}
.seminar-schedule__events .rw08-seminar__box-image--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;
  background-color: #f5f5f5;
  background-image: url("/miraiseed/fansite/assets-fansite/image/seminar/bg_card-area.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.seminar-schedule__events .rw08-seminar__box-area-label {
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
  text-align: center;
}
.seminar-schedule__events .rw08-seminar__box-title {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
}
.seminar-schedule__events .rw08-seminar__box-text {
  padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.seminar-schedule .usecase-pagination {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.body-info {
  --info-color-navy: #3f498c;
  --info-color-deepNavy: #2c3152;
  --info-color-blue: #0977d3;
  --info-color-blue-hover: #1991f5;
  --info-color-text: #333;
  --info-color-border: #dedcd6;
  --info-color-bg: #e9f5fc;
  --info-color-yellow: #ffe940;
  --info-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
  --usecase-color-navy: #3f498c;
  --usecase-color-text: #333;
  --usecase-color-placeholder: #808080;
  --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1728, var(--max) * 1728);
}
.body-info {
  background-color: var(--info-color-bg);
}

.info-hero {
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  background-color: #fff;
  background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase-left.webp"), url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase-right.webp");
  background-position: left top, right top;
  background-size: contain;
  background-repeat: no-repeat;
}

.info-hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: var(--usecase-inner-width);
  height: 100%;
}
.info-hero__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  padding-right: 0;
  max-width: 1030px;
}

.info-hero__title {
  color: var(--usecase-color-navy);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1;
}

.info-hero--search .info-hero__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.info-hero__left {
  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 * 14, var(--max) * 14);
}

.info-hero__breadcrumb {
  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 * 10, var(--max) * 10);
  font-size: 14px;
  font-weight: 700;
  color: #0a66c2 !important;
  text-decoration: none;
}
.info-hero__breadcrumb::before {
  content: "";
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M6 1L1 5.5L6 10' stroke='%230a66c2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.info-hero__breadcrumb:hover {
  text-decoration: underline;
}

.info-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: clamp(0px, 10vw / var(--board) * 10 * 310, var(--max) * 310);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  border: 1px solid var(--usecase-color-navy);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background-color: #fff;
}
.info-search__field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 82, var(--max) * 82));
}
.info-search__field::before {
  content: "";
  position: absolute;
  top: 50%;
  left: clamp(0px, 10vw / var(--board) * 10 * 16.5, var(--max) * 16.5);
  width: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  height: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/icon_search.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-search__input {
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent !important;
  color: var(--usecase-color-text);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  outline: none;
}
.info-search__input::-webkit-input-placeholder {
  color: var(--usecase-color-placeholder);
}
.info-search__input::-moz-placeholder {
  color: var(--usecase-color-placeholder);
}
.info-search__input:-ms-input-placeholder {
  color: var(--usecase-color-placeholder);
}
.info-search__input::-ms-input-placeholder {
  color: var(--usecase-color-placeholder);
}
.info-search__input::placeholder {
  color: var(--usecase-color-placeholder);
}
.info-search__button {
  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 * 82, var(--max) * 82);
  background-color: var(--usecase-color-navy);
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  cursor: pointer;
  -webkit-transition: opacity var(--speed);
  transition: opacity var(--speed);
}

.info-filter {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}
.info-filter__inner {
  margin: 0 auto;
  width: var(--info-inner-width);
}

.c-categorySearch {
  border: 2px solid var(--info-color-border);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background: #fff;
}

.c-categorySearch_accordion {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  cursor: pointer;
}
.c-categorySearch_accordion.active .c-categorySearch_head::before {
  background: url("https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_accordion_close.svg");
  background-size: contain;
}

.c-categorySearch_head {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  font-weight: var(--weightBold);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  color: var(--info-color-text);
}
.c-categorySearch_head::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_accordion_open.svg");
  background-size: contain;
}

.c-categorySearch_backbutton {
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  display: none;
  width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-categorySearch_container {
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-top: 1px solid var(--info-color-border);
}
.c-categorySearch_container[hidden] {
  display: none;
}

.c-categorySearch_box {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  border-bottom: 1px solid var(--info-color-border);
}
.c-categorySearch_box:first-child {
  padding-top: 0;
}
.c-categorySearch_box:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.c-categoryForm {
  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;
}

.c-categoryForm_label {
  width: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.c-categoryForm_name {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-weight: var(--weightBold);
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: var(--info-color-text);
}

.c-categoryForm_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
          flex: 1 0 clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-categoryForm_check {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  padding-top: 0;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.c-categoryForm_control {
  position: absolute;
  left: 0;
  top: 50%;
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  height: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  margin: 0;
  opacity: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.c-categoryForm_control + .c-categoryForm_render::before {
  position: absolute;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 2.5, var(--max) * 2.5);
  left: 0;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  height: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  content: "";
  background: url("https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_check_off.svg");
  background-size: contain;
}

.c-categoryForm_control:checked + .c-categoryForm_render::before {
  background: url("https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_check_on.svg");
  background-size: contain;
}

.c-categoryForm_render {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: var(--info-color-navy);
}

.c-categorySearch_actionButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-categorySearch_reset {
  font-weight: var(--weightBold);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: clamp(0px, 10vw / var(--board) * 10 * 118, var(--max) * 118);
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
  color: var(--info-color-blue);
  border: 1px solid var(--info-color-blue);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.c-categorySearch_submit {
  font-weight: var(--weightBold);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
  padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
  color: #fff;
  border: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background: var(--info-color-blue);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.info-tabs {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}
.info-tabs__inner {
  margin: 0 auto;
  width: var(--info-inner-width);
}
.info-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.info-tabs__item {
  width: 100%;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 197, var(--max) * 197);
}
.info-tabs__link {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  text-align: center;
  text-decoration: none;
  color: var(--info-color-navy) !important;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
.info-tabs__link::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: var(--info-color-border);
}
.info-tabs__link.is-active {
  font-weight: var(--weightBold);
}
.info-tabs__link.is-active::before {
  height: 4px;
  background-color: var(--info-color-yellow);
}
.info-tabs__link:visited {
  color: var(--info-color-navy) !important;
}
.info-tabs__select-wrap {
  display: none;
}
.info-tabs__select {
  position: relative;
  width: clamp(0px, 10vw / var(--board) * 10 * 192, var(--max) * 192);
  padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  border: 2px solid var(--info-color-border);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background: #edeadf;
  color: var(--info-color-text);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.info-list {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
.info-list__inner {
  margin: 0 auto;
  width: var(--info-inner-width);
}

.body-info .info-list .l-grid-halfGutter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) 1fr clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin-top: 1.5rem;
}
.body-info .info-list .l-grid-halfGutter:first-child {
  margin-top: 0;
}

.body-info .info-list .l-grid_item {
  min-height: 0;
  min-width: 100%;
}

.body-info .info-list .c-infoCard_date {
  font-size: 14px;
  margin-top: 16px;
  color: #333;
}

.body-info .info-list .c-infoCard_day {
  color: #3f498c;
}

.body-info .info-list .c-infoCard_tag {
  color: #3f498c;
}

.body-info .usecase-pagination {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
.body-info .usecase-pagination__link.is-current {
  background-color: var(--usecase-color-navy);
  color: #fff !important;
}

.body-info-search #usecaseSearchHead.c-headingLv2 {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  font-weight: 700;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  color: var(--info-color-navy);
}
.body-info-search #usecaseSearchHead.c-headingLv2:first-child {
  margin-top: 0;
}
.body-info-search #usecaseSearchHead.c-headingLv2.l-separator-x4-sm-imp {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) !important;
}

.body-info-search .c-headingLv2 + .c-serchMatch {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

.body-info-search .c-serchMatch.l-contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.body-info-search .c-serchMatch.l-contentInner:has(.info-list) {
  display: block;
  margin: 0 auto;
  width: var(--info-inner-width);
}

.body-info-search .c-serchMatch.l-contentInner + .info-list {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}

.body-info-search #serchMatch_value,
.body-info-search .c-serchMatch_value {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  position: relative;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  color: #666;
}
.body-info-search #serchMatch_value::before,
.body-info-search .c-serchMatch_value::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  height: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_search_window.svg);
  background-size: contain;
}

.info-search-recommend {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
.info-search-recommend__inner {
  margin: 0 auto;
  width: var(--info-inner-width);
}
.info-search-recommend__title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  font-size: 18px;
  font-weight: 700;
  color: var(--info-color-text);
}
.info-search-recommend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin: 0;
  padding: 0;
  list-style: none;
}
.info-search-recommend__link {
  display: block;
  padding: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: var(--info-color-blue) !important;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--info-color-border);
  border-radius: 8px;
}
.info-search-recommend__link:hover {
  opacity: 0.9;
  -webkit-box-shadow: 0 0 7px 0 #dedcd5;
          box-shadow: 0 0 7px 0 #dedcd5;
}
@media (max-width: 1919px){
  .body-usecase {
    --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1380, var(--max) * 1380);
    --usecase-column: repeat(4, 1fr);
  }
  .seminar {
    --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1380, var(--max) * 1380);
  }
  .body-info {
    --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1380, var(--max) * 1380);
  }
}
@media (max-width: 1400px){
  .body-usecase {
    --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
    --usecase-column: repeat(3, 1fr);
  }
  .seminar {
    --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
  }
  .body-info {
    --usecase-inner-width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032);
  }
}
@media (max-width: 768px){
  :root {
    --board: 375;
    --max: 9999px;
  }
  .fansite-top__inner {
    background-image: url("/miraiseed/fansite/assets-fansite/image/bg_fansite_sp.webp");
  }
  .fansite-top__mv {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .fansite-top__mv-inner {
    max-width: 100%;
  }
  .fansite-top__mv-title {
    width: 94%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .fansite-top__mv-description {
    width: 94%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .fansite-top__main {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .fansite-top__content {
    display: block;
    padding: 0;
  }
  .fansite-top__content-inner {
    display: block;
  }
  .fansite-top__news-button::after {
    bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .fansite-top__news-button--apps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .fansite-top__news-button--management {
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .fansite-top__apps {
    padding: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33) 0 0;
  }
  .fansite-top__apps-cards {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .fansite-top__apps-card {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 8.3, var(--max) * 8.3);
    padding: 0;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    height: clamp(0px, 10vw / var(--board) * 10 * 142, var(--max) * 142);
  }
  .fansite-top__apps-card-icon {
    top: clamp(var(--max) * -12, 10vw / var(--board) * 10 * -12, 0px);
    left: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .fansite-top__management {
    padding: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34) 0 0;
  }
  .fansite-top__management-inner {
    max-width: 100%;
  }
  .fansite-top__management-card {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    height: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74);
  }
  .fansite-top__management-card-icon {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .fansite-top__management-card-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .fansite-top__management-card-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    text-align: left;
    line-height: 1.2;
  }
  .fansite-top__management-card-description {
    padding-left: 0;
  }
  .fansite-top__events {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 0;
  }
  .fansite-top__events-inner {
    -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: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    max-width: 100%;
  }
  .fansite-top__events-box {
    display: contents;
  }
  .fansite-top__events-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .fansite-top__events-button {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .fansite-top__events-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fansite-top__events-item img {
    height: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  }
  .products__header {
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__header-inner {
    width: 94%;
  }
  .products__header-inner {
    -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);
    width: 100%;
  }
  .products__header-content {
    position: relative;
    -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 * 66, var(--max) * 66);
    padding-top: 0;
  }
  .products__header-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 102, var(--max) * 102);
    height: clamp(0px, 10vw / var(--board) * 10 * 59, var(--max) * 59);
  }
  .products__header-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 116, var(--max) * 116);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  .products__header-title span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  }
  .products__header-description {
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 116, var(--max) * 116);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .products__header-button-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .products__header-button-link span:last-of-type::after {
    position: absolute;
    top: 50%;
    right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
  .products__button-text {
    position: absolute;
    top: clamp(var(--max) * -12, 10vw / var(--board) * 10 * -12, 0px);
    left: 50%;
    gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-image: url("/miraiseed/fansite/assets-fansite/image/navi/bg_header-button_l.webp"), url("/miraiseed/fansite/assets-fansite/image/navi/bg_header-button_r.webp");
    background-position: left center, right center;
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--color-yellow);
    white-space: nowrap;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    -webkit-transform: translateX(-50%) translateY(-100%);
            transform: translateX(-50%) translateY(-100%);
  }
  .products__button-text::before {
    background-color: var(--color-yellow) !important;
  }
  .products__sidemenu {
    width: 100%;
  }
  .products__news {
    padding: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53) 0 0;
  }
  .products__news-inner {
    width: 94%;
  }
  .products__news-inner {
    width: 100%;
  }
  .products__news-inner {
    -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;
  }
  .products__news-box {
    display: contents;
    width: 100%;
  }
  .products__news-box .button-filter {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    width: clamp(0px, 10vw / var(--board) * 10 * 177, var(--max) * 177);
  }
  .products__news-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 0;
  }
  .products__news-title-sub {
    font-weight: var(--weightBold);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__news-title-main {
    margin-top: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__news-slider-outer {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .products__news-slider {
    padding: 0;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .products__news-slider-track {
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__news-slider-item {
    width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
    height: clamp(0px, 10vw / var(--board) * 10 * 135, var(--max) * 135);
  }
  .products__news-slider-item:first-child {
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .products__news-slider-image {
    height: 100%;
  }
  .products__news-slider-controls {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .products__news .news__list {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
  .products__tabs {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__news + .products__tabs {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
  }
  .products__tabs-inner {
    width: 94%;
  }
  .products__tabs-inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
  }
  .body-products--setting .products__tabs-inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
  .products__tabs-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  }
  .products__tabs-item {
    max-width: clamp(0px, 10vw / var(--board) * 10 * 114, var(--max) * 114);
  }
  .products__tabs-button {
    -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);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .products__tabs-button::before {
    height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  .body-products--setting .products__tabs-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .products__content {
    padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0 clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  }
  .products__content-inner {
    width: 94%;
  }
  .products__content-inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
  }
  .products__content-grid {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .products__case-card {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__case-card-image {
    width: 100%;
    height: auto;
  }
  .products__case-card-content {
    padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__case-card-category {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  .products__case-card-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
    line-height: 1.47368421;
  }
  .products__case-card-description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
  .products__seminar-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .products__seminar-card-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .products__seminar-card-image {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
  }
  .products__seminar-card-label {
    padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  .products__seminar-card-badge {
    padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  .products__seminar-card-content {
    padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__seminar-card-date {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__seminar-card-category {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  .products__seminar-card-title, :where(.products__seminar-card) .rw08-seminar__box-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__seminar-card-description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
  .products__seminar-card-list, :where(.products__seminar-card) .rw08-seminar__box-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .products__seminar-card-list li, :where(.products__seminar-card) .rw08-seminar__box-list li {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
  .products__video-section {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .products__video-section-title {
    gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  .products__video-section-number {
    width: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__video-card-image {
    width: 100%;
    height: auto;
  }
  .products__video-card-bar {
    height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .products__video-card-content {
    padding: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .products__video-card-category {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .products__video-card-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .products__video-card-meta {
    gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .products__video-card-time {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__video-card-tags {
    gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  }
  .products__video-card-tag {
    padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .products__faq {
    padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) 0;
  }
  .products__faq-inner {
    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: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
  .products__faq-header {
    display: contents;
  }
  .products__faq-header .button-filter {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  }
  .products__faq-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .products__faq-list {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .products__faq-link {
    gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    padding: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) 0;
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .products__faq-link::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .products__faq-icon {
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    width: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
    height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .products__faq-question {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .products__button {
    padding: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
  .body-usecase {
    --usecase-inner-width: 100%;
    --usecase-column: 1fr;
  }
  .usecase__hero {
    position: relative;
    padding: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) 0;
    height: clamp(0px, 10vw / var(--board) * 10 * 174, var(--max) * 174);
    background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase_sp.webp");
    background-position: center;
    background-size: cover;
  }
  .usecase__hero-inner {
    -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 * 16, var(--max) * 16);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    height: 100%;
  }
  .usecase__hero-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: 100%;
  }
  .usecase__title {
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .usecase__lead {
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    line-height: 1.41666667;
  }
  .usecase__divider {
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40));
  }
  .usecase-search {
    position: absolute;
    bottom: clamp(var(--max) * -16, 10vw / var(--board) * 10 * -16, 0px);
    left: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    -webkit-transform: translateX(-50%) translateY(100%);
            transform: translateX(-50%) translateY(100%);
  }
  .usecase-search__field {
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100));
  }
  .usecase-search__field::before {
    left: clamp(0px, 10vw / var(--board) * 10 * 12.25, var(--max) * 12.25);
    width: clamp(0px, 10vw / var(--board) * 10 * 13.5, var(--max) * 13.5);
    height: clamp(0px, 10vw / var(--board) * 10 * 13.5, var(--max) * 13.5);
  }
  .usecase-search__input {
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 31, var(--max) * 31);
  }
  .usecase-search__button {
    width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
  .usecase-filter {
    padding: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74) 0 clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  }
  .usecase-filter__inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16));
  }
  .usecase-filter__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .usecase-filter__tabs {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
       -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
            column-gap: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
    -ms-grid-columns: clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77) clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77) clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77) clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77);
    grid-template-columns: repeat(4, clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77));
    row-gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .usecase-filter__tab {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
  .usecase-filter__details {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  }
  .usecase-filter__details-heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  .usecase-filter__controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    width: 100%;
  }
  .usecase-filter__reset {
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .usecase-dropdown {
    width: 100%;
  }
  .usecase-dropdown__button {
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .usecase-dropdown__button::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    height: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    border-width: 2px;
    border-top: 0;
    border-left: 0;
  }
  .usecase-dropdown__panel {
    top: auto;
    display: block;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity var(--speed);
    transition: opacity var(--speed);
    pointer-events: none;
  }
  .usecase-dropdown.is-open .usecase-dropdown__panel {
    opacity: 1;
    pointer-events: auto;
  }
  .usecase-checkbox {
    gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .usecase-list {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  }
  .usecase-list__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    width: 100%;
  }
  .usecase__content-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .body-usecase .c-verticalCard_description {
    line-height: 1.83333333;
  }
  .usecase .l-grid_item .c-verticalCard_unit {
    max-height: clamp(0px, 10vw / var(--board) * 10 * 173, var(--max) * 173);
  }
  .usecase .l-grid_item .c-verticalCard_container {
    margin-top: 0;
  }
  .usecase .c-verticalCard_img {
    aspect-ratio: initial;
    height: clamp(0px, 10vw / var(--board) * 10 * 173, var(--max) * 173);
  }
  .usecase .c-verticalCard_img img {
    height: clamp(0px, 10vw / var(--board) * 10 * 173, var(--max) * 173);
  }
  .usecase .c-verticalCard_unit {
    min-height: clamp(0px, 10vw / var(--board) * 10 * 173, var(--max) * 173);
    height: auto;
  }
  .usecase-error {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  }
  .usecase-error__inner {
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16));
  }
  .usecase-error__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #section-online,
  #section-elearning,
  #section-special,
  #section-archive {
    scroll-margin-top: clamp(0px, 10vw / var(--board) * 10 * 81, var(--max) * 81);
  }
  .seminar {
    --usecase-inner-width: 100%;
  }
  .seminar__contents {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .seminar__contents--upcoming {
    padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) 0 clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .seminar__contents--archive .rw08-seminar__box-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .seminar__contents--archive .rw08-seminar__box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    width: 100%;
  }
  .seminar__contents--archive .rw08-seminar__box-text {
    width: 100%;
    padding: 0;
  }
  .seminar__contents--archive .rw08-seminar__box-title {
    max-width: clamp(0px, 10vw / var(--board) * 10 * 167, var(--max) * 167);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .seminar__contents--archive .rw08-seminar__box-title span {
    display: block;
    line-height: 1.5;
  }
  .seminar__contents--archive .rw08-seminar__box-image {
    min-width: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  }
  .seminar__contents--archive .rw08-seminar__box-image img {
    height: auto;
  }
  .seminar__contents--archive .rw08-seminar__box-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .seminar__contents-inner {
    padding: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 359, var(--max) * 359);
  }
  .seminar__title-box {
    -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: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    padding: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    height: auto;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
  }
  .seminar__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  .seminar__title-button {
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .seminar__title-button::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .seminar__desc {
    margin: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 348, var(--max) * 348);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .seminar__upcoming-frame {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .seminar__month-group:first-child .seminar__event-dl:nth-child(2) {
    border-top: 1px solid #d9d9d9;
  }
  .seminar__month-label {
    width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .seminar__month-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .seminar__month-events {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .seminar__event-dl {
    padding: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  .seminar__event-dt {
    width: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
  }
  .seminar__event-date {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .seminar__event-link {
    gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
  .seminar__event-link::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  }
  .seminar__event-title {
    max-width: clamp(0px, 10vw / var(--board) * 10 * 169, var(--max) * 169);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .seminar__event-arrow {
    width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .seminar__nav {
    display: -ms-grid;
    display: grid;
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    margin-top: 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);
  }
  .seminar__nav-item {
    width: 100%;
  }
  .seminar__nav-heading {
    padding: 6px 0 5px;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .seminar__nav-title {
    gap: 4px;
    padding: 7px 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .seminar__nav-title::after {
    width: 8px;
    height: 8px;
  }
  .rw08-seminar__modal-inner {
    top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
    max-height: 80%;
    width: clamp(0px, 10vw / var(--board) * 10 * 359, var(--max) * 359);
  }
  .rw08-seminar__modal-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .rw08-seminar__modal-desc {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .rw08-seminar__modal-box-feature {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 31, var(--max) * 31);
  }
  .rw08-seminar__modal-box-title {
    width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .rw08-seminar__modal-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .rw08-seminar__modal-item {
    gap: 6px;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .rw08-seminar__modal-item::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    height: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  }
  .rw08-seminar__modal-point-text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    margin-right: auto;
    margin-left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 287, var(--max) * 287);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .rw08-seminar__modal-feature-heading {
    margin-right: auto;
    margin-left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 287, var(--max) * 287);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .rw08-seminar__modal-feature-step {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
    width: clamp(0px, 10vw / var(--board) * 10 * 287, var(--max) * 287);
  }
  .rw08-seminar__modal-feature-movie {
    width: clamp(0px, 10vw / var(--board) * 10 * 287, var(--max) * 287);
  }
  .rw08-seminar__modal-text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .seminar-hero {
    position: relative;
    padding: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) 0;
    height: clamp(0px, 10vw / var(--board) * 10 * 174, var(--max) * 174);
    background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase_sp.webp");
    background-position: center;
    background-size: cover;
  }
  .seminar-hero {
    height: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
  }
  .seminar-hero__inner {
    -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 * 16, var(--max) * 16);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    height: 100%;
  }
  .seminar-hero__content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: 100%;
  }
  .seminar-hero__title {
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .seminar-hero__lead {
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    line-height: 1.41666667;
  }
  .seminar-hero__breadcrumb {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  .seminar-page .seminar-hero {
    height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
  .seminar-page .seminar-hero__inner {
    padding: 0;
  }
  .seminar-page .seminar-hero__content {
    gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .seminar-page .seminar-hero__breadcrumb-link {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .seminar-schedule {
    padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) 0 clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .seminar-schedule__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 359, var(--max) * 359);
  }
  .seminar-schedule__month:not(:first-child) {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .seminar-schedule__month-name {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .seminar-schedule__date-group {
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0;
  }
  .seminar-schedule__date-label {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .seminar-schedule__date-label span {
    display: block;
    background-color: #e9f5fc;
    position: relative;
    z-index: 2;
    padding: 0 0.5em;
  }
  .seminar-schedule__date-label::after {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 93%;
  }
  .seminar-schedule__events {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .seminar-schedule__events .rw08-seminar__box {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
  .seminar-schedule__events .rw08-seminar__box-image {
    min-width: unset;
    max-width: unset;
    width: 100%;
    height: auto;
  }
  .seminar-schedule__events .rw08-seminar__box-image--area {
    height: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
  }
  .seminar-schedule__events .rw08-seminar__box-area-label {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .seminar-schedule__events .rw08-seminar__box-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .seminar-schedule__events .rw08-seminar__box-text {
    padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .seminar-schedule .usecase-pagination {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .body-info {
    --info-inner-width: 100%;
    --usecase-inner-width: 100%;
  }
  .info-hero {
    position: relative;
    padding: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) 0;
    height: clamp(0px, 10vw / var(--board) * 10 * 174, var(--max) * 174);
    background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase_sp.webp");
    background-position: center;
    background-size: cover;
  }
  .info-hero {
    background-image: url("/miraiseed/fansite/assets-fansite/image/usecase/bg_usecase_sp.webp");
    background-position: center;
    background-size: cover;
  }
  .info-hero__inner {
    -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 * 16, var(--max) * 16);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    height: 100%;
  }
  .info-hero__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding: 0;
  }
  .info-hero__title {
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .info-hero--search .info-hero__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .body-info-search .info-hero {
    height: clamp(0px, 10vw / var(--board) * 10 * 174, var(--max) * 174);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .body-info-search .info-hero__inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .body-info-search .info-hero__left {
    gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .body-info-search .info-hero__title {
    text-align: left;
  }
  .body-info-search .info-hero__breadcrumb {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .info-search {
    position: static;
    width: 100%;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0;
    -webkit-transform: none;
            transform: none;
    border-color: #dedcd6;
    -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(0, 0, 0, 0.08);
            box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(0, 0, 0, 0.08);
  }
  .info-search__field {
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100));
  }
  .info-search__field::before {
    left: clamp(0px, 10vw / var(--board) * 10 * 12.25, var(--max) * 12.25);
    width: clamp(0px, 10vw / var(--board) * 10 * 13.5, var(--max) * 13.5);
    height: clamp(0px, 10vw / var(--board) * 10 * 13.5, var(--max) * 13.5);
  }
  .info-search__input {
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 31, var(--max) * 31);
  }
  .info-search__button {
    width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
  .info-filter {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .info-filter__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .c-categorySearch {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .c-categorySearch_container {
    padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .c-categorySearch_box {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .c-categoryForm_label {
    width: 100%;
  }
  .c-categoryForm_content {
    margin-top: 0;
  }
  .c-categorySearch_actionButton {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-categorySearch_reset {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    margin-right: auto;
    margin-left: auto;
  }
  .c-categorySearch_submit {
    margin-right: auto;
    margin-left: auto;
  }
  .info-tabs {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .info-tabs__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .info-tabs__list {
    display: none;
  }
  .info-tabs__select-wrap {
    position: relative;
    display: inline-block;
  }
  .info-tabs__select-wrap::before {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    content: "";
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_select_down.svg");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  .info-list {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .info-list__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .body-info .info-list .l-grid-halfGutter {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .body-info .usecase-pagination {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .body-info-search .c-serchMatch.l-contentInner {
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .info-search-recommend {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .info-search-recommend__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .info-search-recommend__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: 16px;
  }
}
@media (max-width: 768px) and (hover: hover){
  .c-categorySearch_reset:hover {
    color: var(--info-color-blue);
    border-color: var(--info-color-blue);
    background: #fff;
  }
  .c-categorySearch_submit:hover {
    background: var(--info-color-blue);
  }
}
@media (hover: hover){
  .products__header-button-link:hover {
    background-color: #fff080;
    color: var(--color-blue) !important;
    opacity: 1;
  }
  .products__header-button-link:hover span:first-of-type::before {
    background-color: var(--color-blue);
  }
  .products__sidemenu-link:hover {
    color: var(--color-blue) !important;
    opacity: 1;
  }
  .products__sidemenu-item--active .products__sidemenu-link:hover {
    background-color: var(--theme-color-hover);
  }
  .products__tabs-button:hover {
    background-color: var(--theme-color);
    color: #fff !important;
  }
  .products__tabs-button:hover::before {
    background-color: #fff;
  }
  .products__video-card:hover {
    -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) rgba(0, 0, 0, 0.12);
            box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) rgba(0, 0, 0, 0.12);
    -webkit-transform: translateY(clamp(var(--max) * -4, 10vw / var(--board) * 10 * -4, 0px));
            transform: translateY(clamp(var(--max) * -4, 10vw / var(--board) * 10 * -4, 0px));
  }
  .products__faq-link:hover {
    color: var(--color-blue) !important;
    opacity: 1;
  }
  .products__button:hover {
    background-color: var(--theme-color);
    color: #fff !important;
    opacity: 1;
  }
  .products__button--secondary:hover {
    background-color: var(--theme-color);
    color: #fff !important;
  }
  .products__button--secondary:hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L1 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  .usecase-search:hover {
    border-color: #0a66c2;
  }
  .usecase-search:hover .usecase-search__button {
    background-color: #0a66c2;
    opacity: 1;
  }
  .usecase-search__button:hover {
    opacity: 0.85;
  }
  .usecase-filter__reset-button:hover {
    opacity: 0.7;
  }
  .usecase-pagination__list > a:hover, .usecase-pagination__link:hover {
    background-color: var(--usecase-color-navy);
    color: #fff !important;
    opacity: 1;
  }
  .usecase-pagination__arrow:hover {
    opacity: 0.75;
  }
  .seminar__title-button:hover {
    background-color: #FFF080;
    color: #537FED !important;
    opacity: 1;
  }
  .seminar__event-dl:hover {
    opacity: 1 !important;
  }
  .seminar__event-dl:hover::before {
    opacity: 1;
  }
  .seminar__event-dl:hover + .seminar__event-dl {
    border-color: transparent;
  }
  .seminar__event-dl:hover .seminar__event-dt {
    color: #fff !important;
  }
  .seminar__event-dl:hover .seminar__event-date {
    color: #fff !important;
  }
  .seminar__event-dl:hover .seminar__event-title {
    color: #fff !important;
  }
  .seminar__event-dl:hover .seminar__event-link::after {
    border-color: #fff !important;
  }
  .seminar__nav-link:hover {
    opacity: 0.7;
  }
  .seminar__archive-button:hover {
    opacity: 0.7;
  }
  .info-search:hover {
    border-color: #0a66c2;
  }
  .info-search:hover .info-search__button {
    background-color: #0a66c2;
    opacity: 1;
  }
  .info-search__button:hover {
    opacity: 0.85;
  }
  .c-categorySearch_reset:hover {
    color: var(--info-color-blue-hover);
    border-color: var(--info-color-blue-hover);
    background-color: #e0f1ff;
  }
  .c-categorySearch_submit:hover {
    background: var(--info-color-blue-hover);
  }
  .info-tabs__link:hover {
    font-weight: var(--weightBold);
    text-decoration: none;
  }
}
@media (hover: hover) and (pointer: fine){
  .usecase-filter__tab:hover:not(:disabled):not([aria-selected=true]) {
    background-color: var(--usecase-tab-border, #ccc);
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff;
    opacity: 1;
    -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2));
            transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2));
  }
  .usecase-dropdown:hover .usecase-dropdown__button {
    border-color: var(--usecase-color-navy);
  }
  .usecase-dropdown:hover .usecase-dropdown__panel {
    display: block;
  }
}