._TopAbout_1ajwy_1 {
  container-type: inline-size;
  grid-area: content;
  overflow: hidden;
  position: relative;

  /* 背景のあしらい（下部） */
  &::before {
    content: '';
    display: block;
    aspect-ratio: 439 / 658;
    width: auto;
    max-height: 90%;
    height: 183px;
    background-image: url('/assets/images/top/bg-index-04.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: var(--Z-INDEX-DEFAULT);

    @media (width > 768px) {
      width: min(20cqi, 439px);
      height: auto;
    }
  }

  /* 背景のあしらい（上部） */
  &::after {
    content: '';
    display: block;
    aspect-ratio: 439 / 658;
    width: auto;
    max-height: 90%;
    height: 183px;
    background-image: url('/assets/images/top/bg-index-03.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    top: 0;
    right: 0;

    @media (width > 768px) {
      width: min(20cqi, 439px);
      height: auto;
    }
  }
}

._background_1ajwy_53 {
  --media-height: 240px;
  --shift-top: 0;

  margin-top: var(--shift-top);
  width: 100%;
  min-height: var(--media-height);
  overflow: hidden;
  position: relative;

  @media (width > 768px) {
    --media-height: 500px;
    --shift-top: -180px;
  }

  & > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

._outer_1ajwy_78 {
  --local-bg-blue: #ecf2f8;

  display: grid;
  gap: 0 var(--OUTSIDE-GUTTER);
  grid-column: 1 / 4;
  grid-template-columns:
    1fr minmax(var(--CONTENT-WIDTH-SP), var(--CONTENT-WIDTH-PC))
    1fr;
  background-color: var(--local-bg-blue);
  overflow: hidden;
}

._inner_1ajwy_91 {
  grid-column: 2 / 3;
  padding: var(--SPACE-BLOCK-SPACING-80) 0 0;
  position: relative;
  z-index: var(--Z-INDEX-DEFAULT);

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-80) 0 0 5cqi;
  }
}

._text_1ajwy_102 {
  margin-top: var(--SPACE-BLOCK-SPACING-40);
  font-size: var(--FONT-SIZE-XS);
  line-height: 2.8;

  @media (width > 768px) {
    margin-top: var(--SPACE-BLOCK-SPACING-80);
    font-size: var(--FONT-SIZE-XL);
  }

  & > b {
    font-weight: var(--FONT-WEIGHT-NORMAL);
  }
}

._buttonLayout_1ajwy_117 {
  @media (width > 768px) {
    text-align: left !important;
  }
}

._panel_1ajwy_123 {
  margin-top: var(--SPACE-BLOCK-SPACING-64);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--SPACE-BLOCK-SPACING-16);

  @media (width > 768px) {
    margin-top: var(--SPACE-BLOCK-SPACING-72);
    gap: var(--SPACE-BLOCK-SPACING-48);
  }
}

._panelRow_1ajwy_135 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--SPACE-BLOCK-SPACING-16);

  @media (width > 768px) {
    margin-left: auto;
    max-width: 686px;
    width: 100%;
    gap: var(--SPACE-BLOCK-SPACING-48);

    &:first-child {
      margin-right: 5cqi;
    }
  }
}

._panelItem_1ajwy_152 {
  display: flex;
  flex-direction: column;
  gap: var(--SPACE-BLOCK-SPACING-16);
  transition: opacity var(--TRANSITION);

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);

      ._panelMedia_1ajwy_162 {
        & > img {
          transform: scale(1.05);
        }
      }
    }
  }
}

._panelMedia_1ajwy_162 {
  overflow: hidden;
  aspect-ratio: 319 / 179;

  & > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--TRANSITION);
  }
}

._panelContentText_1ajwy_183 {
  font-size: var(--FONT-SIZE-XS);
  font-weight: var(--FONT-WEIGHT-BOLD);
  line-height: 1.5;

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-L);
    line-height: 1.75;
  }

  /* Arrow */
  &::after {
    margin-left: var(--SPACE-BLOCK-SPACING-4);
    content: '';
    display: inline-block;
    aspect-ratio: 1 / 1;
    background-color: currentColor;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    width: 20px;
    height: auto;
    position: relative;
    top: 0.3em;

    @media (width > 768px) {
      top: 0.2em;
    }
  }
}
._TopButton_5w3ka_1 {
  --icon-size: 20px;

  margin-top: var(--SPACE-BLOCK-SPACING-40);
  padding-bottom: var(--SPACE-BLOCK-SPACING-16);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-inline-size: 264px;
  max-inline-size: 480px;
  gap: var(--SPACE-BLOCK-SPACING-24);
  color: var(--TEXT-BLACK);
  transition: opacity var(--TRANSITION);

  @media (768px < width) {
    margin-top: var(--SPACE-BLOCK-SPACING-64);
    min-inline-size: 260px;
  }

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  /* Under line */
  &::before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  /* Arrow */
  &::after {
    content: '';
    display: block;
    aspect-ratio: 1 / 1;
    width: var(--icon-size);
    background-color: currentColor;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
  }

  &._theme-white_5w3ka_51 {
    color: var(--TEXT-WHITE);
  }
}

._inner_5w3ka_56 {
  font-size: var(--FONT-SIZE-XS);
  font-weight: var(--FONT-WEIGHT-SEMI-BOLD);

  @media (768px < width) {
    font-size: var(--FONT-SIZE-BASE);
  }
}

._TopButtonLayout_5w3ka_65 {
  text-align: center;

  &._align-left_5w3ka_68 {
    text-align: left;
  }

  &._align-right_5w3ka_72 {
    text-align: right;
  }
}
._TopHeadingLevel2_7whbe_1 {
  font-size: var(--FONT-SIZE-2XL);
  font-weight: var(--FONT-WEIGHT-BOLD);
  line-height: 1.5;

  @media (768px < width) {
    font-size: var(--FONT-SIZE-6XL);
  }

  &._theme-white_7whbe_10 {
    color: var(--TEXT-WHITE);
  }
}
._TopCases_1pccl_1 {
  grid-area: content;
}

._outer_1pccl_5 {
  display: grid;
  gap: 0 var(--OUTSIDE-GUTTER);
  grid-column: 1 / 4;
  grid-template-columns:
    1fr minmax(var(--CONTENT-WIDTH-SP), var(--CONTENT-WIDTH-PC))
    1fr;
}

._inner_1pccl_14 {
  grid-column: 2 / 3;
  padding: var(--SPACE-BLOCK-SPACING-64) 0;

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-120) 0;
  }
}

._showcase_1pccl_23 {
  --column-count: 1;

  margin-top: var(--SPACE-BLOCK-SPACING-40);
  display: grid;
  grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
  grid-template-areas: 'image' 'accordion';
  gap: var(--SPACE-BLOCK-SPACING-40) var(--SPACE-BLOCK-SPACING-80);

  @media (width > 768px) {
    --column-count: 2;

    margin-top: var(--SPACE-BLOCK-SPACING-80);
    grid-template-areas: 'accordion image';
  }
}

._showcaseAccordion_1pccl_40 {
  grid-area: accordion;
  border-top: 4px solid var(--BORDER-BLACK);
}

._showcaseVisual_1pccl_45 {
  grid-area: image;
}

._showcaseAccordionDetails_1pccl_49 {
  --padding-block: var(--SPACE-BLOCK-SPACING-24);
  --padding-inline: 16px;

  border-bottom: 1px solid var(--BORDER-DEFAULT);

  @media (width > 768px) {
    --padding-block: var(--SPACE-BLOCK-SPACING-32);
    --padding-inline: 20px;
  }

  &[open] {
    ._showcaseAccordionSummary_1pccl_61 {
      padding-bottom: 0;
      cursor: auto;

      /* Arrow */
      &::after {
        transform: rotate(0deg);
      }
    }
  }
}

._showcaseAccordionSummary_1pccl_61 {
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--SPACE-BLOCK-SPACING-16);

  /* Arrow */
  &::after {
    content: '';
    aspect-ratio: 16 / 8;
    width: 16px;
    height: auto;
    mask-image: url('/assets/images/common/icon-summary-arrow.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: var(--COLOR-BLACK-1000);
    flex-shrink: 0;
    transform-origin: center;
    transform: rotate(180deg);
  }
}

._showcaseAccordionTitle_1pccl_97 {
  font-size: var(--FONT-SIZE-BASE);
  font-weight: var(--FONT-WEIGHT-BOLD);
  line-height: 1.5;

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-XL);
  }
}

._showcaseAccordionContentInner_1pccl_107 {
  padding: var(--SPACE-BLOCK-SPACING-16) var(--padding-inline)
    var(--padding-block);

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-16) calc(var(--padding-inline) + 40px)
      var(--padding-block) var(--padding-inline);
  }
}

._showcaseAccordionText_1pccl_117 {
  font-size: var(--FONT-SIZE-XS);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }
}

._showcaseVisualImage_1pccl_125 {
  --image-height: 193px;

  aspect-ratio: 343 / 193;
  min-height: var(--image-height);
  overflow: hidden;
  position: relative;

  @media (width > 768px) {
    --image-height: 718px;

    aspect-ratio: unset;
  }

  & > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;

    &.isActive {
      opacity: 1;
    }
  }
}

._showcaseAccordionLink_1pccl_154 {
  --icon-size: 16px;

  margin-top: var(--SPACE-BLOCK-SPACING-24);
  display: inline-flex;
  gap: var(--SPACE-BLOCK-SPACING-8);
  font-size: var(--FONT-SIZE-XS);
  transition: opacity var(--TRANSITION);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  /* Arrow（テキストリンク） */
  &::before {
    background-color: var(--TEXT-BLACK);
    content: '';
    display: block;
    aspect-ratio: 1 / 1;
    width: var(--icon-size);
    height: var(--icon-size);
    flex-shrink: 0;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    translate: 0 0.3em;

    @media (width > 768px) {
      translate: 0 0.375em;
    }
  }
}
._TopGalleryCases_1rsjv_1 {
  padding-top: var(--SPACE-BLOCK-SPACING-64);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;

  @media (width > 768px) {
    padding-top: var(--SPACE-BLOCK-SPACING-120);
  }
}

._gallery_1rsjv_13 {
  --gap: 16px;

  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: relative;

  @media (width > 768px) {
    --gap: 32px;
  }
}

._galleryOuter_1rsjv_28 {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  contain: inline-size;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;

  @media (scripting: none) {
    overflow-x: scroll;
  }
}

._galleryTrack_1rsjv_42 {
  display: flex;
  width: max-content;

  @media (prefers-reduced-motion: no-preference) {
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: _galleryLoop_1rsjv_1;

    .is-stop-gallery & {
      animation-play-state: paused;
    }
  }

  @media (scripting: none) {
    animation: none;
  }
}

._galleryGroup_1rsjv_62 {
  display: flex;
  flex: 0 0 auto;
  gap: var(--gap);
  padding-right: var(--gap);
}

@keyframes _galleryLoop_1rsjv_1 {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

._galleryInner_1rsjv_75 {
  --panel-width: 1232;
  --panel-height: 500;

  position: relative;
  flex: 0 0 auto;
  height: 240px;
  aspect-ratio: var(--panel-width) / var(--panel-height);

  @media (width > 768px) {
    height: 500px;
  }
}

._galleryItem_1rsjv_89 {
  position: absolute;
  min-width: 0;
  overflow: hidden;
}

._galleryImage_1rsjv_95 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._galleryImage01_1rsjv_102 {
  top: 0;
  left: 0;
  width: calc(659 / 1232 * 100%);
  height: 100%;
}

._galleryImage02_1rsjv_109 {
  top: 0;
  right: 0;
  width: calc(352 / 1232 * 100%);
  height: calc(235 / 500 * 100%);
}

._galleryImage03_1rsjv_116 {
  bottom: 0;
  left: calc(691 / 1232 * 100%);
  width: calc(352 / 1232 * 100%);
  height: calc(235 / 500 * 100%);
}

._galleryItemLabel_1rsjv_123 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: var(--SPACE-BLOCK-SPACING-2) var(--SPACE-BLOCK-SPACING-8);
  color: var(--TEXT-WHITE);
  background-color: var(--BG-BLACK);
  font-size: var(--FONT-SIZE-XXS);
  line-height: 1.6;

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-XS);
  }
}

._galleryControls_1rsjv_139 {
  --icon-size: 40px;
  --padding-bottom: 8px;

  align-self: end;
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  display: flex;
  justify-content: flex-end;
  max-width: calc(1920px - ((72px - var(--OUTSIDE-GUTTER)) * 2));
  width: 100%;
  margin-inline: auto;
  padding: 0 var(--OUTSIDE-GUTTER) var(--padding-bottom);
  position: relative;
  z-index: 1;

  @media (width > 768px) {
    --padding-bottom: 16px;
  }
}

._galleryControlButton_1rsjv_160 {
  aspect-ratio: 1 / 1;
  width: var(--icon-size);
  height: auto;
  background-image: url('/assets/images/common/icon-index-pause-02.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity var(--TRANSITION);

  /* reset */
  appearance: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;

  &:focus-visible {
    opacity: var(--OPACITY-HOVER);
  }

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  &.is-stop {
    background-image: url('/assets/images/common/icon-index-play-02.svg');
  }

  @media (scripting: none) {
    display: none;
  }
}
._TopMV_yg74v_1 {
  --mv-height: 515px;

  position: relative;
  min-height: var(--mv-height);

  @media (width > 768px) {
    --mv-height: 100dvh;
  }
}

._mvHeading_yg74v_12 {
  padding: 0 var(--OUTSIDE-GUTTER);
  margin: 0;
  display: flex;
  max-width: calc(1920px - ((72px - var(--OUTSIDE-GUTTER)) * 2));
  width: 100%;
  justify-content: center;
  position: absolute;
  /* .videoの高さ中央に配置（SP/PC共通で.videoの中央に揃う） */
  top: calc(var(--mv-height) / 2);
  left: 50%;
  translate: -50% -50%;
  z-index: 1;

  @media (width > 768px) {
    top: calc(var(--mv-height) / 2 - 10dvh);
  }
}

._video_yg74v_20 {
  width: 100%;
  height: var(--mv-height);
  /* object-fit: coverではみ出したvideoを隠す */
  overflow: hidden;
  /* videoが読み込まれなかったときの背景色 */
  background-color: var(--BG-BLACK);

  @media (width > 768px) {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
}

._videoItem_yg74v_48 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

._videoText_yg74v_54 {
  color: var(--TEXT-WHITE);
}

._card_yg74v_58 {
  --icon-size: 40px;
  --control-gap: var(--SPACE-BLOCK-SPACING-16);
  --shift-up-box: var(--SPACE-BLOCK-SPACING-32);

  position: relative;
  z-index: 2;
  /* 操作ボタンだけを.videoに重ね、.boxは.videoの直後に配置する */
  margin-top: calc(
    (var(--icon-size) + var(--control-gap) + var(--shift-up-box)) *
    -1
  );

  @media (width > 768px) {
    position: absolute;
    right: 0;
    left: auto;
    bottom: auto;
    /* .TopMVの下端付近に配置し、テキストが増えたら下方向へオーバーさせる */
    top: calc(var(--mv-height) - 35dvh);
    width: 650px;
    margin-top: 0;
  }
}

._control_yg74v_83 {
  padding-inline: var(--OUTSIDE-GUTTER);
  margin-bottom: var(--control-gap);
  display: flex;
  justify-content: flex-end;

  @media (width > 768px) {
    padding-inline: 0 var(--SPACE-BLOCK-SPACING-24);
  }
}

._controlButton_yg74v_94 {
  aspect-ratio: 1 / 1;
  width: var(--icon-size);
  height: auto;
  border: none;
  background-image: url('/assets/images/common/icon-index-pause.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity var(--TRANSITION);

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  &.is-pause {
    background-image: url('/assets/images/common/icon-index-play.svg');
  }
}

._box_yg74v_65 {
  margin-left: var(--SPACE-BLOCK-SPACING-32);
  padding: var(--SPACE-BLOCK-SPACING-24);
  display: flex;
  flex-direction: column;
  border-bottom: 4px solid var(--BORDER-BLACK);
  background-color: var(--BG-WHITE);
  color: var(--TEXT-BLACK);
  position: relative;

  @media (width > 768px) {
    margin-left: unset;

    @media (any-hover: hover) {
      &:hover {
        ._boxLeadText_yg74v_130,
        ._boxContentText_yg74v_131,
        ._boxLink_yg74v_132 {
          opacity: var(--OPACITY-HOVER);
        }
      }
    }
  }
}

._boxLeadText_yg74v_130,
._boxContentText_yg74v_131 {
  transition: opacity var(--TRANSITION);
}

._boxLeadText_yg74v_130 {
  margin: 0;
  font-size: var(--FONT-SIZE-XS);
  line-height: var(--LINE-HEIGHT);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }
}

._boxContent_yg74v_131 {
  margin-top: var(--SPACE-BLOCK-SPACING-8);
}

._boxContentText_yg74v_131 {
  margin: 0;
  font-size: var(--FONT-SIZE-XS);
}

._boxLink_yg74v_132 {
  --arrow-size: 16px;

  margin-top: var(--SPACE-BLOCK-SPACING-16);
  display: inline-flex;
  align-items: center;
  align-self: flex-end;
  gap: var(--SPACE-BLOCK-SPACING-4);
  font-size: var(--FONT-SIZE-XS);
  font-weight: var(--FONT-WEIGHT-BOLD);
  line-height: 1.5;
  color: var(--TEXT-BLACK);
  text-decoration: none;
  cursor: pointer;
  transition: opacity var(--TRANSITION);

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  @media (width > 768px) {
    /* PCの時だけリンクエリアを全域に拡張する */
    &::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: var(--Z-INDEX-DEFAULT);
    }
  }

  /* arrow */
  &::after {
    background-color: var(--BG-BLACK);
    content: '';
    display: inline-block;
    width: var(--arrow-size);
    height: var(--arrow-size);
    flex-shrink: 0;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    translate: 0 0.05em;
  }
}
._TopNews_1ivzw_1 {
  grid-area: content;
}

._outer_1ivzw_5 {
  display: grid;
  gap: 0 var(--OUTSIDE-GUTTER);
  grid-column: 1 / 4;
  grid-template-columns:
    1fr minmax(var(--CONTENT-WIDTH-SP), var(--CONTENT-WIDTH-PC))
    1fr;
}

._inner_1ivzw_14 {
  grid-column: 2 / 3;
  padding: var(--SPACE-BLOCK-SPACING-64) 0 0;

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-120) 0 0;
  }
}

._tabs_1ivzw_23 {
  margin-top: var(--SPACE-BLOCK-SPACING-32);
  gap: var(--SPACE-BLOCK-SPACING-40);

  @media (width > 768px) {
    margin-top: var(--SPACE-BLOCK-SPACING-64);
    gap: var(--SPACE-BLOCK-SPACING-48);

    .js-tabPanel__list {
      margin-left: auto;
      justify-content: flex-end;
      gap: var(--SPACE-BLOCK-SPACING-8) var(--SPACE-BLOCK-SPACING-48);

      /* 見出しのアニメーションでボタンが押下できなくなるのを防ぐ */
      position: relative;
      z-index: 2;
    }

    .js-tabPanel__link {
      padding: 0 0 5px;
      line-height: 1.6;
    }
  }
}

._newsLink_1ivzw_48 {
  gap: var(--SPACE-BLOCK-SPACING-8);

  @media (width > 768px) {
    gap: var(--SPACE-BLOCK-SPACING-16);
  }
}

._empty_1ivzw_56 {
  margin-top: var(--SPACE-BLOCK-SPACING-48);
  font-size: var(--FONT-SIZE-XS);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }
}
._outer_e6l29_1 {
  display: grid;
  gap: 0 var(--OUTSIDE-GUTTER);
  grid-column: 1 / 4;
  grid-template-columns:
    1fr minmax(var(--CONTENT-WIDTH-SP), var(--CONTENT-WIDTH-PC))
    1fr;
}

._inner_e6l29_10 {
  grid-column: 2 / 3;
  padding: var(--SPACE-BLOCK-SPACING-64) 0;

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-120) 0;
  }
}

._newsList_e6l29_19 {
  padding-block: var(--SPACE-BLOCK-SPACING-24);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--SPACE-BLOCK-SPACING-24);
  position: relative;

  @media (width > 768px) {
    padding-inline-start: var(--SPACE-BLOCK-SPACING-16);
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--SPACE-BLOCK-SPACING-32) var(--SPACE-BLOCK-SPACING-48);
  }

  /* エリアを囲むボーダー */
  &::before,
  &::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--BORDER-BLACK);
    position: absolute;
  }

  /* エリアを囲むボーダー（上） */
  &::before {
    top: 0;
    left: 0;
  }

  /* エリアを囲むボーダー（下） */
  &::after {
    bottom: 0;
    left: 0;
  }
}

._listImportant_e6l29_56,
._listNews_e6l29_57 {
  display: grid;
  grid-template-columns: subgrid;
  gap: var(--SPACE-BLOCK-SPACING-8) var(--SPACE-BLOCK-SPACING-48);

  @media (width > 768px) {
    grid-column: 1 / 3;
  }
}

._listImportantItem_e6l29_67,
._listNewsItem_e6l29_68 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / 3;
  gap: var(--SPACE-BLOCK-SPACING-8);

  @media (width > 768px) {
    grid-column: 1 / 3;
    gap: unset;
  }
}

._listImportantTitle_e6l29_80,
._listNewsDate_e6l29_81 {
  font-size: var(--FONT-SIZE-XS);
  line-height: 1.5;

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }
}

._listImportantContent_e6l29_90,
._listNewsContent_e6l29_91 {
  font-size: var(--FONT-SIZE-XS);
  line-height: 1.5;

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }
}

._listImportantLink_e6l29_100,
._listNewsLink_e6l29_101 {
  --icon-size: 16px;

  display: flex;
  gap: var(--SPACE-BLOCK-SPACING-8);
  transition: opacity var(--TRANSITION);

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  /* arrow */
  &::before {
    background-color: var(--TEXT-BLACK);
    content: '';
    display: block;
    aspect-ratio: 1 / 1;
    width: var(--icon-size);
    height: var(--icon-size);
    flex-shrink: 0;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    translate: 0 0.2em;

    @media (width > 768px) {
      translate: 0 0.275em;
    }
  }
}

/* MediaIcon より後ろのチャンクで読み込まれても上書きできるよう詳細度を上げる */
svg._pdfIcon_e6l29_135 {
  position: relative;
  top: -0.1em;
  width: 20px;
  height: 20px;
  vertical-align: middle;

  @media (width > 768px) {
    width: 24px;
    height: 24px;
  }
}

svg._externalIcon_e6l29_148 {
  aspect-ratio: 1 / 1;
  width: 16px;
  position: relative;
  top: 0.1em;
}

._anchor_e6l29_155 {
  margin-top: var(--SPACE-BLOCK-SPACING-16);
  display: flex;
  justify-content: flex-end;
}

._anchorLink_e6l29_161 {
  --icon-size: 24px;

  display: flex;
  gap: var(--SPACE-BLOCK-SPACING-4);
  font-size: var(--FONT-SIZE-XS);
  line-height: 1.5;
  transition: opacity var(--TRANSITION);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  /* arrow */
  &::before {
    background-color: var(--TEXT-BLACK);
    content: '';
    display: block;
    aspect-ratio: 1 / 1;
    width: var(--icon-size);
    height: var(--icon-size);
    flex-shrink: 0;
    mask-image: url('/assets/images/common/icon-pulldown-02.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    translate: 0 -0.1em;

    @media (width > 768px) {
      translate: 0 0.1em;
    }
  }
}
._contentOuter_1qyk0_1,
._imageSection_1qyk0_2 {
  display: grid;
  gap: 0 var(--OUTSIDE-GUTTER);
  grid-template-columns:
    1fr minmax(var(--CONTENT-WIDTH-SP), var(--CONTENT-WIDTH-PC))
    1fr;
}

._imageSection_1qyk0_2 {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  text-align: center;

  @media (width > 768px) {
    min-height: 593px;
  }
}

._imageSectionInner_1qyk0_21 {
  display: grid;
  place-items: center;
  grid-column: 2 / 3;
  padding: 104px 0 115px;

  @media (width > 768px) {
    padding: 150px 0;
  }
}

._media_1qyk0_32 {
  position: absolute;
  inset: 0;
  z-index: var(--Z-INDEX-BACKGROUND);

  & > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

._contentInner_1qyk0_44 {
  grid-column: 2 / 3;
  padding: var(--SPACE-BLOCK-SPACING-40) 0 var(--SPACE-BLOCK-SPACING-64);

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-80) 0 var(--SPACE-BLOCK-SPACING-120);
  }
}

._productsHeading_1qyk0_53 {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  /* https://min-max-calculator.9elements.com/?31,84,375,1200 */
  gap: clamp(1.938rem, 0.432rem + 6.42vw, 5.25rem);

  & > img {
    /* https://min-max-calculator.9elements.com/?238,603,375,1200 */
    width: clamp(14.875rem, 4.506rem + 44.24vw, 37.688rem);
  }
}

._productsHeadingText_1qyk0_66 {
  flex: 0 0 auto;
  /* https://min-max-calculator.9elements.com/?32,48,375,1200 */
  font-size: clamp(1.5rem, 0.818rem + 2.91vw, 3rem);
  color: var(--TEXT-WHITE);
  white-space: nowrap;
}

._panelTop_1qyk0_74 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--SPACE-BLOCK-SPACING-32);

  @media (width > 768px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }
}

._panelTopItem_1qyk0_85 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--SPACE-BLOCK-SPACING-16);
  transition: opacity var(--TRANSITION);

  @media (width > 768px) {
    gap: var(--SPACE-BLOCK-SPACING-24);
  }

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);

      ._panelTopMedia_1qyk0_99 {
        & > img {
          scale: 1.05;
        }
      }
    }
  }
}

._panelTopMedia_1qyk0_99 {
  aspect-ratio: 680 / 386;
  width: 100%;
  height: auto;
  overflow: hidden;

  & > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: scale var(--TRANSITION);
  }
}

._panelTopContent_1qyk0_122 {
  text-align: center;
}

._panelTopText_1qyk0_126 {
  --icon-size: 24px;

  font-size: var(--FONT-SIZE-BASE);
  font-weight: var(--FONT-WEIGHT-BOLD);
  line-height: 1.8;
  letter-spacing: 3.2px;

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-L);
    letter-spacing: 3.6px;
  }

  /* Arrow */
  &::after {
    margin-left: var(--SPACE-BLOCK-SPACING-8);
    background-color: var(--TEXT-BLACK);
    content: '';
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: var(--icon-size);
    height: var(--icon-size);
    flex-shrink: 0;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    translate: 0 0.3em;

    @media (768px < width) {
      translate: 0 0.275em;
    }
  }
}

._panelBottom_1qyk0_160 {
  margin-top: var(--SPACE-BLOCK-SPACING-40);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--SPACE-BLOCK-SPACING-16);

  @media (width > 768px) {
    margin-top: var(--SPACE-BLOCK-SPACING-80);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 27px;
  }
}

._panelBottomItem_1qyk0_173 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--SPACE-BLOCK-SPACING-8);
  transition: opacity var(--TRANSITION);

  @media (width > 768px) {
    gap: var(--SPACE-BLOCK-SPACING-16);
  }

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);

      ._panelBottomMedia_1qyk0_187 {
        & > img {
          scale: 1.05;
        }
      }
    }
  }
}

._panelBottomMedia_1qyk0_187 {
  aspect-ratio: 320 / 180;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;

  & > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: scale var(--TRANSITION);
  }
}

._panelBottomLabel_1qyk0_211 {
  padding: var(--SPACE-BLOCK-SPACING-2) var(--SPACE-BLOCK-SPACING-8);
  background-color: var(--COLOR-RED-1000);
  font-size: var(--FONT-SIZE-XXS);
  font-weight: var(--FONT-WEIGHT-BOLD);
  color: var(--TEXT-WHITE);
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--Z-INDEX-DEFAULT);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-XS);
  }
}

._panelBottomContent_1qyk0_227 {
  display: flex;
  flex-direction: column;
  gap: var(--SPACE-BLOCK-SPACING-4);

  @media (width > 768px) {
    gap: var(--SPACE-BLOCK-SPACING-8);
  }
}

._panelBottomSubText_1qyk0_237 {
  font-size: var(--FONT-SIZE-XXS);
  color: var(--TEXT-GRAY);
  line-height: 1.5;
}

._panelBottomText_1qyk0_243 {
  --icon-size: 20px;

  font-size: var(--FONT-SIZE-BASE);
  font-weight: var(--FONT-WEIGHT-BOLD);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-L);
  }

  /* Arrow */
  &::after {
    margin-left: var(--SPACE-BLOCK-SPACING-4);
    background-color: var(--BG-BLACK);
    content: '';
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: var(--icon-size);
    height: var(--icon-size);
    flex-shrink: 0;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    translate: 0 0.25em;

    @media (width > 768px) {
      translate: 0 0.1em;
    }
  }
}

._panelBottomMediaBadge_1qyk0_274 {
  display: flex;
  gap: var(--SPACE-BLOCK-SPACING-8);
  align-items: flex-end;
  position: absolute;
  bottom: 9px;
  right: 9px;
  z-index: var(--Z-INDEX-DEFAULT);
}

._panelBottomMediaBadgeItem_1qyk0_284 {
  --max-icon-size: 36px;

  max-width: var(--max-icon-size);
}
._outer_10l52_1 {
  display: grid;
  gap: 0 var(--OUTSIDE-GUTTER);
  grid-template-columns:
    1fr minmax(var(--CONTENT-WIDTH-SP), var(--CONTENT-WIDTH-PC))
    1fr;
}

._inner_10l52_9 {
  grid-column: 2 / 3;
  padding: var(--SPACE-BLOCK-SPACING-64) 0;

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-120) 0;
  }
}

._bannerBox_10l52_18 {
  --box-height: 198px;

  padding: 0 0 19px;
  display: grid;
  container-type: inline-size;
  overflow: hidden;
  min-height: var(--box-height);
  position: relative;

  @media (width > 768px) {
    --box-height: 463px;

    padding: var(--SPACE-BLOCK-SPACING-32);
  }

  /* 画像に被せるあしらい（下部） */
  &::before {
    content: '';
    aspect-ratio: 225 / 337;
    width: 64px;
    height: auto;
    background-image: url('/assets/images/top/bg-index-06.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;

    @media (width > 768px) {
      width: 18.75cqi;
    }
  }

  /* 画像に被せるあしらい（上部） */
  &::after {
    content: '';
    aspect-ratio: 225 / 337;
    width: 64px;
    height: auto;
    background-image: url('/assets/images/top/bg-index-07.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;

    @media (width > 768px) {
      width: 18.75cqi;
    }
  }
}

._bannerBoxContent_10l52_73 {
  margin-left: 25cqi;
  display: flex;
  flex-direction: column;
  align-self: end;
  justify-self: end;
  gap: var(--SPACE-BLOCK-SPACING-4);
  position: relative;
  z-index: 2;

  @media (width > 768px) {
    max-inline-size: 526px;
    gap: var(--SPACE-BLOCK-SPACING-16);
  }
}

._bannerBoxTitle_10l52_89 {
  font-size: var(--FONT-SIZE-XL);
  line-height: 1.5;
  color: var(--TEXT-WHITE);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-5XL);
    line-height: 1.6;
  }
}

._bannerBoxTitleLink_10l52_100 {
  --icon-size: 20px;

  transition: opacity var(--TRANSITION);

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  @media (width > 768px) {
    --icon-size: 32px;
  }

  /* Arrow */
  &::after {
    margin-left: var(--SPACE-BLOCK-SPACING-4);
    content: '';
    display: inline-block;
    background-color: currentColor;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    width: var(--icon-size);
    height: auto;
    position: relative;
    top: 0.15em;

    @media (width > 768px) {
      top: 0.05em;
    }
  }
}

._bannerBoxText_10l52_137 {
  font-size: var(--FONT-SIZE-XS);
  color: var(--TEXT-WHITE);
  line-height: 1.5;

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }
}

._bannerBoxMedia_10l52_147 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;

  & > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

._bannerBoxTextBr_10l52_162 {
  display: block;

  @media (width > 768px) {
    display: none;
  }
}
._TopSeminar_rrrwn_1 {
  grid-area: content;
}

._outer_rrrwn_5 {
  display: grid;
  gap: 0 var(--OUTSIDE-GUTTER);
  grid-column: 1 / 4;
  grid-template-columns:
    1fr minmax(var(--CONTENT-WIDTH-SP), var(--CONTENT-WIDTH-PC))
    1fr;

  background-color: var(--BG-GRAY);
}

._inner_rrrwn_16 {
  grid-column: 2 / 3;
  padding: var(--SPACE-BLOCK-SPACING-64) 0;

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-64) 0 var(--SPACE-BLOCK-SPACING-80);
  }
}

._seminarList_rrrwn_25 {
  --column-count: 1;

  margin-top: var(--SPACE-BLOCK-SPACING-40);
  display: grid;
  gap: var(--SPACE-BLOCK-SPACING-32);
  grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
  align-items: start;

  @media (width > 768px) {
    --column-count: 2;

    margin-top: var(--SPACE-BLOCK-SPACING-64);
    gap: var(--SPACE-BLOCK-SPACING-48);
  }
}

._seminarItem_rrrwn_42 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: repeat(2, max-content);
  grid-template-areas:
    'image content'
    'image badge';
  gap: var(--SPACE-BLOCK-SPACING-16);
  transition: opacity var(--TRANSITION);

  @media (width > 768px) {
    gap: var(--SPACE-BLOCK-SPACING-16) var(--SPACE-BLOCK-SPACING-24);
  }

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);

      ._seminarItemImage_rrrwn_60 {
        & > img {
          transform: scale(1.05);
        }
      }
    }
  }
}

._seminarItemImage_rrrwn_60 {
  grid-area: image;
  position: relative;
  aspect-ratio: 16 / 9;
  width: 144px;
  height: auto;
  overflow: hidden;

  @media (width > 768px) {
    width: 169px;
  }

  & > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--TRANSITION);
  }
}

._seminarLabel_rrrwn_89 {
  --local-status-background: var(--COLOR-BLAND-RIDGE-BLUE);

  background-color: var(--local-status-background);
  color: var(--TEXT-WHITE);
  padding: var(--SPACE-BLOCK-SPACING-2) var(--SPACE-BLOCK-SPACING-8);
  font-size: var(--FONT-SIZE-XXS);
  font-weight: var(--FONT-WEIGHT-SEMI-BOLD);
  line-height: 1.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--Z-INDEX-FLOATING);

  &._theme-blue_rrrwn_103 {
    --local-status-background: var(--COLOR-BLAND-RIDGE-BLUE);
  }

  &._theme-black_rrrwn_107 {
    --local-status-background: var(--BG-BLACK);
  }

  &._theme-gray_rrrwn_111 {
    --local-status-background: var(--BORDER-DARK);
  }
}

._seminarItemContent_rrrwn_116 {
  grid-area: content;
  display: flex;
  flex-direction: column;
  gap: var(--SPACE-BLOCK-SPACING-4);

  @media (width > 768px) {
    gap: var(--SPACE-BLOCK-SPACING-8);
  }
}

._seminarItemBadge_rrrwn_127 {
  grid-area: badge;
}

._seminarItemTitle_rrrwn_131 {
  font-size: var(--FONT-SIZE-XS);
  font-weight: var(--FONT-WEIGHT-BOLD);
  line-height: 1.5;

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-BASE);
  }

  /* Arrow */
  &::after {
    margin-left: var(--SPACE-BLOCK-SPACING-4);
    content: '';
    display: inline-block;
    aspect-ratio: 1 / 1;
    background-color: currentColor;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    width: 20px;
    height: auto;
    position: relative;
    top: 0.3em;

    @media (width > 768px) {
      top: 0.2em;
    }
  }
}

._seminarItemDate_rrrwn_162 {
  font-size: var(--FONT-SIZE-XS);
  color: var(--TEXT-GRAY);
}
._TopSolutions_jt201_1 {
  grid-area: content;
}

._outer_jt201_5 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: 'content' 'slider';
  background-color: var(--BG-BLACK);

  @media (width > 768px) {
    grid-template-columns: repeat(2, 50%);
    grid-template-areas: 'content slider';
  }
}

._content_jt201_17 {
  grid-column: 1;
  grid-area: content;
  padding: var(--SPACE-BLOCK-SPACING-64) var(--OUTSIDE-GUTTER);
  display: flex;
  align-items: center;
  width: 100%;

  @media (width > 768px) {
    padding: unset;
    justify-content: flex-end;
  }
}

._contentInner_jt201_31 {
  width: min(
    calc(100% - var(--OUTSIDE-GUTTER)),
    calc(var(--CONTENT-WIDTH-PC) / 2)
  );

  @media (width > 768px) {
    /* https://min-max-calculator.9elements.com/?30,150,768,1200 */
    padding-right: clamp(1.875rem, -11.458rem + 27.78vw, 9.375rem);
  }
}

._contentText_jt201_43 {
  margin-top: var(--SPACE-BLOCK-SPACING-32);
  color: var(--TEXT-WHITE);
  font-size: var(--FONT-SIZE-XS);

  @media (width > 768px) {
    margin-top: var(--SPACE-BLOCK-SPACING-56);
    font-size: var(--FONT-SIZE-BASE);
  }
}

._slider_jt201_54 {
  --slider-height: 309px;

  margin: 0;
  grid-column: 2;
  grid-area: slider;
  overflow: hidden;
  min-height: var(--slider-height);

  @media (width > 768px) {
    --slider-height: 655px;
  }
}

._carousel_jt201_68 {
  width: 100%;
  height: 100%;
  position: relative;

  .swiper-wrapper,
  .swiper-slide {
    height: 100%;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  &.swiper {
    margin: 0 !important;
  }

  .swiper-pagination-bullet,
  .swiper-button-toggle {
    /* ビュレット */
    &::before {
      background-color: var(--BG-WHITE);
    }
  }

  .swiper-button-toggle {
    --local-toggle-size: 40px;
  }

  [class*='control'] {
    position: absolute;
    bottom: 16px;
    left: 50%;
    right: 16px;
    z-index: 1;
    justify-content: flex-end;
    margin-top: 0;

    @media (width > 768px) {
      bottom: 32px;
      right: 40px;
    }
  }
}

._card_jt201_115 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  height: 100%;

  & > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    grid-area: 1 / 1;
  }
}

._link_jt201_128 {
  grid-area: 1 / 1;
  align-self: end;
  justify-self: start;
  margin: 0 0 16px 16px;
  max-width: calc(50% - 16px);
  display: inline-block;
  font-size: var(--FONT-SIZE-XS);
  font-weight: var(--FONT-WEIGHT-BOLD);
  line-height: 1.5;
  overflow-wrap: anywhere;
  color: var(--TEXT-WHITE);
  position: relative;
  transition: opacity var(--TRANSITION);
  z-index: 1;

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);
    }
  }

  @media (width > 768px) {
    margin: 0 0 30px 40px;
    max-width: calc(50% - 40px);
    font-size: var(--FONT-SIZE-L);
  }

  /* Arrow */
  &::after {
    margin-left: var(--SPACE-BLOCK-SPACING-4);
    content: '';
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: 20px;
    height: auto;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: currentColor;
    position: relative;
    top: 0.3em;

    @media (width > 768px) {
      top: 0.25em;
    }
  }
}
._TopSwgs_vuayq_1 {
  grid-area: content;
}

._outer_vuayq_5 {
  display: grid;
  gap: 0 var(--OUTSIDE-GUTTER);
  grid-column: 1 / 4;
  grid-template-columns:
    1fr minmax(var(--CONTENT-WIDTH-SP), var(--CONTENT-WIDTH-PC))
    1fr;
}

._inner_vuayq_14 {
  grid-column: 2 / 3;
  padding: var(--SPACE-BLOCK-SPACING-64) 0;

  @media (width > 768px) {
    padding: var(--SPACE-BLOCK-SPACING-120) 0;
  }
}

._text_vuayq_23 {
  margin-top: var(--SPACE-BLOCK-SPACING-32);
  font-size: var(--FONT-SIZE-XS);

  @media (width > 768px) {
    margin-top: var(--SPACE-BLOCK-SPACING-24);
    font-size: var(--FONT-SIZE-BASE);
  }
}

._panels_vuayq_33 {
  --column-count: 2;

  margin-top: var(--SPACE-BLOCK-SPACING-40);
  display: grid;
  grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
  gap: var(--SPACE-BLOCK-SPACING-16);

  @media (width > 768px) {
    --column-count: 3;

    margin-top: var(--SPACE-BLOCK-SPACING-64);
    gap: var(--SPACE-BLOCK-SPACING-48);
  }
}

._panel_vuayq_33 {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: var(--SPACE-BLOCK-SPACING-8);
  transition: opacity var(--TRANSITION);

  @media (width > 768px) {
    gap: var(--SPACE-BLOCK-SPACING-16);
  }

  @media (any-hover: hover) {
    &:hover {
      opacity: var(--OPACITY-HOVER);

      ._panelImage_vuayq_64 {
        & > img {
          transform: scale(1.05);
        }
      }
    }
  }
}

._panelImage_vuayq_64 {
  aspect-ratio: 421 / 236;
  overflow: hidden;

  & > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--TRANSITION);
  }
}

._panelTitle_vuayq_85 {
  font-size: var(--FONT-SIZE-XS);
  font-weight: var(--FONT-WEIGHT-BOLD);

  @media (width > 768px) {
    font-size: var(--FONT-SIZE-L);
  }

  /* Arrow */
  &::after {
    margin-left: var(--SPACE-BLOCK-SPACING-4);
    content: '';
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: 20px;
    height: auto;
    mask-image: url('/assets/images/common/icon-arrow-right-bold.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: currentColor;
    position: relative;
    top: 0.3em;

    @media (width > 768px) {
      top: 0.15em;
    }
  }
}

/* Hidden on mobile */
._hiddenMd_vuayq_115 {
  @media (width <= 768px) {
    display: none;
  }
}