@charset "utf-8";

/*
 * File    : rwd-landing.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY :
 * 2561px
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



/* **************************************** *
 * min-width 2561px
 * **************************************** */
@media (min-width: 2561px){

    /* FEATURE */
    .section-feature__wave { margin-left: calc(((100vw - 1816rem) / 2)* -1); }

}



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

    /* GLOBAL */
    .jt-separation--primary { height: 200rem; }
    .jt-separation--primary .jt-separation__line { height: 31rem; }

    .jt-separation--secondary { height: 136rem; }
    .jt-separation--secondary .jt-separation__line { height: 23rem; }

    .jt-separation--third { height: 72rem; }
    .jt-separation--third .jt-separation__line { height: 15rem; }

    /* VISUAL */
    .section-visual__title { margin-bottom: 68rem; }
    .section-visual__title > p { margin-top: 24rem; }

    .section-visual__slider-typo { gap: 18rem; }

    /* FEATURE */
    .section-feature { margin-top: 150rem; }

    .section-feature__intro-explain { min-width: inherit; padding-top: 20rem; }
    .slotmachine-number-wrap { height: 210rem; }

    .section-feature__content { margin-top: 189rem; }
    
    .section-feature__wave-item svg { width: 1680rem; }

    .section-feature__list-icon { width: 164rem; }
    .section-feature__list-text p { margin-top: 18rem; }

    /* PRODUCT */
    .section-product { margin-top: 310rem; }

    .section-product__title { margin-bottom: 244rem; }

    .section-product__slider { width: 1200rem; margin-bottom: 218rem; }
    .section-product__slider-item { gap: 52rem; }
    .section-product__slider-item > * { width: calc((100% - 52rem) / 2); }

    .section-product__image > b { margin-top: 36rem; }

    .section-product__info { padding: 56rem 48rem 58rem; }
    .section-product__info-list { margin-bottom: 34rem; }
    .section-product__info-special { grid-template-columns: repeat(2, 190rem); gap: 28rem 34rem; }
    .section-product__info-special-image { width: 102rem; }
    .section-product__info-special-keyword { margin-top: 2rem; }

    /* RECIPE */
    .section-recipe { margin-top: 207rem; }

    .section-recipe__title { margin-bottom: 115rem; }

    .section-recipe__list-item:nth-child(2) { margin-top: 208rem; }
    .section-recipe__list-item:nth-child(4) { margin-top: 268rem; }
    .section-recipe__list-item:nth-child(5) { margin-top: 122rem; }
    .section-recipe__list-item:nth-child(6) { margin-top: 330rem; }
    .section-recipe__list-item:nth-child(7) { margin-top: 10rem; }
    .section-recipe__list-item:nth-child(8) { margin-top: 330rem; }

    /* PREMIER */
    .section-premier { margin-top: 410rem; }
    
    .section-premier__title { margin-bottom: 113rem; }

    /* FAQ */
    .section-faq { margin-top: 217rem; }

    .section-faq__more { margin-top: 66rem; }

    /* SHOP */
    .section-shop { margin-top: 340rem; }

    .section-shop__title { gap: 34rem; }

    .section-shop__image { width: 614rem; margin-top: -198rem; }

    .section-shop__link { width: 548rem; margin-top: 52rem; }
    .section-shop__link-logo { width: 28rem; height: 28rem; }
    .section-shop__link > .jt-icon { width: 13rem; }

    /* BRAND */
    .section-brand { margin-top: 217rem; }

    .section-brand__content { gap: 22rem; }

}



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

    /* GLOBAL */
    .jt-separation--primary { height: 170rem; }
    .jt-separation--primary .jt-separation__line { height: 27rem; }

    .jt-separation--secondary { height: 115rem; }
    .jt-separation--secondary .jt-separation__line { height: 20rem; }

    .jt-separation--third { height: 61rem; }
    .jt-separation--third .jt-separation__line { height: 13rem; }

    /* VISUAL */
    .section-visual__title { margin-bottom: 64rem; }
    .section-visual__title > p { margin-top: 20rem; }

    .section-visual__slider-typo { gap: 17rem; }

    /* FEATURE */
    .section-feature { margin-top: 130rem; }

    .section-feature__intro-time { gap: 2rem; }
    .section-feature__intro-explain { padding-top: 15rem; }
    .slotmachine-number-wrap { height: 190rem; }

    .section-feature__content { margin-top: 169rem; }

    .section-feature__wave { margin-left: -28rem; }
    .section-feature__wave-item svg { width: 1400rem; }

    .section-feature__list { gap: 8rem; }
    .section-feature__list-icon { width: 120rem; }
    .section-feature__list-text { padding: 0 54rem; }
    .section-feature__list-text br { display: none; }
    .section-feature__list-text p { margin-top: 16rem; }

    /* PRODUCT */
    .section-product { margin-top: 290rem; }

    .section-product__title { margin-bottom: 224rem; }

    .section-product__slider { width: 980rem; margin-bottom: 180rem; }
    .section-product__slider-item { gap: 42rem; }
    .section-product__slider-item > * { width: calc((100% - 42rem) / 2); }

    .section-product__image { padding: 42rem 0 44rem; }
    .section-product__image > b { margin-top: 32rem; }

    .section-product__info { padding: 44rem 42rem 48rem; }
    .section-product__info-btn { right: -12rem; }
    .section-product__info-list { margin-top: 16rem; margin-bottom: 25rem; }
    .section-product__info-list > li { grid-template-columns: 120rem 1fr; gap: 22rem; }
    .section-product__info-special { grid-template-columns: repeat(2, 146rem); gap: 24rem 30rem; }
    .section-product__info-special-image { width: 90rem; }

    /* RECIPE */
    .section-recipe { margin-top: 187rem; }

    .section-recipe__title { margin-bottom: 100rem; }

    .section-recipe__list { gap: 0 26rem; }

    .section-recipe__list-item:nth-child(2) { margin-top: 142rem; }
    .section-recipe__list-item:nth-child(4) { margin-top: 170rem; }
    .section-recipe__list-item:nth-child(6) { margin-top: 240rem; }
    .section-recipe__list-item:nth-child(8) { margin-top: 260rem; }

    /* PREMIER */
    .section-premier { margin-top: 360rem; }

    .section-premier__title { margin-bottom: 88rem; }

    /* FAQ */
    .section-faq { margin-top: 200rem; }

    .section-faq__title { margin-bottom: 56rem; }

    .section-faq__more { margin-top: 60rem; }

    /* SHOP */
    .section-shop { margin-top: 300rem; }

    .section-shop__title { gap: 30rem; }

    .section-shop__image { width: 582rem; margin-top: -184rem; }

    .section-shop__link { width: 525rem; margin-top: 48rem; }
    .section-shop__link-logo { width: 27rem; height: 27rem; margin-right: 2rem; }

    /* BRAND */
    .section-brand { margin-top: 197rem; }

    .section-brand__content { gap: 20rem; }

}



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

    /* GLOBAL */
    .jt-separation--primary { height: 138rem; }
    .jt-separation--primary .jt-separation__line { height: 21rem; }

    .jt-separation--secondary { height: 94rem; }
    .jt-separation--secondary .jt-separation__line { height: 16rem; }

    .jt-separation--third { height: 50rem; }
    .jt-separation--third .jt-separation__line { height: 10rem; }

    /* VISUAL */
    .section-visual__title { margin-bottom: 56rem; }
    .section-visual__title > p { margin-top: 16rem; }

    .section-visual__gallery .jt-lazyload--caption figcaption > span { display: none; }

    .section-visual__slider-typo { gap: 12rem; }

    /* FEATURE */
    .section-feature { margin-top: 110rem; }

    .section-feature__intro-time { gap: 4rem; }
    .section-feature__intro-explain { padding-top: 6rem; }
    .slotmachine-number-wrap { height: 110rem; }

    .section-feature__content { margin-top: 149rem; }

    .section-feature__wave { margin-left: -24rem; }
    .section-feature__wave-item svg { width: 960rem; }

    .section-feature__list-icon { width: 78rem; top: calc(50% - 26rem); }
    .section-feature__list-text { padding: 0 32rem; }
    .section-feature__list-text p { margin-top: 14rem; }

    /* PRODUCT */
    .section-product { margin-top: 230rem; }

    .section-product__title { margin-bottom: 32rem; }

    .section-product__slider { width: 100%; margin-bottom: 142rem; }
    .section-product__slider .swiper-navigation .swiper-button { margin-top: 0; top: 261rem; }

    .section-product__slider-item { flex-direction: column; gap: 38rem; }

    .section-product__slider-item > *.section-product__image { width: 440rem; margin: 0 auto; padding: 0; }
    .section-product__image > b { margin-top: 26rem; }

    .section-product__slider-item > *.section-product__info { width: 100%; }
    .section-product__info { padding: 32rem 24rem 42rem; }
    .section-product__info-list { margin-top: 13rem; margin-bottom: 28rem; }
    .section-product__info-list > li { grid-template-columns: 136rem 1fr; }
    .section-product__info-special { grid-template-columns: repeat(4, 1fr); gap: 24rem; }
    .section-product__info-special-image { width: 86rem; }

    /* RECIPE */
    .section-recipe { margin-top: 150rem; }

    .section-recipe__title { margin-bottom: 90rem; }

    .section-recipe__list { grid-template-columns: repeat(3, 1fr); grid-template-areas: 'item1 item2 item3' 'item4 item5 item6' 'item7 item8 item9'; gap: 0 24rem; }

    .section-recipe__list-item:nth-child(2) { margin-top: 145rem; }
    .section-recipe__list-item:nth-child(3) { margin-top: 50rem; }
    .section-recipe__list-item:nth-child(4) { margin-top: -30rem; }
    .section-recipe__list-item:nth-child(5) { margin-top: 110rem; }
    .section-recipe__list-item:nth-child(6) { margin-top: 24rem; }
    .section-recipe__list-item:nth-child(7) { margin-top: -20rem; }
    .section-recipe__list-item:nth-child(8) { margin-top: 10rem; grid-area: item9; }

    /* PREMIER */
    .section-premier { margin-top: 230rem; }

    .section-premier__title { margin-bottom: 72rem; }
    .section-premier__title br { display: none; }

    /* FAQ */
    .section-faq { margin-top: 180rem; }

    .section-faq__title { margin-bottom: 52rem; }

    .section-faq__more { margin-top: 56rem; }

    /* SHOP */
    .section-shop { margin-top: 230rem; }

    .section-shop__title { gap: 14rem; }

    .section-shop__image { width: 480rem; margin-top: -122rem; }

    .section-shop__link { width: 424rem; margin-top: 32rem; padding: 14rem 46rem; }
    .section-shop__link-logo { width: 25rem; height: 25rem; }
    .section-shop__link > .jt-icon { width: 12rem; }

    /* BRAND */
    .section-brand { margin-top: 170rem; }
    .section-brand__inner { padding-top: 54%; }

    .section-brand__content { gap: 15rem; }

}



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

    /* GLOBAL */
    .jt-separation--primary { height: 114rem; }
    .jt-separation--primary .jt-separation__line { height: 18rem; }

    .jt-separation--secondary { height: 78rem; }
    .jt-separation--secondary .jt-separation__line { height: 13rem; }

    .jt-separation--third { height: 42rem; }
    .jt-separation--third .jt-separation__line { height: 8rem; }

    /* VISUAL */
    .section-visual__title { margin-bottom: 38rem; }
    .section-visual__title br { display: none; }
    .section-visual__title > p { margin-top: 12rem; }

    .section-visual__gallery { grid-template-columns: 1fr; }

    .section-visual__slider { padding-top: 120%; }
    .section-visual__slider-typo { padding: 0 24rem; }
    .section-visual__slider-typo br { display: none; }

    /* FEATURE */
    .section-feature { margin-top: 90rem; }

    .section-feature__intro { flex-direction: column; gap: 20rem; }
    .section-feature__intro-time { gap: 6rem; }
    .section-feature__intro-explain { width: 100%; padding-top: 0; }
    .slotmachine-number-wrap { height: 78rem; }

    .section-feature__content { margin-top: 85rem; }

    .section-feature__wave { margin-left: -20rem; top: -75rem; }
    .section-feature__wave-item svg { width: 660rem; }

    .section-feature__list { gap: 68rem; }
    .section-feature__list > li { flex-direction: column; }
    .section-feature__list > li > * { width: 100%; }
    .section-feature__list-text { padding: 34rem 28rem 0; }
    .section-feature__list-text p { margin-top: 12rem; }
    .section-feature__list-icon { width: 70rem; top: calc(50% - 28rem); }

    .section-feature__list-text :is(h3, p) { transform: none !important; opacity: 1 !important; visibility: visible !important; }

    /* PRODUCT */
    .section-product { margin-top: 160rem; }

    .section-product__title { margin-bottom: 20rem; }
    .section-product__title br { display: none; }

    .section-product__slider { margin-bottom: 92rem; }
    .section-product__slider .swiper-control { top: 441rem; }

    .section-product__slider-item { gap: 77rem; }

    .section-product__slider-item > *.section-product__image { width: 100%; }
    .section-product__image > b { margin-top: 20rem; }

    .section-product__info { padding: 28rem 20rem 32rem; }
    .section-product__info-list { margin-top: 10rem; margin-bottom: 18rem; }
    .section-product__info-list > li { grid-template-columns: 95rem 1fr; gap: 20rem; }
    .section-product__info-special { grid-template-columns: repeat(2, 124rem); gap: 18rem; }
    .section-product__info-special-image { width: 80rem; }

    /* RECIPE */
    .section-recipe { margin-top: 100rem; }

    .section-recipe__title { margin-bottom: 35rem; }
    .section-recipe__title br { display: none; }

    .section-recipe__list { display: flex; flex-wrap: wrap; gap: 10rem; }
    .section-recipe__list > li { width: calc( (100% - 10rem) / 2 ); }
    .section-recipe__list-item:nth-child(n) { margin-top: 0; }

    /* PREMIER */
    .section-premier { margin-top: 160rem; }

    .section-premier__title { margin-bottom: 35rem; }

    /* FAQ */
    .section-faq { margin-top: 160rem; }

    .section-faq__title { margin-bottom: 22rem; }
    .section-faq__title br { display: none; }

    .section-faq__more { margin-top: 32rem; }

    /* SHOP */
    .section-shop { margin-top: 160rem; }

    .section-shop__title { gap: 10rem; }
    .section-shop__title br { display: none; }

    .section-shop__image { width: 280rem; margin-top: -71rem; }

    .section-shop__link { width: 290rem; margin-top: 22rem; padding: 11rem 38rem; gap: 6rem; }
    .section-shop__link-logo { width: 23rem; height: 23rem; margin-right: 3rem; }
    .section-shop__link > .jt-icon { width: 10rem; }

    /* BRAND */
    .section-brand { margin-top: 150rem; }
    .section-brand__inner { padding-top: 120%; }

    .section-brand__content { padding: 0 24rem; gap: 12rem; }
    .section-brand__content br { display: none; }

}