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

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

    letter-spacing: .1em;
    word-break: normal;

    color: #fff;
    background-color: #f7f7f7;

    -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;
    padding-top: 5em;
}

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

.top .js-ef_blur
{
    opacity: 0;
}

.top *
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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

.top h1,
.top h2,
.top h3,
.top h4,
.top h5,
.top h6
{
    font-size: 100%;
    font-weight: 500;
}

.top a
{
    text-decoration: none;

    color: #fff;
}

.top a img
{
    border: none;
}

.top button
{
    font: inherit;

    cursor: pointer;

    color: #fff;
    border: none;
    background: transparent;

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

.top input,
.top textarea
{
    font: inherit;
}

.top label
{
    cursor: pointer;
}

.top details summary
{
    list-style: none;

    cursor: pointer;
}

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

.top dialog
{
    color: inherit;
}

.top img,
.top svg
{
    width: 100%;
    margin: 0;
    padding: 0;

    vertical-align: middle;

    image-rendering: auto;
}

.top video
{
    width: 100%;
}

.top sup
{
    font-size: .6em;

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

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

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

.top img:-moz-loading
{
    visibility: hidden;
}

.monom .gl_common_section
{
    position: relative;
}

.monom .gl_common_section__inner
{
    position: relative;

    max-width: 90em;
    margin: 0 auto;
}

.monom .gl_common_h2
{
    font-size: 2.1875em;
    line-height: 1.3em;

    letter-spacing: .2em;

    -webkit-font-feature-settings: 'fwid' on;
            font-feature-settings: 'fwid' on;
}

.monom .gl_common_h3
{
    font-size: 1.75em;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_h4
{
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_txt1
{
    font-size: 1.3125em;
    line-height: 1.8em;

    letter-spacing: .05em;
}

.monom .gl_common_txt2
{
    font-size: 1.125em;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_note,
.monom .article .-section .-note
{
    font-size: .8125em;
    line-height: 1.6em;

    letter-spacing: .05em;
}

.monom .gl_common_dialog_h2
{
    font-size: 2em;
    font-weight: 400;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_dialog_sub_ttl
{
    font-size: 1.125em;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_dialog_txt
{
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.6em;

    letter-spacing: .05em;
}

.monom .gl_common_dialog
{
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100vw;
    height: 100%;

    border: none;
    background: #2e4763;
}

.monom .gl_common_dialog[data-type=w]
{
    background: #c6ced2;
}

.monom .gl_common_dialog__scroll
{
    position: relative;

    overflow: auto;

    width: 100%;
    height: 100%;

    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}

.monom .gl_common_dialog__inner
{
    position: relative;

    min-height: 100vh;
}

.monom .gl_common_dialog__bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: auto;
}

.monom .gl_common_dialog__btn_close
{
    position: absolute;
    z-index: 100;
    top: 1.5625em;
    right: 2em;

    width: 5.4375em;

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

    aspect-ratio: 1/1;
}

.monom .gl_common_dialog__window
{
    position: relative;

    width: 74em;
    margin: 0 auto;

    color: #c6ced2;
}

.monom .gl_common_section
{
    position: relative;
}

.monom .gl_common_section__inner
{
    position: relative;

    max-width: 90em;
    margin: 0 auto;
}

.monom .gl_common_h2
{
    font-size: 2.1875em;
    line-height: 1.3em;

    letter-spacing: .2em;

    -webkit-font-feature-settings: 'fwid' on;
            font-feature-settings: 'fwid' on;
}

.monom .gl_common_h3
{
    font-size: 1.75em;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_h4
{
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_txt1
{
    font-size: 1.3125em;
    line-height: 1.8em;

    letter-spacing: .05em;
}

.monom .gl_common_txt2
{
    font-size: 1.125em;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_note,
.monom .article .-section .-note
{
    font-size: .8125em;
    line-height: 1.6em;

    letter-spacing: .05em;
}

.monom .gl_common_dialog_h2
{
    font-size: 2em;
    font-weight: 400;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_dialog_sub_ttl
{
    font-size: 1.125em;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom .gl_common_dialog_txt
{
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.6em;

    letter-spacing: .05em;
}

.monom .article .-section
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 73.875em;
    margin: 5em auto 0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5em;
}

.monom .article .-section:nth-child(even)
{
        flex-direction: row-reverse;

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

.monom .article .-section:first-child
{
    margin-top: 0;
}

.monom .article .-section figure
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30.4375em;
        flex: 0 0 30.4375em;
}

.monom .article .-section .-texts
{
    padding-top: 2.5em;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 38.4375em;
        flex: 0 0 38.4375em;
}

.monom .article .-section h3
{
    font-size: 2em;
    font-weight: 400;
    line-height: 1.3em;

    letter-spacing: .05em;

    -webkit-font-feature-settings: 'fwid' on;
            font-feature-settings: 'fwid' on;
}

.monom .article .-section h3 sup
{
    font-size: .5em;

    vertical-align: text-top;
}

.monom .article .-section p
{
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.8em;

    margin-top: 2.2222222222em;

    letter-spacing: .05em;
}

.monom .article .-section .-note
{
    margin-top: 3.3333333333em;
}

.monom .article .-section .-box
{
    margin-top: 2.5em;
    padding: 1.875em;

    border: max(1px, .0625em) solid #c6ced2;
}

.monom .article .-section .-box h4
{
    margin-bottom: .7em;
    padding-bottom: .7em;

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

.monom .article .-section .-box p
{
    margin-top: 0;
}

.monom .article .-section .-boxs
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.25em 2.3125em;
}

.monom .article .-section .-boxs .-box
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 2.3125em / 2);
        flex: 0 0 calc(50% - 2.3125em / 2);
}

.monom .article .-section .-boxs .-note
{
    margin-top: 0;

    counter-reset: feature_article_note;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
}

.monom .article .-section .-boxs .-note li
{
    font-weight: 400;
}

.monom .article .-section .-boxs .-note li:before
{
    margin-right: .5em;

    content: '*' counter(feature_article_note);
    counter-increment: feature_article_note;
}

.monom .article .-f2_c2
{
    display: block;
}

.monom .article .-f2_c2 .-f2_c2-list
{
    display: -ms-grid;
    display:     grid;

    margin: 2.5em 0;

    counter-reset: feature_f2_count;

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

.monom .article .-f2_c2 .-f2_c2-list li
{
    font-size: 1.375em;

    padding: 1.3636363636em;

    border: max(1px, .0454545455em) solid #c6ced2;
}

.monom .article .-f2_c2 .-f2_c2-list li:before
{
    content: counter(feature_f2_count) '. ';
    counter-increment: feature_f2_count;
}

.monom .article .-f2_c2 .-f2_c2-img
{
    margin: 2.5em 0 0;

    aspect-ratio: 1134/420;
}

.monom .brand_movie
{
    background: #2e4763;
}

.monom .brand_movie .gl_common_section__inner
{
    padding: 7.875em 0 6.6875em;
}

.monom .brand_movie h2
{
    position: absolute;
    z-index: 10;
    top: 5.375em;
    left: 3.75em;

    width: 56.5em;
}

.monom .brand_movie .-video
{
    position: relative;

    overflow: hidden;

    width: 74.125em;
    margin: 0 auto;

    border-radius: .625em;

    aspect-ratio: 1186/667;
}

.monom .brand_movie .-video video
{
    width: 100%;
    height: 100%;

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

.monom .brand_movie .-video button
{
    position: absolute;
    top: 0;
    left: 0;

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

    width: 100%;
    height: 100%;

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

.monom .brand_movie .-video button span
{
    display: block;

    width: 8em;

    aspect-ratio: 1/1;
}

.monom .brand_movie .-video button span svg
{
    width: 100%;
    height: auto;
}

.monom .brand_movie .-video button span svg circle
{
    -webkit-transition: fill .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: fill .6s cubic-bezier(.215, .61, .355, 1) 0s;

    fill: #8d9aa0;
}

.monom .brand_movie .-video button[data-play=true]
{
    display: none;
}

.monom .concept
{
    position: relative;

    overflow: hidden;

    background: #8d9aa0;
}

.monom .concept .gl_common_section__inner
{
    padding: 13.375em 0 17.375em 55.625em;
}

.monom .concept .-bg
{
    position: absolute;
    top: 0;
    left: -11.375em;

    width: 112.75em;
}

.monom .concept h2
{
    position: absolute;
    z-index: 10;
    top: 8em;
    left: 3.4375em;

    width: 36.25em;
}

.monom .concept .-img
{
    position: absolute;
    top: 10.5em;
    left: 8.0625em;

    width: 41.375em;
}

.monom .concept h3,
.monom .concept p,
.monom .concept .-btn
{
    position: relative;
}

.monom .concept p
{
    margin: 1.9047619048em 0 3.0476190476em;
}

.monom .concept .-btn button
{
    color: #adbac1;
}

.monom .cta
{
    background: #527ba8;
}

.monom .cta .gl_common_section__inner
{
    padding: 4.375em 0 0 40.4375em;

    aspect-ratio: 1440/404;
}

.monom .cta .-off
{
    position: absolute;
    top: 1.5em;
    left: 8.8125em;

    width: 13.125em;
}

.monom .cta .-img
{
    position: absolute;
    top: 6.25em;
    left: 23.25em;

    width: 13.6875em;
}

.monom .cta .-texts p.gl_common_txt1
{
    line-height: 1.5em;

    margin: .75em 0 .8em;
}

.monom .cta .-texts .gl_common_note,
.monom .cta .-texts .article .-section .-note,
.monom .article .-section .cta .-texts .-note
{
    margin: 0 0 1.2307692308em;
}

.monom .cta .-texts .-btn a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 17.1875em;

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

    border-radius: 999rem;
    background: #212a47;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75em;
    aspect-ratio: 275/80;
}

.monom .cta .-texts .-btn a:before
{
    display: block;

    width: 2.1875em;

    content: '';

    background: url('/monom/img/concept/cta_btn_icon.svg') no-repeat center/contain;

    aspect-ratio: 35/21;
}

.monom #dialog_concept .-content
{
    padding: 5.625em 6em 17.625em;
}

.monom #dialog_concept .-content h2
{
    width: 30.625em;
    margin-bottom: 5.1875em;

    aspect-ratio: 490/118;
}

.monom #dialog_concept .-content .-article
{
    width: 43.75em;
    margin: 0 auto;
}

.monom #dialog_concept .-content .-article .-img1
{
    margin-bottom: 5.5em;

    aspect-ratio: 700/500;
}

.monom #dialog_concept .-content .-article .-lead1
{
    margin-bottom: 2.75em;
}

.monom #dialog_concept .-content .-article dl
{
    margin-bottom: 5.5em;
}

.monom #dialog_concept .-content .-article dl dt
{
    margin-bottom: 2.5em;
    padding-bottom: 1.25em;

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

.monom #dialog_concept .-content .-article dl dd dl dt
{
    margin-bottom: 1.25em;
    padding-bottom: 0;

    border-bottom: none;
}

.monom #dialog_concept .-content .-article dl dd dl dd
{
    margin-bottom: 2.5em;
}

.monom #dialog_concept .-content .-article dl dd dl dd:last-child
{
    margin-bottom: 0;
}

.monom #dialog_concept .-content .-article dl dd dl dd .-note
{
    margin-top: 1.6666666667em;
}

.monom #dialog_concept .-content .-article .-logo
{
    width: 21.0625em;
    margin: 3.125em 0;

    aspect-ratio: 337/52;
}

.monom #dialog_concept .-content .-article .-img2
{
    margin-bottom: 2.5em;

    aspect-ratio: 1/1;
}

.monom #dialog_concept .-content .-article .-lead2
{
    font-size: 2em;
    font-weight: 400;
    line-height: 1.3em;

    letter-spacing: .05em;
}

.monom #dialog_history .-content
{
    padding: 6.1875em 6.125em 15.875em;

    color: #212a47;
}

.monom #dialog_history .-content h2
{
    width: 23.5625em;
    margin-bottom: 5.5em;

    aspect-ratio: 377/104;
}

.monom #dialog_history .-content .-kv
{
    width: 43.75em;
    margin: 0 auto 5.5em;

    aspect-ratio: 700/467;
}

.monom #dialog_history .-content .-article
{
    position: relative;

    display: -ms-grid;
    display:     grid;

    width: 61.75em;
    margin: 0 auto;

    -ms-grid-columns: 9.1875em 43.75em;
    grid-template-columns: 9.1875em 43.75em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.monom #dialog_history .-content .-article .-nav_fixed
{
    position: sticky;
    z-index: 5;
    top: 2em;
    left: 0;

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

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 2.5em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.monom #dialog_history .-content .-article .-nav_fixed a
{
    line-height: 0;

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

    height: .875em;
}

.monom #dialog_history .-content .-article .-nav_fixed a span
{
    display: block;
}

.monom #dialog_history .-content .-article .-nav_fixed a span svg
{
    width: auto;
    height: 100%;

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

    fill: #212a47;
}

.monom #dialog_history .-content .-article .-nav_fixed a span:after
{
    display: block;

    width: 100%;

    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;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;

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

.monom #dialog_history .-content .-article .-nav_fixed a.isActive span svg
{
    fill: #fff;
}

.monom #dialog_history .-content .-article .-nav_fixed a.isActive span:after
{
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}

.monom #dialog_history .-content .-article .-body
{
    position: relative;

    padding-left: 2em;
}

.monom #dialog_history .-content .-article .-body .-progress
{
    position: absolute;
    top: 0;
    left: 0;

    width: .1875em;
    height: 100%;

    background: #fff;
}

.monom #dialog_history .-content .-article .-body .-progress > div
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 0;

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

    background: #212a47;
}

.monom #dialog_history .-content .-article .-body .-box
{
    display: -ms-grid;
    display:     grid;

    padding-bottom: 5.5em;

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

.monom #dialog_history .-content .-article .-body .-box:last-child
{
    padding-bottom: 0;
}

.monom #dialog_history .-content .-article .-body .-box .-y > div
{
    height: 2.875em;
}

.monom #dialog_history .-content .-article .-body .-box .-y > div img
{
    width: auto;
    height: 100%;
}

.monom #dialog_history .-content .-article .-body .-box .-ttl
{
    font-size: 1.375em;
    line-height: 1.3em;

    margin: 0 0 .7272727273em;

    letter-spacing: .05em;
}

.monom #dialog_history .-content .-article .-body .-box .-img
{
    aspect-ratio: 491/320;
}

.monom #dialog_history .-content .-article .-body .-box .-note
{
    font-size: .75em;
    line-height: 1.6em;

    margin-top: 1.3333333333em;

    letter-spacing: .05em;
}

.monom #dialog_history .-content .-btn_more
{
    width: 43.75em;
    margin: 6.25em auto 0;
}

.monom #dialog_history .-content .-btn_more a
{
    display: block;

    margin: 0 auto;

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

    aspect-ratio: 700/467;
}

.monom #dialog_howtouse1 .-content,
.monom #dialog_howtouse2 .-content
{
    padding: 5.625em 6em 10.875em;
}

.monom #dialog_howtouse1 .-content h2,
.monom #dialog_howtouse2 .-content h2
{
    margin: 0 0 5.1875em;
}

.monom #dialog_howtouse1 .-content h2 .-i,
.monom #dialog_howtouse2 .-content h2 .-i
{
    display: block;

    width: 34.5em;
    margin: 0 0 2.1875em;

    aspect-ratio: 552/49;
}

.monom #dialog_howtouse1 .-content .-article,
.monom #dialog_howtouse2 .-content .-article
{
    display: -ms-grid;
    display:     grid;

    max-width: 43.75em;
    margin: 0 auto;

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

.monom #dialog_howtouse1 .-content .-article section .gl_common_h3,
.monom #dialog_howtouse2 .-content .-article section .gl_common_h3
{
    margin: 0 0 1.4285714286em;
    padding: 0 0 .7142857143em;

    border-bottom: max(1px, .0357142857em) solid #c6ced2;
}

.monom #dialog_howtouse1 .-content .-article section ol,
.monom #dialog_howtouse2 .-content .-article section ol
{
    display: -ms-grid;
    display:     grid;

    counter-reset: howtouse_count;

    -ms-grid-columns: 1fr 1.875em 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5em 1.875em;
}

.monom #dialog_howtouse1 .-content .-article section ol li,
.monom #dialog_howtouse2 .-content .-article section ol li
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    gap: 1em;
}

.monom #dialog_howtouse1 .-content .-article section ol li figure,
.monom #dialog_howtouse2 .-content .-article section ol li figure
{
    aspect-ratio: 1/1;
}

.monom #dialog_howtouse1 .-content .-article section ol li .gl_common_txt2,
.monom #dialog_howtouse2 .-content .-article section ol li .gl_common_txt2
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.monom #dialog_howtouse1 .-content .-article section ol li .gl_common_txt2:before,
.monom #dialog_howtouse2 .-content .-article section ol li .gl_common_txt2:before
{
    font-size: 2.8888888889em;
    line-height: 1em;

    display: block;

    margin: -.15em 0 0;
    padding: 0 .15em;

    content: counter(howtouse_count);
    counter-increment: howtouse_count;
    -webkit-transform: scaleY(.8);
            transform: scaleY(.8);

    color: #8d9aa0;
}

.monom #dialog_howtouse2 .-content .-article section ol li figure
{
    aspect-ratio: 335/395;
}

.monom #dialog_howtouse2 .-content .-article section ol li .gl_common_txt2:before
{
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
        grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
        grid-row: 1/2;
}

.monom #dialog_howtouse2 .-content .-article section ol li .gl_common_txt2 .-note
{
    font-size: .7222222222em;

    display: block;

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

.monom #dialog_interview .-content
{
    padding: 5.625em 6em 18.3125em;
}

.monom #dialog_interview .-content h2
{
    width: 30.625em;
    margin-bottom: 5.1875em;

    aspect-ratio: 490/118;
}

.monom #dialog_interview .-content .-article
{
    width: 43.75em;
    margin: 0 auto;
}

.monom #dialog_interview .-content .-article h3
{
    margin-bottom: 5.5em;

    aspect-ratio: 700/467;
}

.monom #dialog_interview .-content .-article dl > div
{
    margin-bottom: 5.5em;
}

.monom #dialog_interview .-content .-article dl > div:last-child
{
    margin-bottom: 0;
}

.monom #dialog_interview .-content .-article dl > div:nth-child(even) dd
{
        flex-direction: row-reverse;

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

.monom #dialog_interview .-content .-article dl dt
{
    margin-bottom: 2.375em;
}

.monom #dialog_interview .-content .-article dl dt .-t1
{
    margin-bottom: .375em;
}

.monom #dialog_interview .-content .-article dl dd
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2.375em;
}

.monom #dialog_interview .-content .-article dl dd figure
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18.75em;
        flex: 0 0 18.75em;
    aspect-ratio: 300/400;
}

.monom #dialog_store .-content
{
    padding: 6.1875em 6em 18.125em;
}

.monom #dialog_store .-content h2
{
    position: relative;

    width: 39em;
    margin-bottom: 5.5em;

    aspect-ratio: 624/104;
}

.monom #dialog_store .-content h2 span
{
    font-size: 1.125em;
    line-height: 1.3em;

    position: absolute;
    top: 4.6111111111em;
    left: 0;

    display: block;

    letter-spacing: .05em;
}

.monom #dialog_store .-content h2 span:before
{
    content: '公式';
}

.monom #dialog_store .-content h2 span.isNone:before
{
    display: none;
}

.monom #dialog_store .-content .-article
{
    width: 43.75em;
    margin: 0 auto;
}

.monom #dialog_store .-content .-article .-mv .-mv_item
{
    display: none;

    margin-bottom: 5.5em;

    aspect-ratio: 700/493;
}

.monom #dialog_store .-content .-article dl dt
{
    margin-bottom: 2.5em;
    padding-bottom: 1.25em;

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

.monom #dialog_store .-content .-article dl .-link
{
    position: relative;

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

    text-decoration: underline;

    color: #c6ced2;

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

.monom #dialog_store .-content .-article dl .-link:before
{
    display: block;

    width: .6666666667em;

    content: '';

    background: #d9d9d9;

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

.monom #dialog_store .-content .-article dl .-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-transition: background-color .6s cubic-bezier(.215, .61, .355, 1) 0s, color .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: background-color .6s cubic-bezier(.215, .61, .355, 1) 0s, color .6s cubic-bezier(.215, .61, .355, 1) 0s;
    text-align: center;

    color: #212a47;
    border: max(1px, .0625em) solid #c6ced2;
    border-radius: .3125em;
    background: #fff;

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

.monom #dialog_store .-content .-article dl .-btn picture
{
    display: block;

    width: 100%;
    height: 100%;
}

.monom #dialog_store .-content .-article dl .-btn img
{
    width: 100%;
    height: 100%;

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

.monom #dialog_store .-content .-article dl .-fujifilm
{
    margin-bottom: 5.5em;
}

.monom #dialog_store .-content .-article dl .-fujifilm dt span:before
{
    content: 'お得な割引、';
}

.monom #dialog_store .-content .-article dl .-fujifilm dt span.isNone:before
{
    display: none;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-btn
{
    width: 100%;
    margin: 1.25em 0;

    aspect-ratio: 696/138;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-block
{
    margin-bottom: 1.75em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-block:last-child
{
    margin-bottom: 0;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr
{
    position: relative;

    margin-bottom: 2.5em;

    color: #fff;
    border-radius: .3125em;
    background: #527ba8;

    aspect-ratio: 700/320;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-off
{
    position: absolute;
    top: .5625em;
    left: 1.875em;

    width: 8.625em;

    aspect-ratio: 1/1;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-off span
{
    display: none;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-off[data-id=sp0] [data-id=sp0]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-off[data-id=p1] [data-id=p1]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-off[data-id=p2] [data-id=p2]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img
{
    position: absolute;
    top: 8.8125em;
    left: 4.625em;

    width: 8.8125em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img span
{
    display: none;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=sp0]
{
    top: 8.8125em;
    left: 4.625em;

    width: 8.8125em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=sp0] [data-id=sp0]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=p1]
{
    top: 5.1875em;
    left: 8.8125em;

    width: 5.5625em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=p1] [data-id=p1]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=p2]
{
    top: 5.1875em;
    left: 8.3125em;

    width: 6.9375em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=p2] [data-id=p2]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts
{
    padding: 3.0625em 0 0 15.375em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts[data-id=p1],
.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts[data-id=p2]
{
    padding: 2.5em 0 0 18.5em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-ttl
{
    font-size: 1.875em;

    margin-bottom: .5em;

    letter-spacing: .15em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-txt
{
    font-size: 1em;
    line-height: 1.5em;

    letter-spacing: .05em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-txt span
{
    display: none;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-txt[data-id=sp0] [data-id=sp0]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-txt[data-id=p1] [data-id=p1]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-txt[data-id=p2] [data-id=p2]
{
    display: block;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_note
{
    font-size: .75em;
    line-height: 1.6em;

    margin: 1.3333333333em 0 0;

    letter-spacing: 0;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_note[data-id=p1],
.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_note[data-id=p2]
{
    display: none;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn
{
    margin: 1em 0 0;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 14.1875em;

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

    border-radius: 999rem;
    background: #212a47;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625em;
    aspect-ratio: 227/67;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn a span
{
    font-size: 1.08125em;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn a:before
{
    display: block;

    width: 1.8125em;

    content: '';

    background: url('/monom/img/store/2510/cta_btn_icon.svg') no-repeat center/contain;

    aspect-ratio: 29/18;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-note
{
    counter-reset: dialog_store_note;
}

.monom #dialog_store .-content .-article dl .-fujifilm .-note li:before
{
    content: '*' counter(dialog_store_note) ' ';
    counter-increment: dialog_store_note;
}

.monom #dialog_store .-content .-article dl .-ec dt span:before
{
    content: 'その他';
}

.monom #dialog_store .-content .-article dl .-ec dt span.isNone:before
{
    display: none;
}

.monom #dialog_store .-content .-article dl .-ec dd
{
    display: -ms-grid;
    display:     grid;

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

.monom #dialog_store .-content .-article dl .-ec dd a
{
    aspect-ratio: 332/111;
    position: relative;
}
.coming-soon::before{
    content: "Coming Soon";
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgb(198, 206, 210, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}

.monom .faq_details
{
    font-weight: 400;

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

.monom .faq_details:last-child
{
    border-bottom: max(1px, .0625em) solid #212a47;
}

.monom .faq_details[open] summary:after
{
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
}

.monom .faq_details summary
{
    position: relative;

    display: -ms-grid;
    display:     grid;

    min-height: 8.1875em;
    padding: 1.25em 11.5625em 1.25em 10.8125em;

    background: #d8e8f1;

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

.monom .faq_details summary:before
{
    font-size: 2.5em;

    margin-right: 1.125em;

    content: 'Q';
    letter-spacing: .05em;
}

.monom .faq_details summary:after
{
    position: absolute;
    top: calc(50% - 1.625em / 2);
    right: 4.0625em;

    display: block;

    width: 4em;

    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('/monom/img/faq/icon_arrow.svg') no-repeat center/contain;

    aspect-ratio: 64/26;
}

.monom .faq_details .-mask
{
    overflow: hidden;

    height: 0;
}

.monom .faq_details .-body
{
    padding: 2.8125em 11.4375em 2.8125em 10.9375em;
}

.monom .faq_details .-body .-a
{
    display: -ms-grid;
    display:     grid;

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

.monom .faq_details .-body .-a:before
{
    font-size: 2.5em;

    margin-right: 1.125em;

    content: 'A';
    letter-spacing: .05em;
}

.monom .faq_details .-body .-a p
{
    font-size: 1.125em;
    line-height: 1.6em;

    margin-top: 1em;

    letter-spacing: .05em;
}

.monom .faq
{
    background: #f7f7f7;
}

.monom .faq .gl_common_section__inner
{
    padding: 13.875em 0 12em;
}

.monom .faq h2
{
    margin-bottom: 2.1714285714em;

    text-align: center;

    color: #212a47;
}

.monom .feature_details
{
    border-top: max(1px, .0625em) solid #c6ced2;
}

.monom .feature_details:last-child
{
    border-bottom: max(1px, .0625em) solid #c6ced2;
}

.monom .feature_details[open] summary .-icon:after
{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);

    opacity: 0;
}

.monom .feature_details summary
{
    position: relative;

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

    padding: 3.125em 0 3.125em 31.25em;

    color: #c6ced2;
    border-left: none;

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

.monom .feature_details summary:before
{
    font-size: 1.125em;
    font-weight: 400;

    content: 'FEATURE';
    letter-spacing: .1em;

    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.monom .feature_details summary .-n
{
    font-size: 3.5em;

    margin-top: -.15em;
    margin-left: -.0892857143em;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 2em;
        flex: 0 0 2em;
}

.monom .feature_details summary .-icon
{
    position: absolute;
    top: calc(50% - 2.125em / 2);
    right: 5.25em;

    display: block;

    width: 2.125em;

    aspect-ratio: 1/1;
}

.monom .feature_details summary .-icon:before,
.monom .feature_details summary .-icon:after
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

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

    content: '';

    background: #c6ced2;
}

.monom .feature_details summary .-icon:after
{
    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: transform .6s cubic-bezier(.215, .61, .355, 1) 0s, opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: transform .6s cubic-bezier(.215, .61, .355, 1) 0s, opacity .6s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.monom .feature_details .-mask
{
    overflow: hidden;

    height: 0;
}

.monom .feature_details .-body
{
    padding: 6.25em 0 7.5em;

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

.monom .feature_tab
{
    position: relative;

    padding: 1.375em 0 0;
}

.monom .feature_tab-nav
{
    position: sticky;
    z-index: 10;
    top: 1.375em;
    right: 2em;

    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: 15.625em 1.75em 15.625em;
    grid-template-columns: repeat(2, 15.625em);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1.75em;
}

.monom .feature_tab-nav button
{
    position: relative;

    aspect-ratio: 250/100;
}

.monom .feature_tab-nav button span
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.monom .feature_tab-nav button .-active
{
    opacity: 0;
}

.monom .feature_tab-nav button.isActive .-normal
{
    opacity: 0;
}

.monom .feature_tab-nav button.isActive .-active
{
    opacity: 1;
}

.monom .feature_tab-body .feature_tab-content
{
    position: relative;

    display: none;
}

.monom .feature_tab-body .feature_tab-content.isActive
{
    display: block;
}

.monom .feature_tab-body .feature_tab-content h2
{
    margin: 3.1428571429em 0 1.3714285714em;

    text-align: center;
}

.monom .feature
{
    z-index: 10;

    background: #2e4763;
}

.monom .feature .-kv
{
    position: relative;

    overflow: hidden;

    aspect-ratio: 1440/800;
}

.monom .feature .-kv .-img
{
    width: 100%;
    height: 100%;
}

.monom .feature .-kv .-img img
{
    width: 100%;
    height: 100%;

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

.monom .feature .-kv h2
{
    position: absolute;
    bottom: 5.25em;
    left: 3.125em;

    width: 35.1875em;
}

.monom .fixed_cta
{
    position: fixed;
    z-index: 100;
    right: .625em;
    bottom: .25em;

    width: 11.875em;

    -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: translateY(calc(100% + .25em));
            transform: translateY(calc(100% + .25em));

    border-radius: 50%;
    background-color: #3f6793;
    -webkit-box-shadow: .25em .25em .625em -.0625em rgba(46, 71, 99, .4);
            box-shadow: .25em .25em .625em -.0625em rgba(46, 71, 99, .4);
}

.monom .fixed_cta.isFixed
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.monom .fixed_cta a
{
    display: block;

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

    aspect-ratio: 1/1;
}

.monom .fmw .gl_common_section__inner
{
    position: relative;

    max-width: none;
    padding: 53.75em 0 0;

    clip-path: inset(0);
}

.monom .fmw .-bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 53.75em;

    content: '';

    background: no-repeat center/cover;
    background-image: url('for_men_who/bg.png');
    background-image: -webkit-image-set(url('/monom/img/for_men_who/bg.webp') 1x type('image/webp'),url('/monom/img/for_men_who/bg@2x.webp') 2x type('image/webp'),url('/monom/img/for_men_who/bg.png') 1x type('image/png'),url('/monom/img/for_men_who/bg@2x.png') 2x type('image/png'));
    background-image:         image-set(url('/monom/img/for_men_who/bg.webp') 1x type('image/webp'),url('/monom/img/for_men_who/bg@2x.webp') 2x type('image/webp'),url('/monom/img/for_men_who/bg.png') 1x type('image/png'),url('/monom/img/for_men_who/bg@2x.png') 2x type('image/png'));
}

.monom .fmw .-bg.isFixed
{
    position: fixed;
}

.monom .fmw .-bg.isBottom
{
    position: absolute;
    top: auto;
    bottom: 0;
}

.monom .fmw .-page
{
    position: relative;

    background-color: #f7f7f7;
}

.monom .fmw .-inner
{
    position: relative;

    display: -ms-grid;
    display:     grid;

    max-width: 90em;
    margin: 0 auto;
    padding: 8.75em 0 24.8125em;

    background: #f7f7f7;

    -ms-grid-columns: 38.6875em 5.75em 1fr;
    grid-template-columns: 38.6875em 1fr;
    gap: 5.75em;
}

.monom .fmw .-img
{
    position: sticky;
    top: 0;
    left: 0;

    width: 38.6875em;

    aspect-ratio: 619/900;
}

.monom .fmw h2
{
    position: absolute;
    top: 2.4375em;
    left: 3.75em;

    width: 56.625em;
}

.monom .fmw .-texts
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 7em 5.5625em 16.25em 0;

    color: #212a47;

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

.monom .fmw ul
{
    margin: 2.6875em 0 5.1875em;
}

.monom .fmw ul li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: .3125em 0;

    gap: 1.25em;
}

.monom .fmw ul li:before
{
    width: 1.6875em;

    content: '';

    background: url('/monom/img/for_men_who/icon_check.svg') no-repeat center/contain;

    aspect-ratio: 1/1;
}

.monom .fmw dl dt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

.monom .fmw dl dt span
{
    font-size: 1.6571428571em;
}

.monom .fmw dl dd
{
    margin: 2.5em 0 0;
}

.monom .fmw dl dd ol
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: 16.6875em 1.5em 16.6875em;
    grid-template-columns: repeat(2, 16.6875em);
    gap: 1.5em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.monom .fmw dl dd ol li
{
    padding: .625em .625em 1.8125em;

    background: #fff;
}

.monom .fmw dl dd ol li figure
{
    display: block;

    aspect-ratio: 247/300;
}

.monom .fmw dl dd ol li .-wrap
{
    display: -ms-grid;
    display:     grid;

    margin: 1.125em 0 0;

    -ms-grid-columns: auto .3125em 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .3125em;
}

.monom .fmw dl dd ol li .-wrap .-n
{
    font-size: 3.25em;
    line-height: 1em;

    margin: -.15em 0 0 -.2em;

    letter-spacing: -.1em;

    color: #8d9aa0;
}

.monom .fmw dl dd ol .-btn
{
    margin-top: 1.75em;

    text-align: center;
}

.monom .fmw dl dd ol .-btn button
{
    font-size: 1.125em;

    width: 11.9444444444em;

    -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
            transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
    letter-spacing: .05em;

    color: #212a47;
    border-radius: 999rem;
    background: #dce3ed;

    aspect-ratio: 215/80;
}

.monom .gl_btn
{
    font-size: 1.125em;

    position: relative;

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

    width: 12.2222222222em;
    height: 4.4444444444em;

    -webkit-transition: background-color .6s cubic-bezier(.215, .61, .355, 1) 0s;
            transition: background-color .6s cubic-bezier(.215, .61, .355, 1) 0s;
    letter-spacing: .1em;

    color: #fff;
    background: #090c61;

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

.monom .gl_btn[data-en=true]
{
    font-family: 'Lexend', sans-serif;
    font-weight: 400;
    font-style: normal;

    font-optical-sizing: auto;
}

.monom .gl_btn:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 2.1111111111em;

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

    background: #252bc3;

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

.monom .iah
{
    padding: 9.125em 0 7.8125em;
}

.monom .iah .gl_common_section__inner
{
    display: -ms-grid;
    display:     grid;

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

.monom .iah button,
.monom .iah .-cs
{
    position: relative;

    height: 30em;

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

    background: #8d9aa0;
}

.monom .iah button .-ttl,
.monom .iah .-cs .-ttl
{
    font-size: 3em;
    font-weight: 300;
    line-height: 1.3em;

    position: absolute;
    top: .5208333333em;
    left: .8125em;

    text-align: left;
    letter-spacing: .15em;
}

.monom .iah button .-img,
.monom .iah .-cs .-img
{
    position: absolute;
}

.monom .iah button:before,
.monom .iah .-cs:before
{
    position: absolute;
    bottom: 2em;
    left: 2.75em;

    width: 5.3125em;

    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('/monom/img/interview/bnr_arrow.svg') no-repeat center/contain;

    aspect-ratio: 85/61;
}

.monom .iah button.-interview .-img,
.monom .iah .-cs.-interview .-img
{
    right: 0;
    bottom: 0;

    width: 25.0625em;

    aspect-ratio: 1/1;
}

.monom .iah button.-history,
.monom .iah .-cs.-history
{
    background: #212a47;
}

.monom .iah button.-history .-img,
.monom .iah .-cs.-history .-img
{
    right: 7.125em;
    bottom: 1.6875em;

    width: 24.625em;

    aspect-ratio: 394/360;
}

.monom .iah .-cs:after
{
    font-size: 2.375em;
    font-weight: 300;

    position: absolute;
    top: 0;
    left: 0;

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

    width: 100%;
    height: 100%;

    content: 'COMING SOON';
    letter-spacing: .15em;

    background: rgba(76, 77, 107, .9);

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

.monom .kv
{
    background: #8d9aa0;
}

.monom .kv .gl_common_section__inner
{
    position: relative;

    overflow: hidden;

    aspect-ratio: 1440/900;
}

.monom .kv .-img
{
    display: -ms-grid;
    display:     grid;

    width: 100%;

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

.monom .kv .-img img,
.monom .kv .-img video
{
    width: 100%;
    height: 100%;

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

.monom .kv p
{
    position: absolute;
    top: 5.1875em;
    right: 4.3125em;

    width: 22.9375em;
}

.monom .kv h1
{
    position: absolute;
    bottom: .875em;
    left: 3.8125em;

    width: 81.3125em;
}

.monom .nav
{
    background: #8d9aa0;
}

.monom nav
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}

.monom nav a
{
    position: relative;

    display: block;
    overflow: hidden;

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

    background: #7f8c92;

    aspect-ratio: 720/480;
}

.monom nav a .-ttl
{
    font-size: 3em;
    font-weight: 300;
    line-height: 1.3em;

    position: absolute;
    top: .5208333333em;
    left: .8125em;

    text-align: left;
    letter-spacing: .15em;
}

.monom nav a .-img
{
    position: absolute;
}

.monom nav a:before,
.monom nav a:after
{
    position: absolute;
    bottom: 2em;
    left: 2.5625em;

    width: 5.1875em;

    content: '';

    border-radius: 50%;

    aspect-ratio: 1/1;
}

.monom nav a:before
{
    border: max(1px, .0625em) solid #fff;
}

.monom nav a:after
{
    -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('/monom/img/nav/nav_arrow.svg') no-repeat center/contain;
}

.monom nav a.-technology .-img
{
    right: 4.1875em;
    bottom: 5.6875em;

    width: 29.625em;
}

.monom nav a.-feature
{
    background: #212a47;
}

.monom nav a.-feature .-img
{
    right: 2.5em;
    bottom: 0;

    width: 23.75em;
}

.monom .product_details
{
    margin-bottom: 2.8125em;

    border-radius: .625em;
    background: #556c85;
}

.monom .product_details[open] summary:after
{
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
}

.monom .product_details summary
{
    position: relative;

    padding: 2.875em 1.0625em 2.875em 3.9375em;
}

.monom .product_details summary:after
{
    position: absolute;
    top: calc(50% - 1.625em / 2);
    right: 3.875em;

    display: block;

    width: 4em;

    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('/monom/img/product/icon_arrow.svg') no-repeat center/contain;

    aspect-ratio: 64/26;
}

.monom .product_details .-mask
{
    overflow: hidden;

    height: 0;
}

.monom .product_details .-body
{
    padding: 0 2.1875em 5em;
}

.monom .product_details .-body:before
{
    display: block;

    margin: 0 -1.125em 2.8125em -.125em;

    content: '';

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

.monom .product_details .-box
{
    display: -ms-grid;
    display:     grid;

    margin-top: 2.8125em;

    -ms-grid-columns: 32.375em 3.6875em 1fr;
    grid-template-columns: 32.375em 1fr;
    gap: 3.6875em;
}

.monom .product_details .-box:first-child
{
    margin-top: 0;
}

.monom .product_details .-box .-texts
{
    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;
}

.monom .product_details .-box .-texts h3 span
{
    font-size: .7142857143em;
    font-weight: 400;
}

.monom .product_details .-box .-texts .-p
{
    font-size: .875em;
    font-weight: 400;
    line-height: 1.6em;

    margin: 1.3571428571em 0;

    letter-spacing: .05em;
}

.monom .product_details .-box .-texts .-p span
{
    font-size: 1.8571428571em;
}

.monom .product_details .-box .-texts ul
{
    min-height: 7em;
    margin-bottom: 1.25em;
}

.monom .product_details .-box .-texts ul li
{
    font-size: .875em;
    font-weight: 400;
    line-height: 1.6em;

    position: relative;

    padding-left: 1em;

    letter-spacing: .05em;
}

.monom .product_details .-box .-texts ul li:before
{
    position: absolute;
    top: 0;
    left: 0;

    content: '・';
}

.monom .product
{
    overflow: hidden;

    background: #8d9aa0;
}

.monom .product:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 6.25em;

    content: '';

    background: #2e4763;
}

.monom .product .-fixed_parent
{
    position: relative;

    margin-top: -11.875em;
    padding-top: 11.875em;
}

.monom .product .-bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 49.625em;
    max-height: 100%;

    content: '';
}

.monom .product .-bg > div
{
    position: relative;

    max-width: 90em;
    margin: 0 auto;
}

.monom .product .-bg > div > div
{
    position: absolute;
    top: 0;
    right: -5.875em;

    width: 50.3125em;
}

.monom .product .-bg.isFixed
{
    position: fixed;
}

.monom .product .-bg.isBottom
{
    position: absolute;
    top: auto;
    bottom: 0;
}

.monom .product .gl_common_section__inner
{
    padding-top: 6.25em;
}

.monom .product .-inner
{
    position: relative;

    padding: 8em 4em 11em;
}

.monom .product .-inner h2
{
    width: 36.5625em;
    margin-bottom: 5.8125em;

    aspect-ratio: 585/124;
}

.monom .product .-inner .-list1
{
    display: -ms-grid;
    display:     grid;

    margin: 1.6875em 0;

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

.monom .product .-inner .-list1 .-box
{
    display: -ms-grid;
    display:     grid;

    padding: 2.1875em 2.1875em 3.3125em;

    border-radius: .625em;
    background: #556c85;

    -ms-grid-columns: 13.125em 2.5em 1fr;
    grid-template-columns: 13.125em 1fr;
    gap: 2.5em;
}

.monom .product .-inner .-list1 .-box figure
{
    aspect-ratio: 1/1;
}

.monom .product .-inner .-list1 .-box .-detail
{
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.monom .product .-inner .-list1 .-box .-detail .-p
{
    font-size: .875em;
    font-weight: 400;
    line-height: 1.6em;

    letter-spacing: .05em;
}

.monom .product .-inner .-list1 .-box .-detail .-p span
{
    font-size: 1.8571428571em;
}

.monom .product .-inner .-list1 .-box .-detail .-d
{
    font-size: .875em;
    font-weight: 400;
    line-height: 1.6em;

    letter-spacing: .05em;
}

.monom .review
{
    background: #212a47;
}

.monom .review .gl_common_section__inner
{
    padding: 7em 0 0;
}

.monom .review h2
{
    width: 30.4375em;
    margin-bottom: 3.75em;
    margin-left: 4em;

    aspect-ratio: 487/134;
}

.monom .review .-list
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: 34.75em 3.875em 34.75em;
    grid-template-columns: repeat(2, 34.75em);
    gap: 3.875em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.monom .review .-list .-item
{
    display: -ms-grid;
    display:     grid;

    -ms-grid-columns: 10.375em 1.625em 1fr;
    grid-template-columns: 10.375em 1fr;
    gap: 1.625em;
}

.monom .review .-list .-item .-img
{
    aspect-ratio: 166/220;
}

.monom .review .-list .-item .-txt
{
    font-size: .9375em;
    line-height: 1.6em;

    letter-spacing: .05em;
}

.monom .review .-list .-item .-star
{
    font-size: .9375em;
    line-height: 1.6em;

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

    margin: 1.0666666667em 0;

    letter-spacing: .05em;

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

.monom .review .-list .-item .-star dd span
{
    color: #cc874b;
}

.monom .review .-list .-item .-data
{
    font-size: .875em;
    line-height: 1.5em;

    letter-spacing: .05em;
}

.monom .sns .gl_common_section__inner
{
    padding: 0 0 8.9375em;
}

.monom .sns h3
{
    text-align: center;

    color: #000;
}

.monom .sns ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 2em;

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

.monom .sns ul li
{
    width: 2.9375em;
}

.monom .sns ul li a
{
    display: block;

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

    aspect-ratio: 1/1;
}

.monom .technology
{
    overflow: hidden;

    background: #8d9aa0;
}

.monom .technology .-items
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.monom .technology .-items .-img
{
    position: absolute;
}

.monom .technology .-items .-img[data-n='1']
{
    z-index: 1;
    top: -5.5em;
    left: 38.125em;

    width: 15.6875em;
}

.monom .technology .-items .-img[data-n='2']
{
    z-index: 1;
    top: 13.75em;
    left: 62.5em;

    width: 30.8125em;
}

.monom .technology .-items .-img[data-n='3']
{
    z-index: 1;
    top: 43.0625em;
    left: -15.5625em;

    width: 31.8125em;
}

.monom .technology .-items .-img[data-n='4']
{
    z-index: 4;
    top: 57.9375em;
    left: 47.125em;

    width: 31.8125em;
}

.monom .technology .-items .-img[data-n='5']
{
    z-index: 1;
    top: 78.75em;
    left: 71.125em;

    width: 22.1875em;
}

.monom .technology .-items .-img[data-n='6']
{
    z-index: 1;
    top: 90.75em;
    left: -2em;

    width: 15.6875em;
}

.monom .technology h2
{
    position: absolute;
    z-index: 2;
    top: 8em;
    left: 3.125em;

    width: 53.625em;
}

.monom .technology .-texts
{
    position: relative;
    z-index: 2;

    padding: 17.4375em 0 24.75em 7.9375em;
}

.monom .technology .-texts p
{
    margin: 2em 0 0;
}

.monom .technology .-btn
{
    margin: 8.5em 0 0;
}

.monom .technology .-btn a
{
    display: block;

    width: 25.0625em;

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

    aspect-ratio: 401/97;
}

.monom .voice_list.splide .splide__slide
{
    width: 25.4375em;
}

.monom .voice_list .-box
{
    position: relative;

    color: #fff;
}

.monom .voice_list .-box .-img
{
    position: relative;

    display: block;
    overflow: hidden;

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

    color: #fff;
    border-radius: .625em;

    aspect-ratio: 1/1;
}

.monom .voice_list .-box .-img figure
{
    position: relative;

    width: 100%;
    height: 100%;
}

.monom .voice_list .-box .-img figure img
{
    width: 100%;
    height: 100%;

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

.monom .voice_list .-box .-img figure:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: -webkit-gradient(linear, left top, left bottom, color-stop(76.11%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 76.11%, rgba(0, 0, 0, .6) 100%);

    background-blend-mode: multiply;
}

.monom .voice_list .-box .-img .-txt
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: .75em 1.125em;
}

.monom .voice_list .-box .-img .-name
{
    font-size: .9375em;
}

.monom .voice_list .-box .-img .-name span
{
    font-size: 1.3333333333em;
}

.monom .voice_list .-box .-img .-sns_name
{
    font-size: .875em;
}

.monom .voice_list .-box p
{
    font-size: .9375em;
    line-height: 1.6em;

    width: 21.6em;
    margin: 1.8em auto 0;

    letter-spacing: .05em;
}

.monom .voice_list .splide__arrow
{
    position: absolute;
    top: 7.625em;

    width: 6.875em;
    padding: 2.5em;
}

.monom .voice_list .splide__arrow span
{
    display: block;

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

    aspect-ratio: 30/60;
    -webkit-filter: drop-shadow(0 0 1.25em rgba(0, 0, 0, .75));
            filter: drop-shadow(0 0 1.25em rgba(0, 0, 0, .75));
}

.monom .voice_list .splide__arrow--prev
{
    left: 0;
}

.monom .voice_list .splide__arrow--prev span img
{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.monom .voice_list .splide__arrow--next
{
    right: 0;
}

.monom .voice
{
    background: #212a47;
}

.monom .voice .gl_common_section__inner
{
    padding: 8em 0 5.5em;
}

.monom .voice h2
{
    width: 23.4375em;
    margin-bottom: 5.9375em;
    margin-left: 4em;

    aspect-ratio: 375/118;
}

@media (min-width: 901px)
{
    .top .onlyPc
    {
        display: block;
    }

    .top img.onlyPc
    {
        display: inline-block;
    }

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

    .monom .article .-section .-boxs .-box
    {
        margin-top: 0;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-ttl[data-id=p1] span,
    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-ttl[data-id=p2] span
    {
        display: block;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-ttl[data-id=p1] span:first-child,
    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-ttl[data-id=p2] span:first-child
    {
        letter-spacing: .4em;
    }

    html.isDialogOpenBA .monom .fixed_cta
    {
        right: calc(var(--wsw, 0) + .625em);
    }
}

@media (min-width: 1440px)
{
    .top
    {
        font-size: 16px;
    }
}

@media (max-width: 900px)
{
    .top
    {
        font-size: 3.125vw;
        padding-top: 4em;
    }

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

    .top .onlySp
    {
        display: block;
    }

    .top img.onlySp
    {
        display: inline-block;
    }

    .monom .gl_common_h2
    {
        font-size: 1.792em;

        letter-spacing: .2em;
    }

    .monom .gl_common_h3
    {
        font-size: 1.7066666667em;
    }

    .monom .gl_common_h4
    {
        font-size: 1.536em;
    }

    .monom .gl_common_txt1
    {
        font-size: 1.1946666667em;
    }

    .monom .gl_common_txt2
    {
        font-size: 1.1946666667em;
    }

    .monom .gl_common_note,
    .monom .article .-section .-note
    {
        font-size: .8533333333em;
    }

    .monom .gl_common_dialog_h2
    {
        font-size: 1.792em;

        letter-spacing: .05em;
    }

    .monom .gl_common_dialog_sub_ttl
    {
        font-size: 1.3653333333em;
    }

    .monom .gl_common_dialog_txt
    {
        font-size: 1.3653333333em;
    }

    .monom .gl_common_dialog__inner
    {
        min-height: 100vh;
    }

    .monom .gl_common_dialog__btn_close
    {
        top: 0;
        right: 0;

        width: 7.2533333333em;
    }

    .monom .gl_common_dialog__window
    {
        width: 100%;
    }

    .monom .gl_common_h2
    {
        font-size: 1.792em;

        letter-spacing: .2em;
    }

    .monom .gl_common_h3
    {
        font-size: 1.7066666667em;
    }

    .monom .gl_common_h4
    {
        font-size: 1.536em;
    }

    .monom .gl_common_txt1
    {
        font-size: 1.1946666667em;
    }

    .monom .gl_common_txt2
    {
        font-size: 1.1946666667em;
    }

    .monom .gl_common_note,
    .monom .article .-section .-note
    {
        font-size: .8533333333em;
    }

    .monom .gl_common_dialog_h2
    {
        font-size: 1.792em;

        letter-spacing: .05em;
    }

    .monom .gl_common_dialog_sub_ttl
    {
        font-size: 1.3653333333em;
    }

    .monom .gl_common_dialog_txt
    {
        font-size: 1.3653333333em;
    }

    .monom .article
    {
        width: 29.2693333333em;
        margin: 0 auto;
    }

    .monom .article .-section
    {
        display: block;

        margin: 5.4613333333em auto 0;
    }

    .monom .article .-section:first-child
    {
        margin-top: 0;
    }

    .monom .article .-section figure
    {
        width: 100%;

        aspect-ratio: 1/1;
    }

    .monom .article .-section .-texts
    {
        width: 100%;
        padding-top: 2.7306666667em;
    }

    .monom .article .-section h3
    {
        font-size: 2.048em;
    }

    .monom .article .-section p
    {
        font-size: 1.3653333333em;
        line-height: 1.6em;

        margin-top: 1.5em;
    }

    .monom .article .-section .-note
    {
        font-size: 1.024em;

        margin-top: 2em;
    }

    .monom .article .-section .-box
    {
        margin-top: 2.7306666667em;
        padding: 2.56em;

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

    .monom .article .-section .-box h4
    {
        margin-bottom: .7777777778em;
        padding-bottom: .7777777778em;

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

    .monom .article .-section .-box p
    {
        margin-top: 0;
    }

    .monom .article .-section .-boxs
    {
        display: block;
    }

    .monom .article .-section .-boxs .-box + .-box
    {
        margin-top: 1.7066666667em;
    }

    .monom .article .-section .-boxs .-note
    {
        margin-top: 1.6666666667em;
    }

    .monom .article .-section .-f2_c2 .-f2_c2-list
    {
        margin: 2.7306666667em 0 1.7066666667em;

        gap: 1.7066666667em;
    }

    .monom .article .-section .-f2_c2 .-f2_c2-list li
    {
        font-size: 1.8773333333em;

        padding: 1.3636363636em;

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

    .monom .article .-section .-f2_c2 .-f2_c2-img
    {
        margin: 5.4613333333em 0 0;

        aspect-ratio: 343/568;
    }

    .monom .brand_movie .gl_common_section__inner
    {
        padding: 7.2533333333em 0 5.4613333333em;
    }

    .monom .brand_movie h2
    {
        top: 3.4133333333em;
        left: 2.6453333333em;

        width: 26.5386666667em;
    }

    .monom .brand_movie .-video
    {
        width: 27.0506666667em;

        border-radius: .256em;

        aspect-ratio: 1080/1920;
    }

    .monom .brand_movie .-video button span
    {
        width: 2.4746666667em;

        background: url('/monom/img/brand_movie/icon_play.svg') no-repeat center/contain;
    }

    .monom .brand_movie .-video button span svg
    {
        display: none;
    }

    .monom .concept .gl_common_section__inner
    {
        padding: 37.9733333333em 0 9.6426666667em 3.072em;
    }

    .monom .concept .-bg
    {
        left: 0;

        width: 100%;
    }

    .monom .concept h2
    {
        top: 5.376em;
        left: 3.2426666667em;

        width: 17.5786666667em;
    }

    .monom .concept .-img
    {
        top: 8.448em;
        left: 3.072em;

        width: 25.856em;
    }

    .monom .concept p
    {
        font-size: 1.3653333333em;

        margin: 1.25em 0 2.5em;
    }

    .monom .cta .gl_common_section__inner
    {
        padding: 19.5413333333em 0 0 2.304em;

        aspect-ratio: 375/497;
    }

    .monom .cta .-off
    {
        top: 1.9626666667em;
        left: 1.1946666667em;

        width: 14.08em;
    }

    .monom .cta .-img
    {
        top: 2.816em;
        right: 0;
        left: auto;

        width: 15.9573333333em;
    }

    .monom .cta .-texts .gl_common_h2
    {
        font-size: 1.8773333333em;

        letter-spacing: .35em;
    }

    .monom .cta .-texts p.gl_common_txt1
    {
        line-height: 1.3em;

        width: 20em;
        margin: .8125em 0;
    }

    .monom .cta .-texts .gl_common_note,
    .monom .cta .-texts .article .-section .-note,
    .monom .article .-section .cta .-texts .-note
    {
        width: 32em;
        margin: 0 0 1.3em;
    }

    .monom .cta .-texts .-btn a
    {
        width: 14.6773333333em;

        gap: .4266666667em;
        aspect-ratio: 172/41;
    }

    .monom .cta .-texts .-btn a .gl_common_txt1
    {
        font-size: 1.1946666667em;
    }

    .monom .cta .-texts .-btn a:before
    {
        width: 2.1333333333em;
    }

    .monom #dialog_concept .-content
    {
        padding: 8.192em 0 17.664em;
    }

    .monom #dialog_concept .-content h2
    {
        width: 29.3546666667em;
        margin-bottom: .0853333333em;
        margin-left: 1.28em;

        aspect-ratio: 344/82;
    }

    .monom #dialog_concept .-content .-article
    {
        width: 29.2693333333em;
    }

    .monom #dialog_concept .-content .-article .-img1
    {
        margin-bottom: 4.096em;

        aspect-ratio: 343/245;
    }

    .monom #dialog_concept .-content .-article .-lead1
    {
        margin-bottom: 2.2857142857em;
    }

    .monom #dialog_concept .-content .-article dl
    {
        margin-bottom: 4.096em;
    }

    .monom #dialog_concept .-content .-article dl dt
    {
        margin-bottom: 2.7306666667em;
        padding-bottom: 1.1946666667em;

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

    .monom #dialog_concept .-content .-article dl dd dl dt
    {
        margin-bottom: .6826666667em;
    }

    .monom #dialog_concept .-content .-article dl dd dl dd
    {
        margin-bottom: 2.7306666667em;
    }

    .monom #dialog_concept .-content .-article dl dd dl dd .-note
    {
        font-size: 1.024em;

        margin-top: .6666666667em;
    }

    .monom #dialog_concept .-content .-article .-logo
    {
        width: 21.0773333333em;
        margin: -1.024em 0 1.7066666667em;

        aspect-ratio: 247/48;
    }

    .monom #dialog_concept .-content .-article .-img2
    {
        margin-bottom: 2.7306666667em;
    }

    .monom #dialog_concept .-content .-article .-lead2
    {
        font-size: 1.8773333333em;
    }

    .monom #dialog_history .-content
    {
        padding: 8.192em 0 8.25em;
    }

    .monom #dialog_history .-content h2
    {
        width: 29.3546666667em;
        margin-bottom: 1.7066666667em;
        margin-left: 1.28em;

        aspect-ratio: 344/82;
    }

    .monom #dialog_history .-content .-kv
    {
        position: relative;
        z-index: 11;

        width: 29.3546666667em;
        margin: 0 auto -3.4133333333em;

        aspect-ratio: 344/229;
    }

    .monom #dialog_history .-content .-article
    {
        position: relative;

        display: block;

        width: 100%;
    }

    .monom #dialog_history .-content .-article .-nav_fixed
    {
        position: sticky;
        top: 0;
        left: 0;

        display: -ms-grid;
        display:     grid;

        height: auto;
        padding: 8.0213333333em 1.3653333333em 2.56em;

        background: #c6ced2;

        -ms-grid-columns: 1fr 1.28em 1fr 1.28em 1fr 1.28em 1fr 1.28em 1fr 1.28em 1fr 1.28em 1fr;
        grid-template-columns: repeat(7, 1fr);
        gap: 1.28em;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .monom #dialog_history .-content .-article .-nav_fixed a
    {
        width: 2.9866666667em;
        height: 1.1946666667em;
    }

    .monom #dialog_history .-content .-article .-nav_fixed a[data-index='4']
    {
        width: 3.584em;
    }

    .monom #dialog_history .-content .-article .-nav_fixed a[data-index='5']
    {
        width: 2.56em;
    }

    .monom #dialog_history .-content .-article .-nav_fixed a[data-index='6']
    {
        width: 3.4986666667em;
    }

    .monom #dialog_history .-content .-article .-nav_fixed a span:after
    {
        border-bottom-width: max(1px, .0853333333em);
    }

    .monom #dialog_history .-content .-article .-body
    {
        width: 29.2693333333em;
        margin: 0 auto;
        padding-left: 2.7306666667em;
    }

    .monom #dialog_history .-content .-article .-body .-progress
    {
        width: .1706666667em;
    }

    .monom #dialog_history .-content .-article .-body .-box
    {
        display: block;

        padding-bottom: 4.096em;
    }

    .monom #dialog_history .-content .-article .-body .-box .-y
    {
        margin-bottom: 1.7066666667em;
    }

    .monom #dialog_history .-content .-article .-body .-box .-y > div
    {
        height: 3.4133333333em;
    }

    .monom #dialog_history .-content .-article .-body .-box .-ttl
    {
        font-size: 1.536em;

        margin: 0 0 .8888888889em;
    }

    .monom #dialog_history .-content .-article .-body .-box .-img
    {
        overflow: hidden;

        border-radius: .8533333333em;
    }

    .monom #dialog_history .-content .-article .-body .-box .-note
    {
        font-size: 1.024em;

        margin-top: 1.3333333333em;
    }

    .monom #dialog_history .-content .-btn_more
    {
        width: 29.2693333333em;
        margin: 5.2906666667em auto 0;
    }

    .monom #dialog_history .-content .-btn_more a
    {
        aspect-ratio: 343/229;
    }

    .monom #dialog_howtouse1 .-content,
    .monom #dialog_howtouse2 .-content
    {
        padding: 8.5333333333em 0 20.0533333333em;
    }

    .monom #dialog_howtouse1 .-content h2,
    .monom #dialog_howtouse2 .-content h2
    {
        margin: 0 1.7066666667em 3.4133333333em;
    }

    .monom #dialog_howtouse1 .-content h2 .-i,
    .monom #dialog_howtouse2 .-content h2 .-i
    {
        width: 19.5413333333em;
        margin: 0 0 1.1093333333em;

        aspect-ratio: 229/87;
    }

    .monom #dialog_howtouse1 .-content h2 .gl_common_h4,
    .monom #dialog_howtouse2 .-content h2 .gl_common_h4
    {
        font-size: 1.3653333333em;
    }

    .monom #dialog_howtouse1 .-content .-article,
    .monom #dialog_howtouse2 .-content .-article
    {
        max-width: 29.2693333333em;

        gap: 7.5093333333em;
    }

    .monom #dialog_howtouse1 .-content .-article section .gl_common_h3,
    .monom #dialog_howtouse2 .-content .-article section .gl_common_h3
    {
        font-size: 1.6213333333em;

        margin: 0 0 2.1052631579em;
        padding: 0 0 1.0526315789em;

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

    .monom #dialog_howtouse1 .-content .-article section ol,
    .monom #dialog_howtouse2 .-content .-article section ol
    {
        gap: 2.3893333333em .6826666667em;
    }

    .monom #dialog_howtouse1 .-content .-article section ol li,
    .monom #dialog_howtouse2 .-content .-article section ol li
    {
        gap: 1.3653333333em;
    }

    .monom #dialog_howtouse1 .-content .-article section ol li .gl_common_txt2,
    .monom #dialog_howtouse2 .-content .-article section ol li .gl_common_txt2
    {
        font-size: 1.1946666667em;

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

    .monom #dialog_howtouse1 .-content .-article section ol li .gl_common_txt2:before,
    .monom #dialog_howtouse2 .-content .-article section ol li .gl_common_txt2:before
    {
        font-size: 1.7142857143em;

        -webkit-transform: scaleY(.9);
                transform: scaleY(.9);
        -webkit-transform-origin: top left;
                transform-origin: top left;
    }

    .monom #dialog_howtouse2 .-content .-article section ol li figure
    {
        aspect-ratio: 335/395;
    }

    .monom #dialog_howtouse2 .-content .-article section ol li .gl_common_txt2:before
    {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
            grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
            grid-row: 1/2;
    }

    .monom #dialog_howtouse2 .-content .-article section ol li .gl_common_txt2 .-note
    {
        font-size: .7222222222em;

        display: block;

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

    .monom #dialog_interview .-content
    {
        padding: 8.192em 0 17.0666666667em;
    }

    .monom #dialog_interview .-content h2
    {
        width: 29.3546666667em;
        margin-bottom: 1.6213333333em;
        margin-left: 1.28em;

        aspect-ratio: 344/82;
    }

    .monom #dialog_interview .-content .-article
    {
        width: 29.2693333333em;
    }

    .monom #dialog_interview .-content .-article h3
    {
        margin-bottom: 4.096em;

        aspect-ratio: 343/230;
    }

    .monom #dialog_interview .-content .-article dl > div
    {
        margin-bottom: 5.4613333333em;
    }

    .monom #dialog_interview .-content .-article dl dt
    {
        margin-bottom: 2.048em;
    }

    .monom #dialog_interview .-content .-article dl dt .-t1
    {
        margin-bottom: .2857142857em;
    }

    .monom #dialog_interview .-content .-article dl dd
    {
        display: block;
    }

    .monom #dialog_interview .-content .-article dl dd figure
    {
        width: 14.6773333333em;
        margin: 0 auto 2.048em;

        aspect-ratio: 172/230;
    }

    .monom #dialog_store .-content
    {
        padding: 8.192em 0 17.0666666667em;
    }

    .monom #dialog_store .-content h2
    {
        width: 29.3546666667em;
        margin-bottom: 3.6693333333em;
        margin-left: 1.28em;

        aspect-ratio: 344/122;
    }

    .monom #dialog_store .-content h2 span
    {
        font-size: 1.3653333333em;

        top: 6.4375em;
    }

    .monom #dialog_store .-content .-article
    {
        width: 29.3546666667em;
    }

    .monom #dialog_store .-content .-article .-mv .-mv_item
    {
        margin-bottom: 7.5093333333em;
    }

    .monom #dialog_store .-content .-article dl dt
    {
        margin-bottom: 1.7066666667em;
        padding-bottom: 1.1946666667em;

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

    .monom #dialog_store .-content .-article dl .-link:before
    {
        width: .75em;
    }

    .monom #dialog_store .-content .-article dl .-btn
    {
        border-width: max(1px, .0853333333em);
        border-radius: .4266666667em;
    }

    .monom #dialog_store .-content .-article dl .-btn span
    {
        font-size: 1.536em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm
    {
        margin-bottom: 7.5093333333em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-btn
    {
        margin: 1.7066666667em 0;

        aspect-ratio: 344/138;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-block
    {
        margin-bottom: 2.1333333333em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr
    {
        margin-bottom: 1.7066666667em;
        padding-bottom: 1.536em;

        border-radius: .8533333333em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-off
    {
        top: 1.9626666667em;
        left: 1.1946666667em;

        width: 14.08em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img
    {
        top: 2.816em;
        right: 0;
        left: auto;

        width: 13.2266666667em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img span
    {
        display: none;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=sp0]
    {
        top: 2.816em;
        right: 0;
        left: auto;

        width: 13.2266666667em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=sp0] [data-id=sp0]
    {
        display: block;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=p1]
    {
        top: 1.9626666667em;
        right: 3.9253333333em;
        left: auto;

        width: 6.7413333333em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=p1] [data-id=p1]
    {
        display: block;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=p2]
    {
        top: 1.9626666667em;
        right: 3.6693333333em;
        left: auto;

        width: 8.192em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-img[data-id=p2] [data-id=p2]
    {
        display: block;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts
    {
        padding: 19.5413333333em 0 0 1.6875em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts[data-id=p1],
    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts[data-id=p2]
    {
        padding: 19.5413333333em 0 0 2.304em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-ttl
    {
        font-size: 1.7066666667em;

        margin-bottom: .65em;

        letter-spacing: .25em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-txt
    {
        font-size: 1.1946666667em;
        line-height: 1.3em;

        letter-spacing: .05em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_note
    {
        font-size: .8533333333em;

        margin: 1.3em 0 0;

        letter-spacing: .05em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn
    {
        margin: 1.1093333333em 0 0;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn a
    {
        width: 14.6773333333em;

        gap: .4266666667em;
        aspect-ratio: 172/41;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn a span
    {
        font-size: 1.1946666667em;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn a:before
    {
        width: 1.5625em;

        background-image: url('/monom/img/store/2510/sp/cta_btn_icon.svg');

        aspect-ratio: 25/16;
    }

    .monom #dialog_store .-content .-article dl .-ec dd
    {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 1.7066666667em;
    }

    .monom #dialog_store .-content .-article dl .-ec dd a
    {
        aspect-ratio: 344/111;
    }

    .monom .faq_details
    {
        border-top-width: max(1px, .0853333333em);
    }

    .monom .faq_details:last-child
    {
        border-bottom-width: max(1px, .0853333333em);
    }

    .monom .faq_details summary
    {
        padding: 1.6213333333em 4.4373333333em 1.6213333333em 1.024em;

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

    .monom .faq_details summary:before
    {
        font-size: 2.56em;

        margin-right: 0;
    }

    .monom .faq_details summary .gl_common_h4
    {
        font-size: 1.3653333333em;
    }

    .monom .faq_details summary:after
    {
        top: calc(50% - .8533333333em / 2);
        right: 1.3653333333em;

        width: 2.2186666667em;

        background-image: url('/monom/img/faq/sp/icon_arrow.svg');

        aspect-ratio: 26/10;
    }

    .monom .faq_details .-body
    {
        padding: 1.7066666667em 4.4373333333em 3.4133333333em 1.024em;
    }

    .monom .faq_details .-body .-a
    {
        -ms-grid-columns: 2.7306666667em 1fr;
        grid-template-columns: 2.7306666667em 1fr;
    }

    .monom .faq_details .-body .-a:before
    {
        font-size: 2.56em;

        margin-right: 0;
    }

    .monom .faq_details .-body .-a p
    {
        font-size: 1.3653333333em;
        line-height: 1.3em;

        margin-top: 0;
    }

    .monom .faq .gl_common_section__inner
    {
        padding: 10.24em 0 6.8266666667em;
    }

    .monom .faq h2
    {
        margin-bottom: 1.9047619048em;
    }

    .monom .feature_details
    {
        border-top-width: max(1px, .0853333333em);
    }

    .monom .feature_details:last-child
    {
        border-bottom-width: max(1px, .0853333333em);
    }

    .monom .feature_details summary
    {
        padding: 1.8773333333em 5.4613333333em 1.8773333333em 1.28em;
    }

    .monom .feature_details summary:before
    {
        font-size: 1.024em;
    }

    .monom .feature_details summary .-n
    {
        font-size: 3.9253333333em;

        margin-top: -.15em;
        margin-left: -.1086956522em;

        -webkit-box-flex: 0;
        -ms-flex: 0 0 .8913043478em;
            flex: 0 0 .8913043478em;
    }

    .monom .feature_details summary .-icon
    {
        top: calc(50% - 1.792em / 2);
        right: 1.7066666667em;

        width: 1.792em;
    }

    .monom .feature_details summary .-icon:before,
    .monom .feature_details summary .-icon:after
    {
        width: 1.792em;
        height: max(1px, .0853333333em);
    }

    .monom .feature_details .-body
    {
        padding: 3.4133333333em 0 9.3866666667em;

        border-top-width: max(1px, .0853333333em);
    }

    .monom .feature_tab
    {
        padding: 1.8773333333em 0 0;
    }

    .monom .feature_tab-nav
    {
        top: 1.8773333333em;
        right: 0;

        display: -ms-grid;
        display:     grid;

        width: 100%;

        -ms-grid-columns: 14.2506666667em .9386666667em 14.2506666667em;
        grid-template-columns: repeat(2, 14.2506666667em);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: .9386666667em;
    }

    .monom .feature_tab-nav button
    {
        aspect-ratio: 167/67;
    }

    .monom .feature_tab-body
    {
        padding: 1.7066666667em 0 0;
    }

    .monom .feature_tab-body .feature_tab-content h2
    {
        display: none;
    }

    .monom .feature
    {
        padding-bottom: 5.12em;
    }

    .monom .feature .-kv
    {
        aspect-ratio: 375/364;
    }

    .monom .feature .-kv h2
    {
        bottom: 1.9626666667em;
        left: 1.6213333333em;

        width: 17.92em;
    }

    .monom .fixed_cta
    {
        top: auto;
        right: 0;
        bottom: 0;

        width: 100%;

        -webkit-transform: translateY(100%);
                transform: translateY(100%);

        border-radius: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .monom .fixed_cta a
    {
        aspect-ratio: 375/62;
    }

    .monom .fmw .gl_common_section__inner
    {
        padding: 24.32em 0 0;
    }

    .monom .fmw .-bg
    {
        height: auto;

        background-image: url('for_men_who/sp/bg.png');
        background-image: -webkit-image-set(url('/monom/img/for_men_who/sp/bg.webp') 1x type('image/webp'),url('/monom/img/for_men_who/sp/bg@2x.webp') 2x type('image/webp'),url('/monom/img/for_men_who/sp/bg.png') 1x type('image/png'),url('/monom/img/for_men_who/sp/bg@2x.png') 2x type('image/png'));
        background-image:         image-set(url('/monom/img/for_men_who/sp/bg.webp') 1x type('image/webp'),url('/monom/img/for_men_who/sp/bg@2x.webp') 2x type('image/webp'),url('/monom/img/for_men_who/sp/bg.png') 1x type('image/png'),url('/monom/img/for_men_who/sp/bg@2x.png') 2x type('image/png'));

        aspect-ratio: 375/285;
    }

    .monom .fmw .-inner
    {
        display: block;

        padding: 29.184em 0 17.4933333333em;

        background: #f7f7f7;
    }

    .monom .fmw .-img
    {
        position: absolute;
        top: 4.7786666667em;
        right: 0;
        left: auto;

        width: 17.4933333333em;

        aspect-ratio: 205/246;
    }

    .monom .fmw h2
    {
        top: 1.1946666667em;
        left: 1.7066666667em;

        width: 29.2693333333em;
    }

    .monom .fmw .-texts
    {
        padding: 0;
    }

    .monom .fmw ul
    {
        margin: 1.3653333333em 0 4.7786666667em;
    }

    .monom .fmw ul li
    {
        padding: .6826666667em 0;

        gap: .8533333333em;
    }

    .monom .fmw ul li:before
    {
        width: 2.048em;
    }

    .monom .fmw dl dt
    {
        text-align: center;
    }

    .monom .fmw dl dt span
    {
        font-size: 1.2380952381em;
    }

    .monom .fmw dl dd
    {
        margin: 1.3653333333em 0 0;
    }

    .monom .fmw dl dd ol
    {
        -ms-grid-columns: 14.6773333333em .0853333333em 14.6773333333em;
        grid-template-columns: repeat(2, 14.6773333333em);
        gap: .0853333333em;
    }

    .monom .fmw dl dd ol li
    {
        padding: 0;

        background: none;
    }

    .monom .fmw dl dd ol li figure
    {
        overflow: hidden;

        aspect-ratio: 172/208;
    }

    .monom .fmw dl dd ol li figure img
    {
        width: 100%;
        height: 100%;

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

    .monom .fmw dl dd ol li .-wrap
    {
        margin: 1.1093333333em 0 0;

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0;
    }

    .monom .fmw dl dd ol li .-wrap .-n
    {
        font-size: 3.2426666667em;

        margin: -.1em 0 0 -.15em;
    }

    .monom .fmw dl dd ol li .-wrap .-t
    {
        font-size: 1.1093333333em;
    }

    .monom .fmw dl dd ol .-btn
    {
        margin-top: 1.536em;
    }

    .monom .fmw dl dd ol .-btn button
    {
        font-size: 1.1946666667em;

        width: 11.1428571429em;

        aspect-ratio: 156/41;
    }

    .monom .gl_btn
    {
        font-size: 1.3653333333em;

        width: 10.75em;
        height: 4.125em;
    }

    .monom .gl_btn:after
    {
        width: 1.75em;
    }

    .monom .gl_btn[data-size=l]
    {
        font-size: 1.536em;

        width: 100%;
        height: 3.3333333333em;
    }

    .monom .gl_btn[data-size=l]:after
    {
        width: 2.1111111111em;
    }

    .monom .iah
    {
        padding: 10.24em 0;
    }

    .monom .iah .gl_common_section__inner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .monom .iah button,
    .monom .iah .-cs
    {
        width: 100%;
        height: auto;

        aspect-ratio: 375/250;
    }

    .monom .iah button .-ttl,
    .monom .iah .-cs .-ttl
    {
        font-size: 2.1333333333em;

        top: .52em;
        left: .84em;
    }

    .monom .iah button:before,
    .monom .iah .-cs:before
    {
        bottom: 1.4506666667em;
        left: 1.9626666667em;

        width: 3.7546666667em;

        background-image: url('/monom/img/interview/sp/bnr_arrow.svg');

        aspect-ratio: 44/32;
    }

    .monom .iah button.-interview .-img,
    .monom .iah .-cs.-interview .-img
    {
        width: 17.8346666667em;
    }

    .monom .iah button.-history .-img,
    .monom .iah .-cs.-history .-img
    {
        right: 5.12em;
        bottom: 1.1946666667em;

        width: 17.4933333333em;

        aspect-ratio: 205/188;
    }

    .monom .iah .-cs:after
    {
        font-size: 1.792em;
    }

    .monom .kv .gl_common_section__inner
    {
        aspect-ratio: 375/667;
    }

    .monom .kv .-img
    {
        line-height: 0;

        display: block;
    }

    .monom .kv .-img .-img1
    {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;

        width: 100%;

        aspect-ratio: 375/335;
    }

    .monom .kv .-img .-img2
    {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 100%;

        aspect-ratio: 746/660;
    }

    .monom .kv p
    {
        z-index: 5;
        top: 45.1274362819%;
        right: 13.3333333333%;

        width: 72%;
    }

    .monom .kv h1
    {
        z-index: 5;
        bottom: .9685157421%;
        left: 2.6666666667%;

        width: 93.8666666667%;
    }

    .monom nav a
    {
        aspect-ratio: 187/180;
    }

    .monom nav a .-ttl
    {
        font-size: 1.536em;

        top: .6666666667em;
        left: .5555555556em;
    }

    .monom nav a:before,
    .monom nav a:after
    {
        bottom: .6826666667em;
        left: .9386666667em;

        width: 2.3893333333em;
    }

    .monom nav a:before
    {
        border-width: max(1px, .0853333333em);
        border-color: rgba(255, 255, 255, .5);
    }

    .monom nav a:after
    {
        background-image: url('/monom/img/nav/sp/nav_arrow.svg');
    }

    .monom nav a.-technology .-img
    {
        right: .512em;
        bottom: 3.328em;

        width: 13.4826666667em;
    }

    .monom nav a.-feature .-img
    {
        right: 0;
        bottom: 0;

        width: 10.3253333333em;
    }

    .monom .product_details
    {
        margin-bottom: 3.4133333333em;
        padding-bottom: .8533333333em;

        border-radius: .8533333333em;
    }

    .monom .product_details summary
    {
        padding: 2.048em 4.1813333333em .8533333333em 1.8773333333em;
    }

    .monom .product_details summary:after
    {
        top: calc(50% - .8533333333em / 2 + .6826666667em);
        right: 2.3893333333em;

        width: 2.2186666667em;

        background-image: url('/monom/img/product/sp/icon_arrow.svg');

        aspect-ratio: 26/10;
    }

    .monom .product_details .-body
    {
        width: 25.1733333333em;
        margin: 0 auto;
        padding: 0 0 5.376em;
    }

    .monom .product_details .-body:before
    {
        display: block;

        margin: 0 0 1.4506666667em;

        border-top-width: max(1px, .0853333333em);
    }

    .monom .product_details .-box
    {
        display: block;

        margin-top: 3.4133333333em;
    }

    .monom .product_details .-box .-texts
    {
        display: block;

        padding: 1.8773333333em 0;
    }

    .monom .product_details .-box .-texts h3 span
    {
        font-size: .7em;
    }

    .monom .product_details .-box .-texts .-p
    {
        font-size: 1.1946666667em;

        margin: 1em 0;
    }

    .monom .product_details .-box .-texts .-p span
    {
        font-size: 1.8571428571em;
    }

    .monom .product_details .-box .-texts ul
    {
        min-height: 0;
        margin-bottom: 0;
        padding-bottom: 2.56em;
    }

    .monom .product_details .-box .-texts ul li
    {
        font-size: 1.1946666667em;
    }

    .monom .product_details .-box[data-name=sp0] .-texts h3
    {
        font-size: 1.3653333333em;
    }

    .monom .product:after
    {
        height: 5.0346666667em;
    }

    .monom .product .-fixed_parent
    {
        margin-top: 0;
        padding-top: 0;
    }

    .monom .product .-bg
    {
        height: 31.9146666667em;
    }

    .monom .product .-bg > div > div
    {
        right: -6.3146666667em;

        width: 31.744em;
    }

    .monom .product .gl_common_section__inner
    {
        padding-top: 5.0346666667em;
    }

    .monom .product .-inner
    {
        width: 29.2693333333em;
        margin: 0 auto;
        padding: 9.472em 0 9.472em;
    }

    .monom .product .-inner h2
    {
        width: 18.0906666667em;
        margin-bottom: 4.7786666667em;

        aspect-ratio: 212/68;
    }

    .monom .product .-inner .-list1
    {
        display: block;

        margin: -1.7066666667em 0 1.7066666667em;
    }

    .monom .product .-inner .-list1 .-box
    {
        position: relative;

        display: -ms-grid;
        display:     grid;

        padding: 2.048em 2.048em 9.728em;

        border-radius: .8533333333em;

        -ms-grid-columns: 10.24em 1.7066666667em 1fr;
        grid-template-columns: 10.24em 1fr;
        gap: 1.7066666667em;
    }

    .monom .product .-inner .-list1 .-box + .-box
    {
        margin-top: 1.7066666667em;
    }

    .monom .product .-inner .-list1 .-box figure
    {
        aspect-ratio: 120/140;
    }

    .monom .product .-inner .-list1 .-box .-detail
    {
        display: block;
    }

    .monom .product .-inner .-list1 .-box .-detail .-p
    {
        font-size: 1.1946666667em;

        margin-top: 1.1428571429em;
    }

    .monom .product .-inner .-list1 .-box .-detail .-p span
    {
        font-size: 1.8571428571em;
    }

    .monom .product .-inner .-list1 .-box .-detail .-d
    {
        font-size: 1.1946666667em;
    }

    .monom .product .-inner .-list1 .-box .-detail .-btn
    {
        position: absolute;
        bottom: 2.048em;
        left: 2.048em;

        width: calc(100% - 4.096em);
    }

    .monom .product .-inner .-list1 .-box[data-name=p1] h3,
    .monom .product .-inner .-list1 .-box[data-name=p2] h3
    {
        font-size: 1.3653333333em;

        letter-spacing: 0;
    }

    .monom .product .-inner .gl_common_note,
    .monom .product .-inner .article .-section .-note,
    .monom .article .-section .product .-inner .-note
    {
        font-size: 1.024em;
    }

    .monom .review
    {
        background: #212a47;
    }

    .monom .review .gl_common_section__inner
    {
        padding: 3.84em 0 0;
    }

    .monom .review h2
    {
        width: 18.0906666667em;
        margin-bottom: 3.4133333333em;
        margin-left: 1.3653333333em;

        aspect-ratio: 212/68;
    }

    .monom .review .-list
    {
        padding: 0 2.304em 0 4.0106666667em;

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

    .monom .review .-list .-item
    {
        -ms-grid-columns: 6.8266666667em 2.2186666667em 1fr;
        grid-template-columns: 6.8266666667em 1fr;
        gap: 2.2186666667em;
    }

    .monom .review .-list .-item .-img
    {
        aspect-ratio: 80/106;
    }

    .monom .review .-list .-item .-txt
    {
        font-size: 1.1946666667em;
        line-height: 1.3em;
    }

    .monom .review .-list .-item .-star
    {
        font-size: 1.1946666667em;
        line-height: 1.3em;

        margin: .8571428571em 0;
    }

    .monom .review .-list .-item .-data
    {
        font-size: 1.1946666667em;
    }

    .monom .sns .gl_common_section__inner
    {
        padding: 0 0 10.752em;
    }

    .monom .sns h3
    {
        font-size: 1.536em;
    }

    .monom .sns ul
    {
        margin-top: 2.6453333333em;

        gap: 2.7306666667em;
    }

    .monom .sns ul li
    {
        width: 4.0106666667em;
    }

    .monom .technology .-items .-img[data-n='1']
    {
        z-index: 1;
        top: -3.6693333333em;
        left: 5.0346666667em;

        width: 7.68em;
    }

    .monom .technology .-items .-img[data-n='2']
    {
        z-index: 1;
        top: 7.5093333333em;
        left: 24.9173333333em;

        width: 14.6773333333em;
    }

    .monom .technology .-items .-img[data-n='3']
    {
        z-index: 1;
        top: 1.3653333333em;
        left: -6.4em;

        width: 15.7013333333em;
    }

    .monom .technology .-items .-img[data-n='4']
    {
        z-index: 1;
        top: 77.056em;
        left: -3.328em;

        width: 16.2986666667em;
    }

    .monom .technology .-items .-img[data-n='5']
    {
        z-index: 1;
        top: 84.992em;
        left: 25.2586666667em;

        width: 9.8133333333em;
    }

    .monom .technology .-items .-img[data-n='6']
    {
        z-index: 1;
        top: 34.304em;
        left: -2.6453333333em;

        width: 9.3013333333em;
    }

    .monom .technology h2
    {
        top: 7.5093333333em;
        left: 3.2426666667em;

        width: 25.9413333333em;
    }

    .monom .technology .-texts
    {
        padding: 12.1173333333em 0 18.432em 3.1573333333em;
    }

    .monom .technology .-texts h3
    {
        letter-spacing: 0;
    }

    .monom .technology .-texts p
    {
        font-size: 1.3653333333em;

        margin: 1.375em 0 2.5em;

        letter-spacing: 0;
    }

    .monom .technology .-texts .-list ol li
    {
        padding: 1.1946666667em 1.7066666667em 1.1946666667em 0;

        border-top-width: max(1px, .0853333333em);

        gap: 2.1333333333em;
    }

    .monom .technology .-texts .-list ol li:last-child
    {
        border-bottom-width: max(1px, .0853333333em);
    }

    .monom .technology .-texts .-list ol li .-n
    {
        font-size: 2.2186666667em;
    }

    .monom .technology .-texts .-list ol li .-txt
    {
        font-size: 1.7066666667em;
    }

    .monom .technology .-btn
    {
        margin: 6.8266666667em 0 0;
    }

    .monom .technology .-btn a
    {
        width: 25.6em;

        aspect-ratio: 300/79;
    }

    .monom .voice_list .splide__slide
    {
        width: 23.9786666667em;
    }

    .monom .voice_list .-box .-img
    {
        border-radius: .8533333333em;
    }

    .monom .voice_list .-box .-img .-txt
    {
        padding: .768em 1.1093333333em;
    }

    .monom .voice_list .-box .-img .-name
    {
        font-size: 1.1093333333em;
    }

    .monom .voice_list .-box .-img .-name span
    {
        font-size: 1.3846153846em;
    }

    .monom .voice_list .-box .-img .-sns_name
    {
        font-size: 1.024em;
    }

    .monom .voice_list .-box p
    {
        font-size: 1.28em;

        width: 17.0666666667em;
        margin: 1.6666666667em auto 0;
    }

    .monom .voice_list .splide__arrow
    {
        top: 9.3013333333em;

        width: 3.6693333333em;
        padding: 1.024em;
    }

    .monom .voice_list .splide__arrow span
    {
        aspect-ratio: 19/38;
        -webkit-filter: drop-shadow(0 0 1.7066666667em rgba(0, 0, 0, .75));
                filter: drop-shadow(0 0 1.7066666667em rgba(0, 0, 0, .75));
    }

    .monom .voice
    {
        background: #212a47;
    }

    .monom .voice .gl_common_section__inner
    {
        padding: 6.4em 0 5.4613333333em;
    }

    .monom .voice h2
    {
        width: 18.0906666667em;
        margin-bottom: 3.4986666667em;
        margin-left: 1.3653333333em;

        aspect-ratio: 212/68;
    }
}

@media (hover: hover)
{
    .monom .gl_common_dialog__btn_close:hover
    {
        opacity: .6;
    }

    .monom .brand_movie .-video button:hover span svg circle
    {
        fill: #212a47;
    }

    .monom .cta .-texts .-btn a:hover
    {
        opacity: .6;
    }

    .monom #dialog_history .-content .-article .-nav_fixed a:hover span svg
    {
        fill: #fff;
    }

    .monom #dialog_history .-content .-article .-nav_fixed a:hover span:after
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }

    .monom #dialog_history .-content .-btn_more a:hover
    {
        opacity: .6;
    }

    .monom #dialog_store .-content .-article dl .-link:hover
    {
        text-decoration: none;
    }

    .monom #dialog_store .-content .-article dl .-btn:hover
    {
        background-color: #c6ced2;
    }

    .monom #dialog_store .-content .-article dl .-fujifilm .-bnr .-texts .-bnr_btn a:hover
    {
        opacity: .6;
    }

    .monom .fixed_cta a:hover
    {
        opacity: .6;
    }

    .monom .fmw dl dd ol .-btn button:hover
    {
        opacity: .6;
    }

    .monom .gl_btn:hover
    {
        background-color: #252993;
    }

    .monom .gl_btn:hover:after
    {
        background-color: #090c61;
    }

    .monom .iah button:hover:before
    {
        -webkit-transform: translateX(.625em);
                transform: translateX(.625em);
    }

    .monom .iah button.-interview:hover
    {
        background-color: #517181;
    }

    .monom .iah button.-history:hover
    {
        background-color: #12447b;
    }

    .monom nav a:hover:after
    {
        -webkit-transform: translateY(.3125em);
                transform: translateY(.3125em);
    }

    .monom nav a.-technology:hover
    {
        background-color: #517181;
    }

    .monom nav a.-feature:hover
    {
        background-color: #12447b;
    }

    .monom .sns ul li a:hover
    {
        opacity: .6;
    }

    .monom .technology .-btn a:hover
    {
        opacity: .6;
    }

    .monom .voice_list .-box .-img:hover
    {
        opacity: .6;
    }

    .monom .voice_list .splide__arrow--prev:hover span
    {
        -webkit-transform: translateX(-.3125em);
                transform: translateX(-.3125em);
    }

    .monom .voice_list .splide__arrow--next:hover span
    {
        -webkit-transform: translateX(.3125em);
                transform: translateX(.3125em);
    }
}