@charset 'UTF-8';

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

    to
    {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

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

    to
    {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

.splide__track--draggable
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
}

.splide__track--fade > .splide__list > .splide__slide
{
    z-index: 0;

    margin: 0 !important;

    opacity: 0;
}

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

    opacity: 1;
}

.splide--rtl
{
    direction: rtl;
}

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

.splide__container
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.splide__list
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;

    height: 100%;
    margin: 0 !important;
    padding: 0 !important;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

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

.splide__pagination
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;

    margin: 0;

    pointer-events: none;

    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.splide__pagination li
{
    line-height: 1;

    display: inline-block;

    margin: 0;

    list-style-type: none;

    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
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;

    list-style-type: none !important;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.splide__slide img
{
    vertical-align: bottom;
}

.splide__spinner
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: auto;

    -webkit-animation: splide-loading 1s linear infinite;
            animation: splide-loading 1s linear infinite;

    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;

    contain: strict;
}

.splide__sr
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}

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

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

.splide__track
{
    position: relative;
    z-index: 0;

    overflow: hidden;
}

:root
{
    --modal-padding-right: 0;
}

.x_gfx_brand
{
    background: #f0f0f0;
}

.x_gfx_brand main
{
    font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴシック', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Geneva, Arial, Verdana, sans-serif;
    font-size: 1.1111111111vw;
    font-weight: 500;
    font-style: normal;
    line-height: normal;

    word-break: normal;

    opacity: 0;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-optical-sizing: auto;
    -webkit-text-size-adjust: 100%;
    scrtollbar-gutter: stable;
    overflow-anchor: none;
    overflow-wrap: anywhere;
    line-break: strict;
}

.x_gfx_brand main .js-anim
{
    opacity: 0;
}

.x_gfx_brand main a:focus-visible,
.x_gfx_brand main button:focus-visible
{
    border: none;
}

.x_gfx_brand main *
{
    font: inherit;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.x_gfx_brand main :before,
.x_gfx_brand main :after
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.x_gfx_brand main h1,
.x_gfx_brand main h2,
.x_gfx_brand main h3,
.x_gfx_brand main h4,
.x_gfx_brand main h5,
.x_gfx_brand main h6
{
    font: inherit;

    text-wrap: inherit;
    word-break: inherit;
}

.x_gfx_brand main a
{
    text-decoration: none;

    color: inherit;
}

.x_gfx_brand main a img
{
    border: none;
}

.x_gfx_brand main button
{
    font: inherit;

    cursor: pointer;

    color: inherit;
    border: none;
    background: transparent;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-font-feature-settings: inherit;
            font-feature-settings: inherit;
}

.x_gfx_brand main input,
.x_gfx_brand main textarea
{
    font: inherit;
}

.x_gfx_brand main label
{
    cursor: pointer;
}

.x_gfx_brand main details summary
{
    list-style: none;

    cursor: pointer;
}

.x_gfx_brand main details summary::-webkit-details-marker
{
    display: none;
}

.x_gfx_brand main dialog
{
    color: inherit;
}

.x_gfx_brand main img,
.x_gfx_brand main svg
{
    width: 100%;
    max-width: none !important;
    height: auto;
    margin: 0;
    padding: 0;

    vertical-align: middle;

    image-rendering: auto;
}

.x_gfx_brand main video
{
    width: 100%;
}

.x_gfx_brand main sup
{
    font-size: .6em;

    top: auto;

    -webkit-transform: none;
            transform: none;
    vertical-align: super;
}

.x_gfx_brand main ol,
.x_gfx_brand main ul
{
    list-style: none;
}

.x_gfx_brand main html.webkit img[src$=svg]
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.x_gfx_brand main img:-moz-loading
{
    visibility: hidden;
}

.x_gfx_brand main .gl_common_anc2
{
    scroll-margin-top: -72px;
}

.js-mask_image img
{
    opacity: 0;
}

.x_gfx_brand main .css_btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 2.8125em;
    padding: 0 1.0625em 0 1.4375em;

    color: #fff;
    border: .0625em solid #fff;
    border-radius: 999rem;
    background: radial-gradient(circle at 14% 18%, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0) 28%), linear-gradient(135deg, rgba(255, 255, 255, .14) 0%, rgba(196, 220, 255, .1) 46%, rgba(255, 255, 255, .06) 100%), rgba(18, 22, 32, .22);
    -webkit-box-shadow: inset 0 .0625em 0 rgba(255, 255, 255, .3), inset 0 -.0625em 0 rgba(255, 255, 255, .08);
            box-shadow: inset 0 .0625em 0 rgba(255, 255, 255, .3), inset 0 -.0625em 0 rgba(255, 255, 255, .08);

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75em;
}

.x_gfx_brand main .css_icon
{
    position: relative;

    display: block;

    -webkit-transform: translateY(.03125em) translateZ(0);
            transform: translateY(.03125em) translateZ(0);

    opacity: .95;

    aspect-ratio: 1/1;
    -webkit-filter: drop-shadow(0 1px 6px rgba(0, 0, 0, .34));
            filter: drop-shadow(0 1px 6px rgba(0, 0, 0, .34));
}

.x_gfx_brand main .css_icon:before
{
    position: absolute;

    content: '';
    -webkit-transition: inset .35s cubic-bezier(.25, .46, .45, .94);
            transition: inset .35s cubic-bezier(.25, .46, .45, .94);

    opacity: .92;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.125em .5625em no-repeat;
    background: linear-gradient(#fff, #fff) 0 0/.5625em .125em no-repeat, linear-gradient(#fff, #fff) 0 0/.125em .5625em no-repeat, linear-gradient(#fff, #fff) 100% 0/.5625em .125em no-repeat, linear-gradient(#fff, #fff) 100% 0/.125em .5625em no-repeat, linear-gradient(#fff, #fff) 0 100%/.5625em .125em no-repeat, linear-gradient(#fff, #fff) 0 100%/.125em .5625em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.5625em .125em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.125em .5625em no-repeat;

    inset: 0;
}

.x_gfx_brand main .css_icon:after
{
    position: absolute;

    content: '';

    opacity: .9;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.125em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.875em .125em no-repeat;
    background: linear-gradient(#fff, #fff) 50% 50%/.125em .875em no-repeat, linear-gradient(#fff, #fff) 50% 50%/.875em .125em no-repeat;

    inset: 0;
}

.x_gfx_brand main .css_icon[data-type=play]:after
{
    top: 50%;
    left: 50%;

    width: .5em;

    -webkit-transform: translate(-42%, -50%);
            transform: translate(-42%, -50%);

    opacity: .95;
    background: #fff;

    aspect-ratio: 9/10;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.x_gfx_brand main .css_icon--gray:before
{
    position: absolute;

    content: '';
    -webkit-transition: inset .35s cubic-bezier(.25, .46, .45, .94);
            transition: inset .35s cubic-bezier(.25, .46, .45, .94);

    opacity: .92;
    background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 0/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 0/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 0/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 0/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 100%/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 100%/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 100%/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 100%/.125em .5625em no-repeat;
    background: linear-gradient(#797878, #797878) 0 0/.5625em .125em no-repeat, linear-gradient(#797878, #797878) 0 0/.125em .5625em no-repeat, linear-gradient(#797878, #797878) 100% 0/.5625em .125em no-repeat, linear-gradient(#797878, #797878) 100% 0/.125em .5625em no-repeat, linear-gradient(#797878, #797878) 0 100%/.5625em .125em no-repeat, linear-gradient(#797878, #797878) 0 100%/.125em .5625em no-repeat, linear-gradient(#797878, #797878) 100% 100%/.5625em .125em no-repeat, linear-gradient(#797878, #797878) 100% 100%/.125em .5625em no-repeat;

    inset: 0;
}

.x_gfx_brand main .css_icon--gray:after
{
    position: absolute;

    content: '';

    opacity: .9;
    background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/.125em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/.875em .125em no-repeat;
    background: linear-gradient(#797878, #797878) 50% 50%/.125em .875em no-repeat, linear-gradient(#797878, #797878) 50% 50%/.875em .125em no-repeat;

    inset: 0;
}

.x_gfx_brand main .css_icon--black:before
{
    position: absolute;

    content: '';
    -webkit-transition: inset .35s cubic-bezier(.25, .46, .45, .94);
            transition: inset .35s cubic-bezier(.25, .46, .45, .94);

    opacity: .92;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.125em .5625em no-repeat;
    background: linear-gradient(#000, #000) 0 0/.5625em .125em no-repeat, linear-gradient(#000, #000) 0 0/.125em .5625em no-repeat, linear-gradient(#000, #000) 100% 0/.5625em .125em no-repeat, linear-gradient(#000, #000) 100% 0/.125em .5625em no-repeat, linear-gradient(#000, #000) 0 100%/.5625em .125em no-repeat, linear-gradient(#000, #000) 0 100%/.125em .5625em no-repeat, linear-gradient(#000, #000) 100% 100%/.5625em .125em no-repeat, linear-gradient(#000, #000) 100% 100%/.125em .5625em no-repeat;

    inset: 0;
}

.x_gfx_brand main .css_icon--black:after
{
    position: absolute;

    content: '';

    opacity: .9;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.125em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.875em .125em no-repeat;
    background: linear-gradient(#000, #000) 50% 50%/.125em .875em no-repeat, linear-gradient(#000, #000) 50% 50%/.875em .125em no-repeat;

    inset: 0;
}

.topPage
{
    margin-top: -73px;
}

.topPage .opening
{
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100svh;

    -webkit-transition: .5s opacity cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter cubic-bezier(.55, .08, .68, .53);
            transition: .5s opacity cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter cubic-bezier(.55, .08, .68, .53);
            transition: .5s opacity cubic-bezier(.55, .08, .68, .53), .5s filter cubic-bezier(.55, .08, .68, .53);
            transition: .5s opacity cubic-bezier(.55, .08, .68, .53), .5s filter cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter cubic-bezier(.55, .08, .68, .53);
    pointer-events: none;

    opacity: 0;
    background-color: #fafafa;
    /*.-item[data-id="2"] .-thumb {
    width: calc( 700 / 1280 * 100% );
    transform: translate(calc(-50% - 31%), calc(-50%));
  }

  .-item[data-id="2"] .-copy {
    width: calc( 348 / 1280 * 100% );
    transform: translate(calc(-50% + 115%), calc(-50%));
  }

  .-item[data-id="3"] .-thumb {
    width: calc( 700 / 1280 * 100% );
    transform: translate(calc(-50% + 32%), calc(-50% + 17%));
  }

  .-item[data-id="3"] .-copy {
    width: calc( 67 / 1280 * 100% );
    transform: translate(calc(-50% - 569%), calc(-50% - 36%));
  }

  .-item[data-id="4"] .-thumb {
    width: calc( 700 / 1280 * 100% );
    transform: translate(calc(-50% - 29%), calc(-50% - 17%));
  }

  .-item[data-id="4"] .-copy {
    width: calc( 67 / 1280 * 100% );
    transform: translate(calc(-50% + 590%), calc(-50% + 27%));
  }

  .-item[data-id="5"] .-thumb {
    width: calc( 700 / 1280 * 100% );
    transform: translate(calc(-50% - 31%), calc(-50%));
  }
  .-item[data-id="5"] .-copy {
    width: calc( 314 / 1280 * 100% );
    transform: translate(calc(-50% + 122%), calc(-50%));
  }

  .-item[data-id="6"] .-thumb {
    width: calc( 700 / 1280 * 100% );
    transform: translate(calc(-50% + 32%), calc(-50% + 17%));
  }
  .-item[data-id="6"] .-copy {
    width: calc( 67 / 1280 * 100% );
    transform: translate(calc(-50% - 574%), calc(-50% - 25%));
  }*/
}

.topPage .opening.isActive
{
    pointer-events: all;

    opacity: 1;
}

.topPage .opening.isActive[data-current-item='1'] .-item[data-id='1']
{
    -webkit-transition: 1s opacity cubic-bezier(.55, .08, .68, .53), 1s -webkit-filter cubic-bezier(.55, .08, .68, .53);
            transition: 1s opacity cubic-bezier(.55, .08, .68, .53), 1s -webkit-filter cubic-bezier(.55, .08, .68, .53);
            transition: 1s opacity cubic-bezier(.55, .08, .68, .53), 1s filter cubic-bezier(.55, .08, .68, .53);
            transition: 1s opacity cubic-bezier(.55, .08, .68, .53), 1s filter cubic-bezier(.55, .08, .68, .53), 1s -webkit-filter cubic-bezier(.55, .08, .68, .53);
    pointer-events: all;

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.topPage .opening.isActive[data-current-item='2'] .-item[data-id='2']
{
    -webkit-transition: 1s opacity .5s cubic-bezier(.55, .08, .68, .53), 1s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: 1s opacity .5s cubic-bezier(.55, .08, .68, .53), 1s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: 1s opacity .5s cubic-bezier(.55, .08, .68, .53), 1s filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: 1s opacity .5s cubic-bezier(.55, .08, .68, .53), 1s filter .5s cubic-bezier(.55, .08, .68, .53), 1s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
    pointer-events: all;

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.topPage .opening.isActive[data-current-item='3'] .-item[data-id='3']
{
    -webkit-transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter .8s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter .8s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .5s filter .8s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .5s filter .8s cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter .8s cubic-bezier(.55, .08, .68, .53);
    pointer-events: all;

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.topPage .opening.isActive[data-current-item='4'] .-item[data-id='4']
{
    -webkit-transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s filter .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
    pointer-events: all;

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.topPage .opening.isActive[data-current-item='5'] .-item[data-id='5']
{
    -webkit-transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s filter .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
    pointer-events: all;

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.topPage .opening.isActive[data-current-item='6'] .-item[data-id='6']
{
    -webkit-transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s filter .5s cubic-bezier(.55, .08, .68, .53);
            transition: .8s opacity .5s cubic-bezier(.55, .08, .68, .53), .8s filter .5s cubic-bezier(.55, .08, .68, .53), .8s -webkit-filter .5s cubic-bezier(.55, .08, .68, .53);
    pointer-events: all;

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.topPage .opening .-btn_skip
{
    font-family: 'Helvetica Neue';
    font-size: .75em;
    line-height: 1em;

    position: absolute;
    right: 4em;
    bottom: 4em;

    padding-bottom: .25em;

    cursor: pointer;

    color: #bababa;
    border-bottom: max(1px, .0833333333em) solid #c0c0c0;

    mix-blend-mode: difference;
}

.topPage .opening .-inner
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    aspect-ratio: 1440/900;
}

.topPage .opening .-item
{
    position: absolute;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    -webkit-transition: 1.1s opacity cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter cubic-bezier(.55, .08, .68, .53);
            transition: 1.1s opacity cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter cubic-bezier(.55, .08, .68, .53);
            transition: 1.1s opacity cubic-bezier(.55, .08, .68, .53), .5s filter cubic-bezier(.55, .08, .68, .53);
            transition: 1.1s opacity cubic-bezier(.55, .08, .68, .53), .5s filter cubic-bezier(.55, .08, .68, .53), .5s -webkit-filter cubic-bezier(.55, .08, .68, .53);
    pointer-events: none;

    opacity: 0;
    background-color: #fafafa;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-filter: blur(.125em);
            filter: blur(.125em);
}

.topPage .opening .-copy,
.topPage .opening .-thumb
{
    position: absolute;
}

.topPage .opening .-item[data-id='1'] .-copy
{
    top: 50%;
    left: 50%;

    width: 49.609375%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.topPage .opening .-item[data-id='2'] .-thumb
{
    top: 20.8888888889%;
    left: 4.4444444444%;

    width: 54.5833333333%;

    aspect-ratio: 786/524;
}

.topPage .opening .-item[data-id='3'] .-thumb
{
    top: 34.6666666667%;
    left: 40.9722222222%;

    width: 54.5833333333%;

    aspect-ratio: 786/524;
}

.topPage .opening .-item[data-id='4'] .-thumb
{
    top: 7.1111111111%;
    left: 4.4444444444%;

    width: 54.5833333333%;

    aspect-ratio: 786/524;
}

.topPage .opening .-item[data-id='5'] .-thumb
{
    top: 20.8888888889%;
    left: 4.4444444444%;

    width: 54.5833333333%;

    aspect-ratio: 786/524;
}

.topPage .opening .-item[data-id='6'] .-thumb
{
    top: 34.6666666667%;
    left: 40.9722222222%;

    width: 54.5833333333%;

    aspect-ratio: 786/524;
}

.topPage .opening .-item[data-id='2'] .-copy
{
    top: 50%;
    left: 67.2916666667%;

    width: 25.4166666667%;

    aspect-ratio: 366/27;
}

.topPage .opening .-item[data-id='3'] .-copy
{
    top: 20.8888888889%;
    left: 18.6111111111%;

    width: 4.5138888889%;

    aspect-ratio: 65/289;
}

.topPage .opening .-item[data-id='4'] .-copy
{
    top: 34.6666666667%;
    left: 78.0555555556%;

    width: 4.375%;

    aspect-ratio: 63/227;
}

.topPage .opening .-item[data-id='5'] .-copy
{
    top: 47.1111111111%;
    left: 69.7916666667%;

    width: 20.5555555556%;

    aspect-ratio: 296/27;
}

.topPage .opening .-item[data-id='6'] .-copy
{
    top: 20.8888888889%;
    left: 18.4722222222%;

    width: 4.375%;

    aspect-ratio: 63/285;
}

.topPage .kv
{
    position: relative;

    height: 500lvh;

    background: #fff;
}

.topPage .kv .-fixed
{
    position: fixed;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100lvh;

    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;

    opacity: 0;
}

.topPage .kv .-fixed.isActive
{
    opacity: 1;
}

.topPage .kv .-fixed.isBottom
{
    position: absolute;
    top: auto;
    bottom: 0;
}

.topPage .kv .-fixed .-frame
{
    position: absolute;
    top: 50%;
    left: 50%;

    overflow: hidden;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.topPage .kv .-fixed .-embed
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    aspect-ratio: 3/2;
}

.topPage .kv .-fixed .-embed video
{
    display: block;

    width: 100%;
    height: 100%;

    pointer-events: none;

    -o-object-fit: cover;
       object-fit: cover;
}

.topPage .kv .-fixed .-copy
{
    position: absolute;
    bottom: 5.5em;
    left: 7.25em;

    width: 19.75em;

    -webkit-transition: opacity .2s cubic-bezier(.22, 1, .36, 1);
            transition: opacity .2s cubic-bezier(.22, 1, .36, 1);

    opacity: 0;

    aspect-ratio: 316/38;
}

.topPage .kv .-fixed .-copy svg path
{
    fill: #fff;
}

.topPage .kv .-fixed .-block
{
    position: absolute;
    top: 50%;
    right: 4.5625em;

    -webkit-transition: opacity .35s ease;
            transition: opacity .35s ease;
    -webkit-transform: translate(var(--mag-x), calc(-50% + var(--mag-y)));
            transform: translate(var(--mag-x), calc(-50% + var(--mag-y)));

    opacity: 0;

    --mag-x: 0;
    --mag-y: 0;
}

.topPage .kv .-fixed .-block[aria-hidden=true]
{
    pointer-events: none;
}

.topPage .kv .-fixed .-block.isVisible
{
    opacity: 1;
}

.topPage .kv .-fixed .-buttons
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.0625em;
}

.topPage .kv .-fixed .-buttons .css_btn .-icon
{
    width: 1.5em;
}

.topPage .kv .-fixed .-buttons .css_btn:nth-child(1) .-txt
{
    width: 3.125em;
    margin-top: .125em;

    aspect-ratio: 50/12;
}

.topPage .kv .-fixed .-buttons .css_btn:nth-child(2) .-txt
{
    width: 6.1875em;
    margin-top: .3125em;

    aspect-ratio: 99/14;
}

.topPage .kv .-fixed .-buttons button[aria-expanded=true] .css_icon:after
{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);

    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.125em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/0 0 no-repeat;
    background: linear-gradient(#fff, #fff) 50% 50%/.125em .875em no-repeat, linear-gradient(#fff, #fff) 50% 50%/0 0 no-repeat;
}

.topPage .kv .-fixed .-statement
{
    position: relative;

    overflow: hidden;

    width: min(26.375em, 100vw - 2em);
    max-width: min(26.375em, 100vw - 2em);
    max-height: 0;
    margin-top: .625em;
    margin-left: auto;

    -webkit-transition: max-height .45s ease, opacity .25s ease, -webkit-transform .35s ease;
            transition: max-height .45s ease, opacity .25s ease, -webkit-transform .35s ease;
            transition: max-height .45s ease, opacity .25s ease, transform .35s ease;
            transition: max-height .45s ease, opacity .25s ease, transform .35s ease, -webkit-transform .35s ease;
    -webkit-transform: translateY(-.25em);
            transform: translateY(-.25em);

    opacity: 0;
    border: .0625em solid rgba(255, 255, 255, .22);
    border-radius: 1.5em;
    background: linear-gradient(180deg, rgba(10, 14, 22, .26), rgba(10, 14, 22, .14)), radial-gradient(circle at 10% 12%, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 24%), radial-gradient(circle at 84% 18%, rgba(116, 214, 255, .1), rgba(116, 214, 255, 0) 28%), radial-gradient(circle at 72% 82%, rgba(173, 144, 255, .1), rgba(173, 144, 255, 0) 30%), linear-gradient(138deg, rgba(255, 255, 255, .12) 0%, rgba(203, 221, 255, .08) 40%, rgba(255, 255, 255, .04) 100%), rgba(20, 24, 34, .16);
    -webkit-box-shadow: inset 0 .0625em 0 rgba(255, 255, 255, .32), inset 0 -.0625em 0 rgba(255, 255, 255, .08);
            box-shadow: inset 0 .0625em 0 rgba(255, 255, 255, .32), inset 0 -.0625em 0 rgba(255, 255, 255, .08);

            backdrop-filter: blur(3em) saturate(185%) contrast(108%) brightness(1.03);
    -webkit-backdrop-filter: blur(3em) saturate(185%) contrast(108%) brightness(1.03);
}

.topPage .kv .-fixed .-statement:before
{
    position: absolute;

    content: '';
    pointer-events: none;

    opacity: .82;
    background: radial-gradient(circle at 14% 22%, rgba(255, 255, 255, .1) 0 1px, transparent 1.6px), radial-gradient(circle at 78% 24%, rgba(255, 255, 255, .08) 0 1px, transparent 1.6px), radial-gradient(circle at 68% 74%, rgba(173, 144, 255, .07) 0 1px, transparent 1.8px), radial-gradient(circle at 28% 78%, rgba(116, 214, 255, .07) 0 1px, transparent 1.7px), linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 26%), linear-gradient(112deg, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, .12) 28%, rgba(190, 231, 255, .08) 36%, rgba(255, 255, 255, 0) 46%);
    background-size: 10.625em 10.625em, 13.125em 13.125em, 14.375em 14.375em, 11.875em 11.875em, auto, auto;

    inset: 0;
    mix-blend-mode: soft-light;
}

.topPage .kv .-fixed .-statement:after
{
    position: absolute;

    content: '';
    pointer-events: none;

    opacity: .72;
    border-radius: inherit;
    background: radial-gradient(ellipse at 18% 14%, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0) 26%), radial-gradient(ellipse at 82% 22%, rgba(116, 214, 255, .1), rgba(116, 214, 255, 0) 28%), linear-gradient(102deg, rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, .1) 32%, rgba(190, 231, 255, .08) 38%, rgba(255, 255, 255, 0) 46%);

    inset: -16%;
    -webkit-filter: blur(1.25em);
            filter: blur(1.25em);
    mix-blend-mode: screen;
}

.topPage .kv .-fixed .-statement.isOpen
{
    max-height: calc(100svh - 72px - 6.25em);

    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

.topPage .kv .-fixed .-statement .-inner
{
    overflow: auto;

    max-height: calc(100svh - 72px - 6.25em);
}

.topPage .kv .-fixed .-statement p
{
    position: relative;
    z-index: 1;

    margin: 0;
    padding: 2.625em 2.1875em 3.3125em 2.5em;
}

.topPage .kv .-fixed .-progress
{
    position: absolute;
    bottom: 2.5em;
    left: 50%;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.topPage .kv .-fixed .-progress .-track
{
    width: 12em;
    height: .0625em;

    background: rgba(255, 255, 255, .2);
}

.topPage .kv .-fixed .-progress .-bar
{
    width: 0;
    height: 100%;

    -webkit-transition: width .15s ease-out;
            transition: width .15s ease-out;

    background: #c0c0c0;
}

.topPage .concept
{
    display: -ms-grid;
    display:     grid;

    padding: 10.75em 0 23em;

    -ms-grid-columns: 56.25em 3.8125em 28.625em;
    grid-template-columns: 56.25em 28.625em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 3.8125em;
}

.topPage .concept .-images
{
    position: relative;

    aspect-ratio: 900/600;
}

.topPage .concept .-images li
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.topPage .concept h2
{
    width: 19.8125em;
    margin: 0 0 11.9375em;

    aspect-ratio: 317/73;
}

.topPage .concept p
{
    font-size: .875em;
    line-height: 1.8em;

    letter-spacing: .07em;
}

.topPage .product
{
    padding: 0 0 23.0625em;
}

.topPage .product .-head
{
    display: -ms-grid;
    display:     grid;

    padding: 2.0625em 6.25em 4.9375em;

    -ms-grid-columns: 38.8125em 35.1875em;
    grid-template-columns: 38.8125em 35.1875em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.topPage .product .-head h2
{
    aspect-ratio: 621/124;
}

.topPage .product .-head p
{
    font-size: .8125em;
    line-height: 1.7em;

    letter-spacing: .07em;
}

.topPage .product .-images
{
    display: -ms-grid;
    display:     grid;

    width: 81.25em;
    margin: 0 auto;

    -ms-grid-columns: 1fr 3.125em 1fr 3.125em 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125em;
}

.topPage .product .-images .-item
{
    position: relative;

    display: block;
    overflow: hidden;

    aspect-ratio: 1/1;
}

.topPage .product .-images .-item .-img
{
    display: block;

    width: 100%;
    height: 100%;
}

.topPage .product .-images .-item .-img img
{
    width: 100%;
    height: 100%;

    -webkit-transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;

    -o-object-fit: cover;
       object-fit: cover;
}

.topPage .product .-images .-item .-txt
{
    position: absolute;
}

.topPage .product .-images .-item .-btn
{
    position: absolute;

    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: 1.5em .5625em 5.8125em;
    grid-template-columns: 1.5em 5.8125em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5625em;
}

.topPage .product .-images .-item .-btn .-label
{
    margin-top: .25em;

    aspect-ratio: 93/12;
}

.topPage .product .-images .-item[data-id='1'] .-txt
{
    top: 1.625em;
    left: 1.75em;

    width: 10.4375em;

    aspect-ratio: 167/142;
}

.topPage .product .-images .-item[data-id='1'] .-btn
{
    top: 15em;
    left: 9.375em;
}

.topPage .product .-images .-item[data-id='2'] .-txt
{
    top: 15.5em;
    left: 13.875em;

    width: 8.125em;

    aspect-ratio: 130/64;
}

.topPage .product .-images .-item[data-id='2'] .-btn
{
    top: 7.5625em;
    left: 14.875em;
}

.topPage .product .-images .-item[data-id='5'] .-txt
{
    top: 18.5625em;
    left: 9.9375em;

    width: 12.25em;

    aspect-ratio: 196/24;
}

.topPage .product .-images .-item[data-id='5'] .-btn
{
    top: 12.875em;
    left: 13.4375em;
}

.topPage .product .-images .-item[data-id='6'] .-txt
{
    top: 13.5em;
    left: 3.1875em;

    width: 10.875em;

    aspect-ratio: 174/24;
}

.topPage .product .-images .-item[data-id='6'] .-btn
{
    top: 17.875em;
    left: 6.4375em;
}

.topPage .simulation
{
    padding: 13.8125em 0 15.3125em;

    background: #dedede;
}

.topPage .simulation .-head
{
    display: -ms-grid;
    display:     grid;

    padding: 0 6.25em;

    -ms-grid-columns: 30.6875em 35.1875em;
    grid-template-columns: 30.6875em 35.1875em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.topPage .simulation .-head h2
{
    aspect-ratio: 491/172;
}

.topPage .simulation .-head p
{
    font-size: .8125em;
    line-height: 1.7em;

    letter-spacing: .07em;
}

.topPage .simulation .-head p:first-letter
{
    padding-left: .2em;
}

.topPage .simulation .-slide
{
    padding: 5.4375em 0 4.6875em;
}

.topPage .simulation .-slide .-slide_main .splide__slide
{
    width: 40.625em;
}

.topPage .simulation .-slide .-slide_main .splide__slide.isActive .-block
{
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 1;

    -webkit-filter: blur(0);
            filter: blur(0);
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block
{
    display: block;

    width: 100%;

    -webkit-transition: all .7s;
            transition: all .7s;
    -webkit-transform: scale(.8);
            transform: scale(.8);
    text-align: left;

    opacity: .6;

    -webkit-filter: blur(.375em);
            filter: blur(.375em);
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images
{
    position: relative;
    z-index: 1;

    display: block;

    padding: 3.875em 4.625em;

    background: #fff;

    aspect-ratio: 650/460;
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images .-img
{
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;

    aspect-ratio: 502/335;
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images .-img picture
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images .-img img
{
    width: 100%;
    height: 100%;

    -o-object-fit: contain;
       object-fit: contain;
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images:after
{
    position: absolute;
    z-index: 2;
    bottom: 2.3125em;
    left: 2.9375em;

    display: block;

    width: 2.5em;

    content: '';

    background: no-repeat center/contain;
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));

    aspect-ratio: 1/1;
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='1']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='2']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='3']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='4']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='5']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='6']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='7']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='8']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='9']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-images[data-id='10']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-detail
{
    display: block;

    width: 19.875em;
    margin: 3.3125em 0 0;
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-detail .-ttl
{
    font-size: 1em;
    line-height: 1.8em;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    letter-spacing: .05em;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .3125em;
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-detail .-ttl:before
{
    width: .3125em;

    content: '';

    border-radius: 50%;
    background: #e50808;

    aspect-ratio: 1/1;
}

.topPage .simulation .-slide .-slide_main .splide__slide .-block .-detail .-txt
{
    font-size: .6875em;
    line-height: 1.6em;

    display: block;

    margin: .7272727273em 0 0;

    letter-spacing: .05em;
}

.topPage .simulation .-slide .-slide_main .splide__arrow
{
    position: absolute;
    top: 13.125em;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 3.25em;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
}

.topPage .simulation .-slide .-slide_main .splide__arrow:before
{
    width: 1.875em;

    content: '';

    background: url('/ja-jp/special/x-gfx-brand/img/top/simulation/btn_txt_next.svg') no-repeat center/contain;

    aspect-ratio: 30/8;
}

.topPage .simulation .-slide .-slide_main .splide__arrow:after
{
    width: .5625em;

    content: '';
    -webkit-transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;

    background: url('/ja-jp/special/x-gfx-brand/img/top/simulation/btn_icon_arrow.svg') no-repeat center/contain;

    aspect-ratio: 9/16;
}

.topPage .simulation .-slide .-slide_main .splide__arrow svg
{
    display: none;
}

.topPage .simulation .-slide .-slide_main .splide__arrow--prev
{
    left: 0;

        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}

.topPage .simulation .-slide .-slide_main .splide__arrow--prev:before
{
    background-image: url('/ja-jp/special/x-gfx-brand/img/top/simulation/btn_txt_prev.svg');
}

.topPage .simulation .-slide .-slide_main .splide__arrow--prev:after
{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.topPage .simulation .-slide .-slide_main .splide__arrow--next
{
    right: 0;
}

.topPage .simulation .-slide .-slide_main .splide__pagination
{
    position: absolute;
    top: 32.6875em;
    left: calc(50% + 1.3125em);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 28.5em;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topPage .simulation .-slide .-slide_main .splide__pagination:after
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: calc(100% - 2.625em);
    height: max(1px, .0625em);

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background: #797878;
}

.topPage .simulation .-slide .-slide_main .splide__pagination li
{
    position: relative;

    padding: 0 0 1.25em;
}

.topPage .simulation .-slide .-slide_main .splide__pagination li button
{
    position: relative;

    width: 2.625em;

    -webkit-transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transform: scale(.57);
            transform: scale(.57);

    background: no-repeat center/contain;

    aspect-ratio: 1/1;
}

.topPage .simulation .-slide .-slide_main .splide__pagination li button:before
{
    position: absolute;

    content: '';
    -webkit-transition: inset .35s cubic-bezier(.25, .46, .45, .94);
    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: inset .35s cubic-bezier(.25, .46, .45, .94);
            transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;

    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 0 0/.875em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 0 0/.0625em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 100% 0/.875em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 100% 0/.0625em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 0 100%/.875em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 0 100%/.0625em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 100% 100%/.875em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 100% 100%/.0625em .875em no-repeat;
    background: linear-gradient(#494949, #494949) 0 0/.875em .0625em no-repeat, linear-gradient(#494949, #494949) 0 0/.0625em .875em no-repeat, linear-gradient(#494949, #494949) 100% 0/.875em .0625em no-repeat, linear-gradient(#494949, #494949) 100% 0/.0625em .875em no-repeat, linear-gradient(#494949, #494949) 0 100%/.875em .0625em no-repeat, linear-gradient(#494949, #494949) 0 100%/.0625em .875em no-repeat, linear-gradient(#494949, #494949) 100% 100%/.875em .0625em no-repeat, linear-gradient(#494949, #494949) 100% 100%/.0625em .875em no-repeat;

    inset: -.3125em;
}

.topPage .simulation .-slide .-slide_main .splide__pagination li button.is-active
{
    -webkit-transform: scale(1);
            transform: scale(1);
}

.topPage .simulation .-slide .-slide_main .splide__pagination li button.is-active:before
{
    opacity: .92;
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(1) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(2) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(3) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(4) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(5) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(6) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(7) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(8) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(9) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:nth-child(10) button
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.avif') 1x type('image/avif'));
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:has(.is-active):after
{
    height: .75em;
}

.topPage .simulation .-slide .-slide_main .splide__pagination li:after
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: max(1px, .0625em);
    height: .375em;

    content: '';
    -webkit-transition: height .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: height .6s cubic-bezier(.215, .61, .355, 1) 0s;

    background: #797878;
}

.topPage .simulation .-info
{
    width: 51em;
    margin: 0 auto;
}

.topPage .simulation .-info details
{
    border: .0625em solid #797878;
    background: #f5f5f5;
}

.topPage .simulation .-info details + details
{
    border-top: none;
}

.topPage .simulation .-info details[open] summary .css_icon:after
{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);

    background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/.125em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/0 0 no-repeat;
    background: linear-gradient(#797878, #797878) 50% 50%/.125em .875em no-repeat, linear-gradient(#797878, #797878) 50% 50%/0 0 no-repeat;
}

.topPage .simulation .-info details summary
{
    display: -ms-grid;
    display:     grid;

    padding: 1.25em 1.25em 1.25em 2.5em;

    -ms-grid-columns: 1fr 1.5em;
    grid-template-columns: 1fr 1.5em;
}

.topPage .simulation .-info details summary .-txt
{
    font-size: 1em;
    line-height: 1.5em;

    letter-spacing: .05em;
}

.topPage .simulation .-info details summary .css_icon
{
    -webkit-filter: none;
            filter: none;
}

.topPage .simulation .-info details summary .css_icon:after
{
    -webkit-transition: background .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: background .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: background .3s cubic-bezier(.215, .61, .355, 1) 0s, transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: background .3s cubic-bezier(.215, .61, .355, 1) 0s, transform .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
}

.topPage .simulation .-info details .-inner
{
    padding: 3.125em 4.75em 5em 2.5em;

    border-top: .0625em solid #797878;
    background: #ebebeb;
}

.topPage .simulation .-info details .-inner h3
{
    font-size: 1.25em;
    line-height: 1.5em;

    letter-spacing: .07em;
}

.topPage .simulation .-info details .-inner p
{
    font-size: .875em;
    line-height: 1.8em;

    margin: 2.1428571429em 0 0;

    letter-spacing: .05em;
}

.topPage .simulation .-info details .-inner p.-note
{
    font-size: .6875em;

    margin: .9090909091em 0 0;

    letter-spacing: .15em;
}

.topPage .simulation .-info details .-inner .-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 1.875em;
}

.topPage .simulation .-info details .-inner .-btn a
{
    display: -ms-grid;
    display:     grid;

    height: 2.8125em;
    padding: 0 1.0625em 0 1.25em;

    border: .0625em solid #000;
    border-radius: 999rem;
    background: #fff;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5625em;
}

.topPage .simulation .-info details .-inner .-btn a .css_icon
{
    -webkit-filter: none;
            filter: none;
}

.topPage .simulation .-info details .-inner .-btn a picture
{
    display: block;
}

.topPage .simulation .-info details .-inner .-btn a.-btn_about
{
    -ms-grid-columns: 1.5em 13.1875em;
    grid-template-columns: 1.5em 13.1875em;
}

.topPage .simulation .-info details .-inner .-btn a.-btn_about picture
{
    aspect-ratio: 211/13;
}

.topPage .simulation .-info details .-inner .-btn a.-btn_more
{
    -ms-grid-columns: 1.5em 5.8125em;
    grid-template-columns: 1.5em 5.8125em;
}

.topPage .simulation .-info details .-inner .-btn a.-btn_more picture
{
    aspect-ratio: 93/12;
}

.topPage .simulation .-info details .-inner .-movie_ttl
{
    font-size: 1.125em;
    line-height: 1.5em;

    margin: 4.4444444444em 0 1em;

    text-align: center;
    letter-spacing: .07em;
}

.topPage .simulation .-info details .-inner .-movie
{
    position: relative;

    overflow: hidden;

    aspect-ratio: 704/396;
}

.topPage .simulation .-info details .-inner .-movie iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}

.topPage .simulation .-info details .-inner .-movie button
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.topPage .simulation .-info details .-inner .-movie button img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}

.topPage .simulation .-info details .-inner .-movie button .-icon
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 1.75em;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    aspect-ratio: 1/1;
}

.topPage .simulation .-info details .-inner .-movie button:after
{
    position: absolute;
    top: 14.625em;
    left: 50%;

    display: block;

    width: 3.75em;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background: url('/ja-jp/special/x-gfx-brand/img/top/simulation/txt_playvideo.svg') no-repeat center/contain;

    aspect-ratio: 60/8;
}

.topPage .simulation .-info details .-inner .-img
{
    margin-top: 1.875em;
}

.topPage .x_lovers_voice
{
    position: relative;

    height: 181.3125em;
}

.topPage .x_lovers_voice h2
{
    position: absolute;
    top: 13.8125em;
    left: 6.125em;

    width: 38.875em;

    aspect-ratio: 622/80;
}

.topPage .x_lovers_voice .-item
{
    position: absolute;

    opacity: 0;
}

.topPage .x_lovers_voice .-item[data-id='1']
{
    top: 23.6875em;
    left: 3.375em;
}

.topPage .x_lovers_voice .-item[data-id='1'] .-img
{
    width: 31em;

    aspect-ratio: 496/639;
}

.topPage .x_lovers_voice .-item[data-id='2']
{
    top: 47.25em;
    left: 45em;
}

.topPage .x_lovers_voice .-item[data-id='2'] .-img
{
    width: 42.0625em;

    aspect-ratio: 673/443;
}

.topPage .x_lovers_voice .-item[data-id='3']
{
    top: 95.125em;
    left: 0;
}

.topPage .x_lovers_voice .-item[data-id='3'] .-img
{
    width: 40.9375em;

    aspect-ratio: 655/400;
}

.topPage .x_lovers_voice .-item[data-id='4']
{
    top: 132.0625em;
    left: 3.375em;
}

.topPage .x_lovers_voice .-item[data-id='4'] .-img
{
    width: 23.6875em;

    aspect-ratio: 379/512;
}

.topPage .x_lovers_voice .-item[data-id='5']
{
    top: 108.6875em;
    left: 56.375em;
}

.topPage .x_lovers_voice .-item[data-id='5'] .-img
{
    width: 30.6875em;

    aspect-ratio: 491/443;
}

.topPage .x_lovers_voice .-item[data-id='3']
{
    padding-right: 7.875em;
}

.topPage .x_lovers_voice .-item[data-id='4']
{
    padding-left: 18.25em;
}

.topPage .x_lovers_voice .-item .-img
{
    -webkit-transition: -webkit-box-shadow .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-filter .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: -webkit-box-shadow .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-filter .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         box-shadow .6s cubic-bezier(.215, .61, .355, 1) 0s, filter .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         box-shadow .6s cubic-bezier(.215, .61, .355, 1) 0s, filter .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-box-shadow .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-filter .6s cubic-bezier(.215, .61, .355, 1) 0s;
}

.topPage .x_lovers_voice .-item .-txt[data-id='3']
{
    position: absolute;
    top: 0;
    right: 0;

    width: 100%;
    padding-top: 25em;
}

.topPage .x_lovers_voice .-item .-txt[data-id='3'] p
{
    position: absolute;
    top: -2em;
    right: 0;

    width: 4.9375em;
    margin-left: auto;
}

.topPage .x_lovers_voice .-item .-txt[data-id='4']
{
    position: absolute;
    top: 0;
    left: 0;
}

.topPage .x_lovers_voice .-item .-txt[data-id='4'] p
{
    width: 15.125em;
}

.topPage .x_lovers_voice .-item p[data-id='1']
{
    width: 24.625em;
    margin-top: 3.125em;
}

.topPage .x_lovers_voice .-item p[data-id='2']
{
    width: 22.8125em;
    margin: 3.125em 0 0 auto;
}

.topPage .x_lovers_voice .-item p[data-id='5']
{
    width: 27.0625em;
    margin-top: 3.125em;
}

.topPage .x_lovers_voice .-item .-btn
{
    display: -ms-grid;
    display:     grid;

    width: 7.0625em;
    margin: 1.875em 0 0;

    border: .0625em solid #464750;
    border-radius: 999rem;

    -ms-grid-columns: .8125em .375em 3.875em;
    grid-template-columns: .8125em 3.875em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .375em;
    aspect-ratio: 113/35;
}

.topPage .x_lovers_voice .-item .-btn .css_icon:before
{
    position: absolute;

    content: '';
    -webkit-transition: inset .35s cubic-bezier(.25, .46, .45, .94);
            transition: inset .35s cubic-bezier(.25, .46, .45, .94);

    opacity: .92;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.3125em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.0625em .3125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.3125em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.0625em .3125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.3125em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.0625em .3125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.3125em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.0625em .3125em no-repeat;
    background: linear-gradient(#000, #000) 0 0/.3125em .0625em no-repeat, linear-gradient(#000, #000) 0 0/.0625em .3125em no-repeat, linear-gradient(#000, #000) 100% 0/.3125em .0625em no-repeat, linear-gradient(#000, #000) 100% 0/.0625em .3125em no-repeat, linear-gradient(#000, #000) 0 100%/.3125em .0625em no-repeat, linear-gradient(#000, #000) 0 100%/.0625em .3125em no-repeat, linear-gradient(#000, #000) 100% 100%/.3125em .0625em no-repeat, linear-gradient(#000, #000) 100% 100%/.0625em .3125em no-repeat;

    inset: 0;
}

.topPage .x_lovers_voice .-item .-btn .css_icon:after
{
    position: absolute;

    content: '';

    opacity: .9;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.0625em .4375em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.4375em .0625em no-repeat;
    background: linear-gradient(#000, #000) 50% 50%/.0625em .4375em no-repeat, linear-gradient(#000, #000) 50% 50%/.4375em .0625em no-repeat;

    inset: 0;
}

.topPage .x_lovers_voice .-item .-btn[data-id='2']
{
    margin-left: auto;
}

.topPage .x_lovers_voice .-item .-btn[data-id='3']
{
    margin: 1.25em 0 0 3.4375em;
}

.topPage .x_lovers_voice .-item.isPointerDown .-img
{
    -webkit-box-shadow: inset 0 0 2.75em 3.125em rgba(13, 131, 204, .1);
            box-shadow: inset 0 0 2.75em 3.125em rgba(13, 131, 204, .1);

    will-change: box-shadow, filter;
    -webkit-filter: blur(.46875em) drop-shadow(0 .25em .25em rgba(0, 0, 0, .05));
            filter: blur(.46875em) drop-shadow(0 .25em .25em rgba(0, 0, 0, .05));
}

.topPage .bnr_diagnosis
{
    padding: 0 0 23.125em;
}

.topPage .bnr_diagnosis a
{
    display: -ms-grid;
    display:     grid;

    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;

    background: #d6dbe9;

    -ms-grid-columns: 46.3125em 6.75em 1fr;
    grid-template-columns: 46.3125em 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 1440/508;
    gap: 6.75em;
}

.topPage .bnr_diagnosis a .-img
{
    overflow: hidden;

    width: 100%;
    height: 100%;
}

.topPage .bnr_diagnosis a .-img img
{
    width: 100%;
    height: 100%;

    -webkit-transition: -webkit-transform .75s cubic-bezier(.33, 1, .68, 1);
            transition: -webkit-transform .75s cubic-bezier(.33, 1, .68, 1);
            transition:         transform .75s cubic-bezier(.33, 1, .68, 1);
            transition:         transform .75s cubic-bezier(.33, 1, .68, 1), -webkit-transform .75s cubic-bezier(.33, 1, .68, 1);

    -o-object-fit: cover;
       object-fit: cover;
}

.topPage .bnr_diagnosis a .-txt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topPage .bnr_diagnosis a .-txt picture
{
    display: block;

    width: 23em;

    aspect-ratio: 368/194;
}

.topPage .history
{
    position: relative;
}

.topPage .history h2
{
    padding: 0 0 3.875em 5.1875em;
}

.topPage .history h2 picture
{
    display: block;

    width: 37.5em;

    aspect-ratio: 600/140;
}

.topPage .history .-fixed_parent
{
    position: relative;

    height: 236.25em;

    background: #e5e5e5;
}

.topPage .history .-dummy_size
{
    position: absolute;

    width: 100%;
    height: 100svh;

    pointer-events: none;
}

.topPage .history .-dummy_size .-pc
{
    font-size: 16px;
}

.topPage .history .-dummy_size .-sp
{
    font-size: 11.71875px;
}

.topPage .history .-dummy_size .-pc2
{
    font-size: calc(16px * var(--w) / 1440);
}

.topPage .history .-dummy_size .-sp2
{
    font-size: 3.125vw;
}

.topPage .history .-fixed
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100svh;
}

.topPage .history .-fixed.isFixed
{
    position: fixed;
}

.topPage .history .-fixed.isBottom
{
    position: absolute;
    top: auto;
    bottom: 0;
}

.topPage .history .-head
{
    position: absolute;
    z-index: 10;
    top: 2.0625em;
    right: 2.3125em;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    gap: .25em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topPage .history .-head a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 13.0625em;

    border: .0625em solid #fff;
    border-radius: 999rem;
    background: #000;

    aspect-ratio: 209/43;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topPage .history .-head a picture
{
    display: block;

    width: 10.75em;

    aspect-ratio: 172/23;
}

.topPage .history .-btn_skip
{
    font-family: 'Helvetica Neue';
    font-size: 1.1em;
    line-height: 1em;

    position: absolute;
    z-index: 10;
    right: 2.8409090909em;
    bottom: 3.4090909091em;

    padding-bottom: .1704545455em;

    cursor: pointer;

    color: #bababa;
    border-bottom: max(1px, .0568181818em) solid #c0c0c0;

    mix-blend-mode: difference;
}

.topPage .history .-scroll
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

.topPage .history .-body
{
    position: relative;

    height: 100%;

    background: url('/ja-jp/special/x-gfx-brand/img/top/history/bg.svg') no-repeat left top/100% 100% #e5e5e5;

    aspect-ratio: 4725/900;
}

.topPage .history .-lineup .-item
{
    position: absolute;
    top: 6.5em;
}

.topPage .history .-lineup .-item span
{
    display: block;

    margin: 0 auto;
}

.topPage .history .-lineup .-item span.-img
{
    display: block;

    height: 11.875em;
}

.topPage .history .-lineup .-item span.-name
{
    margin-top: .375em;
}

.topPage .history .-lineup .-item[data-id='1']
{
    left: 5.125em;
}

.topPage .history .-lineup .-item[data-id='1'] .-img
{
    width: 26.875em;
}

.topPage .history .-lineup .-item[data-id='1'] .-name
{
    width: 10.75em;
}

.topPage .history .-lineup .-item[data-id='2']
{
    left: 34.375em;
}

.topPage .history .-lineup .-item[data-id='2'] .-img
{
    width: 13.9375em;
}

.topPage .history .-lineup .-item[data-id='2'] .-name
{
    width: 4.1875em;
}

.topPage .history .-lineup .-item[data-id='3']
{
    left: 55.75em;
}

.topPage .history .-lineup .-item[data-id='3'] .-img
{
    width: 27.5em;
}

.topPage .history .-lineup .-item[data-id='3'] .-name
{
    width: 9.4375em;
}

.topPage .history .-lineup .-item[data-id='4']
{
    left: 99.5625em;
}

.topPage .history .-lineup .-item[data-id='4'] .-img
{
    width: 13.9375em;
}

.topPage .history .-lineup .-item[data-id='4'] .-name
{
    width: 3.375em;
}

.topPage .history .-lineup .-item[data-id='5']
{
    left: 116.875em;
}

.topPage .history .-lineup .-item[data-id='5'] .-img
{
    width: 13.9375em;
}

.topPage .history .-lineup .-item[data-id='5'] .-name
{
    width: 4.875em;
}

.topPage .history .-lineup .-item[data-id='6']
{
    left: 138.625em;
}

.topPage .history .-lineup .-item[data-id='6'] .-img
{
    width: 27.875em;
}

.topPage .history .-lineup .-item[data-id='6'] .-name
{
    width: 8.0625em;
}

.topPage .history .-lineup .-item[data-id='7']
{
    left: 180.4375em;
}

.topPage .history .-lineup .-item[data-id='7'] .-img
{
    width: 28.4375em;
}

.topPage .history .-lineup .-item[data-id='7'] .-name
{
    width: 9.625em;
}

.topPage .history .-lineup .-item[data-id='8']
{
    left: 217.1875em;
}

.topPage .history .-lineup .-item[data-id='8'] .-img
{
    width: 26.9375em;
}

.topPage .history .-lineup .-item[data-id='8'] .-name
{
    width: 8.5em;
}

.topPage .history .-lineup .-item[data-id='9']
{
    left: 248.5625em;
}

.topPage .history .-lineup .-item[data-id='9'] .-img
{
    width: 13.9375em;
}

.topPage .history .-lineup .-item[data-id='9'] .-name
{
    width: 4.6875em;
}

.topPage .history .-lineup .-item[data-id='10']
{
    left: 264.3125em;
}

.topPage .history .-lineup .-item[data-id='10'] .-img
{
    width: 13.9375em;
}

.topPage .history .-lineup .-item[data-id='10'] .-name
{
    width: 3.5em;
}

.topPage .history .-chronology .-item
{
    position: absolute;
    top: 30.8125em;
}

.topPage .history .-chronology .-item h3
{
    width: auto;
    height: 1.75em;
    margin-bottom: 3.125em;
}

.topPage .history .-chronology .-item h3 picture
{
    display: block;

    width: auto;
    height: 100%;
}

.topPage .history .-chronology .-item h3 picture img
{
    width: auto;
    height: 100%;
}

.topPage .history .-chronology .-item[data-year='2025']
{
    left: 8.1875em;
}

.topPage .history .-chronology .-item[data-year='2024']
{
    left: 28.125em;
}

.topPage .history .-chronology .-item[data-year='2023']
{
    left: 42.0625em;
}

.topPage .history .-chronology .-item[data-year='2022']
{
    left: 58.75em;
}

.topPage .history .-chronology .-item[data-year='2021']
{
    left: 81.5em;
}

.topPage .history .-chronology .-item[data-year='2020']
{
    left: 99.8125em;
}

.topPage .history .-chronology .-item[data-year='2019']
{
    left: 116.25em;
}

.topPage .history .-chronology .-item[data-year='2018']
{
    left: 136em;
}

.topPage .history .-chronology .-item[data-year='2017']
{
    left: 165.75em;
}

.topPage .history .-chronology .-item[data-year='2016']
{
    left: 184.5625em;
}

.topPage .history .-chronology .-item[data-year='2015']
{
    left: 199.0625em;
}

.topPage .history .-chronology .-item[data-year='2014']
{
    left: 212.5em;
}

.topPage .history .-chronology .-item[data-year='2013']
{
    left: 225.0625em;
}

.topPage .history .-chronology .-item[data-year='2012']
{
    left: 240em;
}

.topPage .history .-chronology .-item[data-year='2011']
{
    left: 256.3125em;
}

.topPage .history .-chronology .-item .-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    gap: 1.625em;
}

.topPage .history .-chronology .-item .-box .-img
{
    height: 6.875em;
    margin-bottom: .875em;
}

.topPage .history .-chronology .-item .-box[data-id='2025_1'] .-img
{
    width: 13.875em;
}

.topPage .history .-chronology .-item .-box[data-id='2023_1'] .-img
{
    width: 10.3125em;
}

.topPage .history .-chronology .-item .-box[data-id='2022_1'] .-img
{
    width: 20.875em;
}

.topPage .history .-chronology .-item .-box[data-id='2020_1'] .-img
{
    width: 10.3125em;
}

.topPage .history .-chronology .-item .-box[data-id='2019_1'] .-img
{
    width: 10.3125em;
}

.topPage .history .-chronology .-item .-box[data-id='2018_1'] .-img
{
    width: 13.875em;
}

.topPage .history .-chronology .-item .-box[data-id='2018_2'] .-img
{
    width: 10.3125em;
}

.topPage .history .-chronology .-item .-box[data-id='2016_1'] .-img
{
    width: 6.875em;
}

.topPage .history .-chronology .-item .-box[data-id='2013_1'] .-img
{
    width: 6.875em;
}

.topPage .history .-chronology .-item .-box[data-id='2012_1'] .-img
{
    width: 6.875em;
}

.topPage .history .-chronology .-item .-box[data-id='2011_1'] .-img
{
    width: 13.875em;
}

.topPage .history .-chronology .-item .-box[data-id='2025_1'] p
{
    width: 21.3636363636em;
}

.topPage .history .-chronology .-item .-box[data-id='2023_1'] p
{
    width: 21.8181818182em;
}

.topPage .history .-chronology .-item .-box[data-id='2022_1'] p
{
    width: 30.3636363636em;
}

.topPage .history .-chronology .-item .-box[data-id='2020_1'] p
{
    width: 18.1818181818em;
}

.topPage .history .-chronology .-item .-box[data-id='2019_1'] p
{
    width: 18.1818181818em;
}

.topPage .history .-chronology .-item .-box[data-id='2018_1'] p
{
    width: 18.1818181818em;
}

.topPage .history .-chronology .-item .-box[data-id='2018_2'] p
{
    width: 18.1818181818em;
}

.topPage .history .-chronology .-item .-box[data-id='2016_1'] p
{
    width: 18.1818181818em;
}

.topPage .history .-chronology .-item .-box[data-id='2013_1'] p
{
    width: 18.1818181818em;
}

.topPage .history .-chronology .-item .-box[data-id='2012_1'] p
{
    width: 18.1818181818em;
}

.topPage .history .-chronology .-item .-box[data-id='2011_1'] p
{
    width: 18.1818181818em;
}

.topPage .history .-chronology .-item .-box p
{
    font-size: .6875em;
    line-height: 1.6em;

    letter-spacing: .05em;
}

.topPage .history .-chronology .-item .-box p .-l
{
    font-size: 1.3636363636em;
    line-height: 1.4em;

    display: block;

    margin: 0 0 .5333333333em;

    letter-spacing: .05em;
}

.topPage .article
{
    padding: 18.75em 5.625em;

    background: #f0f0f0;
}

.topPage .article .-section
{
    margin: 0 0 9.625em;
}

.topPage .article .-section:last-child
{
    margin: 0;
}

.topPage .article .-section h3
{
    height: 1.8125em;
    margin: 0 0 .9375em;
}

.topPage .article .-section h3 img
{
    width: auto;
    height: 100%;
}

.topPage .article .-section .-list
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: 1fr 7.5em 1fr 7.5em 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 7.5em;
}

.topPage .article .-section .-list .-item
{
    display: -ms-grid;
    display:     grid;

    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;

    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row-span: 3;
    grid-row: span 3;
    gap: 0;
}

.topPage .article .-section .-list .-item .-img
{
    overflow: hidden;

    margin: 0 0 1.375em;

    aspect-ratio: 340/227;
}

.topPage .article .-section .-list .-item .-img img
{
    width: 100%;
    height: 100%;

    -webkit-transition: -webkit-transform .75s cubic-bezier(.33, 1, .68, 1);
            transition: -webkit-transform .75s cubic-bezier(.33, 1, .68, 1);
            transition:         transform .75s cubic-bezier(.33, 1, .68, 1);
            transition:         transform .75s cubic-bezier(.33, 1, .68, 1), -webkit-transform .75s cubic-bezier(.33, 1, .68, 1);

    -o-object-fit: cover;
       object-fit: cover;
}

.topPage .article .-section .-list .-item .-detail h4
{
    font-size: 1.375em;
    font-weight: bold;
    line-height: 1.8em;

    letter-spacing: .05em;
}

.topPage .article .-section .-list .-item .-detail .-tags
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: .75em 0 0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: .75em;
}

.topPage .article .-section .-list .-item .-detail .-tags span
{
    display: block;

    width: 3.25em;
    height: 1.1875em;

    background: no-repeat center/contain;
}

.topPage .article .-section .-list .-item .-detail .-tags span[data-type=buy]
{
    background-image: url('/ja-jp/special/x-gfx-brand/img/top/article/tag_buy.svg');
}

.topPage .article .-section .-list .-item .-detail .-tags span[data-type=open]
{
    background-image: url('/ja-jp/special/x-gfx-brand/img/top/article/tag_open.svg');
}

.topPage .article .-section .-list .-item .-detail .-tags span[data-type=close]
{
    width: 3.9375em;

    background-image: url('/ja-jp/special/x-gfx-brand/img/top/article/tag_close.svg');
}

.topPage .article .-section .-list .-item .-detail p
{
    font-size: .6875em;
    line-height: 1.7em;

    margin-top: 1.0909090909em;

    letter-spacing: .05em;
}

.topPage .article .-section .-list .-item .-btn
{
    margin: .75em 0 0;
}

.topPage .article .-section .-list .-item .-btn > span
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 7.0625em;

    border: .0625em solid #464750;
    border-radius: 999rem;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .375em;
    aspect-ratio: 113/35;
}

.topPage .article .-section .-list .-item .-btn .css_icon
{
    width: .875em;

    -webkit-filter: none;
            filter: none;
}

.topPage .article .-section .-list .-item .-btn .css_icon:before
{
    position: absolute;

    content: '';
    -webkit-transition: inset .35s cubic-bezier(.25, .46, .45, .94);
            transition: inset .35s cubic-bezier(.25, .46, .45, .94);

    opacity: .92;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.3125em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.0625em .3125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.3125em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.0625em .3125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.3125em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.0625em .3125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.3125em .0625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.0625em .3125em no-repeat;
    background: linear-gradient(#000, #000) 0 0/.3125em .0625em no-repeat, linear-gradient(#000, #000) 0 0/.0625em .3125em no-repeat, linear-gradient(#000, #000) 100% 0/.3125em .0625em no-repeat, linear-gradient(#000, #000) 100% 0/.0625em .3125em no-repeat, linear-gradient(#000, #000) 0 100%/.3125em .0625em no-repeat, linear-gradient(#000, #000) 0 100%/.0625em .3125em no-repeat, linear-gradient(#000, #000) 100% 100%/.3125em .0625em no-repeat, linear-gradient(#000, #000) 100% 100%/.0625em .3125em no-repeat;

    inset: 0;
}

.topPage .article .-section .-list .-item .-btn .css_icon:after
{
    position: absolute;

    content: '';

    opacity: .9;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.0625em .5em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.5em .0625em no-repeat;
    background: linear-gradient(#000, #000) 50% 50%/.0625em .5em no-repeat, linear-gradient(#000, #000) 50% 50%/.5em .0625em no-repeat;

    inset: 0;
}

.topPage .article .-section .-list .-item .-btn .-txt
{
    display: block;

    width: 3.875em;

    background: url('/ja-jp/special/x-gfx-brand/img/top/article/btn_txt_more.svg') no-repeat center/contain;

    aspect-ratio: 62/8;
}

.topPage .article .-section.-lenses h3
{
    width: 5.75em;
    height: auto;
    margin: 0 0 4.9375em;

    aspect-ratio: 92/18;
}

.topPage .article .-section.-lenses h3 img
{
    width: 100%;
    height: auto;
}

.topPage .article .-section.-lenses .-list
{
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.topPage .article .-section.-lenses .-list .-item
{
    -ms-grid-columns: 33.75em 3.5625em 1fr;
    grid-template-columns: 33.75em 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 0 3.5625em;
}

.topPage .article .-section.-lenses .-list .-item > *:nth-child(1)
{
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.topPage .article .-section.-lenses .-list .-item > *:nth-child(2)
{
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.topPage .article .-section.-lenses .-list .-item .-img
{
    margin: 0;

    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
        grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
        grid-row: 1/3;
    aspect-ratio: 539/359;
}

.topPage .article .-section.-lenses .-list .-item .-detail
{
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
        grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
        grid-row: 1/2;
}

.topPage .article .-section.-lenses .-list .-item .-detail h4
{
    font-size: 1.5em;
    line-height: 1.6em;

    letter-spacing: .07em;
}

.topPage .article .-section.-lenses .-list .-item .-detail .-tags
{
    margin: 1em 0 0;
}

.topPage .article .-section.-lenses .-list .-item .-detail p
{
    font-size: .6875em;
    line-height: 1.7em;

    width: 43.2727272727em;
    margin-top: 1.4545454545em;

    letter-spacing: .07em;
}

.topPage .article .-section.-lenses .-list .-item .-btn
{
    margin-top: 1em;

    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
        grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
        grid-row: 2/3;
}

.topPage .dialog_product
{
    position: fixed;
    z-index: 200000;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border: none;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 47, 64, .3)), to(rgba(24, 47, 64, .3))), radial-gradient(75.92% 113.62% at 32.95% 20.53%, rgba(150, 128, 72, .46) 0%, rgba(145, 188, 185, .46) 50%, rgba(82, 73, 123, .46) 77.4%, rgba(15, 49, 73, .46) 100%);
    background: linear-gradient(0deg, rgba(24, 47, 64, .3), rgba(24, 47, 64, .3)), radial-gradient(75.92% 113.62% at 32.95% 20.53%, rgba(150, 128, 72, .46) 0%, rgba(145, 188, 185, .46) 50%, rgba(82, 73, 123, .46) 77.4%, rgba(15, 49, 73, .46) 100%);

    background-blend-mode: luminosity, color;
    backdrop-filter: blur(.40625em);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topPage .dialog_product[open]
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.topPage .dialog_product .-bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: default;
}

.topPage .dialog_product .-window
{
    position: relative;

    width: 50em;
    height: 80svh;

    background: #fff;
}

.topPage .dialog_product .-page
{
    display: none;
}

.topPage .dialog_product .-body
{
    overflow: auto;

    width: 100%;
    height: 100%;
    padding: 5.375em 4.375em;
}

.topPage .dialog_product .-body h3
{
    font-size: 1.4375em;
    line-height: 1.5em;

    letter-spacing: .05em;
}

.topPage .dialog_product .-body p
{
    font-size: .875em;
    line-height: 1.8em;

    margin: 2.2857142857em 0 0;

    letter-spacing: .07em;
}

.topPage .dialog_product .-body p.-note
{
    font-size: .75em;

    margin: 1.5em 0 0;
}

.topPage .dialog_product .-body .-img
{
    margin: 2em 0 0;

    aspect-ratio: 660/495;
}

.topPage .dialog_product .-btn_close
{
    position: absolute;
    top: 1.875em;
    right: 1.625em;

    width: 1.5em;

    aspect-ratio: 1/1;
}

.topPage .dialog_product .-btn_close span
{
    display: block;

    width: 100%;
    height: 100%;
}

.topPage .dialog_product .-btn_close span:before
{
    position: absolute;

    content: '';
    -webkit-transition: inset .35s cubic-bezier(.25, .46, .45, .94);
            transition: inset .35s cubic-bezier(.25, .46, .45, .94);

    opacity: .92;
    background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 0 0/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 0 0/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 100% 0/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 100% 0/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 0 100%/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 0 100%/.125em .5625em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 100% 100%/.5625em .125em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 100% 100%/.125em .5625em no-repeat;
    background: linear-gradient(#464646, #464646) 0 0/.5625em .125em no-repeat, linear-gradient(#464646, #464646) 0 0/.125em .5625em no-repeat, linear-gradient(#464646, #464646) 100% 0/.5625em .125em no-repeat, linear-gradient(#464646, #464646) 100% 0/.125em .5625em no-repeat, linear-gradient(#464646, #464646) 0 100%/.5625em .125em no-repeat, linear-gradient(#464646, #464646) 0 100%/.125em .5625em no-repeat, linear-gradient(#464646, #464646) 100% 100%/.5625em .125em no-repeat, linear-gradient(#464646, #464646) 100% 100%/.125em .5625em no-repeat;

    inset: 0;
}

.topPage .dialog_product .-btn_close span:after
{
    position: absolute;

    content: '';

    opacity: .9;
    background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 50% 50%/.125em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 50% 50%/.875em .125em no-repeat;
    background: linear-gradient(#464646, #464646) 50% 50%/.125em .875em no-repeat, linear-gradient(#464646, #464646) 50% 50%/.875em .125em no-repeat;

    inset: 0;
}

.topPage .dialog_product .-btn_close span:after
{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);

    background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 50% 50%/.125em .875em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#464646), to(#464646)) 50% 50%/0 0 no-repeat;
    background: linear-gradient(#464646, #464646) 50% 50%/.125em .875em no-repeat, linear-gradient(#464646, #464646) 50% 50%/0 0 no-repeat;
}

.topPage .dialog_simulation
{
    position: fixed;
    z-index: 200000;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border: none;
    background: #fff;
}

.topPage .dialog_simulation .-btn_close
{
    position: absolute;
    z-index: 100;
    top: 2.3125em;
    right: calc(2.75em - var(--wsw));

    width: 2.75em;

    background: url('/ja-jp/special/x-gfx-brand/img/common/dialog_btn_close.svg') no-repeat center/contain;

    aspect-ratio: 1/1;
}

.topPage .dialog_simulation .-scroll
{
    overflow: auto;

    width: 100%;
    height: 100%;
}

.topPage .dialog_simulation .-slide
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    height: 100%;
    min-height: 43.75em;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topPage .dialog_simulation .splide__arrow
{
    position: absolute;
    top: calc(50% - 3.75em);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 3.25em;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
}

.topPage .dialog_simulation .splide__arrow:before
{
    width: 1.875em;

    content: '';

    background: url('/ja-jp/special/x-gfx-brand/img/top/simulation/btn_txt_next_b.svg') no-repeat center/contain;

    aspect-ratio: 30/8;
}

.topPage .dialog_simulation .splide__arrow:after
{
    width: .5625em;

    content: '';
    -webkit-transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;

    background: url('/ja-jp/special/x-gfx-brand/img/top/simulation/btn_icon_arrow_b.svg') no-repeat center/contain;

    aspect-ratio: 9/16;
}

.topPage .dialog_simulation .splide__arrow svg
{
    display: none;
}

.topPage .dialog_simulation .splide__arrow--prev
{
    left: 0;

        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}

.topPage .dialog_simulation .splide__arrow--prev:before
{
    background-image: url('/ja-jp/special/x-gfx-brand/img/top/simulation/btn_txt_prev_b.svg');
}

.topPage .dialog_simulation .splide__arrow--prev:after
{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.topPage .dialog_simulation .splide__arrow--next
{
    right: 0;
}

.topPage .dialog_simulation .-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topPage .dialog_simulation .-block .-head
{
    width: 40.625em;
    margin: 0 0 2.5em;
}

.topPage .dialog_simulation .-block .-head .-name
{
    font-size: 1em;
    line-height: 1.8em;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    letter-spacing: .05em;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .3125em;
}

.topPage .dialog_simulation .-block .-head .-name:before
{
    width: .3125em;

    content: '';

    border-radius: 50%;
    background: #e50808;

    aspect-ratio: 1/1;
}

.topPage .dialog_simulation .-block .-body
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: 40.625em 5.25em 1fr;
    grid-template-columns: 40.625em 1fr;
    gap: 5.25em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topPage .dialog_simulation .-block .-body .-images
{
    position: relative;
    z-index: 1;

    display: block;

    padding: 3.875em 4.625em;

    background: #f5f5f5;

    aspect-ratio: 650/460;
}

.topPage .dialog_simulation .-block .-body .-images .-img
{
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;
}

.topPage .dialog_simulation .-block .-body .-images .-img picture
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.topPage .dialog_simulation .-block .-body .-images .-img img
{
    width: 100%;
    height: 100%;

    -o-object-fit: contain;
       object-fit: contain;
}

.topPage .dialog_simulation .-block .-body .-images:after
{
    position: absolute;
    z-index: 2;
    bottom: 2.3125em;
    left: 2.9375em;

    display: block;

    width: 2.5em;

    content: '';

    background: no-repeat center/contain;
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));

    aspect-ratio: 1/1;
}

.topPage .dialog_simulation .-block .-body .-images[data-id='1']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/1_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='2']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/2_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='3']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/3_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='4']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/4_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='5']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/5_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='6']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/6_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='7']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/7_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='8']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/8_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='9']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/9_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-images[data-id='10']:after
{
    background-image: -webkit-image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.avif') 1x type('image/avif'));
    background-image:         image-set(url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.webp') 1x type('image/webp'),url('/ja-jp/special/x-gfx-brand/img/top/simulation/10_icon.avif') 1x type('image/avif'));
}

.topPage .dialog_simulation .-block .-body .-detail .-txt1
{
    font-size: .875em;
    line-height: 1.9em;

    letter-spacing: .03em;
}

.topPage .dialog_simulation .-block .-body .-detail .-txt2
{
    font-size: .6875em;
    line-height: 2.2em;

    margin: 2.9090909091em 0 0;

    letter-spacing: .04em;
}

.topPage .dialog_simulation .-counter
{
    font-size: .8125em;

    width: 100%;
    margin: 4.6153846154em 0 0;

    text-align: center;
}

.topPage .dialog_movie
{
    position: fixed;
    z-index: 200000;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border: none;
    background: #fff;
}

.topPage .dialog_movie .-bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.topPage .dialog_movie .-btn_close
{
    position: absolute;
    z-index: 100;
    top: 2.3125em;
    right: calc(2.75em - var(--wsw));

    width: 2.75em;

    background: url('/ja-jp/special/x-gfx-brand/img/common/dialog_btn_close.svg') no-repeat center/contain;

    aspect-ratio: 1/1;
}

.topPage .dialog_movie .-embed
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: min(80svw, 119.9451303155svh);
    height: min(80svh, 53.3577310156svw);

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    aspect-ratio: 1093/729;
}

.topPage .dialog_movie .-embed iframe
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}

.galleryPage .article
{
    width: 74em;
    margin: 0 auto;
    padding: 9.375em 0 13.125em;
}

.galleryPage .article h2
{
    width: 5.9375em;

    aspect-ratio: 95/29;
}

.galleryPage .article .-list
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: 1fr 3.75em 1fr 3.75em 1fr 3.75em 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.75em;
}

.galleryPage .article .-list button
{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;

    display: block;

    text-align: left;
}

.galleryPage .article .-list button span
{
    display: block;
}

.galleryPage .article .-list button .-img
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 1/1;
}

.galleryPage .article .-list button .-img picture
{
    display: block;
    overflow: hidden;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    height: 100%;
}

.galleryPage .article .-list button .-img picture img
{
    width: 100%;
    height: 100%;

    -webkit-transition: -webkit-transform .85s cubic-bezier(.33, 1, .68, 1);
            transition: -webkit-transform .85s cubic-bezier(.33, 1, .68, 1);
            transition:         transform .85s cubic-bezier(.33, 1, .68, 1);
            transition:         transform .85s cubic-bezier(.33, 1, .68, 1), -webkit-transform .85s cubic-bezier(.33, 1, .68, 1);

    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center bottom;
       object-position: center bottom;
}

.galleryPage .article .-list button .-img picture:has(img.wide-md)
{
    width: 100%;
    height: auto;

    aspect-ratio: 4/3;
}

.galleryPage .article .-list button .-img picture:has(img.wide-lg)
{
    width: 100%;
    height: auto;

    aspect-ratio: 3/2;
}

.galleryPage .article .-list button .-name
{
    font-size: .6875em;

    margin: 1em 0 0;
}

.galleryPage .article .-list button .-more
{
    font-size: .5625em;
    line-height: 1em;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    padding-bottom: .2222222222em;

    letter-spacing: .01em;

    color: #222;
    border-bottom: .0555555556em solid #454545;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .2222222222em;
}

.galleryPage .article .-list button .-more:after
{
    display: block;

    width: .5555555556em;

    content: '';

    background: url('/ja-jp/special/x-gfx-brand/img/gallery/icon_plus.svg') no-repeat center/contain;

    aspect-ratio: 1/1;
}

.galleryPage .article .-btn_back
{
    margin-top: 6.875em;
}

.galleryPage .article .-btn_back a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 5.625em;

    border: .0625em solid #464750;
    border-radius: 999rem;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 90/35;
}

.galleryPage .article .-btn_back a picture
{
    display: block;

    width: 3.1875em;

    aspect-ratio: 51/9;
}

.galleryPage .dialog_gallery
{
    position: fixed;
    z-index: 200000;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border: none;
    background: #fff;
}

.galleryPage .dialog_gallery .-btn_close
{
    position: absolute;
    z-index: 100;
    top: 2.3125em;
    right: calc(2.75em - var(--wsw));

    width: 2.75em;

    background: url('/ja-jp/special/x-gfx-brand/img/common/dialog_btn_close.svg') no-repeat center/contain;

    aspect-ratio: 1/1;
}

.galleryPage .dialog_gallery .-page
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;
}

.galleryPage .dialog_gallery .-page.isActive
{
    display: block;
}

.galleryPage .dialog_gallery .-body
{
    display: -ms-grid;
    display:     grid;

    padding: 3.6875em 2.75em .8125em 1.6875em;

    -ms-grid-columns: 71.125em 3.6875em 1fr;
    grid-template-columns: 71.125em 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.6875em;
}

.galleryPage .dialog_gallery .-body .-images
{
    height: calc(100svh - 8.8125em);
}

.galleryPage .dialog_gallery .-body .-images.-scroll
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
        flex-direction: column;

    -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 10em;
}

.galleryPage .dialog_gallery .-body .-images.-scroll .-img
{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    scroll-snap-align: start;
}

.galleryPage .dialog_gallery .-body .-images .splide
{
    overflow: hidden;

    height: 100%;
}

.galleryPage .dialog_gallery .-body .-images .splide__slide
{
    height: calc(100svh - 8.8125em);
}

.galleryPage .dialog_gallery .-body .-images .-img
{
    height: 100%;
}

.galleryPage .dialog_gallery .-body .-images .-img img
{
    width: 100%;
    height: 100%;

    -o-object-fit: contain;
       object-fit: contain;
}

.galleryPage .dialog_gallery .-body .-data .-name
{
    font-size: .9375em;
    font-weight: bold;
    line-height: 1.8em;

    letter-spacing: .05em;
}

.galleryPage .dialog_gallery .-body .-data .-post
{
    font-size: .625em;
    font-weight: bold;
    line-height: 1.8em;

    margin: -.3em 0 1.2em;

    letter-spacing: .05em;

    color: #909090;
}

.galleryPage .dialog_gallery .-body .-data .-profile
{
    font-size: .625em;
    line-height: 1.8em;

    letter-spacing: .05em;
}

.galleryPage .dialog_gallery .-detail
{
    height: 4.3125em;

    border-top: max(1px, .0625em) solid #dcdcdc;
}

.galleryPage .dialog_gallery .-detail .-item
{
    font-family: Arial, 'Lato', sans-serif;
    font-size: .75em;
    font-style: normal;

    display: none;

    height: 100%;
    padding: 0 0 0 14.4166666667em;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.galleryPage .dialog_gallery .-detail .-item.isActive
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.galleryPage .dialog_gallery .-detail .-item b
{
    font-weight: bold;
}

.galleryPage .dialog_gallery .-detail .-item b:after
{
    content: ',';

    margin-inline: .5em;
}

.galleryPage .dialog_gallery .-detail .-item .-film,
.galleryPage .dialog_gallery .-detail .-item .-camera,
.galleryPage .dialog_gallery .-detail .-item .-lens
{
    position: relative;
    top: max(-1px, -.0833333333em);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: calc(100% + max(1px, .0833333333em));

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.galleryPage .dialog_gallery .-detail .-item .-film .-label,
.galleryPage .dialog_gallery .-detail .-item .-camera .-label,
.galleryPage .dialog_gallery .-detail .-item .-lens .-label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;
    padding: 0 1.25em;

    cursor: pointer;

    border-bottom: max(1px, .0833333333em) solid #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.galleryPage .dialog_gallery .-detail .-item .-block
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 3em;
    margin-right: 2em;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.galleryPage .dialog_gallery .-detail .-item .-block .-img
{
    width: 2.75em;
    margin: 0 1.5em 0 0;

    aspect-ratio: 1/1;
}

.galleryPage .dialog_gallery .-detail .-item .-block .-label .-note
{
    font-size: .8333333333em;

    display: block;
}

.galleryPage .dialog_gallery .-detail .-item .-wrap
{
    position: relative;

    height: 3em;
    padding: 0 .75em;

    border-left: max(1px, .0833333333em) solid #ccc;
}

.galleryPage .dialog_gallery .-detail .-item .-film .-popup .-img img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 50%;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    aspect-ratio: 1/1;
}

.galleryPage .dialog_gallery .-detail .-item .-popup
{
    position: absolute;
    bottom: 100%;
    left: 0;

    display: none;

    width: 18.3333333333em;

    opacity: 0;
    background: #fff;

    aspect-ratio: 220/277;
}

.galleryPage .dialog_gallery .-detail .-item .-popup .-img
{
    position: relative;

    width: 100%;

    aspect-ratio: 1/1;
}

.galleryPage .dialog_gallery .-detail .-item .-popup .-img img
{
    width: 100%;
    height: 100%;

    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.galleryPage .dialog_gallery .-detail .-item .-popup .-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 4.75em;
    padding: 0 .8333333333em 1.6666666667em 0;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.galleryPage .dialog_gallery .-detail .-item .-popup .-btn a
{
    font-size: .9166666667em;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    padding: .5454545455em .9090909091em;

    letter-spacing: .06em;
    pointer-events: auto;

    color: #e8e8e8;
    border: max(1px, .0909090909em) solid #111;
    background: #1a1a1a;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.galleryPage .dialog_gallery .-detail .-item .-popup .-btn a .-t
{
    margin-right: .5em;
}

.galleryPage .dialog_gallery .-detail .-item .-popup .-btn a .-i
{
    -webkit-transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
}

.galleryPage .dialog_gallery .-detail .-item .-popup .-btn a .-i:before
{
    content: '→';
}

.galleryPage .dialog_gallery .-number
{
    font-family: Arial, 'Lato', sans-serif;
    font-size: .75em;
    font-style: normal;

    position: absolute;
    right: 19.25em;
    bottom: 1.75em;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: .5em;
}

.galleryPage .dialog_gallery .-number .-n
{
    font-weight: bold;
}

@media (min-width: 901px)
{
    .x_gfx_brand main
    {
        -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
                transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
    }

    .x_gfx_brand main.isInit
    {
        font-size: calc(16px * var(--w) / 1440);

        opacity: 1;
    }

    .x_gfx_brand main .onlyPc
    {
        display: block;
    }

    .x_gfx_brand main img.onlyPc
    {
        display: inline-block;
    }

    .x_gfx_brand main .onlySp,
    .x_gfx_brand main img.onlySp
    {
        display: none !important;
    }

    .topPage .simulation .-slide .-slide_sub
    {
        display: none;
    }

    html.isDialogOpenBA .topPage .dialog_simulation .-btn_close
    {
        right: 2.75em;
    }

    html.isDialogOpenBA .topPage .dialog_movie .-btn_close
    {
        right: 2.75em;
    }

    html.isDialogOpenBA .galleryPage .dialog_gallery .-btn_close
    {
        right: 2.75em;
    }
}

@media (max-width: 900px)
{
    .x_gfx_brand main
    {
        font-size: 3.125vw;

        opacity: 1;
    }

    .x_gfx_brand main .gl_common_anc2
    {
        scroll-margin-top: -60px;
    }

    .x_gfx_brand main .onlyPc,
    .x_gfx_brand main img.onlyPc
    {
        display: none !important;
    }

    .x_gfx_brand main .onlySp
    {
        display: block;
    }

    .x_gfx_brand main img.onlySp
    {
        display: inline-block;
    }

    .x_gfx_brand main .css_icon
    {
        -webkit-transform: translateY(.0426666667em) translateZ(0);
                transform: translateY(.0426666667em) translateZ(0);

        -webkit-filter: drop-shadow(0 .0853333333em .512em rgba(0, 0, 0, .34));
                filter: drop-shadow(0 .0853333333em .512em rgba(0, 0, 0, .34));
    }

    .x_gfx_brand main .css_icon:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.1706666667em .768em no-repeat;
        background: linear-gradient(#fff, #fff) 0 0/.768em .1706666667em no-repeat, linear-gradient(#fff, #fff) 0 0/.1706666667em .768em no-repeat, linear-gradient(#fff, #fff) 100% 0/.768em .1706666667em no-repeat, linear-gradient(#fff, #fff) 100% 0/.1706666667em .768em no-repeat, linear-gradient(#fff, #fff) 0 100%/.768em .1706666667em no-repeat, linear-gradient(#fff, #fff) 0 100%/.1706666667em .768em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.768em .1706666667em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.1706666667em .768em no-repeat;
    }

    .x_gfx_brand main .css_icon:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.1706666667em 1.1946666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/1.1946666667em .1706666667em no-repeat;
        background: linear-gradient(#fff, #fff) 50% 50%/.1706666667em 1.1946666667em no-repeat, linear-gradient(#fff, #fff) 50% 50%/1.1946666667em .1706666667em no-repeat;
    }

    .x_gfx_brand main .css_icon[data-type=play]:after
    {
        width: .6826666667em;
    }

    .x_gfx_brand main .css_icon--gray:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 0/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 0/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 0/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 0/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 100%/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 100%/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 100%/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 100%/.1706666667em .768em no-repeat;
        background: linear-gradient(#797878, #797878) 0 0/.768em .1706666667em no-repeat, linear-gradient(#797878, #797878) 0 0/.1706666667em .768em no-repeat, linear-gradient(#797878, #797878) 100% 0/.768em .1706666667em no-repeat, linear-gradient(#797878, #797878) 100% 0/.1706666667em .768em no-repeat, linear-gradient(#797878, #797878) 0 100%/.768em .1706666667em no-repeat, linear-gradient(#797878, #797878) 0 100%/.1706666667em .768em no-repeat, linear-gradient(#797878, #797878) 100% 100%/.768em .1706666667em no-repeat, linear-gradient(#797878, #797878) 100% 100%/.1706666667em .768em no-repeat;
    }

    .x_gfx_brand main .css_icon--gray:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/.1706666667em 1.1946666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/1.1946666667em .1706666667em no-repeat;
        background: linear-gradient(#797878, #797878) 50% 50%/.1706666667em 1.1946666667em no-repeat, linear-gradient(#797878, #797878) 50% 50%/1.1946666667em .1706666667em no-repeat;
    }

    .x_gfx_brand main .css_icon--black:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.1706666667em .768em no-repeat;
        background: linear-gradient(#000, #000) 0 0/.768em .1706666667em no-repeat, linear-gradient(#000, #000) 0 0/.1706666667em .768em no-repeat, linear-gradient(#000, #000) 100% 0/.768em .1706666667em no-repeat, linear-gradient(#000, #000) 100% 0/.1706666667em .768em no-repeat, linear-gradient(#000, #000) 0 100%/.768em .1706666667em no-repeat, linear-gradient(#000, #000) 0 100%/.1706666667em .768em no-repeat, linear-gradient(#000, #000) 100% 100%/.768em .1706666667em no-repeat, linear-gradient(#000, #000) 100% 100%/.1706666667em .768em no-repeat;
    }

    .x_gfx_brand main .css_icon--black:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.1706666667em 1.1946666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/1.1946666667em .1706666667em no-repeat;
        background: linear-gradient(#000, #000) 50% 50%/.1706666667em 1.1946666667em no-repeat, linear-gradient(#000, #000) 50% 50%/1.1946666667em .1706666667em no-repeat;
    }

    .topPage
    {
        margin-top: -60px;
    }

    .topPage .opening
    {
        /*.-item[data-id="2"] .-thumb {
      width: calc( 265 / 375 * 100% );
      transform: translate(calc(-50%), calc(-50% - 28%));
    }
    .-item[data-id="2"] .-copy {
      width: calc( 203 / 375 * 100% );
      transform: translate(calc(-50% - 15%), calc(-50% + 261%));
    }

    .-item[data-id="3"] .-thumb {
      width: calc( 265 / 375 * 100% );
      transform: translate(calc(-50% + 9%), calc(-50% + 70%));
    }
    .-item[data-id="3"] .-copy {
      width: calc( 44 / 375 * 100% );
      transform: translate(calc(-50% - 223%), calc(-50% - 67%));
    }

    .-item[data-id="4"] .-thumb {
      width: calc( 265 / 375 * 100% );
      transform: translate(calc(-50% - 10%), calc(-50% - 89%));
    }
    .-item[data-id="4"] .-copy {
      width: calc( 44 / 375 * 100% );
      transform: translate(calc(-50% + 233%), calc(-50% + 43%));
    }

    .-item[data-id="5"] .-thumb {
      width: calc( 265 / 375 * 100% );
      transform: translate(calc(-50%), calc(-50% - 28%));
    }
    .-item[data-id="5"] .-copy {
      width: calc( 182 / 375 * 100% );
      transform: translate(calc(-50% - 22%), calc(-50% + 262%));
    }
    .-item[data-id="6"] .-thumb {
      width: calc( 265 / 375 * 100% );
      transform: translate(calc(-50% + 9%), calc(-50% + 70%));
    }
    .-item[data-id="6"] .-copy {
      width: calc( 42 / 375 * 100% );
      transform: translate(calc(-50% - 241%), calc(-50% - 60%));
    }*/
    }

    .topPage .opening .-btn_skip
    {
        font-size: 1.024em;

        right: 2.5em;
        bottom: 2.5em;

        padding-bottom: .25em;

        border-bottom-width: max(1px, .0833333333em);
    }

    .topPage .opening .-inner
    {
        aspect-ratio: 375/667;
    }

    .topPage .opening .-item[data-id='1'] .-copy
    {
        width: 74.1333333333%;
    }

    .topPage .opening .-item[data-id='2'] .-thumb
    {
        top: 35.2323838081%;
        left: 12.8%;

        width: 74.6666666667%;

        aspect-ratio: 280/187;
    }

    .topPage .opening .-item[data-id='3'] .-thumb
    {
        top: 63.4182908546%;
        left: 17.3333333333%;

        width: 74.6666666667%;

        aspect-ratio: 280/187;
    }

    .topPage .opening .-item[data-id='4'] .-thumb
    {
        top: 17.3913043478%;
        left: 8%;

        width: 74.6666666667%;

        aspect-ratio: 280/187;
    }

    .topPage .opening .-item[data-id='5'] .-thumb
    {
        top: 36.4317841079%;
        left: 12.8%;

        width: 74.6666666667%;

        aspect-ratio: 280/187;
    }

    .topPage .opening .-item[data-id='6'] .-thumb
    {
        top: 56.8215892054%;
        left: 17.3333333333%;

        width: 74.6666666667%;

        aspect-ratio: 280/187;
    }

    .topPage .opening .-item[data-id='2'] .-copy
    {
        top: 76.4617691154%;
        left: 12.8%;

        width: 60.2666666667%;

        aspect-ratio: 226/17;
    }

    .topPage .opening .-item[data-id='3'] .-copy
    {
        top: 25.9370314843%;
        left: 17.3333333333%;

        width: 10.6666666667%;

        aspect-ratio: 40/175;
    }

    .topPage .opening .-item[data-id='4'] .-copy
    {
        top: 58.4707646177%;
        left: 72.2666666667%;

        width: 10.4%;

        aspect-ratio: 39/141;
    }

    .topPage .opening .-item[data-id='5'] .-copy
    {
        top: 21.8890554723%;
        left: 12.8%;

        width: 48.8%;

        aspect-ratio: 183/17;
    }

    .topPage .opening .-item[data-id='6'] .-copy
    {
        top: 18.4407796102%;
        left: 81.6%;

        width: 10.4%;

        aspect-ratio: 39/176;
    }

    .topPage .kv .-fixed .-embed
    {
        aspect-ratio: 720/1280;
    }

    .topPage .kv .-fixed .-copy
    {
        bottom: 22.1013333333em;
        left: 2.9866666667em;

        width: 19.6266666667em;
    }

    .topPage .kv .-fixed .-block
    {
        top: auto;
        right: 0;
        bottom: 3.7546666667em;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column-reverse;

        width: 100%;

        -webkit-transform: none;
                transform: none;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        gap: 2.2186666667em;
    }

    .topPage .kv .-fixed .-buttons
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 1.1093333333em;
    }

    .topPage .kv .-fixed .-buttons .css_btn .-icon
    {
        width: 1.536em;
    }

    .topPage .kv .-fixed .-buttons .css_btn .-icon[data-type=plus]:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.128em .5546666667em no-repeat;
        background: linear-gradient(#fff, #fff) 0 0/.5546666667em .128em no-repeat, linear-gradient(#fff, #fff) 0 0/.128em .5546666667em no-repeat, linear-gradient(#fff, #fff) 100% 0/.5546666667em .128em no-repeat, linear-gradient(#fff, #fff) 100% 0/.128em .5546666667em no-repeat, linear-gradient(#fff, #fff) 0 100%/.5546666667em .128em no-repeat, linear-gradient(#fff, #fff) 0 100%/.128em .5546666667em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.5546666667em .128em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.128em .5546666667em no-repeat;
    }

    .topPage .kv .-fixed .-buttons .css_btn .-icon[data-type=plus]:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.128em .896em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.896em .128em no-repeat;
        background: linear-gradient(#fff, #fff) 50% 50%/.128em .896em no-repeat, linear-gradient(#fff, #fff) 50% 50%/.896em .128em no-repeat;
    }

    .topPage .kv .-fixed .-buttons .css_btn .-icon[data-type=play]:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.128em .5546666667em no-repeat;
        background: linear-gradient(#fff, #fff) 0 0/.5546666667em .128em no-repeat, linear-gradient(#fff, #fff) 0 0/.128em .5546666667em no-repeat, linear-gradient(#fff, #fff) 100% 0/.5546666667em .128em no-repeat, linear-gradient(#fff, #fff) 100% 0/.128em .5546666667em no-repeat, linear-gradient(#fff, #fff) 0 100%/.5546666667em .128em no-repeat, linear-gradient(#fff, #fff) 0 100%/.128em .5546666667em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.5546666667em .128em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.128em .5546666667em no-repeat;
    }

    .topPage .kv .-fixed .-buttons .css_btn:nth-child(1) .-txt
    {
        width: 3.2426666667em;
        margin-top: .1706666667em;
    }

    .topPage .kv .-fixed .-buttons .css_btn:nth-child(2) .-txt
    {
        width: 6.5706666667em;
        margin-top: .4266666667em;
    }

    .topPage .kv .-fixed .-buttons button[aria-expanded=true] .css_icon[data-type=plus]:after
    {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);

        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.128em .896em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/0 0 no-repeat;
        background: linear-gradient(#fff, #fff) 50% 50%/.128em .896em no-repeat, linear-gradient(#fff, #fff) 50% 50%/0 0 no-repeat;
    }

    .topPage .kv .-fixed .-statement
    {
        width: min(27.8186666667em, 100vw - 3.4133333333em);
        max-width: min(27.8186666667em, 100vw - 3.4133333333em);
        margin: 0 auto;

        -webkit-transform: translateY(-.3413333333em);
                transform: translateY(-.3413333333em);

        border-width: .0853333333em;
        border-radius: 2.048em;
        -webkit-box-shadow: inset 0 .0853333333em 0 rgba(255, 255, 255, .32), inset 0 -.0853333333em 0 rgba(255, 255, 255, .08);
                box-shadow: inset 0 .0853333333em 0 rgba(255, 255, 255, .32), inset 0 -.0853333333em 0 rgba(255, 255, 255, .08);

                backdrop-filter: blur(4.096em) saturate(185%) contrast(108%) brightness(1.03);
        -webkit-backdrop-filter: blur(4.096em) saturate(185%) contrast(108%) brightness(1.03);
    }

    .topPage .kv .-fixed .-statement:before
    {
        background-size: 14.5066666667em 14.5066666667em, 17.92em 17.92em, 19.6266666667em 19.6266666667em, 16.2133333333em 16.2133333333em, auto, auto;
    }

    .topPage .kv .-fixed .-statement:after
    {
        -webkit-filter: blur(1.7066666667em);
                filter: blur(1.7066666667em);
    }

    .topPage .kv .-fixed .-statement.isOpen
    {
        max-height: calc(100svh - 60px - 8.5333333333em);
    }

    .topPage .kv .-fixed .-statement .-inner
    {
        overflow: auto;

        max-height: calc(100svh - 60px - 8.5333333333em);
    }

    .topPage .kv .-fixed .-statement p
    {
        padding: 5.4613333333em 1.28em 5.5466666667em 1.792em;
    }

    .topPage .kv .-fixed .-progress
    {
        bottom: 1.7066666667em;
    }

    .topPage .kv .-fixed .-progress .-track
    {
        width: 16.384em;
        height: .0853333333em;
    }

    .topPage .concept
    {
        display: block;

        padding: 14.6773333333em 0 16.2133333333em;
    }

    .topPage .concept .-images
    {
        width: 100%;

        aspect-ratio: 375/251;
    }

    .topPage .concept .-text
    {
        padding: 5.2053333333em 1.7066666667em 0;
    }

    .topPage .concept h2
    {
        width: 21.6746666667em;
        margin: 0 0 3.328em;

        aspect-ratio: 254/58;
    }

    .topPage .concept p
    {
        font-size: 1.024em;
        line-height: 1.8em;

        white-space: nowrap;
        letter-spacing: 0;
    }

    .topPage .product
    {
        padding: 0 0 11.6053333333em;
    }

    .topPage .product .-head
    {
        padding: 0 1.7066666667em 3.584em;

        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 2.7306666667em;
    }

    .topPage .product .-head h2
    {
        aspect-ratio: 335/105;
    }

    .topPage .product .-head p
    {
        font-size: 1.024em;
        line-height: 1.8em;

        white-space: nowrap;
        letter-spacing: .07em;
    }

    .topPage .product .-images
    {
        width: 28.5866666667em;

        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: .8533333333em;
    }

    .topPage .product .-images .-item
    {
        aspect-ratio: 335/187;
    }

    .topPage .product .-images .-item .-img
    {
        overflow: hidden;

        border-radius: .8533333333em;
    }

    .topPage .product .-images .-item .-btn
    {
        -ms-grid-columns: 1.28em .768em 6.4853333333em;
        grid-template-columns: 1.28em 6.4853333333em;
        gap: .768em;
    }

    .topPage .product .-images .-item .-btn .-icon:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.4266666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.128em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.4266666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.128em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.4266666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.128em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.4266666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.128em .4266666667em no-repeat;
        background: linear-gradient(#fff, #fff) 0 0/.4266666667em .128em no-repeat, linear-gradient(#fff, #fff) 0 0/.128em .4266666667em no-repeat, linear-gradient(#fff, #fff) 100% 0/.4266666667em .128em no-repeat, linear-gradient(#fff, #fff) 100% 0/.128em .4266666667em no-repeat, linear-gradient(#fff, #fff) 0 100%/.4266666667em .128em no-repeat, linear-gradient(#fff, #fff) 0 100%/.128em .4266666667em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.4266666667em .128em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.128em .4266666667em no-repeat;
    }

    .topPage .product .-images .-item .-btn .-icon:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.128em .6826666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 50% 50%/.6826666667em .128em no-repeat;
        background: linear-gradient(#fff, #fff) 50% 50%/.128em .6826666667em no-repeat, linear-gradient(#fff, #fff) 50% 50%/.6826666667em .128em no-repeat;
    }

    .topPage .product .-images .-item .-btn .-icon:before
    {
        -webkit-animation: icon_anim 1.5s infinite ease-out;
                animation: icon_anim 1.5s infinite ease-out;
    }

    @-webkit-keyframes icon_anim
    {
        0%
        {
            inset: 0;
        }

        100%
        {
            inset: -.1706666667em;
        }
    }

    @keyframes icon_anim
    {
        0%
        {
            inset: 0;
        }

        100%
        {
            inset: -.1706666667em;
        }
    }

    .topPage .product .-images .-item .-btn .-label
    {
        margin-top: .1706666667em;
    }

    .topPage .product .-images .-item[data-id='1'] .-txt
    {
        top: 1.536em;
        left: 1.6213333333em;

        width: 7.8506666667em;
    }

    .topPage .product .-images .-item[data-id='1'] .-btn
    {
        top: 12.4586666667em;
        left: 12.1173333333em;
    }

    .topPage .product .-images .-item[data-id='2'] .-txt
    {
        top: 9.0453333333em;
        left: 20.3093333333em;

        width: 5.9733333333em;
    }

    .topPage .product .-images .-item[data-id='2'] .-btn
    {
        top: 3.1573333333em;
        left: 15.104em;
    }

    .topPage .product .-images .-item[data-id='5'] .-txt
    {
        top: 10.24em;
        left: 17.664em;

        width: 9.216em;
    }

    .topPage .product .-images .-item[data-id='5'] .-btn
    {
        top: 4.864em;
        left: 18.688em;
    }

    .topPage .product .-images .-item[data-id='6'] .-txt
    {
        top: 5.5466666667em;
        left: 2.816em;

        width: 8.0213333333em;
    }

    .topPage .product .-images .-item[data-id='6'] .-btn
    {
        top: 9.6426666667em;
        left: 8.0213333333em;
    }

    .topPage .simulation
    {
        padding: 8.3626666667em 0 12.7146666667em;
    }

    .topPage .simulation .-head
    {
        padding: 0 1.25em;

        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 3.328em;
    }

    .topPage .simulation .-head h2
    {
        aspect-ratio: 335/124;
    }

    .topPage .simulation .-head p
    {
        font-size: 1.024em;
        line-height: 1.8em;

        letter-spacing: .07em;
    }

    .topPage .simulation .-slide
    {
        padding: 6.144em 0 4.608em;
    }

    .topPage .simulation .-slide .-slide_main .splide__slide
    {
        width: 21.76em;
    }

    .topPage .simulation .-slide .-slide_main .splide__slide .-block
    {
        -webkit-filter: blur(.512em);
                filter: blur(.512em);
    }

    .topPage .simulation .-slide .-slide_main .splide__slide .-block .-images
    {
        padding: 2.1333333333em;
    }

    .topPage .simulation .-slide .-slide_main .splide__slide .-block .-images:after
    {
        bottom: 1.8773333333em;
        left: 1.6213333333em;

        width: 2.048em;
    }

    .topPage .simulation .-slide .-slide_main .splide__slide .-block .-detail
    {
        width: 100%;
        margin: 2.1333333333em 0 0;
    }

    .topPage .simulation .-slide .-slide_main .splide__slide .-block .-detail .-ttl
    {
        font-size: 1.1946666667em;

        gap: .3571428571em;
    }

    .topPage .simulation .-slide .-slide_main .splide__slide .-block .-detail .-ttl:before
    {
        width: .4266666667em;
    }

    .topPage .simulation .-slide .-slide_main .splide__slide .-block .-detail .-txt
    {
        font-size: .8533333333em;

        width: 100%;
        margin: .6em 0 0;
    }

    .topPage .simulation .-slide .-slide_main .splide__arrow
    {
        top: 6.5706666667em;

        padding: 1.1093333333em;

        gap: .5973333333em;
    }

    .topPage .simulation .-slide .-slide_main .splide__arrow:before
    {
        width: 1.792em;

        background-image: url('/ja-jp/special/x-gfx-brand/img/top/simulation/sp/btn_txt_next.svg');

        aspect-ratio: 21/7;
    }

    .topPage .simulation .-slide .-slide_main .splide__arrow:after
    {
        width: .768em;

        background-image: url('/ja-jp/special/x-gfx-brand/img/top/simulation/sp/btn_icon_arrow.svg');

        aspect-ratio: 9/16;
    }

    .topPage .simulation .-slide .-slide_main .splide__arrow--prev:before
    {
        background-image: url('/ja-jp/special/x-gfx-brand/img/top/simulation/sp/btn_txt_prev.svg');
    }

    .topPage .simulation .-slide .-slide_main .splide__pagination
    {
        display: none;
    }

    .topPage .simulation .-slide .-slide_sub .splide
    {
        position: relative;
    }

    .topPage .simulation .-slide .-slide_sub .splide:after
    {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 100%;
        height: max(1px, .0955733333em);

        content: '';

        background: #797878;
    }

    .topPage .simulation .-slide .-slide_sub .splide__track
    {
        padding: 5.12em 0 0;
    }

    .topPage .simulation .-slide .-slide_sub .splide__slide
    {
        line-height: 0;

        width: 4.5226666667em;
        padding: 0 .6826666667em 2.048em;
    }

    .topPage .simulation .-slide .-slide_sub .splide__slide button
    {
        position: relative;

        width: 100%;

        -webkit-transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
                transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
                transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
                transition:         transform .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: scale(.86);
                transform: scale(.86);

        aspect-ratio: 1/1;
    }

    .topPage .simulation .-slide .-slide_sub .splide__slide button:before
    {
        position: absolute;

        content: '';
        -webkit-transition: inset .35s cubic-bezier(.25, .46, .45, .94);
        -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
                transition: inset .35s cubic-bezier(.25, .46, .45, .94);
                transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;

        opacity: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 0 0/1.1093333333em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 0 0/.0853333333em 1.1093333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 100% 0/1.1093333333em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 100% 0/.0853333333em 1.1093333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 0 100%/1.1093333333em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 0 100%/.0853333333em 1.1093333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 100% 100%/1.1093333333em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#494949), to(#494949)) 100% 100%/.0853333333em 1.1093333333em no-repeat;
        background: linear-gradient(#494949, #494949) 0 0/1.1093333333em .0853333333em no-repeat, linear-gradient(#494949, #494949) 0 0/.0853333333em 1.1093333333em no-repeat, linear-gradient(#494949, #494949) 100% 0/1.1093333333em .0853333333em no-repeat, linear-gradient(#494949, #494949) 100% 0/.0853333333em 1.1093333333em no-repeat, linear-gradient(#494949, #494949) 0 100%/1.1093333333em .0853333333em no-repeat, linear-gradient(#494949, #494949) 0 100%/.0853333333em 1.1093333333em no-repeat, linear-gradient(#494949, #494949) 100% 100%/1.1093333333em .0853333333em no-repeat, linear-gradient(#494949, #494949) 100% 100%/.0853333333em 1.1093333333em no-repeat;

        inset: -.4266666667em;
    }

    .topPage .simulation .-slide .-slide_sub .splide__slide:after
    {
        position: absolute;
        bottom: 0;
        left: 50%;

        width: max(1px, .0955733333em);
        height: .512em;

        content: '';
        -webkit-transition: height .6s cubic-bezier(.215, .61, .355, 1) 0s;
                transition: height .6s cubic-bezier(.215, .61, .355, 1) 0s;

        background: #797878;
    }

    .topPage .simulation .-slide .-slide_sub .splide__slide.isActive button
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    .topPage .simulation .-slide .-slide_sub .splide__slide.isActive button:before
    {
        opacity: .92;
    }

    .topPage .simulation .-slide .-slide_sub .splide__slide.isActive:after
    {
        height: 1.024em;
    }

    .topPage .simulation .-info
    {
        width: 28.5866666667em;
    }

    .topPage .simulation .-info details
    {
        border-width: .0853333333em;
    }

    .topPage .simulation .-info details + details
    {
        border-top: none;
    }

    .topPage .simulation .-info details[open] summary .css_icon:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/.1706666667em 1.1946666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/0 0 no-repeat;
        background: linear-gradient(#797878, #797878) 50% 50%/.1706666667em 1.1946666667em no-repeat, linear-gradient(#797878, #797878) 50% 50%/0 0 no-repeat;
    }

    .topPage .simulation .-info details summary
    {
        display: -ms-grid;
        display:     grid;

        padding: 1.7066666667em;

        -ms-grid-columns: 1fr 2.048em;
        grid-template-columns: 1fr 2.048em;
    }

    .topPage .simulation .-info details summary .-txt
    {
        font-size: 1.3653333333em;
        line-height: 1.5em;

        letter-spacing: .05em;
    }

    .topPage .simulation .-info details .-inner
    {
        padding: 4.2666666667em 1.7066666667em 6.8266666667em;

        border-top-width: .0853333333em;
    }

    .topPage .simulation .-info details .-inner h3
    {
        font-size: 1.536em;
        line-height: 1.5em;

        letter-spacing: .05em;
    }

    .topPage .simulation .-info details .-inner p
    {
        font-size: 1.024em;

        margin: 2em 0 0;
    }

    .topPage .simulation .-info details .-inner p.-note
    {
        font-size: .9386666667em;

        margin: .9090909091em 0 0;
    }

    .topPage .simulation .-info details .-inner .-btn
    {
        margin-top: 2.56em;
    }

    .topPage .simulation .-info details .-inner .-btn a
    {
        height: 3.328em;
        padding: 0 1.4506666667em 0 1.7066666667em;

        border-width: .0853333333em;

        gap: .768em;
    }

    .topPage .simulation .-info details .-inner .-btn a .-icon:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.128em .5546666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.5546666667em .128em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.128em .5546666667em no-repeat;
        background: linear-gradient(#000, #000) 0 0/.5546666667em .128em no-repeat, linear-gradient(#000, #000) 0 0/.128em .5546666667em no-repeat, linear-gradient(#000, #000) 100% 0/.5546666667em .128em no-repeat, linear-gradient(#000, #000) 100% 0/.128em .5546666667em no-repeat, linear-gradient(#000, #000) 0 100%/.5546666667em .128em no-repeat, linear-gradient(#000, #000) 0 100%/.128em .5546666667em no-repeat, linear-gradient(#000, #000) 100% 100%/.5546666667em .128em no-repeat, linear-gradient(#000, #000) 100% 100%/.128em .5546666667em no-repeat;
    }

    .topPage .simulation .-info details .-inner .-btn a .-icon:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.128em .896em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.896em .128em no-repeat;
        background: linear-gradient(#000, #000) 50% 50%/.128em .896em no-repeat, linear-gradient(#000, #000) 50% 50%/.896em .128em no-repeat;
    }

    .topPage .simulation .-info details .-inner .-btn a.-btn_about
    {
        -ms-grid-columns: 1.536em 14.4213333333em;
        grid-template-columns: 1.536em 14.4213333333em;
    }

    .topPage .simulation .-info details .-inner .-btn a.-btn_more
    {
        -ms-grid-columns: 1.536em 6.3146666667em;
        grid-template-columns: 1.536em 6.3146666667em;
    }

    .topPage .simulation .-info details .-inner .-movie_ttl
    {
        font-size: 1.3653333333em;

        margin: 5em 0 1.125em;
    }

    .topPage .simulation .-info details .-inner .-movie button .-icon
    {
        width: 1.1946666667em;
    }

    .topPage .simulation .-info details .-inner .-movie button .-icon:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.4266666667em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 0/.1706666667em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.4266666667em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 0/.1706666667em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.4266666667em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 0 100%/.1706666667em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.4266666667em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) 100% 100%/.1706666667em .4266666667em no-repeat;
        background: linear-gradient(#fff, #fff) 0 0/.4266666667em .1706666667em no-repeat, linear-gradient(#fff, #fff) 0 0/.1706666667em .4266666667em no-repeat, linear-gradient(#fff, #fff) 100% 0/.4266666667em .1706666667em no-repeat, linear-gradient(#fff, #fff) 100% 0/.1706666667em .4266666667em no-repeat, linear-gradient(#fff, #fff) 0 100%/.4266666667em .1706666667em no-repeat, linear-gradient(#fff, #fff) 0 100%/.1706666667em .4266666667em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.4266666667em .1706666667em no-repeat, linear-gradient(#fff, #fff) 100% 100%/.1706666667em .4266666667em no-repeat;
    }

    .topPage .simulation .-info details .-inner .-movie button .-icon:after
    {
        width: .512em;
    }

    .topPage .simulation .-info details .-inner .-movie button:after
    {
        top: 8.5333333333em;

        width: 2.7306666667em;

        background-image: url('/ja-jp/special/x-gfx-brand/img/top/simulation/sp/txt_playvideo.svg');

        aspect-ratio: 32/23;
    }

    .topPage .simulation .-info details .-inner .-img
    {
        margin-top: 2.56em;
    }

    .topPage .x_lovers_voice
    {
        height: 221.2693333333em;
    }

    .topPage .x_lovers_voice h2
    {
        top: 13.7386666667em;
        left: 1.7066666667em;

        width: 28.672em;

        aspect-ratio: 336/68;
    }

    .topPage .x_lovers_voice .-item[data-id='1']
    {
        top: 24.7466666667em;
        left: 0;
    }

    .topPage .x_lovers_voice .-item[data-id='1'] .-img
    {
        width: 32em;

        aspect-ratio: 375/418;
    }

    .topPage .x_lovers_voice .-item[data-id='2']
    {
        top: 86.784em;
        left: 0;
    }

    .topPage .x_lovers_voice .-item[data-id='2'] .-img
    {
        width: 21.3333333333em;

        aspect-ratio: 250/166;
    }

    .topPage .x_lovers_voice .-item[data-id='3']
    {
        top: 120.6613333333em;
        left: 0;
    }

    .topPage .x_lovers_voice .-item[data-id='3'] .-img
    {
        width: 25.0026666667em;

        aspect-ratio: 293/165;
    }

    .topPage .x_lovers_voice .-item[data-id='4']
    {
        top: 142.6773333333em;
        left: 0;
    }

    .topPage .x_lovers_voice .-item[data-id='4'] .-img
    {
        width: 15.0186666667em;

        aspect-ratio: 176/241;
    }

    .topPage .x_lovers_voice .-item[data-id='5']
    {
        top: 169.0453333333em;
        left: 0;
    }

    .topPage .x_lovers_voice .-item[data-id='5'] .-img
    {
        width: 19.712em;

        aspect-ratio: 231/209;
    }

    .topPage .x_lovers_voice .-item[data-id='1']
    {
        width: 100%;
    }

    .topPage .x_lovers_voice .-item[data-id='1'] .-img
    {
        width: 100%;
    }

    .topPage .x_lovers_voice .-item[data-id='3']
    {
        padding-right: 5.2053333333em;
    }

    .topPage .x_lovers_voice .-item[data-id='4']
    {
        right: 0;
        left: auto;

        padding-left: 14.336em;
    }

    .topPage .x_lovers_voice .-item .-txt[data-id='3']
    {
        padding-top: 14.08em;
    }

    .topPage .x_lovers_voice .-item .-txt[data-id='3'] p
    {
        top: 0;

        width: 3.2426666667em;
    }

    .topPage .x_lovers_voice .-item .-txt[data-id='4']
    {
        top: auto;
        bottom: 0;
    }

    .topPage .x_lovers_voice .-item .-txt[data-id='4'] p
    {
        width: 12.288em;
    }

    .topPage .x_lovers_voice .-item p[data-id='1']
    {
        width: 19.8826666667em;
        margin: 2.56em 0 0 2.56em;
    }

    .topPage .x_lovers_voice .-item p[data-id='2']
    {
        width: 17.8346666667em;
        margin: 2.56em 0 0 2.56em;
    }

    .topPage .x_lovers_voice .-item p[data-id='5']
    {
        width: 21.8453333333em;
        margin: 2.56em 0 0 2.56em;
    }

    .topPage .x_lovers_voice .-item .-btn
    {
        width: 9.6426666667em;
        margin: 1.7066666667em 0 0;

        border-width: .0853333333em;

        -ms-grid-columns: 1.1093333333em .512em 5.2906666667em;
        grid-template-columns: 1.1093333333em 5.2906666667em;
        gap: .512em;
    }

    .topPage .x_lovers_voice .-item .-btn .css_icon:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.4266666667em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.0853333333em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.4266666667em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.0853333333em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.4266666667em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.0853333333em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.4266666667em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.0853333333em .4266666667em no-repeat;
        background: linear-gradient(#000, #000) 0 0/.4266666667em .0853333333em no-repeat, linear-gradient(#000, #000) 0 0/.0853333333em .4266666667em no-repeat, linear-gradient(#000, #000) 100% 0/.4266666667em .0853333333em no-repeat, linear-gradient(#000, #000) 100% 0/.0853333333em .4266666667em no-repeat, linear-gradient(#000, #000) 0 100%/.4266666667em .0853333333em no-repeat, linear-gradient(#000, #000) 0 100%/.0853333333em .4266666667em no-repeat, linear-gradient(#000, #000) 100% 100%/.4266666667em .0853333333em no-repeat, linear-gradient(#000, #000) 100% 100%/.0853333333em .4266666667em no-repeat;
    }

    .topPage .x_lovers_voice .-item .-btn .css_icon:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.0853333333em .5973333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.5973333333em .0853333333em no-repeat;
        background: linear-gradient(#000, #000) 50% 50%/.0853333333em .5973333333em no-repeat, linear-gradient(#000, #000) 50% 50%/.5973333333em .0853333333em no-repeat;
    }

    .topPage .x_lovers_voice .-item .-btn[data-id='1'],
    .topPage .x_lovers_voice .-item .-btn[data-id='2'],
    .topPage .x_lovers_voice .-item .-btn[data-id='5']
    {
        margin-left: 2.304em;
    }

    .topPage .x_lovers_voice .-item .-btn[data-id='3']
    {
        margin: 1.792em 0 0 2.304em;
    }

    .topPage .bnr_diagnosis
    {
        padding: 0 0 12.7146666667em;
    }

    .topPage .bnr_diagnosis a
    {
        display: block;

        aspect-ratio: auto;
    }

    .topPage .bnr_diagnosis a .-img
    {
        height: auto;

        aspect-ratio: 375/257;
    }

    .topPage .bnr_diagnosis a .-txt
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: 2.56em;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .topPage .bnr_diagnosis a .-txt picture
    {
        width: 21.4186666667em;

        aspect-ratio: 251/118;
    }

    .topPage .history h2
    {
        padding: 0 0 5.2053333333em 2.304em;
    }

    .topPage .history h2 picture
    {
        width: 28.5866666667em;

        aspect-ratio: 335/101;
    }

    .topPage .history .-fixed_parent
    {
        height: 239.0528em;
    }

    .topPage .history .-head
    {
        top: 1.28em;
        right: 1.1946666667em;

        gap: .5973333333em;
    }

    .topPage .history .-head a
    {
        height: 2.9013333333em;

        border-width: .0853333333em;

        aspect-ratio: auto;
    }

    .topPage .history .-head a:nth-child(1)
    {
        width: 11.3493333333em;
    }

    .topPage .history .-head a:nth-child(1) picture
    {
        width: 8.5333333333em;
    }

    .topPage .history .-head a:nth-child(2)
    {
        width: 9.216em;
    }

    .topPage .history .-head a:nth-child(2) picture
    {
        width: 6.4em;
    }

    .topPage .history .-btn_skip
    {
        font-size: 1.4933333333em;

        right: 1.3714285714em;
        bottom: 2.0571428571em;

        padding-bottom: .1714285714em;

        border-bottom-width: max(1px, .0571428571em);
    }

    .topPage .history .-lineup .-item
    {
        top: 6.5771140741em;
    }

    .topPage .history .-lineup .-item span.-img
    {
        height: 12.0158814815em;
    }

    .topPage .history .-lineup .-item span.-name
    {
        margin-top: .3794488889em;
    }

    .topPage .history .-lineup .-item[data-id='1']
    {
        left: 5.1858014815em;
    }

    .topPage .history .-lineup .-item[data-id='1'] .-img
    {
        width: 27.0673540741em;
    }

    .topPage .history .-lineup .-item[data-id='1'] .-name
    {
        width: 10.8775348148em;
    }

    .topPage .history .-lineup .-item[data-id='2']
    {
        left: 34.7828148148em;
    }

    .topPage .history .-lineup .-item[data-id='2'] .-img
    {
        width: 14.1028503704em;
    }

    .topPage .history .-lineup .-item[data-id='2'] .-name
    {
        width: 4.2371792593em;
    }

    .topPage .history .-lineup .-item[data-id='3']
    {
        left: 56.4114014815em;
    }

    .topPage .history .-lineup .-item[data-id='3'] .-img
    {
        width: 27.8262518519em;
    }

    .topPage .history .-lineup .-item[data-id='3'] .-name
    {
        width: 9.5494637037em;
    }

    .topPage .history .-lineup .-item[data-id='4']
    {
        left: 100.74368em;
    }

    .topPage .history .-lineup .-item[data-id='4'] .-img
    {
        width: 14.1028503704em;
    }

    .topPage .history .-lineup .-item[data-id='4'] .-name
    {
        width: 3.41504em;
    }

    .topPage .history .-lineup .-item[data-id='5']
    {
        left: 118.2615703704em;
    }

    .topPage .history .-lineup .-item[data-id='5'] .-img
    {
        width: 14.1028503704em;
    }

    .topPage .history .-lineup .-item[data-id='5'] .-name
    {
        width: 4.9328355556em;
    }

    .topPage .history .-lineup .-item[data-id='6']
    {
        left: 140.2696059259em;
    }

    .topPage .history .-lineup .-item[data-id='6'] .-img
    {
        width: 28.2057007407em;
    }

    .topPage .history .-lineup .-item[data-id='6'] .-name
    {
        width: 8.1581511111em;
    }

    .topPage .history .-lineup .-item[data-id='7']
    {
        left: 182.578157037em;
    }

    .topPage .history .-lineup .-item[data-id='7'] .-img
    {
        width: 28.7748740741em;
    }

    .topPage .history .-lineup .-item[data-id='7'] .-name
    {
        width: 9.7391881481em;
    }

    .topPage .history .-lineup .-item[data-id='8']
    {
        left: 219.7641481481em;
    }

    .topPage .history .-lineup .-item[data-id='8'] .-img
    {
        width: 27.2570785185em;
    }

    .topPage .history .-lineup .-item[data-id='8'] .-name
    {
        width: 8.6008414815em;
    }

    .topPage .history .-lineup .-item[data-id='9']
    {
        left: 251.5113718519em;
    }

    .topPage .history .-lineup .-item[data-id='9'] .-img
    {
        width: 14.1028503704em;
    }

    .topPage .history .-lineup .-item[data-id='9'] .-name
    {
        width: 4.7431111111em;
    }

    .topPage .history .-lineup .-item[data-id='10']
    {
        left: 267.4482251852em;
    }

    .topPage .history .-lineup .-item[data-id='10'] .-img
    {
        width: 14.1028503704em;
    }

    .topPage .history .-lineup .-item[data-id='10'] .-name
    {
        width: 3.541522963em;
    }

    .topPage .history .-chronology .-item
    {
        top: 31.1780503704em;
    }

    .topPage .history .-chronology .-item h3
    {
        height: 1.7707614815em;
        margin-bottom: 3.1620740741em;
    }

    .topPage .history .-chronology .-item[data-year='2025']
    {
        left: 8.2846340741em;
    }

    .topPage .history .-chronology .-item[data-year='2024']
    {
        left: 28.4586666667em;
    }

    .topPage .history .-chronology .-item[data-year='2023']
    {
        left: 42.561517037em;
    }

    .topPage .history .-chronology .-item[data-year='2022']
    {
        left: 59.4469925926em;
    }

    .topPage .history .-chronology .-item[data-year='2021']
    {
        left: 82.4668918519em;
    }

    .topPage .history .-chronology .-item[data-year='2020']
    {
        left: 100.9966459259em;
    }

    .topPage .history .-chronology .-item[data-year='2019']
    {
        left: 117.6291555556em;
    }

    .topPage .history .-chronology .-item[data-year='2018']
    {
        left: 137.6134637037em;
    }

    .topPage .history .-chronology .-item[data-year='2017']
    {
        left: 167.7164088889em;
    }

    .topPage .history .-chronology .-item[data-year='2016']
    {
        left: 186.7520948148em;
    }

    .topPage .history .-chronology .-item[data-year='2015']
    {
        left: 201.4241185185em;
    }

    .topPage .history .-chronology .-item[data-year='2014']
    {
        left: 215.021037037em;
    }

    .topPage .history .-chronology .-item[data-year='2013']
    {
        left: 227.7325748148em;
    }

    .topPage .history .-chronology .-item[data-year='2012']
    {
        left: 242.8472888889em;
    }

    .topPage .history .-chronology .-item[data-year='2011']
    {
        left: 259.3533155556em;
    }

    .topPage .history .-chronology .-item .-block
    {
        gap: 1.6442785185em;
    }

    .topPage .history .-chronology .-item .-box .-img
    {
        height: 6.956562963em;
        margin-bottom: .8853807407em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2025_1'] .-img
    {
        width: 14.0396088889em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2023_1'] .-img
    {
        width: 10.4348444444em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2022_1'] .-img
    {
        width: 21.1226548148em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2020_1'] .-img
    {
        width: 10.4348444444em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2019_1'] .-img
    {
        width: 10.4348444444em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2018_1'] .-img
    {
        width: 14.0396088889em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2018_2'] .-img
    {
        width: 10.4348444444em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2016_1'] .-img
    {
        width: 6.956562963em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2013_1'] .-img
    {
        width: 6.956562963em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2012_1'] .-img
    {
        width: 6.956562963em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2011_1'] .-img
    {
        width: 14.0396088889em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2025_1'] p
    {
        width: 17.4161111111em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2023_1'] p
    {
        width: 17.7866666667em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2022_1'] p
    {
        width: 24.7531111111em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2020_1'] p
    {
        width: 14.8222222222em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2019_1'] p
    {
        width: 14.8222222222em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2018_1'] p
    {
        width: 14.8222222222em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2018_2'] p
    {
        width: 14.8222222222em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2016_1'] p
    {
        width: 14.8222222222em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2013_1'] p
    {
        width: 14.8222222222em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2012_1'] p
    {
        width: 14.8222222222em;
    }

    .topPage .history .-chronology .-item .-box[data-id='2011_1'] p
    {
        width: 14.8222222222em;
    }

    .topPage .history .-chronology .-item .-box p
    {
        font-size: .6956562963em;
    }

    .topPage .history .-chronology .-item .-box p .-l
    {
        font-size: 1.0106060606em;

        margin: 0 0 .3952592593em;
    }

    .topPage .article
    {
        padding: 19.3706666667em 0 12.8em;
    }

    .topPage .article .-section
    {
        margin: 0 0 8.5333333333em;
    }

    .topPage .article .-section h3
    {
        height: 2.4746666667em;
        margin: 0 0 1.28em 1.7066666667em;
    }

    .topPage .article .-section .-list
    {
        display: -ms-grid;
        display:     grid;

        -ms-grid-columns: 1fr 0 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 4.352em 0;
    }

    .topPage .article .-section .-list .-item .-img
    {
        margin: 0 0 1.1946666667em;
    }

    .topPage .article .-section .-list .-item .-detail
    {
        padding: 0 1.7066666667em;
    }

    .topPage .article .-section .-list .-item .-detail h4
    {
        font-size: 1.28em;
        line-height: 1.4em;
    }

    .topPage .article .-section .-list .-item .-detail .-tags
    {
        margin: .8533333333em 0 0;

        gap: 1.024em;
    }

    .topPage .article .-section .-list .-item .-detail .-tags span
    {
        width: 4.4373333333em;
        height: 1.6213333333em;
    }

    .topPage .article .-section .-list .-item .-detail .-tags span[data-type=close]
    {
        width: 5.376em;
    }

    .topPage .article .-section .-list .-item .-detail p
    {
        font-size: .8533333333em;

        margin-top: 1em;
    }

    .topPage .article .-section .-list .-item .-btn
    {
        margin: .8533333333em 0 0 1.7066666667em;
    }

    .topPage .article .-section .-list .-item .-btn > span
    {
        width: 9.6426666667em;

        border-width: .0853333333em;

        gap: .512em;
    }

    .topPage .article .-section .-list .-item .-btn .css_icon
    {
        width: 1.1946666667em;
    }

    .topPage .article .-section .-list .-item .-btn .css_icon:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.4266666667em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 0/.0853333333em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.4266666667em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 0/.0853333333em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.4266666667em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 0 100%/.0853333333em .4266666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.4266666667em .0853333333em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 100% 100%/.0853333333em .4266666667em no-repeat;
        background: linear-gradient(#000, #000) 0 0/.4266666667em .0853333333em no-repeat, linear-gradient(#000, #000) 0 0/.0853333333em .4266666667em no-repeat, linear-gradient(#000, #000) 100% 0/.4266666667em .0853333333em no-repeat, linear-gradient(#000, #000) 100% 0/.0853333333em .4266666667em no-repeat, linear-gradient(#000, #000) 0 100%/.4266666667em .0853333333em no-repeat, linear-gradient(#000, #000) 0 100%/.0853333333em .4266666667em no-repeat, linear-gradient(#000, #000) 100% 100%/.4266666667em .0853333333em no-repeat, linear-gradient(#000, #000) 100% 100%/.0853333333em .4266666667em no-repeat;
    }

    .topPage .article .-section .-list .-item .-btn .css_icon:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.0853333333em .6826666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 50% 50%/.6826666667em .0853333333em no-repeat;
        background: linear-gradient(#000, #000) 50% 50%/.0853333333em .6826666667em no-repeat, linear-gradient(#000, #000) 50% 50%/.6826666667em .0853333333em no-repeat;
    }

    .topPage .article .-section .-list .-item .-btn .-txt
    {
        width: 5.2906666667em;
    }

    .topPage .article .-section.-lenses h3
    {
        width: 6.4853333333em;
        margin: 0 0 5.2053333333em 1.7066666667em;

        aspect-ratio: 76/15;
    }

    .topPage .article .-section.-lenses .-list .-item
    {
        display: block;
    }

    .topPage .article .-section.-lenses .-list .-item .-detail
    {
        padding: 2.3893333333em 1.7066666667em 0;
    }

    .topPage .article .-section.-lenses .-list .-item .-detail h4
    {
        font-size: 1.7066666667em;
    }

    .topPage .article .-section.-lenses .-list .-item .-detail .-tags
    {
        margin: 1.3653333333em 0 0;
    }

    .topPage .article .-section.-lenses .-list .-item .-detail p
    {
        font-size: .9386666667em;

        width: 100%;
        margin-top: 1.4545454545em;
    }

    .topPage .article .-section.-lenses .-list .-item .-btn
    {
        margin-top: 1.3653333333em;
    }

    .topPage .dialog_product
    {
        background: #dedede;

        background-blend-mode: normal;
        backdrop-filter: blur(.5546666667em);
    }

    .topPage .dialog_product .-window
    {
        width: 28.5866666667em;
        height: 90svh;
    }

    .topPage .dialog_product .-body
    {
        padding: 8.5333333333em 1.7066666667em 6.5706666667em;
    }

    .topPage .dialog_product .-body h3
    {
        font-size: 1.536em;
    }

    .topPage .dialog_product .-body h3 br
    {
        display: none;
    }

    .topPage .dialog_product .-body p
    {
        font-size: 1.024em;

        margin: 2.5em 0 0;
    }

    .topPage .dialog_product .-body p br
    {
        display: none;
    }

    .topPage .dialog_product .-body p.-note
    {
        font-size: .8533333333em;

        margin: 1.5em 0 0;
    }

    .topPage .dialog_product .-body .-img
    {
        margin: 2.56em 0 0;
    }

    .topPage .dialog_product .-btn_close
    {
        top: 1.7066666667em;
        right: 1.7066666667em;

        width: 2.048em;
    }

    .topPage .dialog_product .-btn_close span:before
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 0/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 0/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 0/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 0/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 100%/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 0 100%/.1706666667em .768em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 100%/.768em .1706666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 100% 100%/.1706666667em .768em no-repeat;
        background: linear-gradient(#797878, #797878) 0 0/.768em .1706666667em no-repeat, linear-gradient(#797878, #797878) 0 0/.1706666667em .768em no-repeat, linear-gradient(#797878, #797878) 100% 0/.768em .1706666667em no-repeat, linear-gradient(#797878, #797878) 100% 0/.1706666667em .768em no-repeat, linear-gradient(#797878, #797878) 0 100%/.768em .1706666667em no-repeat, linear-gradient(#797878, #797878) 0 100%/.1706666667em .768em no-repeat, linear-gradient(#797878, #797878) 100% 100%/.768em .1706666667em no-repeat, linear-gradient(#797878, #797878) 100% 100%/.1706666667em .768em no-repeat;
    }

    .topPage .dialog_product .-btn_close span:after
    {
        background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/.1706666667em 1.1946666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/1.1946666667em .1706666667em no-repeat;
        background: linear-gradient(#797878, #797878) 50% 50%/.1706666667em 1.1946666667em no-repeat, linear-gradient(#797878, #797878) 50% 50%/1.1946666667em .1706666667em no-repeat;
    }

    .topPage .dialog_product .-btn_close span:after
    {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);

        background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/.1706666667em 1.1946666667em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878)) 50% 50%/0 0 no-repeat;
        background: linear-gradient(#797878, #797878) 50% 50%/.1706666667em 1.1946666667em no-repeat, linear-gradient(#797878, #797878) 50% 50%/0 0 no-repeat;
    }

    .topPage .dialog_simulation .-btn_close
    {
        top: 1.28em;
        right: 1.4506666667em;

        width: 3.7546666667em;

        background-image: url('/ja-jp/special/x-gfx-brand/img/common/sp/dialog_btn_close.svg');

        aspect-ratio: 1/1;
    }

    .topPage .dialog_simulation .-slide
    {
        display: block;

        height: auto;
        min-height: 34.1333333333em;
        padding: 7.5093333333em 0 2.56em;
    }

    .topPage .dialog_simulation .splide
    {
        position: relative;

        padding: 0 0 2.56em;
        /*&__arrows {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: mix.emSp(100);
    }//arrows*/
    }

    .topPage .dialog_simulation .splide__arrow
    {
        top: 14.5066666667em;
        /*position: static;
    top: auto;
    bottom: auto;
    display: flex;
    gap: mix.emSp(16);*/

        padding: .8533333333em .4266666667em;

        gap: .6826666667em;
    }

    .topPage .dialog_simulation .splide__arrow:before
    {
        width: 1.9797333333em;
        margin: .1365333333em 0 0;

        content: '';
    }

    .topPage .dialog_simulation .splide__arrow:after
    {
        width: .6144em;
    }

    .topPage .dialog_simulation .-block
    {
        display: block;

        width: 28.5866666667em;
        margin: 0 auto;
    }

    .topPage .dialog_simulation .-block .-head
    {
        width: 100%;
        margin: 0 0 3.4133333333em;
    }

    .topPage .dialog_simulation .-block .-head .-name
    {
        font-size: 1.1946666667em;

        gap: .3571428571em;
    }

    .topPage .dialog_simulation .-block .-head .-name:before
    {
        width: .3571428571em;
    }

    .topPage .dialog_simulation .-block .-body
    {
        display: block;
    }

    .topPage .dialog_simulation .-block .-body .-images
    {
        padding: 2.1333333333em 2.4746666667em;
    }

    .topPage .dialog_simulation .-block .-body .-images:after
    {
        bottom: 1.8773333333em;
        left: 1.6213333333em;

        width: 2.048em;
    }

    .topPage .dialog_simulation .-block .-body .-detail
    {
        padding: 3.4133333333em 0 0;
    }

    .topPage .dialog_simulation .-block .-body .-detail .-txt1
    {
        font-size: 1.1093333333em;
    }

    .topPage .dialog_simulation .-block .-body .-detail .-txt2
    {
        font-size: .9386666667em;

        margin: 1.6363636364em 0 0;
    }

    .topPage .dialog_simulation .-counter
    {
        font-size: 1.1093333333em;

        position: absolute;
        bottom: 0;
        left: 0;

        width: 100%;
        margin: 0;

        text-align: center;
    }

    .topPage .dialog_movie .-btn_close
    {
        top: 1.28em;
        right: 1.4506666667em;

        width: 3.7546666667em;

        background-image: url('/ja-jp/special/x-gfx-brand/img/common/sp/dialog_btn_close.svg');

        aspect-ratio: 1/1;
    }

    .topPage .dialog_movie .-embed
    {
        width: min(100svw, 149.9314128944svh);
        height: min(100svh, 66.6971637694svw);
    }

    .galleryPage .article
    {
        width: 100%;
        padding: 4.2666666667em 1.7066666667em 8.5333333333em;
    }

    .galleryPage .article h2
    {
        width: 8.1066666667em;
    }

    .galleryPage .article .-list
    {
        -ms-grid-columns: 1fr 3.072em 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 3.072em;
    }

    .galleryPage .article .-list button .-name
    {
        font-size: .9386666667em;

        margin: 1em 0 .7272727273em;
    }

    .galleryPage .article .-list button .-more
    {
        font-size: .768em;

        padding-bottom: .2222222222em;

        border-bottom-width: .0555555556em;

        gap: .2222222222em;
    }

    .galleryPage .article .-list button .-more:after
    {
        width: .5555555556em;
    }

    .galleryPage .article .-btn_back
    {
        margin-top: 6.8266666667em;
    }

    .galleryPage .article .-btn_back a
    {
        width: 7.68em;

        border-width: .0853333333em;
    }

    .galleryPage .article .-btn_back a picture
    {
        width: 4.352em;
    }

    .galleryPage .dialog_gallery .-btn_close
    {
        top: 1.28em;
        right: 1.4506666667em;

        width: 3.7546666667em;

        background-image: url('/ja-jp/special/x-gfx-brand/img/common/sp/dialog_btn_close.svg');
    }

    .galleryPage .dialog_gallery .-page
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .galleryPage .dialog_gallery .-page.isActive
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .galleryPage .dialog_gallery .-body
    {
        position: relative;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
            flex-direction: column;

        width: 100%;
        height: 100svh;
        padding: 7.2533333333em .6826666667em 0;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .galleryPage .dialog_gallery .-body .-images
    {
        width: 100%;
        height: auto;

        -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    }

    .galleryPage .dialog_gallery .-body .-images.-splide
    {
        overflow: hidden;
    }

    .galleryPage .dialog_gallery .-body .-images.-scroll
    {
        gap: 6.8266666667em;
    }

    .galleryPage .dialog_gallery .-body .-images.-scroll .-img
    {
        padding: 1px 0 0;
    }

    .galleryPage .dialog_gallery .-body .-data
    {
        position: absolute;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 29.2693333333em;
        padding: 7.5093333333em 3.072em 0 3.328em;

        pointer-events: none;

        background: #fff;
    }

    .galleryPage .dialog_gallery .-body .-data .-name
    {
        font-size: 1.28em;
    }

    .galleryPage .dialog_gallery .-body .-data .-post
    {
        font-size: .8533333333em;

        margin: -.3em 0 0;
    }

    .galleryPage .dialog_gallery .-body .-data .-profile
    {
        font-size: .8533333333em;
        line-height: 1.7em;

        margin-top: 1.2em;
    }

    .galleryPage .dialog_gallery .-detail
    {
        position: absolute;
        bottom: 25.088em;
        left: 0;

        width: 100%;
        height: 4.0106666667em;

        border: none;
    }

    .galleryPage .dialog_gallery .-detail .-item
    {
        font-size: .8533333333em;

        padding: 0 0 0 1em;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .galleryPage .dialog_gallery .-detail .-item b
    {
        display: block;
    }

    .galleryPage .dialog_gallery .-detail .-item b:after
    {
        display: none;
    }

    .galleryPage .dialog_gallery .-detail .-item .-film,
    .galleryPage .dialog_gallery .-detail .-item .-camera,
    .galleryPage .dialog_gallery .-detail .-item .-lens
    {
        top: max(-1px, -.1em);

        height: calc(100% + max(1px, .1em));
    }

    .galleryPage .dialog_gallery .-detail .-item .-film .-label,
    .galleryPage .dialog_gallery .-detail .-item .-camera .-label,
    .galleryPage .dialog_gallery .-detail .-item .-lens .-label
    {
        line-height: 1.3em;

        display: block;

        height: auto;
        padding: 0;

        border: none;
    }

    .galleryPage .dialog_gallery .-detail .-item .-film .-label span,
    .galleryPage .dialog_gallery .-detail .-item .-camera .-label span,
    .galleryPage .dialog_gallery .-detail .-item .-lens .-label span
    {
        border-bottom: max(1px, .1em) solid #000;
    }

    .galleryPage .dialog_gallery .-detail .-item .-block
    {
        height: 3.6em;
        margin-right: .5em;
    }

    .galleryPage .dialog_gallery .-detail .-item .-block .-img
    {
        width: 2.8em;
        margin: 0 .5em 0 0;
    }

    .galleryPage .dialog_gallery .-detail .-item .-block .-label
    {
        line-height: 1.3em;

        letter-spacing: 0;
    }

    .galleryPage .dialog_gallery .-detail .-item .-wrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        height: 3.6em;
        padding: 0 .5em;

        border-left-width: max(1px, .1em);

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .galleryPage .dialog_gallery .-detail .-item .-popup
    {
        top: 100%;
        bottom: auto;

        width: 16em;
    }

    .galleryPage .dialog_gallery .-detail .-item .-popup .-btn
    {
        height: 2.2em;
        padding: 0 .8em 1.7em 0;
    }

    .galleryPage .dialog_gallery .-detail .-item .-popup .-btn a
    {
        font-size: 1.1em;

        height: 1.8773333333em;
        padding: 0 .7272727273em;

        color: #fff;
        border-width: max(1px, .0909090909em);
    }

    .galleryPage .dialog_gallery .-detail .-item .-camera .-popup
    {
        left: calc(50% - 9.3866666667em);
    }

    .galleryPage .dialog_gallery .-detail .-item .-lens .-popup
    {
        right: 0;
        left: auto;
    }

    .galleryPage .dialog_gallery .-number
    {
        font-size: 1.024em;

        right: 1.5em;
        bottom: .9166666667em;
    }
}

@media (max-width: 900px) and (hover: hover)
{
    .x_gfx_brand main a:hover .css_icon:before,
    .x_gfx_brand main button:hover .css_icon:before,
    .x_gfx_brand main summary:hover .css_icon:before
    {
        inset: -.3413333333em;
    }
}

@media (hover: hover)
{
    .x_gfx_brand main a:hover .css_icon:before,
    .x_gfx_brand main button:hover .css_icon:before,
    .x_gfx_brand main summary:hover .css_icon:before
    {
        inset: -.25em;
    }

    .topPage .product .-images button:hover .-img img
    {
        -webkit-transform: scale(1.04);
                transform: scale(1.04);
    }

    .topPage .simulation .-slide .-slide_main .splide__arrow--prev:hover:after
    {
        -webkit-transform: rotate(180deg) translateX(100%);
                transform: rotate(180deg) translateX(100%);
    }

    .topPage .simulation .-slide .-slide_main .splide__arrow--next:hover:after
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }

    .topPage .x_lovers_voice .-item:hover .-img
    {
        -webkit-box-shadow: inset 0 0 2.75em 3.125em rgba(13, 131, 204, .1);
                box-shadow: inset 0 0 2.75em 3.125em rgba(13, 131, 204, .1);

        -webkit-filter: blur(.46875em) drop-shadow(0 .25em .25em rgba(0, 0, 0, .05));
                filter: blur(.46875em) drop-shadow(0 .25em .25em rgba(0, 0, 0, .05));
    }

    .topPage .x_lovers_voice .-item:hover .-btn .css_icon:before
    {
        inset: -.125em;
    }

    .topPage .bnr_diagnosis a:hover
    {
        opacity: .7;
    }

    .topPage .bnr_diagnosis a:hover .-img img
    {
        -webkit-transform: scale(1.04);
                transform: scale(1.04);
    }

    .topPage .article .-section .-list .-item:hover
    {
        opacity: .7;
    }

    .topPage .article .-section .-list .-item:hover .-img img
    {
        -webkit-transform: scale(1.04);
                transform: scale(1.04);
    }

    .topPage .article .-section .-list .-item:hover .css_icon:before
    {
        inset: -.0625em;
    }

    .topPage .dialog_product .-btn_close:hover span:before
    {
        inset: -.25em;
    }

    .topPage .dialog_simulation .splide__arrow--prev:hover:after
    {
        -webkit-transform: rotate(180deg) translateX(100%);
                transform: rotate(180deg) translateX(100%);
    }

    .topPage .dialog_simulation .splide__arrow--next:hover:after
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }

    .galleryPage .article .-list button:hover .-img img
    {
        -webkit-transform: scale(1.08);
                transform: scale(1.08);
    }

    .galleryPage .dialog_gallery .-detail .-item .-popup .-btn a:hover .-i
    {
        -webkit-transform: translateX(.5em);
                transform: translateX(.5em);
    }
}