:root {
    --anim-duration: .35s;
    --anim-duration-short: .125s;
    --anim-easing: cubic-bezier(.215, .61, .355, 1)
  }

  :root {
    --color-black: #000;
    --color-white: #fff;
    --color-white-20: rgb(255 255 255 / 20%);
    --color-gray-900: #1d242b;
    --color-gray-900-10: rgb(29 36 43 / 10%);
    --color-gray-600: #5a7186;
    --color-gray-400: #91a4b5;
    --color-gray-200: #ced6de;
    --color-gray-50: #f0f3f5;
    --color-gray-20: #f9fafb;
    --color-blue-700: #0053a3;
    --color-blue-600: #005eb8;
    --color-blue-600-20: rgb(0 94 184 / 20%);
    --color-blue-400: #0075e3;
    --color-blue-20: #ebf5ff;
    --color-blue-10: #f5faff;
    --color-gradation: linear-gradient(to right, #007df5, #1140c4);
    --color-dropshadow: .4rem .4rem 2.4rem 0px rgb(0 83 163 / 20%);
    --color-disabled: var(--color-gray-200);
    --color-bg-white: var(--color-white);
    --color-bg-blue: var(--color-blue-10);
    --color-bg-gray-dark: var(--color-gray-50);
    --color-surface-white: var(--color-white);
    --color-surface-blue: var(--color-blue-600);
    --color-surface-blue-light: var(--color-blue-20);
    --color-border-gray: var(--color-gray-900-10);
    --color-border-blue: var(--color-blue-600);
    --color-border-blue-low: var(--color-blue-600-20);
    --color-border-blue-hover: var(--color-blue-400);
    --color-border-white: var(--color-white);
    --color-border-white-low: var(--color-white-20);
    --color-text: var(--color-gray-900);
    --color-text-light: var(--color-gray-600);
    --color-text-disabled: var(--color-disabled);
    --color-text-blue: var(--color-blue-600);
    --color-text-blue-hover: var(--color-blue-400);
    --color-text-blue-emphasis: var(--color-blue-700);
    --color-text-white: var(--color-white);
    --color-sns-x: #000;
    --color-sns-facebook: #1877f2;
    --color-sns-youtube: #f00;
    --color-sns-linkedin: #2867b2;

    --color-kt-gray: #F6F6F7;
    --color-kt-bg-gray: var(--color-kt-gray);
  }

  :root {
    --size-r-small: .2rem;
    --size-r: .4rem;
    --size-r-large-inner: var(--size-r);
    --size-r-large: .8rem;
    --size-content-width: 110rem;
    --size-inner-width: 124rem;
    --size-card-max-width: 54rem;
    --size-inner-width-slim: 96rem;
    --size-thumbnail-width: 59.2rem
  }

  :root {
    --space-600: 12rem;
    --space-500: 10.4rem;
    --space-450: 8rem;
    --space-400: 6.4rem;
    --space-350: 5.6rem;
    --space-320: 4.8rem;
    --space-300: 4rem;
    --space-270: 3.6rem;
    --space-250: 3.2rem;
    --space-220: 2.8rem;
    --space-200: 2.4rem;
    --space-150: 2rem;
    --space-100: 1.6rem;
    --space-75: 1.2rem;
    --space-60: 1rem;
    --space-50: .8rem;
    --space-10: .4rem;
    --space-5: .2rem;
    --space-8xl: var(--space-400);
    --space-7xl: var(--space-350);
    --space-6xl: var(--space-320);
    --space-5xl: var(--space-300);
    --space-4xl: var(--space-270);
    --space-3xl: var(--space-250);
    --space-2xl: var(--space-220);
    --space-xl: var(--space-200);
    --space-l: var(--space-150);
    --space-m: var(--space-100);
    --space-s: var(--space-75);
    --space-xs: var(--space-60);
    --space-2xs: var(--space-50);
    --space-3xs: var(--space-10);
    --space-4xs: var(--space-5);
    --space-inner-width: 124rem;
    --space-gutter: var(--space-200);
    --space-gap: var(--space-200)
  }

  @media print,
  all and (min-width: 48em) {
    :root {
      --space-gutter: var(--space-300);
      --space-gap: var(--space-300)
    }
  }

  :root {
    /* --typo-family: "Shorai Sans"; */
    --typo-family-en: "Avenir Next";
    --typo-size-600: 4.4rem;
    --typo-size-500: 4rem;
    --typo-size-400: 3.2rem;
    --typo-size-350: 2.8rem;
    --typo-size-300: 2.4rem;
    --typo-size-200: 2rem;
    --typo-size-100: 1.6rem;
    --typo-size-50: 1.4rem;
    --typo-size-20: 1.2rem;
    --typo-lh-small: 1.2;
    --typo-lh-demi-small: 1.4;
    --typo-lh: 1.5;
    --typo-lh-large: 1.75;
    --typo-weight-regular: 400;
    --typo-weight-medium: 500;
    --typo-weight-demi: 600;
    --typo-reading-width: 56em;
    --typo-reading-width-slim: 20em
  }

  :root {
    --z-modal: 1000;
    --z-lang-menu: 100;
    --z-header: 10;
    --z-fixed-button: 5
  }

  *,
  *:before,
  *:after {
    box-sizing: border-box;
    padding: 0;
    margin: 0
  }

  :where([hidden]:not([hidden=until-found])) {
    display: none !important
  }

  :where(html) {
    -moz-tab-size: 2;
    tab-size: 2;
    text-size-adjust: none
  }

  :where(body) {
    font-family: system-ui, sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
  }

  :where(button) {
    all: unset
  }

  :where(input, button, textarea, select) {
    font: inherit;
    color: inherit
  }

  :where(textarea) {
    resize: vertical;
    resize: block
  }

  :where(button, label, select, summary, [role=button], [role=option]) {
    cursor: pointer
  }

  :where(:disabled) {
    cursor: not-allowed
  }

  :where(label:has(>input:disabled), label:has(+input:disabled)) {
    cursor: not-allowed
  }

  :where(a) {
    color: inherit;
    text-underline-offset: 0
  }

  :where(ul, ol) {
    list-style: none
  }

  :where(img, svg, video, canvas, audio, embed, object) {
    display: block
  }

  :where(img, picture, svg, video) {
    max-inline-size: 100%;
    block-size: auto
  }

  :where(p, h1, h2, h3, h4, h5, h6) {
    overflow-wrap: break-word
  }

  :where(h1, h2, h3) {
    line-height: calc(1em + .5rem)
  }

  :where(hr) {
    block-size: 0;
    overflow: visible;
    color: inherit;
    border: none;
    border-block-start: 1px solid
  }

  :where(:focus-visible) {
    outline: 3px solid CanvasText;
    outline-offset: 0;
    box-shadow: 0 0 0 5px Canvas
  }

  :where(:focus-visible, :target) {
    scroll-margin-block: 8vh
  }

  :where(.visually-hidden:not(:focus-within, :active)) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important
  }

  html {
    color: var(--color-text)
  }

  :where(body) {
    font-family: var(--typo-family-en), var(--typo-family);
    font-weight: var(--typo-weight-regular)
  }

  :where(body).-modal-show {
    padding-right: var(--scrollbar-width)
  }

  :where(body) img {
    image-rendering: -webkit-optimize-contrast
  }

  @media print,
  all and (min-width: 48em) {
    .common-article {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: var(--space-gap)
    }
  }

  .common-article_image>img {
    width: 100%;
    border-radius: var(--size-r-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-article_image {
      grid-column: span 5
    }
  }

  .common-article_contents {
    margin-top: var(--space-200)
  }

  @media print,
  all and (min-width: 48em) {
    .common-article_contents {
      grid-column: span 7;
      margin-top: 0
    }
  }

  .common-article_text {
    margin-top: var(--space-200);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-regular);
    line-height: var(--typo-lh-large)
  }

  .common-article_text.-ceo {
    text-align: right;
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  .common-article_text p:not(:first-child) {
    margin-top: 1.75em
  }

  .common-articleHeader {
    padding: var(--space-5xl) var(--space-gap) var(--space-xl)
  }

  @media print,
  all and (min-width: 48em) {
    .common-articleHeader {
      padding: var(--space-450) var(--space-gap) var(--space-6xl)
    }
  }

  .common-articleHeader_inner {
    max-width: var(--size-inner-width);
    margin-right: auto;
    margin-left: auto
  }

  .common-articleThumbnail {
    display: flex;
    flex-direction: column;
    max-width: var(--size-thumbnail-width);
    height: 100%;
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-border-gray);
    border-radius: var(--size-r-large)
  }

  .common-articleThumbnail_top {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    text-decoration: none
  }

  .common-articleThumbnail_head {
    position: relative;
    padding: var(--space-10)
  }

  .common-articleThumbnail_image {
    overflow: hidden;
    border-radius: var(--size-r-large-inner)
  }

  .common-articleThumbnail_image>img {
    width: 100%;
    transition: transform var(--anim-duration) var(--anim-easing);
    transform-origin: center
  }

  @media (hover: hover) {
    .common-articleThumbnail_top:hover .common-articleThumbnail_image>img {
      transform: scale(1.05)
    }
  }

  .common-articleThumbnail_title {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    gap: var(--space-50);
    align-items: center;
    max-width: 95%;
    padding: var(--space-50) var(--space-100);
    color: var(--color-text-blue);
    background-color: var(--color-bg-white);
    border-top-right-radius: var(--size-r-large);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  .common-articleThumbnail_title:before,
  .common-articleThumbnail_title:after {
    position: absolute;
    width: .8rem;
    height: .8rem;
    content: "";
    background-color: var(--color-bg-white);
    -webkit-mask-image: url(/_assets/common/image/r_reverse.svg);
    mask-image: url(/_assets/common/image/r_reverse.svg)
  }

  .common-articleThumbnail_title:before {
    top: 0;
    left: var(--space-10);
    transform: translateY(-100%)
  }

  .common-articleThumbnail_title:after {
    right: 0;
    bottom: var(--space-10);
    transform: translate(100%)
  }

  @media (hover: hover) {
    .common-articleThumbnail:hover .common-articleThumbnail_title {
      color: var(--color-text-blue-hover)
    }
  }

  .common-articleThumbnail_category {
    position: relative;
    display: inline-block;
    padding-left: var(--space-50);
    line-height: 1
  }

  .common-articleThumbnail_category:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1.2rem;
    content: "";
    background-color: var(--color-blue-600);
    transform: translateY(-50%)
  }

  .common-articleThumbnail_contents {
    display: flex;
    flex: 1;
    gap: var(--space-50);
    align-items: flex-end;
    padding: var(--space-75) var(--space-100) var(--space-100) var(--space-100)
  }

  @media (hover: hover) {
    .common-articleThumbnail_top:hover .common-articleThumbnail_contents {
      color: var(--color-text-blue-hover)
    }
  }

  .common-articleThumbnail_inner {
    display: -webkit-box;
    flex: 1;
    height: 3lh;
    min-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
  }

  .common-articleThumbnail_inner,
  .common-articleThumbnail_inner>p {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-large)
  }

  @media print,
  all and (min-width: 48em) {
    .common-articleThumbnail_inner {
      -webkit-line-clamp: 2;
      height: 2lh
    }
  }

  .common-articleThumbnail.-pickup .common-articleThumbnail_inner {
    -webkit-line-clamp: 2;
    height: 2lh
  }

  @media print,
  all and (min-width: 48em) {
    .common-articleThumbnail.-pickup .common-articleThumbnail_inner {
      -webkit-line-clamp: 1;
      height: 1lh
    }
  }

  .common-articleThumbnail_icon {
    line-height: 1;
    vertical-align: top
  }

  .common-articleThumbnail_tagList {
    position: relative;
    padding: var(--space-s) var(--space-m)
  }

  .common-articleThumbnail_tagList:before {
    position: absolute;
    top: 0;
    left: var(--space-75);
    width: calc(100% - 2 * var(--space-75));
    height: 1px;
    content: "";
    background-color: var(--color-border-gray)
  }

  .common-banner {
    position: relative;
    display: grid;
    max-width: var(--size-card-max-width);
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    text-decoration: none;
    border-radius: var(--size-r-large)
  }

  .common-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    border: 1px solid var(--color-border-gray);
    border-radius: var(--size-r-large)
  }

  @media print,
  all and (min-width: 48em) {
    .common-banner {
      max-width: none
    }
  }

  .common-banner_image {
    width: 100%;
    height: 100%
  }

  .common-banner_image img {
    width: 100%;
    transition: transform var(--anim-duration) var(--anim-easing);
    transform-origin: center
  }

  @media (hover: hover) {
    .common-banner:hover .common-banner_image img {
      transform: scale(1.05)
    }
  }

  .common-banner_contents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 85%;
    height: 100%
  }

  .common-banner_title {
    position: absolute;
    bottom: var(--space-150);
    left: 0;
    display: inline-flex;
    gap: var(--space-10);
    align-items: center;
    padding: var(--space-50) var(--space-100);
    background-color: var(--color-bg-white);
    border-radius: 0 var(--size-r) var(--size-r) 0
  }

  @media print,
  all and (min-width: 48em) {
    .common-banner_title {
      top: 50%;
      bottom: auto;
      padding: var(--space-100);
      transform: translateY(-50%)
    }

    .common-banner.-large .common-banner_title {
      padding: var(--space-100) var(--space-250)
    }

    .common-banner.-small .common-banner_title {
      padding: var(--space-75) var(--space-100)
    }
  }

  .common-banner_label {
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-banner_label {
      font-size: var(--typo-size-200);
      font-weight: var(--typo-weight-demi);
      line-height: var(--typo-lh-demi-small)
    }

    .common-banner.-small .common-banner_label {
      font-size: var(--typo-size-100);
      font-weight: var(--typo-weight-demi);
      line-height: var(--typo-lh-demi-small)
    }
  }

  @media (hover: hover) {
    .common-banner:hover .common-banner_label {
      color: var(--color-text-blue-hover)
    }
  }

  .common-breadcrumb {
    position: relative
  }

  .common-breadcrumb {
    font-family: var(--typo-family-en), var(--typo-family)
  }

  .common-breadcrumb :where(ol, ul) {
    padding-left: 0;
    margin-bottom: auto;
    line-height: inherit;
    list-style: none
  }

  .common-breadcrumb :where(h1) {
    margin: 0
  }

  .common-breadcrumb a {
    color: var(--color-text)
  }

  .common-breadcrumb a:focus,
  .common-breadcrumb a:hover {
    text-decoration: none !important
  }

  .common-breadcrumb :where(p) {
    margin: 0;
    font-size: 1.6rem;
    line-height: inherit
  }

  .common-breadcrumb_inner {
    padding: var(--space-100) var(--space-gutter);
    overflow-x: auto
  }

  .common-breadcrumb_inner>ol {
    display: flex;
    gap: var(--space-50);
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  .common-breadcrumb_inner>ol>li {
    display: flex;
    gap: var(--space-50);
    align-items: center;
    white-space: nowrap
  }

  .common-breadcrumb_inner>ol>li a {
    color: var(--color-text-blue)
  }

  @media (hover: hover) {
    .common-breadcrumb_inner>ol>li a:hover {
      color: var(--color-text-blue-hover)
    }
  }

  .common-breadcrumb_inner>ol>li:not(:first-child):before {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    content: "";
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="24" height="24"><path stroke="%230053a3" stroke-width="2" stroke-linecap="round" fill="none" d="M10 7.25L15 12.25L10 17.25" /></svg>') no-repeat center center
  }

  .common-buttonBox:not(:first-child) {
    margin-top: 4rem
  }

  @media print,
  all and (min-width: 48em) {
    .common-buttonBox.-right {
      text-align: right
    }
  }

  .common-buttonBox.-center {
    text-align: center
  }

  .common-card {
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-border-gray);
    border-radius: var(--size-r-large);
    container: common-card/inline-size
  }

  @container common-card (min-width: 48em) {
    .common-card_layout {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: var(--space-gap)
    }
  }

  .common-card_image {
    min-width: 32rem
  }

  @container common-card (min-width: 48em) {
    .common-card_image {
      grid-column: span 5;
      min-width: auto
    }
  }

  .common-card_image>img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  .common-card_contents {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 2.4rem
  }

  @container common-card (min-width: 48em) {
    .common-card_contents {
      grid-column: span 7;
      padding-left: 0
    }
  }

  .common-card_label {
    color: var(--color-text-blue);
    font-size: var(--typo-size-20);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-card_label {
      font-size: var(--typo-size-50);
      font-weight: var(--typo-weight-demi);
      line-height: var(--typo-lh-demi-small)
    }
  }

  .common-card_title {
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  .common-card_title:not(:first-child) {
    margin-top: var(--space-10)
  }

  @media print,
  all and (min-width: 48em) {
    .common-card_title {
      font-size: var(--typo-size-200);
      font-weight: var(--typo-weight-demi);
      line-height: var(--typo-lh-demi-small)
    }
  }

  .common-card_text {
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-regular);
    line-height: var(--typo-lh-large)
  }

  .common-card_title+.common-card_text {
    margin-top: var(--space-2xs)
  }

  .common-card_text>p {
    max-width: var(--typo-reading-width)
  }

  .common-card_button {
    margin-top: var(--space-m)
  }

  .common-carousel {
    padding: 0 var(--space-gutter);
    container-type: inline-size
  }

  .common-carousel.-no-padding {
    padding: 0
  }

  .common-carousel_inner {
    max-width: var(--size-inner-width);
    margin-right: auto;
    margin-left: auto
  }

  .common-carousel_item {
    width: 27rem;
    max-width: 100%;
    height: auto
  }

  @container (width > 30em) {
    .common-carousel_item {
      width: 38.6rem
    }
  }

  .splide__track--draggable {
    overflow: visible !important
  }

  .common-carousel_navigation {
    --this-button-size: 4.4rem;
    position: relative;
    display: none;
    margin-top: var(--space-200)
  }

  .splide.-overflow .common-carousel_navigation {
    display: block
  }

  .common-carousel_navigation .splide__arrows {
    display: flex;
    gap: var(--space-50)
  }

  .common-carousel_navigation .splide__toggle,
  .common-carousel_navigation .splide__arrow {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    box-sizing: border-box;
    width: var(--this-button-size);
    height: var(--this-button-size);
    overflow: hidden;
    color: var(--color-text-blue);
    text-align: center;
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-border-blue-low);
    border-radius: var(--size-r);
    opacity: 1;
    transform: none
  }

  .common-carousel_navigation .splide__toggle:disabled,
  .common-carousel_navigation .splide__arrow:disabled {
    color: var(--color-text-disabled);
    opacity: 1
  }

  .common-carousel_navigation .splide__toggle:before,
  .common-carousel_navigation .splide__arrow:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: var(--color-gradation);
    opacity: 0;
    transition: opacity var(--anim-duration) var(--anim-easing)
  }

  .common-carousel_navigation .splide__toggle:focus-visible,
  .splide.is-focus-in .common-carousel_navigation .splide__toggle:focus,
  .common-carousel_navigation .splide__arrow:focus-visible,
  .splide.is-focus-in .common-carousel_navigation .splide__arrow:focus {
    outline: 3px solid CanvasText;
    outline-offset: 1px;
    box-shadow: 0 0 0 5px Canvas
  }

  @media (hover: hover) {

    .common-carousel_navigation .splide__toggle:hover:not(:disabled),
    .common-carousel_navigation .splide__arrow:hover:not(:disabled) {
      color: var(--color-white);
      border: 0
    }

    .common-carousel_navigation .splide__toggle:hover:not(:disabled):before,
    .common-carousel_navigation .splide__arrow:hover:not(:disabled):before {
      opacity: 1
    }
  }

  .common-carousel_navigation.-inside {
    --this-offset: var(--space-60);
    position: absolute;
    right: var(--this-offset);
    bottom: var(--this-offset)
  }

  @media print,
  all and (min-width: 48em) {
    .common-carousel_navigation.-inside {
      --this-offset: var(--space-200)
    }
  }

  .common-carousel_icon {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: auto;
    margin-left: auto;
    image-rendering: optimize-contrast;
    backface-visibility: hidden
  }

  .splide__arrow--prev>.common-carousel_icon {
    transform: rotate(180deg)
  }

  .common-carousel_current {
    --this-offset: -.3333em;
    display: flex;
    align-items: center
  }

  .common-carousel_current span {
    position: relative;
    font-weight: var(--typo-weight-demi);
    line-height: 1;
    color: var(--color-text-blue-emphasis)
  }

  .common-carousel_current span[data-current] {
    top: var(--this-offset);
    min-width: 1.2em;
    text-align: right
  }

  .common-carousel_current span[data-total] {
    bottom: var(--this-offset);
    min-width: 1.2em;
    text-align: left
  }

  .common-control {
    --this-button-size: 4.4rem;
    position: relative;
    box-sizing: border-box;
    width: var(--this-button-size);
    height: var(--this-button-size);
    overflow: hidden;
    color: var(--color-text-blue);
    text-align: center;
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-border-blue-low);
    border-radius: var(--size-r);
    opacity: 1;
    transform: none
  }

  .common-control:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: var(--color-gradation);
    opacity: 0;
    transition: opacity var(--anim-duration) var(--anim-easing)
  }

  @media (hover: hover) {
    .common-control:hover:not(:disabled) {
      color: var(--color-white)
    }

    .common-control:hover:not(:disabled):before {
      opacity: 1
    }
  }

  .common-control_play {
    display: inline
  }

  .common-control.-is-playing .common-control_play,
  .common-control_pause {
    display: none
  }

  .common-control.-is-playing .common-control_pause {
    display: inline
  }

  .common-control_icon {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: auto;
    margin-left: auto;
    image-rendering: optimize-contrast;
    backface-visibility: hidden
  }

  .common-door {
    max-width: var(--size-card-max-width);
    height: 100%;
    text-decoration: none;
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-border-gray);
    border-radius: var(--size-r-large)
  }

  .common-door_head {
    position: relative;
    display: block;
    padding: var(--space-10)
  }

  .common-door_image {
    aspect-ratio: 42/17;
    overflow: hidden;
    background-color: #d3d3d3;
    border-radius: var(--size-r-large-inner)
  }

  .common-door_image>img {
    width: 100%;
    object-fit: cover;
    transition: transform var(--anim-duration) var(--anim-easing);
    transform-origin: center
  }

  @media (hover: hover) {
    .common-door_head:hover .common-door_image>img {
      transform: scale(1.05)
    }
  }

  .common-door_title {
    position: absolute;
    bottom: 1px;
    left: 1px;
    max-width: 95%;
    padding: var(--space-50) var(--space-100);
    background-color: var(--color-bg-white);
    border-top-right-radius: var(--size-r-large);
    border-bottom-left-radius: var(--size-r-large)
  }

  .common-door_title:before,
  .common-door_title:after {
    position: absolute;
    width: .8rem;
    height: .8rem;
    content: "";
    background-color: var(--color-bg-white);
    -webkit-mask-image: url(/_assets/common/image/r_reverse.svg);
    mask-image: url(/_assets/common/image/r_reverse.svg)
  }

  .common-door_title:before {
    top: 0;
    left: calc(var(--space-10) - 1px);
    transform: translateY(-100%)
  }

  .common-door_title:after {
    right: 0;
    bottom: calc(var(--space-10) - 1px);
    transform: translate(100%)
  }

  .common-door_contents[class] {
    padding: 0 var(--space-100) var(--space-50) var(--space-100)
  }

  @media print,
  all and (min-width: 48em) {
    .common-door_contents[class] {
      padding: 0 var(--space-100) var(--space-50) var(--space-100)
    }
  }

  .common-door_contents[class]>li {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 6.4rem;
    padding: var(--space-100) 0;
    padding-left: .4rem
  }

  .common-door_contents[class]>li:not(:first-child) {
    border-top: 1px solid var(--color-border-gray)
  }

  .common-dropdown {
    height: 100%
  }

  .common-header.-disabled .common-dropdown {
    height: auto;
    max-height: calc(100vh - 12.4rem);
    overflow-y: auto
  }

  .common-dropdown_panel {
    display: none;
    grid-template-columns: 1fr 1fr;
    width: 66.6666%;
    height: 100%
  }

  .common-dropdown_panel.-show {
    display: grid
  }

  .common-header.-disabled .common-dropdown_panel {
    grid-template-columns: 1fr 1fr 1fr;
    width: auto
  }

  .common-dropdown_head {
    display: none
  }

  .common-header.-disabled .common-dropdown_head {
    display: block;
    grid-column: 1/4;
    padding-top: var(--space-50);
    padding-right: var(--space-gutter);
    padding-left: var(--space-gutter)
  }

  .common-dropdown_title {
    position: relative;
    display: block;
    color: var(--color-text-blue);
    text-decoration: none;
    border-bottom: 1px solid var(--color-border-gray);
    font-size: var(--typo-size-300);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  @media (hover: hover) {
    .common-dropdown_title:hover {
      color: var(--color-text-blue-hover)
    }
  }

  .common-dropdown_inside {
    position: relative;
    display: inline-flex;
    gap: var(--space-50);
    align-items: center;
    padding: var(--space-100) 0
  }

  .common-dropdown_inside:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 4rem;
    height: 1px;
    content: "";
    background-color: var(--color-text-blue-emphasis);
    transition: width var(--anim-duration) var(--anim-easing)
  }

  @media (hover: hover) {
    .common-dropdown_title:hover .common-dropdown_inside:before {
      width: 100%
    }
  }

  .common-dropdown_3rd {
    padding: 0 0 var(--space-200);
    background-color: var(--color-bg-white);
    border-right: 1px solid var(--color-border-gray)
  }

  .common-header.-disabled .common-dropdown_3rd {
    padding-top: var(--space-100);
    padding-bottom: var(--space-250);
    background-color: transparent
  }

  .common-header.-disabled .common-dropdown_3rd.-sp {
    display: none
  }

  .common-dropdown_4th {
    padding: 0 0 var(--space-200)
  }

  .common-header.-disabled .common-dropdown_4th {
    padding-top: var(--space-100);
    padding-bottom: var(--space-250)
  }

  .common-header.-disabled .common-dropdown_4th.-sp {
    display: none
  }

  .common-dropdown_4th:has(>.common-dropdown_4thList>li.-show) {
    background-color: var(--color-bg-blue)
  }

  .common-dropdown_banner {
    display: none
  }

  .common-header.-disabled .common-dropdown_banner {
    display: flex;
    flex-direction: column;
    gap: var(--space-50);
    align-items: center;
    padding: var(--space-250);
    border-left: 1px solid var(--color-border-gray)
  }

  .common-header.-disabled .common-dropdown_banner.-sp {
    display: none
  }

  .common-dropdown_banner a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--size-r-large)
  }

  .common-dropdown_banner a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid var(--color-border-gray);
    border-radius: var(--size-r-large)
  }

  .common-dropdown_banner a>img {
    transition: transform var(--anim-duration) var(--anim-easing);
    transform-origin: center
  }

  @media (hover: hover) {
    .common-dropdown_banner a:hover>img {
      transform: scale(1.05)
    }
  }

  .common-dropdown_4thList>li {
    display: none
  }

  .common-dropdown_4thList>li.-show {
    display: block
  }

  .common-dropdown_back {
    background-color: var(--color-bg-white)
  }

  .common-dropdown_back>button {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: var(--space-75) 0 var(--space-75) var(--space-150);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  .common-dropdown_back common-icon {
    color: var(--color-text-blue);
    transform: rotate(180deg)
  }

  .common-header.-disabled .common-dropdown_back {
    display: none
  }

  .common-dropdown_heading {
    display: flex;
    gap: var(--space-50);
    align-items: center;
    padding: var(--space-200) var(--space-100) var(--space-100) var(--space-200);
    color: var(--color-text-blue);
    text-decoration: none;
    background-color: var(--color-bg-white);
    font-size: var(--typo-size-300);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  .common-header.-disabled .common-dropdown_heading,
  .common-dropdown_business {
    display: none
  }

  .common-header.-disabled .common-dropdown_business {
    display: block;
    grid-column: 1/4;
    padding: var(--space-250)
  }

  .common-dropdown_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-200);
    max-width: 124rem;
    margin: 0 auto
  }

  @media print,
  all and (min-width: 75em) {
    .common-dropdown_grid {
      gap: var(--space-300)
    }
  }

  .common-fixedButton {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: var(--z-fixed-button);
    padding: var(--space-60)
  }

  .common-footer {
    container: footer/inline-size;
    position: relative
  }

  .common-footer {
    font-family: var(--typo-family-en), var(--typo-family)
  }

  .common-footer :where(ol, ul) {
    padding-left: 0;
    margin-bottom: auto;
    line-height: inherit;
    list-style: none
  }

  .common-footer :where(h1) {
    margin: 0
  }

  .common-footer a {
    color: var(--color-text)
  }

  .common-footer a:focus,
  .common-footer a:hover {
    text-decoration: none !important
  }

  .common-footer :where(p) {
    margin: 0;
    font-size: 1.6rem;
    line-height: inherit
  }

  .comon-footer_vi {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 50%
  }

  .common-footer_bottom {
    padding-top: var(--space-7xl);
    padding-bottom: var(--space-600);
    color: var(--color-text-light);
    background-color: var(--color-bg-white);
    border-top: 1px solid var(--border-low-emphasis, var(--color-border-gray))
  }

  @media print,
  all and (min-width: 75em) {
    .common-footer_bottom {
      padding-top: var(--space-200)
    }
  }

  .common-footer_inner {
    width: fit-content;
    margin: 0 auto
  }

  .common-footer_links {
    display: flex;
    flex-flow: column wrap;
    gap: var(--space-75);
    justify-content: center;
    margin-top: var(--space-300)
  }

  .common-footer_links>li {
    position: relative;
    padding: 0 var(--space-100)
  }

  .common-footer_links>li:not(:first-child):before {
    position: absolute;
    top: 50%;
    left: 0;
    display: none;
    width: 1px;
    height: 1em;
    content: "";
    background-color: var(--color-text-light);
    transform: translateY(-50%)
  }

  .common-footer_links a {
    text-decoration: none;
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  @media (hover: hover) {
    .common-footer_links a:hover:not(:root) {
      color: var(--color-text-blue-hover);
      text-decoration: underline !important
    }
  }

  @media print,
  all and (min-width: 75em) {
    .common-footer_links {
      flex-direction: row;
      gap: 0;
      margin-top: var(--space-250)
    }

    .common-footer_links>li:not(:first-child):before {
      display: block
    }
  }

  .common-footer_copy {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.6rem;
    justify-content: flex-start;
    padding: 0 var(--space-100)
  }

  .common-footer_copy[class] {
    margin-top: var(--space-300);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-regular);
    line-height: var(--typo-lh-large)
  }

  @container footer (min-width: 75em) {
    .common-footer_copy[class] {
      margin-top: var(--space-100)
    }
  }

  @container footer (min-width: 75em) {
    .common-footer_copy {
      justify-content: center
    }
  }

  .common-footer_sns {
    display: flex;
    gap: 1.6rem;
    justify-content: center
  }

  .common-goTop[class] {
    --this-size: 5.6rem;
    position: relative;
    display: block;
    width: var(--this-size);
    height: var(--this-size);
    overflow: hidden;
    color: var(--color-text-white);
    background-color: var(--color-surface-blue);
    border-radius: var(--size-r)
  }

  @media print,
  all and (min-width: 48em) {
    .common-goTop[class] {
      --this-size: 7.2rem
    }
  }

  .common-goTop[class]:focus-visible {
    outline: 3px solid CanvasText;
    outline-offset: 1px;
    box-shadow: 0 0 0 5px Canvas
  }

  .common-goTop[class]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: var(--color-gradation);
    opacity: 0;
    transition: opacity var(--anim-duration) var(--anim-easing)
  }

  @media (hover: hover) {

    .common-goTop[class]:focus,
    .common-goTop[class]:hover {
      text-decoration: none !important
    }

    .common-goTop[class]:hover:before {
      opacity: 1
    }
  }

  .common-goTop_icon {
    padding: var(--space-10) 0 0 0;
    text-align: center
  }

  @media print,
  all and (min-width: 48em) {
    .common-goTop_icon {
      padding: var(--space-150) 0 var(--space-50)
    }
  }

  .common-goTop_icon>* {
    margin: 0 auto;
    transform: rotate(-90deg)
  }

  .common-goTop_label {
    position: relative;
    font-size: 1rem;
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-small);
    text-align: center
  }

  .common-grid {
    container-type: inline-size
  }

  .common-grid_list {
    --this-column: 1;
    display: grid;
    grid-template-columns: repeat(var(--this-column), 1fr);
    gap: var(--space-gap)
  }

  @media print,
  all and (min-width: 48em) {
    .common-grid_list {
      --this-column: 2
    }
  }

  @media print,
  all and (min-width: 75em) {
    .common-grid_list {
      --this-column: 3
    }
  }

  .common-grid_list>li {
    display: block
  }

  .common-grid_list>li>* {
    margin: 0 auto
  }

  .common-header {
    --this-header-height-top: 4rem;
    --this-header-height-total: 4rem;
    --this-top-menu-width: 21rem;
    --this-z-title: 10;
    position: sticky;
    top: 0;
    z-index: var(--z-header);
    font-size: 1.6rem;
    background-color: var(--color-bg-white)
  }

  .common-header.-disabled {
    --this-header-height-total: 11.6rem;
    padding-top: var(--space-75)
  }

  .common-header {
    font-family: var(--typo-family-en), var(--typo-family)
  }

  .common-header :where(ol, ul) {
    padding-left: 0;
    margin-bottom: auto;
    line-height: inherit;
    list-style: none
  }

  .common-header :where(h1) {
    margin: 0
  }

  .common-header a {
    color: var(--color-text)
  }

  .common-header a:focus,
  .common-header a:hover {
    text-decoration: none !important
  }

  .common-header :where(p) {
    margin: 0;
    font-size: 1.6rem;
    line-height: inherit
  }

  .common-header_title {
    position: relative;
    z-index: var(--this-z-title);
    padding-top: var(--space-50);
    background-color: var(--color-bg-white)
  }

  .common-header_title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--color-border-gray)
  }

  .common-header.-disabled .common-header_title {
    display: none
  }

  .common-header_titlePc {
    grid-area: menu0;
    min-width: 28.8rem
  }

  .common-header:not(.-disabled) .common-header_titlePc {
    display: none
  }

  .common-header_name {
    display: flex;
    align-items: center;
    height: var(--this-header-height-top);
    padding: 0 var(--space-50) 0 var(--space-200)
  }

  .common-header_logo {
    display: inline-block;
    display: flex;
    align-items: center;
    vertical-align: top
  }

  .common-header_logo[aria-hidden=true] {
    display: none
  }

  .common-header_logo img {
    width: auto;
    height: 1.6rem
  }

  .common-header.-disabled .common-header_logo img {
    height: 2.4rem
  }

  .common-header_category {
    display: flex;
    gap: var(--space-50);
    align-items: center;
    margin-left: var(--space-75);
    font-size: var(--typo-size-20);
    font-weight: var(--typo-weight-regular);
    line-height: var(--typo-lh-large)
  }

  .common-header.-disabled .common-header_category {
    padding: 0;
    background-color: transparent
  }

  .common-header_bg {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg-white)
  }

  .common-header_bg[aria-hidden=false] {
    display: block
  }

  .common-header_topSp {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: var(--color-bg-white);
    border-bottom: 1px solid var(--color-border-gray)
  }

  .common-header.-disabled .common-header_topSp {
    display: none
  }

  .common-header_topPc {
    display: flex;
    grid-area: menu3;
    justify-content: space-between;
    width: 100%
  }

  .common-header:not(.-disabled) .common-header_topPc {
    display: none
  }

  .common-header_sub {
    display: flex;
    flex-direction: column;
    width: 33.3333%
  }

  .common-header.-disabled .common-header_sub {
    flex-direction: row;
    grid-area: menu2;
    align-items: center;
    width: auto;
    min-width: 31rem;
    margin-left: auto
  }

  .common-header_search {
    position: relative;
    z-index: 1
  }

  .common-header_main {
    width: 33.3333%;
    margin-top: var(--space-200);
    pointer-events: none
  }

  .common-header.-disabled .common-header_main {
    position: relative;
    grid-area: menu1;
    width: auto;
    min-height: 6.4rem;
    padding-right: var(--space-75);
    margin-top: 0
  }

  .common-header.-disabled .common-header_main:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-bg-white);
    border-bottom: 1px solid var(--color-border-gray)
  }

  .common-header_mainList {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
  }

  .common-header.-disabled .common-header_mainList {
    flex-direction: row;
    gap: var(--space-50);
    height: 100%
  }

  .common-header_button {
    position: absolute;
    top: 0;
    right: 0
  }

  .common-header.-disabled .common-header_button {
    display: none
  }

  .common-header_navi {
    --this-offset-top: calc(var(--this-header-height-top) + var(--space-50));
    position: fixed;
    top: var(--this-offset-top);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100% - var(--this-offset-top));
    overflow: hidden auto
  }

  .common-header_navi[aria-hidden=true] {
    display: none
  }

  .common-header.-disabled .common-header_navi {
    position: relative;
    top: 0;
    display: block;
    height: auto;
    max-height: none;
    padding-top: 0;
    overflow: initial
  }

  .common-header_grid {
    position: relative;
    flex: 1;
    width: 300%;
    transition: transform var(--anim-duration) var(--anim-easing)
  }

  .common-header.-disabled .common-header_grid {
    position: initial;
    display: grid;
    grid-template: "menu0 menu2 menu3"var(--this-header-height-top) "menu1 menu1 menu1"auto/auto 1fr auto;
    width: auto
  }

  .common-header_grid[data-step="1"] {
    transform: translate(-33.3333%)
  }

  .common-header_grid[data-step="2"] {
    transform: translate(-66.6666%)
  }

  .common-header_trap {
    width: 0;
    height: 0;
    padding: 0;
    border: 0;
    opacity: 0
  }

  .common-header.-disabled .common-header_trap.-sp,
  .common-header_trap.-pc {
    display: none
  }

  :where(.common-header.-disabled) .common-header_trap.-pc {
    display: block
  }

  .common-header_trap:has(+.common-mainMenu[aria-selected=false]),
  .common-mainMenu[aria-selected=false]+.common-header_trap {
    display: none
  }

  .common-header_trap:has(+.common-pageButton[aria-selected=false]),
  .common-pageButton[aria-selected=false]+.common-header_trap {
    display: none
  }

  .common-header_dropdown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    grid-area: menu1;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg-white);
    transform: translate(33.3333%)
  }

  .common-header.-disabled .common-header_dropdown {
    position: fixed;
    top: var(--this-header-height-total);
    display: none;
    height: auto;
    overflow: hidden;
    border-top: 4px solid var(--color-blue-600);
    border-bottom: 4px solid var(--color-blue-600);
    transform: none
  }

  .common-header.-disabled .common-header_dropdown[aria-hidden=false] {
    display: block
  }

  .common-heading {
    --this-label-size: var(--typo-size-50);
    --this-label-lh: var(--typo-lh-small);
    --this-title-size: var(--typo-size-350);
    --this-title-lh: var(--typo-lh);
    color: var(--color-white);
  }

  .common-heading.-second {
    --this-label-lh: var(--typo-lh);
    --this-title-size: var(--typo-size-300)
  }

  .common-heading.-third {
    --this-title-size: var(--typo-size-100)
  }

  @media print,
  all and (min-width: 75em) {
    .common-heading {
      --this-label-size: var(--typo-size-100);
      --this-label-lh: var(--typo-lh);
      --this-title-size: var(--typo-size-600);
      --this-title-lh: var(--typo-lh-small);

    }

    .common-heading.-second {
      --this-title-size: var(--typo-size-500)
    }

    .common-heading.-third {
      --this-title-size: var(--typo-size-400);
      --this-title-lh: var(--typo-lh)
    }
  }

  .common-heading_label {
    font-size: var(--this-label-size);
    font-weight: var(--typo-weight-demi);
    line-height: var(--this-label-lh);
    color: var(--color-text-blue-emphasis)
  }

  @media print,
  all and (min-width: 75em) {
    .common-heading.-second .common-heading_label {
      margin-bottom: var(--space-2xs)
    }
  }

  .common-heading_title {
    font-size: var(--this-title-size);
    font-weight: var(--typo-weight-demi);
    line-height: var(--this-title-lh);
    text-wrap: initial;
  }

  .common-heading_sub {
    margin-bottom: var(--space-m);
    font-size: var(--typo-size-200);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small);
  }

  .common-heading_description {
    margin-top: var(--space-m);
    line-height: var(--typo-lh)
  }

  @media print,
  all and (min-width: 48em) {
    .common-heading {
      padding: 0;
    }
  }


  /* @media print,
  all and (min-width: 48em) {
    .common-heading_description {
      margin-top: var(--space-m)
    }
  }
   */

  .common-heading_description p+p {
    margin-top: var(--space-50)
  }

  .common-heading_description p:not(:root) {
    max-width: var(--typo-reading-width);
    font-size: var(--typo-size-50)
  }

  @media print,
  all and (min-width: 48em) {
    .common-heading_description p:not(:root) {
      font-size: var(--typo-size-100)
    }
  }

  .common-heading_menu {
    margin-top: var(--space-2xs)
  }

  .common-heading_button {
    margin-top: var(--space-250)
  }

  @media print,
  all and (min-width: 75em) {
    .common-heading_button {
      margin-top: var(--space-300)
    }
  }

  .common-icon {
    display: inline-block;
    width: var(--icon-size, 1.5rem);
    aspect-ratio: 1/1;
    vertical-align: top
  }

  .common-lang {
    --this-header-height: 4rem;
    position: relative;
    padding: var(--space-100) 0
  }

  .common-header.-disabled .common-lang {
    padding: 0
  }

  .common-lang_label {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  @media (hover: hover) {
    .common-lang_btn:hover .common-lang_label {
      color: var(--color-text-blue-hover)
    }
  }

  .common-lang_btn {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 4rem;
    padding-right: var(--space-50);
    padding-left: var(--space-200);
    outline-offset: -3px
  }

  .common-header.-disabled .common-lang_btn {
    padding-left: var(--space-75);
    border-radius: var(--size-r)
  }

  .common-header.-disabled .common-lang_btn:before,
  .common-header.-disabled .common-lang_btn:after {
    position: absolute;
    top: 50%;
    width: 1px;
    height: 3.2rem;
    content: "";
    background-color: var(--color-border-gray);
    transform: translateY(-50%)
  }

  .common-header.-disabled .common-lang_btn:before {
    left: 0
  }

  .common-header.-disabled .common-lang_btn:after {
    right: 0
  }

  .common-header.-disabled .common-lang[aria-expanded=true] .common-lang_btn {
    background-color: var(--color-surface-blue-light);
    border-color: var(--color-border-gray)
  }

  .common-header.-disabled .common-lang[aria-expanded=true] .common-lang_btn:before,
  .common-header.-disabled .common-lang[aria-expanded=true] .common-lang_btn:after {
    display: none
  }

  .common-lang_btnInner {
    display: flex;
    align-items: center;
    border-bottom: 1px solid transparent
  }

  @media (hover: hover) {
    .common-lang_btn:hover .common-lang_btnInner {
      border-bottom: 1px solid var(--color-border-blue)
    }
  }

  .common-lang_icon {
    --this-icon-size: 2.4rem;
    width: var(--this-icon-size);
    height: var(--this-icon-size);
    color: var(--color-text-blue);
    transition: transform var(--anim-duration) var(--anim-easing)
  }

  .common-lang_icon *[data-type=close] {
    display: none
  }

  .common-lang_icon.-open {
    position: relative;
    width: 1.6rem;
    height: 1.6rem
  }

  .common-lang_icon.-open>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg)
  }

  .common-lang[aria-expanded=true] .common-lang_icon.-open *[data-type=open] {
    display: none
  }

  .common-lang[aria-expanded=true] .common-lang_icon.-open *[data-type=close] {
    display: initial
  }

  @media (hover: hover) {
    .common-lang_btn:hover .common-lang_icon {
      color: var(--color-text-blue-hover)
    }
  }

  .common-lang_menu {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    z-index: var(--z-lang-menu);
    display: flex;
    flex-direction: column;
    width: 100vw;
    padding: var(--space-50) 0;
    pointer-events: none;
    background-color: var(--color-bg-white);
    opacity: 0;
    transition: opacity var(--anim-duration) var(--anim-easing), transform var(--anim-duration) var(--anim-easing);
    transform: translateY(95%)
  }

  .common-lang[aria-expanded=true] .common-lang_menu {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(100%)
  }

  .common-header.-disabled .common-lang_menu {
    inset-block-end: -.4rem;
    width: max-content;
    border: 1px solid var(--color-border-gray);
    border-radius: var(--size-r);
    box-shadow: var(--color-dropshadow)
  }

  .common-lang_item {
    display: flex;
    align-items: center;
    min-height: 4.4rem;
    padding: var(--space-10) var(--space-100);
    text-decoration: none;
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  @media (hover: hover) {
    .common-lang_item:hover {
      color: var(--color-text-blue-hover)
    }
  }

  .common-lang_item.-selected {
    background-color: var(--color-surface-blue-light)
  }

  .common-lang_bg {
    --this-top: calc(var(--this-header-height) + 8rem);
    position: fixed;
    top: var(--this-top);
    right: 0;
    width: 100vw;
    height: calc(100% - var(--this-top));
    background-color: var(--color-black);
    opacity: .5;
    transition: opacity var(--anim-duration) var(--anim-easing)
  }

  .common-lang[aria-expanded=false] .common-lang_bg {
    pointer-events: none;
    opacity: 0
  }

  .common-header.-disabled .common-lang_bg {
    display: none
  }

  .common-link {
    display: inline-flex;
    gap: var(--space-10);
    align-items: center;
    color: var(--color-text);
    text-decoration: none;
    vertical-align: bottom;
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-demi-small)
  }

  .common-link.-small {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  .common-link.-blue {
    color: var(--color-text-blue)
  }

  .common-link.-bold {
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  .common-link.-bold.-small {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  .common-link.-full {
    gap: var(--space-50);
    width: 100%
  }

  .common-link.-full .common-link_label {
    flex: 1
  }

  .common-link_icon {
    line-height: 1;
    vertical-align: top
  }

  .common-link_icon.-blue {
    color: var(--color-text-blue)
  }

  @media (hover: hover) {

    a:hover .common-link,
    a:hover .common-link_icon,
    a.common-link:hover {
      color: var(--color-text-blue-hover)
    }
  }

  .common-linkBlock {
    --this-border-height: 2px;
    position: relative;
    display: flex;
    column-gap: var(--space-100);
    align-items: center;
    padding: var(--space-150) 0;
    color: var(--color-text);
    text-decoration: none;
    border-bottom: var(--this-border-height) solid var(--color-border-gray)
  }

  @media print,
  all and (min-width: 48em) {
    .common-linkBlock {
      column-gap: var(--space-200)
    }
  }

  .common-linkBlock:after {
    position: absolute;
    bottom: calc(-1 * var(--this-border-height));
    left: 0;
    width: 4rem;
    height: var(--this-border-height);
    content: "";
    background: var(--color-border-blue);
    transition: width var(--anim-duration) var(--anim-easing)
  }

  @media (hover: hover) {
    .common-linkBlock:hover {
      text-decoration: none
    }

    .common-linkBlock:hover:after {
      width: 100%;
      background: var(--color-gradation)
    }
  }

  .common-linkBlock_label {
    flex: 1
  }

  @media print,
  all and (min-width: 48em) {
    .common-linkBlock_label {
      display: flex;
      gap: var(--space-200)
    }
  }

  .common-linkBlock_head {
    display: flex;
    padding-bottom: var(--space-10);
    font-family: var(--typo-family-en);
    color: var(--color-text-blue);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-linkBlock_head {
      font-size: var(--typo-size-100);
      font-weight: var(--typo-weight-demi);
      line-height: var(--typo-lh-demi-small);
      padding-bottom: 0
    }
  }

  @media (hover: hover) {
    .common-linkBlock:hover .common-linkBlock_head {
      color: var(--color-text-blue-hover)
    }
  }

  .common-linkBlock_type {
    margin-left: var(--space-10);
    color: var(--color-text-blue)
  }

  .common-linkBlock_inner {
    display: flex;
    gap: var(--space-10)
  }

  .common-linkBlock_title {
    display: -webkit-box;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  @media print,
  all and (min-width: 48em) {
    .common-linkBlock_title {
      -webkit-line-clamp: 2
    }
  }

  @media (hover: hover) {
    .common-linkBlock:hover .common-linkBlock_title {
      color: var(--color-text-blue-hover)
    }
  }

  .common-linkBlock_icon {
    --this-size: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--this-size);
    height: var(--this-size);
    color: var(--color-text-blue)
  }

  @media (hover: hover) {
    .common-linkBlock:hover .common-linkBlock_icon {
      color: var(--color-text-blue-hover)
    }
  }

  .common-main {
    font-size: 1.6rem
  }

  .common-main {
    font-family: var(--typo-family-en), var(--typo-family)
  }

  .common-main :where(ol, ul) {
    padding-left: 0;
    margin-bottom: auto;
    line-height: inherit;
    list-style: none
  }

  .common-main :where(h1) {
    margin: 0
  }

  .common-main a {
    color: var(--color-text)
  }

  .common-main a:focus,
  .common-main a:hover {
    text-decoration: none !important
  }

  .common-main :where(p) {
    margin: 0;
    /* font-size: 1.6rem; */
    font-size: 1.8rem;
    line-height: inherit
  }

  .common-mainMenu {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: var(--space-100) var(--space-150) var(--space-100) var(--space-200);
    pointer-events: initial;
    border-bottom: 1px solid var(--color-border-gray);
    outline-offset: 1px;
    transition: background-color var(--anim-duration-short) var(--anim-easing);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  .common-header.-disabled .common-mainMenu {
    width: auto;
    height: calc(100% - var(--space-100));
    padding: 0 var(--space-60);
    padding-top: var(--space-50);
    padding-bottom: var(--space-200);
    margin-top: var(--space-75);
    border-bottom: 0
  }

  .common-header.-disabled .common-mainMenu[aria-selected=true] {
    color: var(--color-text-white);
    background-color: var(--color-border-blue);
    border-radius: var(--size-r-large) var(--size-r-large) 0 0
  }

  .common-header.-disabled .common-mainMenu[aria-selected=true] [data-open=true] {
    display: inline-block
  }

  .common-header.-disabled .common-mainMenu[aria-selected=true] [data-open=false] {
    display: none
  }

  .common-header.-disabled .common-mainMenu[aria-selected=true]:before,
  .common-header.-disabled .common-mainMenu[aria-selected=true]:after {
    position: absolute;
    top: auto;
    width: .8rem;
    height: .8rem;
    content: "";
    background-color: var(--color-border-blue);
    border-radius: 0;
    -webkit-mask-image: url(/_assets/common/image/r_reverse.svg);
    mask-image: url(/_assets/common/image/r_reverse.svg)
  }

  .common-header.-disabled .common-mainMenu[aria-selected=true]:before {
    bottom: 0;
    left: 0;
    transform: translate(-100%) rotate(-90deg)
  }

  .common-header.-disabled .common-mainMenu[aria-selected=true]:after {
    right: 0;
    bottom: 0;
    left: auto;
    transform: translate(100%)
  }

  .common-mainMenu_bg {
    --this-padding: 1.2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - var(--this-padding));
    border-radius: var(--size-r-large);
    opacity: 0
  }

  .common-header.-disabled .common-mainMenu.-active .common-mainMenu_bg {
    background-color: var(--color-surface-blue-light);
    opacity: 1;
    transition: opacity var(--anim-duration-short) var(--anim-easing)
  }

  .common-header.-disabled .common-mainMenu[aria-selected=true] .common-mainMenu_bg {
    opacity: 0
  }

  .common-mainMenu_inner {
    position: relative;
    display: inline-flex;
    gap: var(--space-10);
    align-items: center;
    width: 100%;
    border-bottom: 1px solid transparent
  }

  @media (hover: hover) {
    .common-header.-disabled .common-mainMenu:hover .common-mainMenu_inner {
      color: var(--color-text-blue-hover);
      border-bottom: 1px solid var(--color-border-blue-hover)
    }

    .common-header.-disabled .common-mainMenu[aria-selected=true]:hover .common-mainMenu_inner {
      color: var(--color-text-white);
      border-bottom: 1px solid var(--color-border-white)
    }
  }

  .common-mainMenu_icon {
    --this-size: 2.4rem;
    width: var(--this-size);
    height: var(--this-size);
    margin-left: auto;
    color: var(--color-text-blue)
  }

  .common-mainMenu_icon *[data-open] {
    display: none
  }

  .common-header.-disabled .common-mainMenu_icon {
    --this-size: 1.6rem;
    position: relative;
    margin-left: 0
  }

  .common-header.-disabled .common-mainMenu_icon * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg)
  }

  .common-header.-disabled .common-mainMenu_icon *[data-open=true] {
    display: none
  }

  .common-header.-disabled .common-mainMenu_icon *[data-open=false] {
    display: block
  }

  .common-header.-disabled .common-mainMenu_icon *[data-sp] {
    display: none
  }

  .common-header.-disabled .common-mainMenu[aria-selected=true] .common-mainMenu_icon {
    color: var(--color-text-white)
  }

  @media (hover: hover) {
    .common-mainMenu:hover .common-mainMenu_icon {
      color: var(--color-text-blue-hover)
    }
  }

  .common-message {
    padding: var(--space-250) var(--space-gutter) var(--space-300) var(--space-gutter);
    overflow: hidden;
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border-gray)
  }

  @media print,
  all and (min-width: 48em) {
    .common-message {
      padding: var(--space-300) var(--space-gutter) var(--space-320) var(--space-gutter)
    }
  }

  .common-message_inner {
    max-width: var(--size-inner-width);
    margin-right: auto;
    margin-left: auto
  }

  .common-message_main {
    width: 100%;
    max-width: var(--typo-reading-width);
    font-size: var(--typo-size-200);
    font-weight: var(--typo-weight-demi);
    line-height: 1.6
  }

  @media print,
  all and (min-width: 48em) {
    .common-message_main {
      font-size: var(--typo-size-300)
    }
  }

  .common-message_sub {
    max-width: var(--typo-reading-width);
    margin-top: var(--space-75)
  }

  .common-message_sub p {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-regular);
    line-height: 2
  }

  @media print,
  all and (min-width: 48em) {
    .common-message_sub p {
      font-size: var(--typo-size-100)
    }
  }

  .common-message_sub p+p {
    margin-top: var(--space-50)
  }

  .common-modal {
    --this-color-title: var(--modal-menu-color-title, black);
    --this-color-bg: var(--modal-menu-color-bg, white);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-modal);
    display: none
  }

  .common-modal.is-open {
    display: block
  }

  .common-modal_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0009
  }

  .common-modal .common-modal_overlay {
    will-change: transform
  }

  .common-modal[aria-hidden=false] .common-modal_overlay {
    animation: mm-fade-in .3s cubic-bezier(0, 0, .2, 1)
  }

  .common-modal[aria-hidden=true] .common-modal_overlay {
    animation: mm-fade-out .3s cubic-bezier(0, 0, .2, 1)
  }

  .common-modal_container {
    display: flex;
    align-items: center;
    height: 100vh;
    padding: var(--space-200)
  }

  @media print,
  all and (min-width: 48em) {
    .common-modal_container {
      padding: var(--space-300)
    }
  }

  .common-modal .common-modal_container {
    will-change: transform
  }

  .common-modal[aria-hidden=false] .common-modal_container {
    animation: mm-slide-in .3s cubic-bezier(0, 0, .2, 1)
  }

  .common-modal[aria-hidden=true] .common-modal_container {
    animation: mm-slide-out .3s cubic-bezier(0, 0, .2, 1)
  }

  .common-modal_scroll {
    position: relative;
    max-height: 100%;
    overflow-y: auto;
    background-color: var(--this-color-bg);
    border-radius: var(--size-r-large)
  }

  .common-modal_inner {
    max-width: 74.8rem;
    padding: var(--space-200);
    padding-top: var(--space-250)
  }

  @media print,
  all and (min-width: 48em) {
    .common-modal_inner {
      padding: var(--space-300);
      padding-top: var(--space-320)
    }
  }

  .common-modal_close {
    position: sticky;
    top: 0;
    right: 0;
    height: 0;
    text-align: right
  }

  .common-modal_close>button {
    padding: var(--space-100);
    color: var(--color-text-blue)
  }

  @media (hover: hover) {
    .common-modal_close>button:hover {
      color: var(--color-text-blue-hover)
    }
  }

  @keyframes mm-fade-in {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  @keyframes mm-fade-out {
    0% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  @keyframes mm-slide-in {
    0% {
      transform: translateY(5%)
    }

    to {
      transform: translateY(0)
    }
  }

  @keyframes mm-slide-out {
    0% {
      transform: translateY(0)
    }

    to {
      transform: translateY(-5%)
    }
  }

  .common-modalContents_title {
    font-size: var(--typo-size-200);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-modalContents_title {
      font-size: var(--typo-size-350)
    }
  }

  .common-modalContents_image {
    margin-top: var(--space-100)
  }

  .common-modalContents_heading {
    margin-top: var(--space-200);
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  .common-modalContents_text {
    margin-top: var(--space-2xs);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-regular);
    line-height: var(--typo-lh-large)
  }

  .common-modalContents_button {
    margin-top: var(--space-200)
  }

  .common-pageButton {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 4rem;
    padding: 0 var(--space-150) 0 var(--space-200);
    text-decoration: none;
    border-top: 1px solid var(--color-border-gray);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  .common-pageButton.-selected {
    width: calc(100% + 1px);
    padding-right: 1px;
    background-color: var(--color-bg-blue)
  }

  .common-header.-disabled .common-pageButton {
    padding: 0 var(--space-300);
    border-top: 0;
    outline-offset: -3px
  }

  .common-pageButton.-pc {
    display: none
  }

  .common-header.-disabled .common-pageButton.-pc {
    display: block;
    font-weight: var(--typo-weight-demi);
    color: var(--color-text-blue-emphasis)
  }

  @media (hover: hover) {
    .common-pageButton:hover {
      color: var(--color-text-blue-hover)
    }
  }

  .common-pageButton_icon {
    color: var(--color-text-blue)
  }

  .common-pageButton_icon.-selected,
  .common-pageButton.-selected .common-pageButton_icon {
    display: none
  }

  .common-pageButton.-selected .common-pageButton_icon.-selected {
    display: block
  }

  @media (hover: hover) {
    .common-pageButton:hover .common-pageButton_icon {
      color: var(--color-text-blue-hover)
    }
  }

  .common-pageButton_inner {
    display: flex;
    gap: var(--space-50);
    align-items: center;
    padding: var(--space-100) 0
  }

  .common-header.-disabled .common-pageButton_inner {
    position: relative;
    padding: var(--space-75) 0;
    border-bottom: 1px solid var(--color-border-gray)
  }

  .common-header.-disabled .common-pageButton_inner:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 1.6rem;
    height: 1px;
    content: "";
    background-color: var(--color-text-blue-emphasis);
    transition: width var(--anim-duration) var(--anim-easing)
  }

  @media (hover: hover) {
    .common-pageButton:hover .common-pageButton_inner:before {
      width: 100%
    }
  }

  .common-pageButton_label {
    flex: 1
  }

  .common-pageHeader {
    position: relative;
    height: 215px;
    background: #005EB8;
    background: linear-gradient(90deg, #005EB8, #2FAEE6);
  }

  .common-anchorLink {
    background: var(--color-kt-gray);
  }

  .common-anchorLink .common-link {
    font-size: var(--typo-size-50);
  }

  .common-pageHeader_inner {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding: var(--space-150) 0;
    transform: translate(-50%)
  }

  @media print,
  all and (min-width: 48em) {
    .common-pageHeader_inner {
      align-items: center
    }
  }

  @media print,
  all and (min-width: 75em) {
    .common-pageHeader_inner {
      max-width: var(--size-inner-width);
    }
  }

  .common-pageHeader_contents {
    max-width: var(--size-inner-width);
  }

  /* @media print,
  all and (min-width: 75em) {
    .common-pageHeader_contents {
      padding: 0 var(--space-300);
      border-radius: var(--size-r-large)
    }
  } */

  .common-pageHeader_image {
    position: relative;
    right: 0;
    width: 40%;
    height: 100%;
    overflow: hidden;
    float: right;
  }

  .common-pageHeader_image::before {
    position: absolute;
    left: -1px;
    width: 80px;
    height: 215px;
    content: "";
    background: linear-gradient(to right, #1c8ed4 0%, rgba(255, 255, 255, 0) 100%);
    /* background-color: var(--color-blue-600); */
  }

  .common-pageHeader_image img,
  .common-pageHeader_image source {
    width: 100%;
    object-fit: cover
  }

  /* @media print,
  all and (min-width: 48em) {
    .common-pageHeader_image img {
      min-height: 30rem;
      max-height: 36rem
    }
  } */

  .common-pannel {
    text-align: center
  }

  .common-pannel_item {
    padding: var(--space-200) 0;
    background-color: var(--color-bg-white)
  }

  .common-pannel_item+.common-pannel_item {
    margin-top: var(--space-50)
  }

  @media print,
  all and (min-width: 48em) {
    .common-pannel_item {
      padding: var(--space-300)
    }
  }

  .common-pannel_img {
    padding: 0 var(--space-75)
  }

  .common-pannel_img>img {
    margin-right: auto;
    margin-left: auto
  }

  .common-pannel_title {
    color: var(--color-text-blue);
    font-size: var(--typo-size-200);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-pannel_title {
      font-size: var(--typo-size-400);
      font-weight: var(--typo-weight-demi);
      line-height: var(--typo-lh-demi-small)
    }
  }

  .common-pannel_button {
    margin-top: var(--space-200);
    text-align: center
  }

  .common-pannel_contents {
    max-width: 102.4rem;
    margin: 0 auto;
    text-align: left
  }

  .common-pannel_contents:not(:first-child) {
    margin-top: var(--space-100)
  }

  @media print,
  all and (min-width: 48em) {
    .common-pannel_contents:not(:first-child) {
      margin-top: var(--space-200)
    }
  }

  .common-pannel_contents.-padding-bottom {
    padding-bottom: var(--space-200)
  }

  .common-pannel_contents>iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border: 0
  }

  .common-pannel_contents p {
    color: var(--color-text-light);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-regular);
    line-height: var(--typo-lh-large)
  }

  @media print,
  all and (min-width: 48em) {
    .common-pannel_contents p {
      font-size: var(--typo-size-100);
      font-weight: var(--typo-weight-regular);
      line-height: var(--typo-lh-large)
    }
  }

  .common-pannel_inner {
    --this-side-padding: 2.4rem;
    padding: 0 var(--this-side-padding)
  }

  @media print,
  all and (min-width: 48em) {
    .common-pannel_inner {
      --this-side-padding: 0
    }
  }

  .common-related {
    padding: var(--space-7xl) var(--space-gutter) var(--space-7xl) var(--space-gutter);
    container: related/inline-size;
    border-top: 1px solid var(--color-border-gray)
  }

  .common-related_inner {
    max-width: var(--size-inner-width);
    margin-right: auto;
    margin-left: auto
  }

  .common-related_links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-100) var(--space-300);
    margin-top: var(--space-xl)
  }

  .common-related_links ul {
    display: flex;
    flex-direction: column;
    gap: var(--space-100)
  }

  .common-scrollBox_image {
    --this-offset: var(--space-gutter);
    display: flex;
    width: calc(100% + 2 * var(--this-offset));
    padding: 0 var(--this-offset);
    margin-right: calc(-1 * var(--this-offset));
    margin-left: calc(-1 * var(--this-offset));
    overflow-x: auto;
    scrollbar-width: none
  }

  .common-scrollBox_image::-webkit-scrollbar {
    display: none
  }

  .common-scrollBox_scrollbar {
    position: relative;
    width: 100%;
    height: 4px;
    margin-top: 1.6rem;
    overflow: hidden;
    visibility: hidden;
    background-color: #d5dee9;
    border-radius: 2px
  }

  .common-scrollBox_scrollbar.-active {
    visibility: visible
  }

  .common-scrollBox_thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.8rem;
    height: 4px;
    background-color: #245eb2;
    border-radius: 2px
  }

  .common-search {
    --this-header-height: 4rem;
    position: relative;
    height: 100%
  }

  .common-header.-disabled .common-search {
    display: none
  }

  .common-search_search,
  .common-search_open {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--space-300);
    outline-offset: -3px
  }

  .common-search_search {
    padding: var(--space-50) 0;
    color: var(--color-text-white);
    background-color: var(--color-border-blue);
    border-radius: 0 var(--size-r) var(--size-r) 0
  }

  @media (hover: hover) {
    .common-search_search:hover {
      background-color: var(--color-border-blue-hover)
    }
  }

  .common-search_open {
    padding: var(--space-200) var(--space-100);
    color: var(--color-text-blue)
  }

  .common-header.-disabled .common-search_open {
    padding: var(--space-50) var(--space-100)
  }

  @media (hover: hover) {
    .common-search_open:hover {
      color: var(--color-text-blue-hover)
    }
  }

  .common-search_menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    pointer-events: auto;
    background-color: var(--color-bg-white);
    opacity: 1;
    transition: opacity var(--anim-duration) var(--anim-easing)
  }

  .common-header.-disabled .common-search_menu {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--space-50);
    height: 100%
  }

  .common-search[aria-expanded=false] .common-search_menu {
    pointer-events: none;
    opacity: 0
  }

  .common-search_input {
    flex: 1;
    width: 40rem;
    padding: 0 .8rem;
    border-color: var(--color-border-blue-low);
    border-style: solid;
    border-width: 1px;
    border-right: 0;
    border-radius: var(--size-r) 0 0 var(--size-r)
  }

  .common-search_inner {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: var(--space-100);
    padding-bottom: 0
  }

  .common-header.-disabled .common-search_inner {
    width: auto;
    padding: 0;
    padding-right: var(--space-100)
  }

  .common-search_cancel {
    --this-color-label: var(--color-text);
    --this-color-icon: var(--color-text-blue);
    box-sizing: border-box;
    display: flex;
    gap: var(--space-10);
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: var(--space-100);
    text-align: center;
    background-color: var(--color-white)
  }

  .common-header.-disabled .common-search_cancel {
    width: auto;
    padding: var(--space-50);
    border-radius: var(--size-r)
  }

  @media (hover: hover) {
    .common-search_cancel:hover {
      --this-color-label: var(--color-text-blue-hover);
      --this-color-icon: var(--color-text-blue-hover)
    }
  }

  .common-search_cancelLabel {
    color: var(--this-color-label);
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  .common-search_cancelIcon {
    --this-icon-size: 1.6rem;
    position: relative;
    width: var(--this-icon-size);
    height: var(--this-icon-size);
    color: var(--this-color-icon)
  }

  .common-search_cancelIcon * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg)
  }

  .common-search_bg {
    --this-top: calc(var(--this-header-height) + .8rem);
    position: fixed;
    top: var(--this-top);
    right: 0;
    width: 100vw;
    height: calc(100% - var(--this-top));
    background-color: var(--color-black);
    opacity: .5;
    transition: opacity var(--anim-duration) var(--anim-easing)
  }

  .common-search[aria-expanded=false] .common-search_bg {
    pointer-events: none;
    opacity: 0
  }

  .common-header.-disabled .common-search_bg {
    display: none
  }

  .common-searchPc {
    display: flex;
    padding-right: var(--space-100);
    padding-left: var(--space-100)
  }

  .common-header:not(.-disabled) .common-searchPc {
    display: none
  }

  .common-searchPc_input {
    width: calc(100% - var(--space-300));
    padding: 0 .8rem;
    border-color: var(--color-border-blue-low);
    border-style: solid;
    border-width: 1px;
    border-right: 0;
    border-radius: var(--size-r) 0 0 var(--size-r)
  }

  .common-searchPc_search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--space-300);
    padding: var(--space-50) 0;
    color: var(--color-text-white);
    background-color: var(--color-border-blue);
    border-radius: 0 var(--size-r) var(--size-r) 0;
    outline-offset: -3px
  }

  @media (hover: hover) {
    .common-searchPc_search:hover {
      background-color: var(--color-border-blue-hover)
    }
  }

  .common-section.-margin-sm {
    margin-top: var(--space-m)
  }

  @media print,
  all and (min-width: 48em) {
    .common-section.-margin-sm {
      margin-top: var(--space-xl)
    }
  }

  .common-section.-margin-md {
    margin-top: var(--space-xl)
  }

  @media print,
  all and (min-width: 48em) {
    .common-section.-margin-md {
      margin-top: var(--space-3xl)
    }
  }

  .common-section.-margin-lg {
    margin-top: var(--space-3xl)
  }

  @media print,
  all and (min-width: 48em) {
    .common-section.-margin-lg {
      margin-top: var(--space-5xl)
    }
  }

  .common-section_box {
    padding: var(--space-gap) var(--space-gutter)
  }

  .common-section_box.-bg-blue {
    background-color: var(--color-bg-blue)
  }

  .common-section_box.-bg-deep-blue {
    background-color: var(--color-blue-600);
  }

  .common-section_box.-bg-gray {
    background-color: var(--color-kt-bg-gray)
  }

  .common-section_box.-no-side-padding {
    padding-right: 0;
    padding-left: 0
  }

  .common-section_box.-no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0
  }

  .common-section_box.-narrow-padding {
    padding-top: var(--space-100);
    padding-bottom: var(--space-100)
  }

  @media print,
  all and (min-width: 48em) {
    .common-section_box.-narrow-padding {
      padding-top: var(--space-200);
      padding-bottom: var(--space-200)
    }
  }

  .common-section_box.-no-top-padding {
    padding-top: 0
  }

  .common-section_inner {
    max-width: var(--size-inner-width);
    margin-right: auto;
    margin-left: auto
  }

  .common-section_inner.-slim {
    max-width: var(--size-inner-width-slim)
  }

  .common-section_stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-gap)
  }

  .common-section_cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-gap)
  }

  .common-section_sideBySide {
    display: grid;
    grid-template-rows: auto auto;
    gap: var(--space-gap)
  }

  @media print,
  all and (min-width: 48em) {
    .common-section_sideBySide {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      width: 100%
    }

    .common-section_sideBySide.-align-center {
      align-items: center
    }
  }

  @media print,
  all and (min-width: 75em) {

    .common-section_sideBySide.-right-wide,
    .common-section_sideBySide.-left-wide {
      grid-template-columns: repeat(3, 1fr)
    }

    .common-section_sideBySide.-right-wide>li:nth-child(2) {
      grid-column: 2/4
    }

    .common-section_sideBySide.-left-wide>li:nth-child(1) {
      grid-column: 1/3
    }

    .common-section_sideBySide.-left-wide>li:nth-child(2) {
      grid-column: 3/4
    }
  }

  @media print,
  all and (min-width: 48em) {
    .common-section_sideBySide.-reverse>li:nth-child(1) {
      grid-row: 1/2;
      grid-column: 2/3
    }

    .common-section_sideBySide.-reverse>li:nth-child(2) {
      grid-row: 1/2;
      grid-column: 1/2
    }
  }

  @media print,
  all and (min-width: 75em) {
    .common-section_sideBySide.-right-wide.-reverse>li:nth-child(1) {
      grid-column: 3/4
    }

    .common-section_sideBySide.-right-wide.-reverse>li:nth-child(2) {
      grid-column: 1/3
    }
  }

  @media print,
  all and (min-width: 75em) {
    .common-section_sideBySide.-left-wide.-reverse>li:nth-child(1) {
      grid-column: 2/4
    }

    .common-section_sideBySide.-left-wide.-reverse>li:nth-child(2) {
      grid-column: 1/2
    }
  }

  .common-section_image.-right>img {
    margin-right: auto;
    margin-left: auto;
    border-radius: var(--size-r-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-section_image.-right>img {
      margin-right: 0
    }
  }

  .common-slimThumbnail {
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-border-gray);
    border-radius: var(--size-r-large)
  }

  .common-slimThumbnail_top {
    display: flex;
    text-decoration: none
  }

  .common-slimThumbnail_image {
    grid-column: span 2;
    width: 9.8rem;
    aspect-ratio: 1/1;
    overflow: hidden
  }

  .common-slimThumbnail_image>img {
    height: 100%;
    object-fit: cover;
    transition: transform var(--anim-duration) var(--anim-easing);
    transform-origin: center
  }

  @media print,
  all and (min-width: 75em) {
    .common-slimThumbnail_image {
      width: 17.3rem;
      aspect-ratio: inherit
    }
  }

  @media (hover: hover) {
    .common-slimThumbnail_top:hover .common-slimThumbnail_image>img {
      transform: scale(1.05)
    }
  }

  .common-slimThumbnail_head {
    position: relative;
    flex: 1;
    padding: var(--space-m) var(--space-xs)
  }

  @media print,
  all and (min-width: 48em) {
    .common-slimThumbnail_head {
      padding: var(--space-m)
    }
  }

  .common-slimThumbnail_title {
    gap: var(--space-50);
    color: var(--color-text-blue);
    font-size: var(--typo-size-20);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-slimThumbnail_title {
      font-size: var(--typo-size-50);
      font-weight: var(--typo-weight-demi);
      line-height: var(--typo-lh-demi-small)
    }
  }

  @media (hover: hover) {
    .common-slimThumbnail:hover .common-slimThumbnail_title {
      color: var(--color-text-blue-hover)
    }
  }

  .common-slimThumbnail_category {
    position: relative;
    display: inline-block;
    padding-left: var(--space-50);
    margin-left: var(--space-50);
    line-height: 1
  }

  .common-slimThumbnail_category:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1.2rem;
    content: "";
    background-color: var(--color-blue-600);
    transform: translateY(-50%)
  }

  .common-slimThumbnail_contents {
    display: flex;
    gap: var(--space-100);
    align-items: flex-end;
    margin-top: var(--space-10)
  }

  @media print,
  all and (min-width: 48em) {
    .common-slimThumbnail_contents {
      margin-top: var(--space-5)
    }
  }

  @media (hover: hover) {
    .common-slimThumbnail_top:hover .common-slimThumbnail_contents {
      color: var(--color-text-blue-hover)
    }
  }

  .common-slimThumbnail_inner {
    display: -webkit-box;
    flex: 1;
    overflow: hidden;
    font-weight: var(--typo-weight-demi);
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
  }

  .common-slimThumbnail_inner>p {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  @media print,
  all and (min-width: 48em) {
    .common-slimThumbnail_inner {
      -webkit-line-clamp: 2
    }
  }

  .common-slimThumbnail.-pickup .common-slimThumbnail_inner {
    -webkit-line-clamp: 2
  }

  @media print,
  all and (min-width: 48em) {
    .common-slimThumbnail.-pickup .common-slimThumbnail_inner {
      -webkit-line-clamp: 1
    }
  }

  .common-slimThumbnail_icon {
    line-height: 1;
    vertical-align: top
  }

  .common-slimThumbnail_icon.-blue {
    color: var(--color-text-blue)
  }

  .common-slimThumbnail_tagList {
    padding: var(--space-50);
    border-top: 1px solid var(--color-border-gray)
  }

  .common-sns {
    --this-size: 4.4rem;
    position: relative;
    display: inline-block;
    width: var(--this-size);
    aspect-ratio: 1/1;
    overflow: hidden;
    vertical-align: top;
    background-color: var(--color-border-blue);
    border-radius: 100vmax
  }

  .common-sns:focus-visible {
    outline: 3px solid CanvasText;
    outline-offset: 1px;
    box-shadow: 0 0 0 5px Canvas
  }

  .common-sns[class] {
    color: var(--color-text-white)
  }

  .common-sns.-x {
    background-color: var(--color-sns-x)
  }

  .common-sns.-facebook {
    background-color: var(--color-sns-facebook)
  }

  .common-sns.-youtube {
    background-color: var(--color-sns-youtube)
  }

  .common-sns.-linkedin {
    background-color: var(--color-sns-linkedin)
  }

  .common-sns svg {
    position: relative
  }

  .common-spButton {
    --this-size-icon: 4rem;
    padding-top: var(--space-50);
    padding-right: var(--space-100)
  }

  .common-spButton_item.-open {
    display: block
  }

  .common-spButton_item.-close,
  .common-header[aria-expanded=true] .common-spButton_item.-open {
    display: none
  }

  .common-header[aria-expanded=true] .common-spButton_item.-close {
    display: block
  }

  .common-spButton_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--this-size-icon);
    height: var(--this-size-icon);
    color: var(--color-text-blue)
  }

  .common-subMenu {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 4rem;
    padding: var(--space-100) var(--space-150) var(--space-100) var(--space-200);
    text-decoration: none;
    border-bottom: 1px solid var(--color-border-gray)
  }

  .common-subMenu span {
    position: relative
  }

  .common-header.-disabled .common-subMenu {
    padding: var(--space-50) var(--space-75);
    border-bottom: 0
  }

  .common-header.-disabled .common-subMenu:before {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 80%;
    content: "";
    background-color: var(--color-surface-blue-light);
    border-radius: var(--size-r-large);
    opacity: 0
  }

  .common-header.-disabled .common-subMenu.-active:before {
    opacity: 1
  }

  @media (hover: hover) {
    .common-header.-disabled .common-subMenu:hover {
      color: var(--color-text-blue-hover)
    }
  }

  .common-subMenu_label {
    flex: 1;
    border-bottom: 1px solid transparent;
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-large)
  }

  @media (hover: hover) {
    .common-header.-disabled .common-subMenu:hover .common-subMenu_label {
      border-bottom: 1px solid var(--color-border-blue-hover)
    }
  }

  .common-header.-disabled .common-subMenu_icon {
    display: none
  }

  .common-tagList {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-50)
  }

  .common-tagList_tag {
    position: relative;
    display: block;
    padding: var(--space-5) var(--space-10);
    overflow: hidden;
    color: var(--color-text-blue);
    text-decoration: none;
    border: 1px solid var(--color-border-blue-low);
    border-radius: var(--size-r);
    font-size: var(--typo-size-20);
    font-weight: var(--typo-weight-medium);
    line-height: var(--typo-lh-demi-small)
  }

  .common-tagList_tag:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: var(--color-gradation);
    opacity: 0;
    transition: opacity var(--anim-duration) var(--anim-easing)
  }

  @media (hover: hover) {
    .common-tagList_tag:hover {
      color: var(--color-text-white)
    }

    .common-tagList_tag:hover:before {
      opacity: 1
    }
  }

  .common-tagList_tagLabel {
    position: relative
  }

  .common-thumbnail {
    display: block;
    max-width: var(--size-thumbnail-width);
    height: 100%;
    overflow: hidden;
    color: var(--color-text);
    text-decoration: none !important;
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-border-gray);
    border-radius: var(--size-r-large)
  }

  .common-thumbnail_head {
    position: relative;
    padding: var(--space-10)
  }

  .common-thumbnail_image {
    overflow: hidden;
    border-radius: var(--size-r-large-inner)
  }

  .common-thumbnail_image>img {
    width: 100%;
    transition: transform var(--anim-duration) var(--anim-easing);
    transform-origin: center
  }

  @media (hover: hover) {
    .common-thumbnail:hover .common-thumbnail_image>img {
      transform: scale(1.05)
    }
  }

  .common-thumbnail_title {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    gap: var(--space-10);
    align-items: center;
    max-width: 95%;
    padding: var(--space-50) var(--space-100);
    background-color: var(--color-bg-white);
    border-top-right-radius: var(--size-r-large);
    border-bottom-left-radius: var(--size-r-large);
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small)
  }

  .common-thumbnail_title:before,
  .common-thumbnail_title:after {
    position: absolute;
    width: .8rem;
    height: .8rem;
    content: "";
    background-color: var(--color-bg-white);
    -webkit-mask-image: url(/_assets/common/image/r_reverse.svg);
    mask-image: url(/_assets/common/image/r_reverse.svg)
  }

  .common-thumbnail_title:before {
    top: 0;
    left: var(--space-10);
    transform: translateY(-100%)
  }

  .common-thumbnail_title:after {
    right: 0;
    bottom: var(--space-10);
    transform: translate(100%)
  }

  @media (hover: hover) {
    .common-thumbnail:hover .common-thumbnail_title {
      color: var(--color-text-blue-hover)
    }
  }

  .common-thumbnail_contents {
    display: flex;
    gap: var(--space-50);
    padding: var(--space-75) var(--space-100) var(--space-100) var(--space-100);
    line-height: var(--typo-lh-large)
  }

  @media (hover: hover) {
    .common-thumbnail:hover .common-thumbnail_contents {
      color: var(--color-text-blue-hover)
    }
  }

  .common-thumbnail_inner p:not(:root) {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-regular);
    line-height: var(--typo-lh-large)
  }

  .common-thumbnail_icon {
    line-height: 1;
    vertical-align: top
  }

  .common-thumbnail_icon.-blue {
    color: var(--color-text-blue)
  }

  @media (hover: hover) {
    .common-thumbnail:hover .common-thumbnail_icon {
      color: var(--color-text-blue-hover)
    }
  }

  @media (width < 48em) {
    :where(br)[data-hide-sm] {
      display: none !important
    }
  }

  @media (48em <=width < 75em) {
    :where(br)[data-hide-md] {
      display: none !important
    }
  }

  @media (75em <=width) {
    :where(br)[data-hide-lg] {
      display: none
    }
  }

  @media print {

    .common-breadcrumb,
    .common-layout_header,
    .common-layout_footer {
      display: none
    }

    @page {
      margin: 0
    }
  }

  .splide__container {
    box-sizing: border-box;
    position: relative
  }

  .splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
  }

  .splide.is-initialized:not(.is-active) .splide__list {
    display: block
  }

  .splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
  }

  .splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
  }

  .splide:not(.is-overflow) .splide__pagination {
    display: none
  }

  .splide__progress__bar {
    width: 0
  }

  .splide {
    position: relative;
    visibility: hidden
  }

  .splide.is-initialized,
  .splide.is-rendered {
    visibility: visible
  }

  .splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
  }

  .splide__slide img {
    vertical-align: bottom
  }

  .splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
  }

  .splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .splide__toggle.is-active .splide__toggle__play,
  .splide__toggle__pause {
    display: none
  }

  .splide__toggle.is-active .splide__toggle__pause {
    display: inline
  }

  .splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
  }

  @keyframes splide-loading {
    0% {
      transform: rotate(0)
    }

    to {
      transform: rotate(1turn)
    }
  }

  .splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
  }

  .splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
  }

  .splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
  }

  .splide--rtl {
    direction: rtl
  }

  .splide__track--ttb>.splide__list {
    display: block
  }

  .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
  }

  .splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
  }

  .splide__arrow:hover:not(:disabled) {
    opacity: .9
  }

  .splide__arrow:disabled {
    opacity: .3
  }

  .splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
  }

  .splide__arrow--prev {
    left: 1em
  }

  .splide__arrow--prev svg {
    transform: scaleX(-1)
  }

  .splide__arrow--next {
    right: 1em
  }

  .splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
  }

  .splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
  }

  .splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
  }

  .splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
  }

  .splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
  }

  .splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
  }

  .splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
  }

  .splide__progress__bar {
    background: #ccc;
    height: 3px
  }

  .splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

  .splide__slide:focus {
    outline: 0
  }

  @supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
      outline: 3px solid #0bf;
      outline-offset: -3px
    }
  }

  @media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
      border: 3px solid #0bf
    }
  }

  @supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
      outline: 3px solid #0bf;
      outline-offset: -3px
    }
  }

  @media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
      border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
      border-color: #0bf
    }
  }

  .splide__toggle {
    cursor: pointer
  }

  .splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
  }

  .splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
  }

  .splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
  }

  .splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
  }

  .splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
  }

  .splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
  }

  .splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
  }

  .splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
  }

  .splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
  }

  .splide__arrows--ttb .splide__arrow--prev {
    top: 1em
  }

  .splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
  }

  .splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
  }

  .splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
  }

  .splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
  }