@charset "utf-8";

/*
 * File    : rwd-layout.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 1680px
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

}




/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    html,
    html.safari.desktop { font-size: 0.06756756756756757vw; }

    /* VAR */
    :root {
        --font-size-primary-01: 46rem;
        --font-size-primary-02: 34rem;
        --font-size-primary-03: 28rem;
        --font-size-primary-04: 22rem;
        --font-size-primary-05: 20rem;

        --font-lineheight-primary-01: 58rem;
        --font-lineheight-primary-02: 44rem;
        --font-lineheight-primary-03: 36rem;
        --font-lineheight-primary-04: 30rem;
        --font-lineheight-primary-05: 26rem;

        --font-size-secondary-01: 54rem;
        --font-size-secondary-02: 42rem;
        --font-size-secondary-03: 36rem;
        --font-size-secondary-04: 26rem;
        --font-size-secondary-05: 22rem;

        --font-lineheight-secondary-01: 58rem;
        --font-lineheight-secondary-02: 46rem;
        --font-lineheight-secondary-03: 40rem;
        --font-lineheight-secondary-04: 32rem;
        --font-lineheight-secondary-05: 28rem;
    }

    /* LAYOUT */
    .wrap { max-width: inherit; margin: 0 60rem; }

    /* HEADER */
    #header { --maximize-height: 180rem; --minimize-height: 76rem; --padding-bottom: 4rem; }
    .header__inner { max-width: inherit; margin: 0 60rem; }

    #logo { width: 190rem; bottom: 19rem; }

    .header__logo { width: 400rem; bottom: calc(var(--minimize-height) - var(--padding-bottom) + 14rem); }

    #menu > li > a { padding: 26rem 16rem; }

    .search-controller { bottom: 16rem; }

    /* FOOTER */
    #footer { padding: 76rem 0 112rem; }
    .footer__inner { max-width: inherit; margin: 0 60rem; }

    .footer__group--01 { gap: 60rem; }
    .footer__group--02 { gap: 20rem; }
    .footer__group--03 { left: calc(100% - 400rem); }
    .footer__group--04 { margin-top: 72rem; }

    .footer__logo svg { width: 220rem; }

    .footer__buttons { gap: 18rem; }

    .footer__menu { width: 190rem; }

    .footer__links { width: 190rem; }

    .footer__info { margin-bottom: 14rem; }
    .footer__info p + p { margin-top: 14rem; }

    /* CONTAINER */
    .main-container { padding-top: 150rem; padding-bottom: 150rem; }

    /* SEARCH */
    .search-container__inner { width: 560rem; gap: 32rem; padding: 128rem 42rem 36rem; }
    .search-container__close { top: 26rem; right: 32rem; }
    .search-container__fleld .jt-search__input { height: 38rem; padding: 0 74rem 13rem 0; }
    .search-container__fleld .jt-search__reset { right: 40rem; }

    .jt-search-result__head { padding: 56rem; }
    .jt-search-result__sort { margin-bottom: 28rem; }
    .jt-search-result__body h2 { margin-top: 60rem; }

    /* PAGE */
    .article__header { padding-bottom: 72rem; }
    .article__header--secondary { padding-bottom: 56rem; }
    .article__section { padding-bottom: 92rem; }
    body.page-template-artnow .article__title i { width: 280rem; }

    .article__visual-title svg { width: 720rem; }

    /* SECTION */
    .jt-section { --padding-top: 76rem; --padding-bottom: 92rem; }
    .jt-section.jt-section--gray { padding-bottom: 92rem; }
    .jt-section.jt-section--black { padding-top: 112rem; padding-bottom: 100rem; }

    /* PRIVACY */
    .privacy__revison { margin-top: 22rem; }

    /* 404 ERROR */
    .error-404__title { margin-top: 36rem; }
    .error-404__image { margin-top: 56rem; }
    .error-404__desc { margin-top: 56rem; }
    .error-404__control { margin-top: 56rem; margin-bottom: 80rem; }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    html,
    html.safari.desktop { font-size: 0.0833333333333333vw; }

    /* VAR */
    :root {
        --font-size-primary-01: 42rem;
        --font-size-primary-02: 30rem;
        --font-size-primary-03: 26rem;

        --font-lineheight-primary-01: 54rem;
        --font-lineheight-primary-02: 40rem;
        --font-lineheight-primary-03: 34rem;

        --font-size-secondary-01: 48rem;
        --font-size-secondary-02: 36rem;
        --font-size-secondary-03: 30rem;
        --font-size-secondary-04: 22rem;
        --font-size-secondary-05: 20rem;

        --font-lineheight-secondary-01: 54rem;
        --font-lineheight-secondary-02: 42rem;
        --font-lineheight-secondary-03: 36rem;
        --font-lineheight-secondary-04: 28rem;
        --font-lineheight-secondary-05: 26rem;
    }

    /* LAYOUT */
    .wrap { margin: 0 40rem; }

    /* HEADER */
    #header { --maximize-height: 160rem; --minimize-height: 72rem; --padding-bottom: 2rem; }
    .header__inner { margin: 0 40rem; }

    #logo { width: 180rem; bottom: 18rem; }

    #menu > li > a { padding: 24rem 14rem; }

    .search-controller { bottom: 14rem; }

    /* FOOTER */
    #footer { padding: 64rem 0 100rem; }
    .footer__inner { margin: 0 40rem; }

    .footer__group--01 { gap: 48rem; }
    .footer__group--02 { gap: 16rem; }
    .footer__group--03 { left: calc(100% - 376rem); }
    .footer__group--04 { margin-top: 64rem; }

    .footer__logo svg { width: 200rem; }

    .footer__buttons { gap: 16rem; }

    .footer__info { margin-bottom: 12rem; }
    .footer__info p + p { margin-top: 12rem; }

    .footer__menu { width: 180rem; }

    .footer__links { width: 180rem; }

    /* SEARCH */
    .search-container__inner { width: 480rem; gap: 28rem; padding: 120rem 36rem 32rem; }
    .search-container__close { top: 22rem; right: 26rem; }

    .jt-search-result__head { padding: 48rem; }
    .jt-search-result__sort { margin-bottom: 24rem; }
    .jt-search-result__body h2 { margin-top: 48rem; }

    /* CONTAINER */
    .main-container { padding-top: 140rem; padding-bottom: 140rem; }

    /* PAGE */
    .article__header { padding-bottom: 60rem; }
    .article__header--secondary { padding-bottom: 48rem; }
    .article__desc { margin-top: 22rem; }
    .article__link { margin-top: 22rem; }
    .article__section { padding-bottom: 84rem; }
    body.page-template-artnow .article__title i { width: 240rem; }

    .article__visual-title svg { width: 640rem; }
    .article__visual-desc { margin-top: 28rem; }

    /* SECTION */
    .jt-section { --padding-top: 72rem; --padding-bottom: 84rem; }
    .jt-section.jt-section--gray { padding-bottom: 88rem; }
    .jt-section.jt-section--black { padding-top: 100rem; padding-bottom: 92rem; }

    /* PRIVACY */
    .privacy__revison { margin-top: 20rem; }

    /* 404 ERROR */
    .error-404__title { margin-top: 32rem; }
    .error-404__image { margin-top: 48rem; }
    .error-404__desc { margin-top: 48rem; }
    .error-404__control { margin-top: 48rem; margin-bottom: 60rem; }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    html,
    html.safari.desktop { font-size: 0.09775171065493645vw; }

    /* VAR */
    :root {
        --font-size-primary-01: 38rem;
        --font-size-primary-02: 28rem;

        --font-lineheight-primary-01: 50rem;
        --font-lineheight-primary-02: 38rem;
        --font-lineheight-primary-03: 32rem;

        --font-size-secondary-01: 40rem;
        --font-size-secondary-02: 32rem;
        --font-size-secondary-03: 28rem;

        --font-lineheight-secondary-01: 48rem;
        --font-lineheight-secondary-02: 38rem;
        --font-lineheight-secondary-03: 32rem;
    }

    /* HEADER */
    #header { --minimize-height: 68rem; --padding-bottom: 0; }
    #header:has(.header__logo) { height: var(--minimize-height); }
    #header:has(.header__logo) #logo { opacity: 1; pointer-events: all; }

    .header__logo { display: none; }

    .menu-container { display: none; }

    .small-menu-controller, .small-menu-container { display: block; }
    .small-menu-controller { display: block; width: 32rem; height: 32rem; position: absolute; top: 17rem; right: 36rem; transition: top .3s; }
    .small-menu-controller__line { display: block; width: 24rem; height: 2px; position: absolute; left: 4rem; background: var(--color-black); transition: background .3s; }
    .small-menu-controller__line--01 { top: 8rem; }
    .small-menu-controller__line--02 { top: 16rem; }
    .small-menu-controller__line--03 { bottom: 6rem; }

    .search-controller { bottom: 17rem; right: 40rem; }
    .search-controller__btn { width: 32rem; height: 32rem; padding: 4rem; }

    .small-menu-container { display: none; width: 100%; height: 100%; padding-top: 68rem; position: fixed; top: 0; left: 0; background: var(--color-gray-900); overflow: hidden; z-index: 650; }
    .small-menu-container__inner { width: 100%; height: 100%; padding-top: 16rem; position: relative; z-index: 2; overflow-y: scroll; }
    .small-menu-nav { display: block; }

    #small-menu { position: relative; }
    #small-menu li { display: block; position: relative; }
    #small-menu a { display: block; position: relative; }
    #small-menu > li > a { padding: 16rem 40rem; font-family: var(--font-secondary); font-size: var(--font-size-secondary-02); line-height: var(--font-lineheight-secondary-02); font-weight: 700; letter-spacing: var(--letter-spacing-03); color: var(--color-white); }
    #small-menu > li.menu-item-has-children > a { padding-right: 100rem; }
    #small-menu > li.menu-item-has-children > a:before { content: ''; width: 2rem; height: 20rem; position: absolute; right: 53rem; top: 50%; margin-top: -10rem; background: var(--color-white); transition: opacity .3s, transform .3s; }
    #small-menu > li.menu-item-has-children > a:after { content: ''; width: 20rem; height: 2rem; position: absolute; right: 44rem; top: 50%; margin-top: -1rem; background: var(--color-white); }
    #small-menu > li > a > span { position: relative; display: inline-block; }
    #small-menu > li > a > span:after { content: ''; position: absolute; left: 0; bottom: -2rem; height: 2rem; width: 100%; background: currentColor; opacity: 0; }
    #small-menu > li.current-menu-ancestor > a > span:after { opacity: 1; }
    #small-menu > li > ul { display: none; }
    #small-menu > li > ul > li > a { padding: 8rem 40rem 8rem 60rem; font-family: var(--font-secondary); font-size: var(--font-size-secondary-05); line-height: var(--font-lineheight-secondary-05); font-weight: 700; letter-spacing: var(--letter-spacing-03); color: var(--color-gray-400); transition: color .3s; }
    #small-menu > li > ul > li > a > span { position: relative; display: inline-block; }
    #small-menu > li > ul > li > a > span:after { content: ''; position: absolute; left: 0; bottom: -2rem; height: 2rem; width: 100%; background: currentColor; opacity: 0; }
    #small-menu > li > ul > li:last-child > a { padding-bottom: 12rem; }
    #small-menu > li.menu-item-has-children.menu-item--open > a:before { opacity: 0; transform: translateY(-50%); }
    #small-menu > li > ul > li.current-menu-item > a { color: var(--color-white); }
    #small-menu > li > ul > li.current-menu-item > a > span:after { opacity: 1; }

    body.open-menu-fixed { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
    body.open-menu #header { transform: none !important; opacity: 1 !important; visibility: visible !important; }
    body.open-menu #logo, body.open-menu .search-controller, body.open-menu .small-menu-controller { z-index: 651; }
    body.open-menu #logo path { fill: var(--color-white); }
    body.open-menu .small-menu-controller__line { background: var(--color-white); }
    body.open-menu .search-controller__btn:before { background: var(--color-black); }
    body.open-menu .search-controller__btn .jt-icon path { fill: var(--color-white); }

    .small-menu-container__utils { position: relative; margin: 38rem 40rem 0; padding: 54rem 0; }
    .small-menu-container__utils:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--color-white); opacity: .3; }

    .small-menu-buttons { display: flex; gap: 16rem; }
    .small-menu-buttons > a { flex: 1; padding: 7rem 16rem; border: 2rem solid var(--color-white); color: var(--color-white); text-align: center; border-radius: 22rem; transition: color .3s, background .3s; }

    .small-menu-group { display: flex; gap: 20rem; margin-top: 43rem; margin-bottom: -5rem; }

    .small-menu-side { flex: 1; }
    #mobile-menu > li > a { display: inline-block; color: var(--color-white); font-size: var(--font-size-primary-08); line-height: var(--font-lineheight-primary-08); letter-spacing: var(--letter-spacing-03); font-weight: 800; padding: 5rem 0; }
    #mobile-menu > li > a > span { position: relative; display: inline-block; }
    #mobile-menu > li > a > span:after { content: ''; display: block; width: 0; height: 2rem; position: absolute; bottom: -2rem; right: 0; left: auto; background: currentColor; transition: width .4s cubic-bezier(0.165, 0.840, 0.440, 1.000); }

    .small-menu-links { flex: 1; }
    .small-menu-links > li > a { display: inline-block; color: var(--color-white); padding: 5rem 0; }
    .small-menu-links > li > a > span { position: relative; display: inline-block; }
    .small-menu-links > li > a > span:after { content: ''; display: block; width: 0; height: 2rem; position: absolute; bottom: -2rem; right: 0; left: auto; background: currentColor; transition: width .4s cubic-bezier(0.165, 0.840, 0.440, 1.000); }
    .small-menu-links span { vertical-align: middle; }
    .small-menu-links .jt-icon { width: 10rem; vertical-align: middle; margin-left: 6rem; }
    .small-menu-links .jt-icon path { fill: var(--color-white); }

    .small-menu-sns { display: flex; gap: 16rem; margin-top: 48rem; }
    .small-menu-sns a { position: relative; display: flex; align-items: center; justify-content: center; width: 42rem; height: 42rem; border-radius: 50%; transition: background .3s; }
    .small-menu-sns a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; background: inherit; border: 2rem solid var(--color-white); box-sizing: border-box; transition: transform .3s; will-change: transform; }
    .small-menu-sns .jt-icon { position: relative; width: 24rem; z-index: 1; }
    .small-menu-sns .jt-icon path { fill: var(--color-white); }

    body:has(.jt-single__header--visual) #header:not(.minimize) .small-menu-controller__line, body:has(.article__visual) #header:not(.minimize) .small-menu-controller__line { background: var(--color-white); }

    /* FOOTER */
    #footer { padding: 60rem 0; }

    .footer__group--01 { flex-direction: column; align-items: flex-start; }
    .footer__group--02 { position: relative; margin-top: 48rem; margin-bottom: -5rem; }
    .footer__group--03 { position: relative; left: auto; margin-top: 48rem; }
    .footer__group--04 { margin-top: 48rem; }

    .footer__logo svg { width: 180rem; }

    .footer__buttons { width: 100%; }
    .footer__buttons > a { flex: 1; text-align: center; padding: 7rem 16rem; }

    .footer__menu { width: auto; flex: 1; margin-top: -5rem; }
    #footer-menu > li > a { padding: 5rem 0; }

    .footer__links { width: auto; flex: 1; margin-top: -5rem; }
    .footer__links > li > a { padding: 5rem 0; }
    
    .footer__copyright { position: relative; order: 1; padding: 4rem 32rem 4rem 0; margin-top: -4rem; margin-bottom: -4rem; cursor: pointer; }
    .footer__copyright:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -10rem; width: 20rem; height: 20rem; background: url(../images/icon/icon-chevron.svg) no-repeat center right / cover; transition: transform .3s; }
    .footer__copyright--active:after { transform: rotate(-180deg); }

    .footer__info { order: 2; margin-bottom: 0; margin-top: 12rem; display: none; }    

    /* SEARCH */
    .search-container__inner { width: 100%; padding: 0; transform: translateX(0); }
    .search-container__close span { display: none; }
    .search-container__close .jt-icon { opacity: 1; }

    .search-container__fleld { padding: 22rem 40rem; border-bottom: 1px solid rgba(255, 255, 255, .3); }
    .search-container__fleld .jt-search__bundle { padding-right: 40rem; }
    .search-container__fleld .jt-search__input { height: 44rem; padding: 0 44rem; border: none; background: var(--color-gray-800); border-radius: 22rem; }
    .search-container__fleld .jt-search__label { left: 44rem; top: 50%; transform: translateY(-50%); }
    .search-container__fleld .jt-search__submit { right: auto; left: 0; top: 0; height: 100%; padding: 10rem 8rem 10rem 12rem; }
    .search-container__fleld .jt-search__submit:hover:before { opacity: 0; }
    .search-container__fleld .jt-search__reset { right: 52rem; top: 10rem; }

    .search-container__keywords { padding: 0 40rem; }

    .jt-search-result .jt-search__input { height: 46rem; padding: 0 48rem 15rem 32rem; }
    .jt-search-result .jt-search__label { left: 32rem; }
    .jt-search-result .jt-search__reset { right: 0; top: 4rem; }
    .jt-search-result .jt-search__submit { display: flex; align-items: flex-start; right: auto; left: -8rem; top: -6rem; width: 40rem; height: 40rem; padding: 8rem; border: 0; border-radius: 0; }
    .jt-search-result .jt-search__submit span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }
    .jt-search-result .jt-search__submit .jt-icon { display: block; width: 24rem; }
    
    .jt-search-result__body h2 { margin-top: 40rem; }

    /* CONTAINER */
    .main-container { padding-top: 130rem; padding-bottom: 130rem; }

    /* PAGE */
    .article__header { padding-bottom: 56rem; }
    .article__header--secondary { padding-bottom: 40rem; }
    .article__desc { margin-top: 20rem; }
    .article__link { margin-top: 20rem; }
    .article__section { padding-bottom: 80rem; }
    body.page-template-artnow .article__title i { width: 220rem; }

    .article__visual { height: 840rem; }
    .article__visual-title { margin-top: 0; }
    .article__visual-title svg { width: 600rem; }
    .article__visual-desc { margin-top: 24rem; }

    /* SECTION */
    .jt-section { --padding-top: 64rem; --padding-bottom: 80rem; }
    .jt-section.jt-section--gray { padding-bottom: 84rem; }
    .jt-section.jt-section--black { padding-top: 92rem; padding-bottom: 88rem; }

    /* 404 ERROR */
    .error-404__title { margin-top: 28rem; }
    .error-404__image { margin-top: 40rem; }
    .error-404__desc { margin-top: 40rem; }
    .error-404__control { margin-top: 40rem; margin-bottom: 40rem; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    html,
    html.safari.desktop { font-size: 0.13020833333333335vw; }

    /* VAR */
    :root {
        --font-size-primary-01: 32rem;
        --font-size-primary-02: 26rem;
        --font-size-primary-03: 24rem;
        --font-size-primary-04: 21rem;
        --font-size-primary-05: 19rem;
        --font-size-primary-06: 17rem;

        --font-lineheight-primary-01: 42rem;
        --font-lineheight-primary-02: 34rem;
        --font-lineheight-primary-03: 31rem;
        --font-lineheight-primary-04: 28rem;
        --font-lineheight-primary-05: 24rem;
        --font-lineheight-primary-06: 23rem;

        --font-size-secondary-01: 32rem;
        --font-size-secondary-02: 28rem;
        --font-size-secondary-03: 24rem;
        --font-size-secondary-04: 20rem;
        --font-size-secondary-05: 18rem;
        --font-size-secondary-06: 17rem;

        --font-lineheight-secondary-01: 38rem;
        --font-lineheight-secondary-02: 32rem;
        --font-lineheight-secondary-03: 28rem;
        --font-lineheight-secondary-04: 24rem;
        --font-lineheight-secondary-05: 23rem;
        --font-lineheight-secondary-06: 22rem;
    }

    /* LAYOUT */
    .wrap { margin: 0 24rem; }
    .wrap-narrow { max-width: inherit; margin: 0 24rem; }
    
    br.mdbr { display: block !important; }

    /* HEADER */
    #header { --minimize-height: 60rem; }
    .header__inner {  margin: 0 24rem; }

    #logo { width: 172rem; bottom: 14rem; }

    .small-menu-controller { top: 13rem; right: 20rem; }
    .small-menu-container { padding-top: 60rem; }
    .small-menu-container__inner { padding-top: 12rem; }
    .small-menu-container__utils { margin: 36rem 24rem 0; padding: 48rem 0; }

    #small-menu > li > a { padding: 12rem 24rem; }
    #small-menu > li.menu-item-has-children > a { padding-right: 80rem; }
    #small-menu > li.menu-item-has-children > a:before { height: 18rem; margin-top: -9rem; right: 36rem; }
    #small-menu > li.menu-item-has-children > a:after { width: 18rem; right: 28rem; }
    #small-menu > li > ul > li > a { padding: 7rem 24rem 7rem 40rem; }
    #small-menu > li > ul > li:last-child > a { padding-bottom: 10rem; }

    .small-menu-group { margin-top: 35rem; }

    .small-menu-sns { margin-top: 40rem; }

    .search-controller { bottom: 13rem; }

    /* FOOTER */
    #footer { padding: 48rem 0; }

    .footer__inner { margin: 0 24rem; }

    .footer__group--01 { gap: 40rem; }
    .footer__group--02 { margin-top: 40rem; }
    .footer__group--03 { margin-top: 40rem; }
    .footer__group--04 { margin-top: 40rem; }

    .footer__logo svg { width: 172rem; }

    .footer__links .jt-icon { width: 10rem; }

    /* SEARCH */
    .search-container__inner { gap: 24rem; }
    .search-container__close { top: 18rem; right: 14rem; }

    .search-container__fleld { padding: 18rem 24rem; }

    .search-container__keywords { padding: 0 24rem; }

    .jt-search-result__head { padding: 40rem; }
    .jt-search-result__sort { margin-bottom: 20rem; }
    .jt-search-result__body h2 { margin-top: 36rem; }

    .jt-search-result .jt-search__input { height: 44rem; padding: 0 48rem 14rem 32rem; }
    .jt-search-result .jt-search__reset {  top: 0; }

    /* CONTAINER */
    .main-container { padding-top: 120rem; padding-bottom: 120rem; }

    /* PAGE */
    .article__header { padding-bottom: 48rem; }
    .article__header--secondary { padding-bottom: 36rem; }
    .article__desc { margin-top: 18rem; }
    .article__link { margin-top: 18rem; }
    .article__section { padding-bottom: 72rem; }
    body.page-template-artnow .article__title i { width: 180rem; }

    .article__visual { height: 780rem; }
    .article__visual-title svg { width: 480rem; }
    .article__visual-desc { margin-top: 20rem; }

    /* SECTION */
    .jt-section { --padding-top: 60rem; --padding-bottom: 72rem; }
    .jt-section.jt-section--gray { padding-bottom: 80rem; }
    .jt-section.jt-section--black { padding-top: 60rem; padding-bottom: 80rem; }
    .jt-section__more { padding-right: 16rem; }
    .jt-section__more:before { right: 4rem; height: 10rem; }
    .jt-section__more:after { width: 10rem; }

    /* PRIVACY */
    .privacy__revison { margin-top: 18rem; }
    .privacy__revison .choices { min-width: 129rem; }
    .privacy__revison .choices__inner { height: 32rem; padding: 5rem 40rem 5rem 15rem; }
    .privacy__revison .choices[data-type*=select-one]:after { right: 12rem; }
    .privacy__revison .choices[data-type*=select-one] .choices__inner { padding-bottom: 5rem; }
    .privacy__revison .choices__list--dropdown .choices__item,
    .privacy__revison .choices__list[aria-expanded] .choices__item { padding: 6rem 15rem; }

    html.mobile .privacy__revison .jt-choices__wrap > select { min-width: 129rem; height: 30rem; padding: 0 40rem 0 15rem; }
    html.mobile .privacy__revison .jt-choices__wrap:before { right: 12rem; }

    /* 404 ERROR */
    .error-404__title { margin-top: 24rem; }
    .error-404__title i { width: 640rem; margin: 0 auto; }
    .error-404__image { margin-top: 36rem; }
    .error-404__desc { margin-top: 36rem; }
    .error-404__control { margin-top: 36rem; margin-bottom: 0; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    html,
    html.safari.desktop { font-size: 0.2564102564102564vw; }

    /* VAR */
    :root {
        --font-size-primary-01: 27rem;
        --font-size-primary-02: 25rem;
        --font-size-primary-03: 21rem;
        --font-size-primary-04: 19rem;
        --font-size-primary-05: 18rem;
        --font-size-primary-06: 16rem;
        --font-size-primary-07: 16rem;
        --font-size-primary-08: 15rem;
        --font-size-primary-09: 15rem;
        --font-size-primary-10: 14rem;
        --font-size-primary-11: 13rem;
        --font-size-primary-12: 12rem;

        --font-lineheight-primary-01: 32rem;
        --font-lineheight-primary-02: 30rem;
        --font-lineheight-primary-03: 27rem;
        --font-lineheight-primary-04: 25rem;
        --font-lineheight-primary-05: 24rem;
        --font-lineheight-primary-06: 22rem;
        --font-lineheight-primary-07: 26rem;
        --font-lineheight-primary-08: 24rem;
        --font-lineheight-primary-09: 24rem;

        --font-size-secondary-01: 26rem;
        --font-size-secondary-02: 24rem;
        --font-size-secondary-03: 22rem;
        --font-size-secondary-04: 18rem;
        --font-size-secondary-05: 16rem;
        --font-size-secondary-06: 16rem;
        --font-size-secondary-07: 15rem;
        --font-size-secondary-08: 14rem;
        --font-size-secondary-09: 13rem;
        --font-size-secondary-10: 12rem;
        --font-size-secondary-11: 11rem;

        --font-lineheight-secondary-01: 32rem;
        --font-lineheight-secondary-02: 28rem;
        --font-lineheight-secondary-03: 24rem;
        --font-lineheight-secondary-04: 21rem;
        --font-lineheight-secondary-05: 21rem;
        --font-lineheight-secondary-06: 21rem;
        --font-lineheight-secondary-07: 18rem;
        --font-lineheight-secondary-08: 18rem;
        --font-lineheight-secondary-09: 18rem;
    }

    /* TYPOGRAPHY */
    .jt-typo--02 { letter-spacing: var(--letter-spacing-01); }
    .jt-typo-secondary--06 { font-weight: 600; }
    .jt-typo-secondary--09 { letter-spacing: var(--letter-spacing-02); }
    .jt-typo-secondary--10 { letter-spacing: var(--letter-spacing-01); }

    /* LAYOUT */
    .wrap { margin: 0 14rem; }
    .wrap-narrow { margin: 0 14rem; }

    br.mdbr { display: none !important; }
    br.smbr { display: block !important; }

    /* HEADER */
    .header__inner { margin: 0 14rem; }

    .small-menu-controller { right: 10rem; }
    .small-menu-container__utils { margin: 30rem 14rem 0; padding: 40rem 0; }

    #small-menu > li > a { padding: 10rem 14rem; }
    #small-menu > li.menu-item-has-children > a { padding-right: 72rem; }
    #small-menu > li.menu-item-has-children > a:before { right: 25rem; height: 16rem; margin-top: -8rem; }
    #small-menu > li.menu-item-has-children > a:after { right: 18rem; width: 16rem; }
    #small-menu > li > ul > li > a { padding: 6rem 14rem 6rem 30rem; }

    .small-menu-group { margin-top: 31rem; }

    .small-menu-sns { margin-top: 36rem; }

    /* SEARCH */
    .search-container__fleld { padding: 18rem 14rem; }
    .search-container__close { right: 4rem; }
    .search-container__keywords { padding: 0 14rem; }

    .jt-search-result__head { padding: 36rem; }
    .jt-search-result__sort { margin-bottom: 16rem; }

    .jt-search-result .jt-search__input { height: 40rem; padding: 0 48rem 13rem 32rem; }

    /* FOOTER */
    #footer { padding: 40rem 0; }

    .footer__inner { margin: 0 14rem; }

    .footer__group--01 { gap: 36rem; }
    .footer__group--02 { margin-top: 36rem; }
    .footer__group--03 { margin-top: 36rem; }
    .footer__group--04 { margin-top: 36rem; }

    /* CONTAINER */
    .main-container { padding-top: 100rem; padding-bottom: 100rem; }

    /* PAGE */
    .article__header { padding-bottom: 40rem; }
    .article__header--secondary { padding-bottom: 30rem; }
    .article__desc { margin-top: 16rem; }
    .article__desc br { display: none; }
    .article__link { margin-top: 16rem; }
    .article__section { padding-bottom: 56rem; }
    body.page-template-artnow .article__title i { width: 160rem; }

    .article__visual { height: 675rem; }
    .article__visual-bg { min-height: 100%; padding-top: 0; }
    .article__visual-bg--desktop { display: none; }
    .article__visual-bg--mobile { display: block; }
    .article__visual-title svg { width: 320rem; }
    .article__visual-desc { margin-top: 16rem; }

    /* SECTION */
    .jt-section { --padding-top: 48rem; --padding-bottom: 56rem; }
    .jt-section.jt-section--gray { padding-bottom: 60rem; }
    .jt-section.jt-section--black { padding-top: 48rem; padding-bottom: 60rem; }
    .jt-section__more span { font-size: var(--font-size-secondary-08); line-height: var(--font-lineheight-secondary-08); font-weight: 700; }

    .jt-search-result__body h2 { margin-top: 28rem; }

    /* PRIVACY */
    .privacy__revison { margin-top: 16rem; }

    /* 404 ERROR */
    .error-404__title i { width: 300rem; }
    .error-404__image { margin-top: 32rem; }
    .error-404__desc { margin-top: 32rem; }
    .error-404__control { margin-top: 32rem; }

}



/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {

    /* HEADER (1023px) */
    #small-menu > li > ul > li > a:hover { color: var(--color-white); }

    .small-menu-buttons > a:hover { color: var(--color-gray-900); background: var(--color-white) }
    
    #mobile-menu > li > a:hover > span:after { width: 100%; left: 0; right: auto; }

    .small-menu-links > li > a:hover > span:after { width: 100%; left: 0; right: auto; }

    .small-menu-sns a:hover { background: var(--color-white); }
    .small-menu-sns a:hover:before { transform: scale(1.24); }
    .small-menu-sns a:hover .jt-icon path { fill: var(--color-gray-900); }

}