@charset "utf-8";

/*
 * File       : rwd-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */



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

    /* LAYOUT + COMPONENT */
    .center-section {padding: 180rem 0;}

    .center-grid__item + .center-grid__item {margin-top: 140rem;}
    .center-grid__item--type-01 .center-grid__typo {padding-left: 120rem;padding-right: 60rem;}
    .center-grid__item--type-02 .center-grid__typo {padding-left: 100rem;}

    /* PLOT */
    .center-plot.center-section {padding: 118rem 0 80rem;}

    /* RESEARCH */
    .center-research__scheme {padding:0 19%;}
    .center-research__scheme li {width:44%; right:10%;}
    .center-research__scheme-txt p br {display:none;}

    /* ANTIAGING */
    .center-antiaging__list {margin-left:-50rem; margin-right:-50rem;}
    .center-antiaging__item { padding: 0 50rem;}

    /* INGREDIENT */
    .center-ingredient.center-section {padding:320rem 0;}

    /* PROCESS */
    .center-process__illust--flower {right: -15rem; top: 200rem;}
    .center-process__illust--circle { width: 1800rem; height: 1800rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .center-process__step-item {width:24%;}
    .center-process__step-item:after {right: -37.5%;}
    .center-process__step-item:nth-child(2) {margin-top:110rem;}
    .center-process__step-item:nth-child(3) {margin-top:230rem;}
    .center-process__step-item + .center-process__step-item { margin-left: 14%;}

    /* FORWARD */
    .center-forward__typo {left:10%;}
    .center-forward__img {width:34%;}
    .scenter-forward__control {width:34%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); margin-left: 0;}

}



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

    /* LAYOUT + COMPONENT */
    .center-section {padding: 160rem 0;}
    .center-section__head {margin-bottom: 60rem;}
    .center-section__head h2 {font-size: 34rem;}
    .center-section__subtypo h3 { font-size: 28rem;}

    .center-grid__item + .center-grid__item {margin-top: 120rem;}
    .center-grid__item--type-01 .center-grid__typo {padding-left: 80rem;}
    .center-grid__item--type-02 .center-grid__typo {padding-left: 80rem;padding-right: 80rem;}
    .center-grid__typo b {font-size: 32rem;}
    .center-grid__typo span br, .center-grid__typo b br, .center-grid__typo p br {display: none;}

    .center-sticky-label {width: 312rem;}
    .center-sticky-label.js-fixed {top: 80rem;}
    .center-sticky-label__img {width: 170rem;}
    .center-sticky-label .jt-btn__underline {right: 10rem;}
    body.page-template-center-introduce .center-sticky-label__img {width: 176rem;}
    
    /* TOUR */
    .center-tour__title > span {font-size: 18rem;}
    .center-tour__preview {top: 28rem;right: 24rem;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}

    /* PLOT */
    .center-plot.center-section {padding: 70rem 0 50rem;}
    .center-plot__around {width: 1000rem;}
    .center-plot__plan {-webkit-transform: scale(0.92);-ms-transform: scale(0.92);transform: scale(0.92);}

    body.page-template-center-greeting .center-plot .center-section__head,
    body.page-template-center-testing .center-plot .center-section__head,
    body.page-template-center-beginning .center-plot .center-section__head,
    body.page-template-center-fermenting .center-plot .center-section__head {margin-bottom: 30rem;}

    .center-plot__dot > span {width:20rem; height:20rem;}
    .center-plot__dot > span:before {width:10rem; height:10rem;}

    /* BANNER */
    .center-banner {min-height: 700rem;}
    .center-banner__content {padding: 0 80rem;}

    /* PURPOSE */
    .center-purpose {height:800rem;}

    /* RESEARCH */
    .center-research {height:860rem;}
    .center-research-slider__index {left:120rem; width:auto;}
    .center-research-slider__title {font-size:34rem;}
    .center-research__scheme {padding:0 80rem;}

    /* HISTORY */
    .center-history.center-section {padding:220rem 0;}
    .center-history__title { width:56%; padding:0 80rem;}
    .center-history__title > span {font-size:17rem; margin-bottom:30rem;}
    .center-history__title > b {font-size:34rem;}
    .center-history__list {width:44%;}

    /* WATCH */
    .center-watch.center-section {padding-bottom:160rem;}
    html.mobile .center-watch.center-section {padding-bottom:130rem;}

    /* LOCATION */
    .center-location__info {padding-left:200rem;}
    .center-location__info b {font-size:34rem;}

    /* MATERIAL */
    .center-material__txt b {font-size: 22rem;}

    .center-material__item--primary {width: 220rem;}
    .center-material__item--secondary {width: 360rem;}
    .center-material__item--third {width: 360rem;}

    .center-material__basic .center-material__item {width: 600rem;}

    /* PRODUCT */
    .center-product__txt {padding-top: 38rem;}

    .center-product__item--primary {width: 518rem;}
    .center-product__item--secondary {width: 370rem;}

    /* PAGING */
    .center-paging__sign {margin-left:360rem;}
    html.ipad .center-paging__sign > span:after {margin-top:-8rem;}

    .article-center-fermenting .center-paging__txt b {font-size:36rem;}
    .article-center-fermenting .center-paging__txt p {font-size:17rem;}

    /* ANTIAGING */
    .center-antiaging__list {margin-left:-40rem; margin-right:-40rem;}
    .center-antiaging__item { padding: 0 40rem;}

    /* INGREDIENT */
    .center-ingredient.center-section {padding:280rem 0;}

    /* PROCESS */
    .center-process__illust--flower {top:65rem;}
    .center-process__step-item:after {bottom:173rem; text-align:center;}

    /* PROMISE */
    .center-promise__txt {padding:120rem 0;}
    .center-promise__txt p {font-size:22rem;}
    .center-promise__img {height:680rem;}

    /* FORWARD */
    .center-forward__typo h2 {font-size:34rem;}

    /* MOVIE */
    .center-movie__list > li > span {padding: 30rem 20rem 29rem;font-size: 18rem;}

}



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

    /* LAYOUT + COMPONENT */
    .center-section {padding: 140rem 0;}
    .center-section__head {margin-bottom: 50rem;}
    .center-section__head h2 {font-size: 32rem;}
    .center-section__head p {font-size: 15rem;}
    .center-section__subtypo h3 { font-size: 26rem;}

    .center-grid__item + .center-grid__item {margin-top: 95rem;}
    .center-grid__picture {width: 52%;}
    .center-grid__typo {width: 48%;}
    .center-grid__item--type-01 .center-grid__typo {padding-left: 55rem;padding-right: 40rem;}
    .center-grid__item--type-02 .center-grid__typo {padding-left: 40rem;padding-right: 55rem;}
    .center-grid__typo b {font-size: 28rem;}
    .center-grid__typo p {font-size: 15rem;}
    .center-grid__typo span {font-size: 15rem;}
    .center-grid__typo b + p {margin-top: 20rem;}

    .center-sticky-label {width: 282rem; -webkit-transition: transform .3s;transition: transform .3s;}
    .center-sticky-label.center-sticky-label--fold:before {right:0;}
    .center-sticky-label__inner {padding: 36rem 26rem 56rem 26rem;}
    .center-sticky-label b {font-size: 15rem;}
    .center-sticky-label__img {margin-top: 18rem;width: 154rem;}
    .center-sticky-label .jt-btn__underline {right: 0;bottom: 5rem;}
    .center-sticky-label__close {top: 8rem;right: 8rem;}
    .center-sticky-label.js-fixed {top:140rem;}
    /* .center-sticky-label.sticky-label__scroll { transform: translateY(-78rem);} */
    body.page-template-center-introduce .center-sticky-label__img {margin-top: 28rem;width: 162rem;}

    /* TOUR */
    .center-tour__title {padding-right: 130rem;}
    .center-tour__title > span {font-size: 16rem;line-height: 76rem;}
    .center-tour__preview {top: 16rem;right: 10rem;}

    /* PLOT */
    .center-plot.center-section {padding: 40rem 0 0;}
    .center-plot__around {width: 850rem;}
    .center-plot__plan {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
    .center-plot__plan-info b {font-size:15rem;}
    .center-plot__plan-info p {font-size:15rem;}
    .center-plot__plan-data span br {display: none;}

    body.page-template-center-introduce .center-plot {margin-bottom: -40rem;}
    body.page-template-center-greeting .center-plot .center-section__head,
    body.page-template-center-testing .center-plot .center-section__head,
    body.page-template-center-beginning .center-plot .center-section__head,
    body.page-template-center-fermenting .center-plot .center-section__head {margin-bottom: 20rem;}

    .center-plot__dot > span {width:16rem; height:16rem;}
    .center-plot__dot > span:before {width:8rem; height:8rem;}

    /* BANNER */
    .center-banner {min-height: auto;}
    .center-banner.center-section {padding: 160rem 0;}
    .center-banner__content {position: relative;left: 0;top: 0;-webkit-transform: none;-ms-transform: none;transform: none;}
    .center-banner__content .center-banner__content-inner > span {font-size:15rem;}
    .center-banner__content b {font-size: 26rem;}
    .center-banner__content p {font-size: 15rem;}

    /* PURPOSE */
    .center-purpose {height:680rem;}
    .center-purpose__typo {font-size:26rem; padding:0 40rem;}

    /* RESEARCH */
    .center-research {height:800rem;}
    .center-research-slider__index {left:80rem;}
    .center-research-slider__title {font-size:28rem;}
    .center-research-slider__pagination .swiper-pagination-bullet {font-size:16rem;}
    .center-research__scheme { padding:0 130rem;}
    .center-research__scheme li {margin-right:0; width:248rem;}
    .center-research__scheme li + li {margin-top:40rem;}
    .center-research__scheme-pic .jt-lazyload {width:200rem; margin:0 auto; padding-top: 45.57%;}
    .center-research__scheme-txt {margin-top:18rem;}
    .center-research__scheme-txt b {font-size:18rem;}
    .center-research__scheme-txt p {margin-top:14rem;}

    /* HISTORY */
    .center-history.center-section {padding:160rem 0;}
    .center-history__title {width:58%; padding:0 60rem 0 40rem;}
    .center-history__title > b {font-size:28rem;}
    .center-history__title > span {font-size:16rem; margin-bottom:25rem;}
    .center-history__list {width:42%;}
    .center-history__list li + li {margin-top:42rem;}
    .center-history__list b {font-size:18rem;}
    .center-history__list p {margin-top:14rem;font-size:16rem;}

    /* WATCH */
    .center-watch.center-section {padding-top:137rem; padding-bottom:140rem;}
    html.mobile .center-watch.center-section {padding-bottom:100rem;}
    .center-watch__illust {margin-top:-40rem;}

    /* LOCATION */
    .center-location, .location-mapbox__outer {height:540rem;}
    .center-location__info {padding:0 51rem;}
    .center-location__info b {font-size:32rem;}
    .center-location__info p {font-size:15rem;}
    .center-location__info p > span.jt-smallscreen-bold {font-size:15rem;}
    .center-location__info p br {display:none;}

    /* MATERIAL */
    .center-material__item {margin-right:30rem;}
    .center-material__txt span {font-size:15rem;}
    .center-material__txt p {font-size:15rem;}
    .center-material__txt p br {display:none;}
    .center-material__txt p > span {font-size:15rem;}
    .center-material__txt b + p {margin-top: 25rem;}

    .center-material__item--primary {width: 200rem;}
    .center-material__item--secondary {width: 315rem;}
    .center-material__item--third {width: 315rem;}

    .center-material__basic .center-material__item {width: 420rem;}
    .center-material__basic .center-material__txt {padding-top:30rem;}

    /* PAGING */
    .center-paging__sign {margin-left:200rem; font-size: 20rem;}
    .center-paging__sign > b {font-size:16rem;}
    .center-paging__room {width: 333rem;margin-left: -166rem;}
    .center-paging__link {width: 333rem; margin-left: -166rem;}
    html.ipad .center-paging__sign > span:after {margin-top:-7rem;}

    .article-center-fermenting .center-paging__bg {height:740rem;}
    .article-center-fermenting .center-paging__txt b {font-size:28rem;}
    .article-center-fermenting .center-paging__txt p {font-size:16rem;}
    .article-center-fermenting .center-paging__bg--02 {-webkit-clip-path: circle(300rem at center);clip-path: circle(300rem at center);}

    /* PROMISE */
    .center-promise__img {height:520rem;}
    .center-promise__txt {padding:100rem 0;}
    .center-promise__txt p {font-size:20rem;}

    /* ENZYME */
    .center-enzyme__content {padding:100rem 0;}
    .center-enzyme__img {max-width:80%;}

    /* ANTIAGING */
    .center-antiaging .center-section__head {margin-bottom:100rem;}
    .center-antiaging__slider {margin-top:40rem;}
    .center-antiaging__list {margin-top:60rem; margin-left:-30rem; margin-right:-30rem;width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0;}
    .center-antiaging__item { width:360rem; padding: 0; margin-right:50rem;}
    .center-antiaging__item:last-child {margin-right:0;}
    .center-antiaging__txt {margin-top:30rem;}
    .center-antiaging__txt b {font-size:22rem;}
    .center-antiaging__txt p br {display:none;}

    /* INGREDIENT */
    .center-ingredient.center-section {padding:140rem 0;}
    .center-ingredient .center-section__subtypo {position:relative; top:0;}
    .center-ingredient .center-ingredient__list {width:100%; margin:60rem 0 0;}
    .center-ingredient__img {max-width:220rem;}
    .center-ingredient__item b {font-size:18rem;}

    /* FIELD */
    .center-field__item:nth-child(1) {max-width:45%;}
    .center-field__item:nth-child(2) {max-width:40%; margin-top:360rem;}
    .center-field__item:nth-child(3) {max-width:50%; margin-top:240rem;}
    .center-field__txt { margin-top: 30rem;}
    .center-field__txt b {font-size:22rem; }
    .center-field__txt p {font-size:15rem;}

    /* PROCESS */
    .center-process__illust--circle {display:none;}
    .center-process__illust--flower { width: 232rem; height: 200rem;}
    .center-process__illust--leaf { width: 80rem; height: 83rem; bottom:-35rem;}
    .center-process__step {margin-top:100rem; margin-bottom:70rem;}
    .center-process__step-item { width:26%;}
    .center-process__step-item + .center-process__step-item {margin-left:11%;}
    .center-process__step-item:nth-child(2) {margin-top:80rem;}
    .center-process__step-item:nth-child(3) {margin-top:180rem;}
    .center-process__step-item:after {font-size:44rem; height:auto; bottom:97rem; right:-34%;}
    .center-process__step b {font-size:15rem;}
    .center-process__note-illust {width:36rem}
    .center-process__note b {margin-top:50rem; font-size:22rem;}
    .center-process__note p {font-size:15rem;}

    /* PRODUCT */
    .center-product .center-section__head p {margin-top: 25rem;}

    .center-product__item {margin-right:30rem;}
    .center-product__item--secondary { width: 300rem;}
    .center-product__item--primary {width: 450rem;}
    .center-product__txt {padding-top:30rem;}
    .center-product__txt b {font-size:19rem;}
    .center-product__txt p {margin-top:10rem; font-size:15rem; line-height:1.8;}
    .center-product__txt p br {display:none;}

    /* FORWARD */
    .center-forward__typo {position:relative; text-align:center; margin:80rem 0; left:0; -webkit-transform: none; -ms-transform: none; transform: none;}
    .center-forward__typo h2 {font-size:32rem;}
    .center-forward__item {padding-top:0;}
    .center-forward__img {margin-left:0; width:55%;}
    .center-forward__txt {width:45%; height: -webkit-calc(100% - 117rem); height: calc(100% - 117rem); padding-left:60rem; right:0}
    .center-forward__txt b {font-size:22rem;}
    .center-forward__txt p {font-size:15rem;}
    .scenter-forward__control { margin-left: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 55%; bottom:80rem;}

    /* MOVIE */
    .center-movie__poster-overlay-btn {width: 80rem;height: 80rem;margin-top: -40rem;margin-left: -40rem;}
    .center-movie__list > li > span {padding: 22rem 16rem 20rem;font-size: 16rem;}

}



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

    /* LAYOUT + COMPONENT */
    .center-section {padding: 100rem 0;}
    .center-section__head {margin-bottom: 42rem;}
    .center-section__head h2 {font-size: 29rem;}
    .center-section__head p {font-size:14rem;}
    .center-section__subtypo h3 {font-size:22rem;}

    .center-grid__item + .center-grid__item {margin-top: 76rem;}
    .center-grid__item--type-01 .center-grid__typo {padding-left: 38rem;padding-right: 12rem;}
    .center-grid__item--type-02 .center-grid__typo {padding-left: 12rem;padding-right: 38rem;}
    .center-grid__typo b {font-size: 26rem;}
    .center-grid__typo b + p {margin-top: 16rem;}
    .center-grid__typo p {font-size: 14rem;}
    .center-grid__typo span {font-size: 14rem;}
    .center-grid__typo br.jt-middlescreen-br {display:block;}

    .center-sticky-label.js-fixed {top: 132rem;}
    /* .center-sticky-label.center-sticky-label__scroll { transform: translateY(-74rem);} */

    /*
    .center-sticky-label__typo > span {font-size: 12rem;}
    .center-sticky-label__typo > span:before {width: 18rem;height: 18rem;margin-top: -9rem;font-size: 18rem;}
    */

    /* TOUR */
    .center-tour__title {padding-right: 110rem;}
    .center-tour__title > span {font-size: 15rem;line-height: 66rem;}
    .center-tour__preview {top: 0rem;right: -16rem;-webkit-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);}

    /* PLOT */
    .center-plot.center-section {padding-top: 20rem;}
    .center-plot__around {width: 100%;}
    .center-plot__plan {width: 600rem;-webkit-transform: none;-ms-transform: none;transform: none;}
    .center-plot__plan-data b {font-size: 16rem;}
    .center-plot__plan-data span {width: 154rem;padding: 16rem 16rem;margin-left: -77rem;font-size: 12rem;}
    .center-plot__plan-data li:nth-child(1) {bottom: 56rem;right: 24rem;}
    .center-plot__plan-data li:nth-child(2) {top: 47rem;right: 45rem;}
    .center-plot__plan-data li:nth-child(3) {top: 47rem;left: 291rem;}
    .center-plot__plan-data li:nth-child(4) {top: 47rem;left: 74rem;}
    .center-plot__plan-data li:not(:first-child) span {top: auto;bottom: 0;-webkit-transform: translateY(113%);-ms-transform: translateY(113%);transform: translateY(113%);}
    .center-plot__plan-data li:not(:first-child) span:before {bottom: auto;top: -17rem;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

    .center-plot__plan-info { bottom:50rem;}
    .center-plot__plan-info b {font-size:14rem; margin-bottom:12rem;}
    .center-plot__plan-info p {font-size:14rem;}

    body.page-template-center-introduce .center-plot {margin-bottom: 0;}

    .center-plot__dot > span {width:14rem; height:14rem; border-width:2rem;}
    .center-plot__dot > span:before {width:6rem; height:6rem;}
    html.ipad .center-plot__dot > span {width:14px; height:14px; border-width:2px;}
    html.ipad .center-plot__dot > span:before {width:6px; height:6px;}

    /* BANNER */
    .center-banner.center-section {padding: 120rem 0;}
    .center-banner__content {padding: 0 64rem;}
    .center-banner__content .center-banner__content-inner > span {font-size:14rem;}
    .center-banner__content b {font-size: 22rem;}
    .center-banner__content p {font-size:14rem;}
    .center-banner__content b br, .center-banner__content p br {display: none;}
    .center-banner__content p br.jt-middlescreen-br {display:block;}

    /* PURPOSE */
    .center-purpose {height:480rem;}
    .center-purpose__typo {font-size:22rem; padding:0 32rem;}

    /* RESEARCH */
    .center-research {height:680rem;}
    .center-research-slider__pagination .swiper-pagination-bullet {padding-top:18rem; padding-bottom:17rem;}
    .center-research-slider__pagination .swiper-pagination-bullet > span:after {font-size:20rem; margin-top:-10rem;}
    .center-research-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active > span {padding-left:30rem;}
    .center-research-slider__title {font-size:26rem;}
    .center-research-slider__index {left:44rem;}
    .center-research-slider__pagination .swiper-pagination-bullet {font-size:15rem;}
    .center-research__scheme {padding:0 70rem;}
    .center-research__scheme-txt b {font-size:17rem;}
    html.ios .center-research-slider__pagination .swiper-pagination-bullet > span:after {margin-top:-11rem;}

    /* HISTORY */
    .center-history.center-section {padding:120rem 0;}
    .center-history__title {padding-left:12rem; padding-right:50rem;}
    .center-history__title > span {font-size:15rem; margin-bottom:20rem;}
    .center-history__title > b {font-size:26rem;}
    .center-history__list li {padding-left:20rem;}
    .center-history__list b {font-size:16rem;}
    .center-history__list p {font-size:15rem;}

    /* WATCH */
    .center-watch.center-section {padding-top:97rem; padding-bottom:100rem;}
    html.mobile .center-watch.center-section {padding-bottom:80rem;}

    /* LOCATION */
    .center-location, .location-mapbox__outer {height:480rem;}
    .center-location__info {padding:0 60rem}
    .center-location__info b {font-size:29rem;}
    .center-location__info p {font-size:14rem;}
    .center-location__info p > span.jt-smallscreen-bold {font-size:14rem;}
    .center-location__info .jt-btn__basic {margin-top:30rem;}

    /* MATERIAL */
    .center-material .center-section__head {margin-bottom:30rem;}

    .center-material__txt b {font-size:20rem;}
    .center-material__txt b + p {margin-top: 20rem;}
    .center-material__txt span {font-size:14rem;}
    .center-material__txt p {font-size:14rem;}
    .center-material__txt p > span {font-size:14rem;}

    .center-material__item--primary {width: 160rem;}
    .center-material__item--secondary {width: 248rem;}
    .center-material__item--third {width: 248rem;}

    .center-material__basic .center-material__item {width: 366rem;}

    /* PAGING */
    .center-paging__sign { left:auto; right:0; margin-left: 150rem; font-size: 18rem;}
    .page-template-center-greeting .center-paging__sign {right:30rem;}
    .center-paging__sign > span { padding-right:30rem;}
    .center-paging__sign > span:after {font-size:18rem; margin-top:-9rem; }
    .center-paging__sign > b {margin-top:16rem; font-size:14rem; color:#ccc;}
    .center-paging__door .jt-lazyload { padding-top: 50%;}
    .center-paging__room {width: 250rem;margin-left: -125rem;}
    .article-center-testing .center-paging__room {margin-left:-124rem;}
    .center-paging__link {width: 250rem;margin-left: -125rem;}
    .article-center-testing .center-paging__link {margin-left:-124rem;}
    .article-center-fermenting .center-paging__bg {height:640rem;}
    .article-center-fermenting .center-paging__txt b {font-size:24rem;}
    .article-center-fermenting .center-paging__txt p {font-size:15rem;}
    .article-center-fermenting .center-paging__bg--02 {-webkit-clip-path: circle(250rem at center);clip-path: circle(250rem at center);}

    /* PROMISE */
    .center-promise__img {height:420rem;}
    .center-promise__txt {padding:80rem 0;}
    .center-promise__txt p {font-size:18rem; line-height:1.8}
    .center-promise__txt p br {display:none;}
    .center-promise__txt p br.jt-middlescreen-br {display:block;}

    /* ANTIAGING */
    .center-antiaging .center-section__head {margin-bottom:80rem;}
    .center-antiaging__list {margin:0}
    .center-antiaging__item {margin-right:40rem;}
    .center-antiaging__txt {margin-top:30rem;}
    .center-antiaging__txt b {font-size:20rem;}
    .center-antiaging__txt p {font-size:15rem; margin-top:15rem;}

    /* ENZYME */
    .center-enzyme .center-section__subtypo { width: 100%; text-align: center; top:70rem; left: 50%; transform: translate(-50%, 0);}
    .center-enzyme .center-section__subtypo br {display:none;}
    .center-enzyme__content {padding:80rem 0 60rem;}
    .center-enzyme__img {max-width:100%;}

    /* INGREDIENT */
    .center-ingredient.center-section {padding:100rem 0;}
    .center-ingredient__item b {margin-top:20rem; font-size:17rem;}
    .center-ingredient .center-ingredient__list {margin-top:40rem;}

    /* FIELD */
    .center-field__txt b {font-size:20rem;}
    .center-field__txt p {font-size:14rem;}

    /* PRODUCT */
    .center-product .center-section__head p {margin-top: 16rem;}

    .center-product__item--secondary {width: 240rem;}
    .center-product__item--primary {width: 320rem;}
    .center-product__img > img {width:100%;}
    .center-product__txt b {font-size:18rem;}
    .center-product__txt p {font-size:14rem;}

    /* PROCESS */
    .center-process__illust--leaf {width: 80rem; height: 83rem; bottom: -35rem;}
    .center-process__illust--flower {top:140rem; width: 240rem; height: 207rem;}
    .center-process__step-item {width: 27.3%;}
    .center-process__step-item + .center-process__step-item {margin-left:9%;}
    .center-process__step-item:after { font-size:31rem; bottom:65rem; right:-32.5%;}
    .center-process__step-item:nth-child(2) {margin-top:50rem;}
    .center-process__step-item:nth-child(3) {margin-top:125rem;}
    .center-process__note-illust {width:30rem;}
    .center-process__note b {margin-top:40rem; font-size:20rem;}
    .center-process__note p {margin-top:20rem;}

    /* FORWARD */
    .center-forward__typo {margin:60rem 0;}
    .center-forward__typo h2 {font-size:29rem;}
    .center-forward__txt {padding-left:40rem;}
    .center-forward__txt p br {display:none;}
    .center-forward__txt b {font-size:20rem;}
    .center-forward__txt p {font-size:14rem;}
    .scenter-forward__control .swiper-play-state__btn:after {font-size:22rem;}

    /* MOVIE */
    .center-movie__list > li > span {padding: 20rem 16rem 18rem;font-size: 15rem;}

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){
    /* LAYOUT + COMPONENT */
    .center-section {padding: 80rem 0 80rem;}
    .center-section__head {margin-bottom: 27rem;}
    .center-section__head h2 {font-size:24rem;}
    .center-section__head p {font-size:13rem;}
    .center-section__head p br {display:none;}
    .article-smallscreen-menu + .center-section {padding-top:112rem;}
    .center-section__subtypo h3 {font-size:18rem;}
    .center-section__subtypo h3 br {display:none;}

    .center-grid__item {flex-wrap: wrap;}
    .center-grid__picture {width:100%;order: 1;}
    .center-grid__typo {width:100%;order: 2;}
    .center-grid__typo span {font-size: 13rem; margin-bottom:7rem;}
    .center-grid__typo b {font-size:24rem;}
    .center-grid__typo p {font-size: 13rem;}
    .center-grid__typo br.jt-middlescreen-br {display:none;}
    .center-grid__item--type-01 .center-grid__typo {padding: 0;margin-top: 20rem;}
    .center-grid__item--type-02 .center-grid__typo {padding: 0;margin-top: 20rem;}
    .center-grid__item + .center-grid__item { margin-top:40rem;}

    .center-intro .center-grid__item .center-grid__typo { text-align:center;}

    .center-grid__item--extend .center-grid__typo {margin-top: 30rem;}
    .center-grid__item--extend .center-grid__typo.center-grid__typo--clone {display: block;order: 1; margin-top:0; margin-bottom:29rem;}
    .center-grid__item--extend .center-grid__typo:not(.center-grid__typo--clone) > span,
    .center-grid__item--extend .center-grid__typo:not(.center-grid__typo--clone) > b {display: none;}
    .center-grid__item--extend .center-grid__typo b + p {margin-top:0;}
    .center-grid__item--extend + .center-grid__item--extend {margin-top:57rem;}

    .center-sticky-label { width: 240rem; top:325rem;}
    .article-center-introduce .center-sticky-label {top:462rem;}
    .center-sticky-label.js-fixed {top: 124rem;}
    .center-sticky-label__inner { padding: 30rem 20rem 50rem 20rem;}
    .center-sticky-label__typo { height: 187rem;}
    .center-sticky-label__typo > span {font-size:12rem; padding-left:12rem;}
    .center-sticky-label__typo > span:before {font-size:18rem; left:-16rem;}
    .center-sticky-label p br {display:none;}
    .center-sticky-label__img { margin-top: 12rem; width: 130rem;}
    body.page-template-center-introduce .center-sticky-label__img {margin-top:20rem; width:130rem;}

    body.page-template-center-greeting .center-sticky-label__typo {height: 160rem;}
    body.page-template-center-testing .center-sticky-label__typo {height: 151rem;}
    body.page-template-center-beginning .center-sticky-label__typo {height: 172rem;}
    body.page-template-center-fermenting .center-sticky-label__typo {height: 180rem;}

    /* TOUR */
    .center-tour__slider-bg {padding-top:61.3%;}
    .center-tour__slider-bg > span.center-tour__slider-bg--large {display: none;}
    .center-tour__slider-bg > span.center-tour__slider-bg--small {display: block;}
    .center-tour__title {padding-right:60rem;}
    .center-tour__title > span {font-size: 14rem; line-height:63rem;}
    .center-tour .swiper-control-fraction {display:block;position: absolute;right: 0;top: 24rem; font-size: 12rem; font-weight:500; color: #666;}
    .center-tour .swiper-ctrl--progressbar .swiper-play-state,
    .center-tour .swiper-ctrl--progressbar .swiper-button-group {display:none;}
    .center-tour__preview {display:none;}

    /* PLOT */
    .center-plot.center-section {padding-top: 0;}
    .center-plot__around--large {display:none;}
    .center-plot__around--small.jt-lazyload {display:block; padding-top:70%;}
    .center-plot__around-txt {margin-top:29rem; margin-top:29rem; display:block; counter-reset: item;}
    .center-plot__around-txt li {font-size:14rem; font-weight:600; counter-increment: item; padding-left: 23rem; position:relative;}
    .center-plot__around-txt li + li {margin-top:6rem;}
    .center-plot__around-txt li:before {color:#fff; background:#000; border-radius:50%; width:16rem; height:16rem; font-size:12rem; font-weight:500; line-height:16rem; text-align:center; content: counter(item);display: block; position: absolute;top: 2rem;left: 0;}
    .center-plot__dot {display:none;}
    html.ios .center-plot__around-txt li:before  {line-height:17rem; top:3.5rem;}
    html.android .center-plot__around-txt li:before {top:3.5rem;}

    .center-plot__plan {width:100%;}
    .center-plot__plan-data b {font-size:13rem;}
    .center-plot__plan-data li:nth-child(1) {bottom: 27rem; right: -3rem;}
    .center-plot__plan-data li:nth-child(2) {top: 17rem;right: 9rem;}
    .center-plot__plan-data li:nth-child(3) {top: 17rem;left: 147rem;}
    .center-plot__plan-data li:nth-child(4) {top: 17rem;left: 27rem;}
    .center-plot__plan-data span {display:none;}

    body.page-template-center-introduce .center-plot {padding-bottom: 310rem;height: auto;}
    .center-plot__plan-info {position:static;margin-top:30rem;padding-left: 23rem;padding-right: 33rem;}
    .center-plot__plan-info b {font-size:13rem;}
    .center-plot__plan-info p {font-size:13rem;}
    .center-plot__plan-info p br {display:none;}

    .center-plot__plan-desc {display:block;width: 100%;height: 152rem;background: #2D2A29;margin-top: 20rem;}
    .center-plot__plan-desc li {opacity:0;padding:30rem 23rem;font-size:13rem;color:#fff;position:absolute;display: block;width: 100%;}
    .center-plot__plan-desc li b {font-weight:bold;display: block; margin-bottom:12rem;}
    .center-plot__plan-desc li span {display:block;}
    .center-plot__plan-desc li span br {display:none}
    body.page-template-center-greeting .center-plot .center-section__head,
    body.page-template-center-testing .center-plot .center-section__head,
    body.page-template-center-beginning .center-plot .center-section__head,
    body.page-template-center-fermenting .center-plot .center-section__head {margin-bottom: 27rem;}

    /* PURPOSE */
    .center-purpose {height:357rem;}
    .center-purpose__typo {font-size:18rem; padding:0 20rem;}
    .center-purpose__bg:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .2);}

    /* RESEARCH */
    .center-research {height:auto;background-color:#f8f8f8}
    .center-research-slider__item > div {width:100%; float:none;}
    .center-research-slider__first {padding-top:280rem;}
    .center-research-slider__last {width:100%; float:none;}
    .center-research-slider__index {height:280rem; left:20rem;}
    .center-research-slider__title {font-size:24rem; margin-bottom:20rem;}
    .center-research-slider__pagination .swiper-pagination-bullet {font-size:14rem; padding-top: 13rem; padding-bottom: 12rem;}
    .center-research-slider__pagination .swiper-pagination-bullet > span:after {font-size:17rem;margin-top: -9rem;}
    .center-research__scheme {padding:50rem 30rem; height:auto; text-align:center;}
    .center-research__scheme-pic .jt-lazyload {width:150rem; padding-top:38%;}
    .center-research__scheme-txt {margin-top:12rem;}
    .center-research__scheme-txt b {font-size:16rem;}
    .center-research__scheme-txt p {margin-top:10rem; font-size:13rem;}
    .center-research__scheme-txt p br {display:none;}
    html.ios .center-research-slider__pagination .swiper-pagination-bullet > span:after {margin-top: -8rem;}

    /* HISTORY */
    .center-history.center-section {padding:60rem 0;}
    .center-history__title {width:100%; padding:0;}
    .center-history__title > span {margin-bottom:10rem; font-size:14rem;}
    .center-history__title > b {font-size:24rem;}
    .center-history__list {width:100%; margin-top:30rem; }
    .center-history__list li + li {margin-top:20rem; padding-left:16rem;}
    .center-history__list b {font-size:15rem;}
    .center-history__list p {font-size:14rem; margin-top:10rem;}

    /* WATCH */
    .center-watch.center-section {padding-top:60rem; padding-bottom:60rem;}
    .center-watch__illust {padding-top:70%; margin-top:0rem; overflow:hidden;}
    .center-watch__illust-pic { width: 260%; height: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -120rem; }

    /* LOCATION */
    .center-location {height:auto;}
    .location-mapbox__outer {height:280rem;}
    .location-mapbox__inner {width:100%; left:0;}
    .center-location__info { position: static; width:100%; padding:30rem 20rem 40rem;}
    .center-location__info b { font-size: 24rem;}
    .center-location__info p {font-size:13rem;}
    .center-location__info p > span {font-size:13rem;}
    .center-location__info p > span.jt-smallscreen-bold {font-size:13rem; font-weight:bold; display:block;}
    .center-location__info .jt-btn__basic {margin-top:20rem;}

    /* BANNER */
    .center-banner.center-section {  padding: 60rem 0;}
    .center-banner__content {min-height:237rem; display:table;}
    .center-banner__content-inner {display:table-cell; vertical-align:middle;}
    .center-banner__content {padding: 0 20rem;}
    .center-banner__content .center-banner__content-inner > span {font-size:13rem; margin-bottom:6rem;}
    .center-banner__content b {font-size:18rem;}
    .center-banner__content p {font-size:13rem; line-height:1.6;}
    .center-banner__content p br.jt-middlescreen-br {display:none;}
    .center-banner__bg:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .2);}


    /* MATERIAL */
    .center-material__item {margin-right:16rem;}
    .center-material__txt b {font-size:18rem;}
    .center-material__txt span {font-size:13rem;}
    .center-material__txt p {font-size:13rem;}
    .center-material__txt p > span {font-size:13rem;}
    .center-material__txt b + p {margin-top: 10rem;}
    .center-material__basic .center-material__item { width: 280rem;}
    .center-material__basic .center-material__txt {padding-top:20rem;}

    /* PRORMISE */
    .center-promise__img {height:240rem; }
    .center-promise__txt {padding:60rem 0; }
    .center-promise__txt p {font-size:16rem; line-height:1.6;}
    .center-promise__txt p br.jt-middlescreen-br {display:none;}

    /* ANTIAGING */
    .center-antiaging .center-section__head {margin-bottom:60rem;}
    .center-antiaging__item {width:248rem; margin-right:16rem;}
    .center-antiaging__txt {margin-top:20rem;}
    .center-antiaging__txt b {font-size:18rem; font-weight:bold;}
    .center-antiaging__txt p {font-size:14rem;}

    /* ENZYME */
    .center-enzyme .center-section__subtypo {top:60rem;}
    .center-enzyme__content {padding:110rem 0 60rem;}
    .jt-bgvid__video video {width:100%; height:100%;}

    /* INGREDIENT */
    .center-ingredient.center-section {padding:60rem 0 80rem;}
    .center-ingredient__slider {overflow:visible;}
    .center-ingredient__slider .center-ingredient__list {margin-top:30rem;}
    .center-ingredient__item {width:220rem; padding:0;}
    .center-ingredient__item b { font-size:16rem; margin-top:15rem;}
    .center-ingredient__img { max-width: 180rem;}
    .center-ingredient__img .jt-lazyload {padding-top:50%;}
    .jt-lazyload.jt-lazyload--loaded img {height:100%;}

    /* FIELD */
    .center-field .center-section__head {position:static; text-align:center; margin-bottom:30rem;}
    .center-field__item:nth-child(1) {max-width:250rem;}
    .center-field__item:nth-child(2) {max-width:240rem; margin-top:40rem;}
    .center-field__item:nth-child(3) {max-width:260rem; margin-top:40rem;}
    .center-field__txt {margin-top:20rem;}
    .center-field__txt b {font-size:18rem;}
    .center-field__txt p {font-size:13rem;}
    .center-field__txt p br {display:none;}

    /* PRODUCT */
    .center-product__item {margin-right:16rem;}
    .center-product__txt {padding-top:20rem;}
    .center-product__txt b {font-size:16rem;}
    .center-product__txt p {font-size:13rem;}

    /* PROCESS */
    .center-process {padding-top:64rem;}
    .center-process__illust--flower {top: 160rem;width: 168rem;height: 145rem;}
    .center-process__illust--leaf {right: 146rem;bottom: 280rem;width: 52rem;height: 54rem;}
    .center-process__step {margin-top:61rem; margin-bottom:60rem;}
    .center-process__step:after {clear:both; content:''; display:block;}
    .center-process__step-item {width:160rem;}
    .center-process__step-item:after {display:none;}
    .center-process__step-item:nth-child(2) {float: right;margin-top: 60rem;}
    .center-process__step-item:nth-child(2) b br {display:none;}
    .center-process__step-item:nth-child(3) {margin-left:0;float: left;margin-top: 58rem;}
    .center-process__step b {font-size:14rem; margin-bottom:8rem;}
    .center-process__step b br {display:none;}
    .center-process__note-illust { width: 23rem;}
    .center-process__note b {font-size:18rem;}
    .center-process__note p {font-size:13rem;}
    .center-process__note p br {display:none;}

    /* FORWARD */
    .center-forward.center-section--full {padding-bottom:80rem;}
    .center-forward__typo {margin-bottom:24rem;}
    .center-forward__typo h2 {font-size:24rem;}
    .center-forward__around {overflow:visible;}
    .center-forward__item {width:248rem; padding:0;}
    .center-forward__item.swiper-slide-prev .center-forward__txt-inner,
    .center-forward__item.swiper-slide-next .center-forward__txt-inner {opacity:0;}
    .center-forward__img {width:100%;}
    .center-forward__txt {width:100%; height:auto; padding-left:0; margin-top:30rem; text-align:center; position:static;}
    .center-forward__txt b {font-size:18rem;}
    .center-forward__txt p {font-size:13rem;}
    .scenter-forward__control {position:static; width:100%;margin-top:30rem;}
    .scenter-forward__control .swiper-play-state {display:none;}
    .scenter-forward__control .swiper-pagination {text-align:center; font-size:12rem;}

    /* PAGING */
    .center-paging__room { width: 214rem; margin-left: -49%;}
    .center-paging__door .jt-lazyload { padding-top: 74.67%;}
    .center-paging__door .jt-lazyload img {width: 150%; margin-left: -45%;}
    .center-paging__link {width: 214rem; margin-left: -49%; padding-top:63.5%;}
    .center-paging__sign {margin-left: 205rem;font-size: 18rem; line-height:1.1; padding: 4rem 30rem 4rem 25rem;word-break: break-word;}
    .center-paging__sign > b {font-size:12rem; margin-top:10rem;}
    .center-paging__sign > span:after { font-size: 16rem; display: inline-block; margin-top: 5px;}
    .page-template-center-greeting .center-paging__sign {right:0;}
    .article-center-introduce .center-paging__room, .article-center-fermenting .center-paging__room { margin-left: -48.2%;}
    .article-center-testing .center-paging__room {margin-left:-169rem;}
    .article-center-introduce .center-paging__link, .article-center-fermenting .center-paging__link { margin-left: -48.2%;}
    .article-center-testing .center-paging__link {margin-left:-169rem;}
    .article-center-fermenting .center-paging__bg {height:400rem;}
    .article-center-fermenting .center-paging__txt {width:65%; margin-top:10rem;}
    .article-center-fermenting .center-paging__txt b {font-size:20rem;}
    .article-center-fermenting .center-paging__txt p {font-size:14rem; line-height:1.6; margin-top: 10rem; margin-bottom: 25rem;}
    .article-center-fermenting .center-paging__txt p br {display:none;}
    .article-center-fermenting .center-paging__txt .jt-btn__basic > span {padding:15rem 19rem;}
    .article-center-fermenting .center-paging__bg--02 {-webkit-clip-path: circle(150rem at center);clip-path: circle(150rem at center);}
    html.ios .article-center-fermenting .center-paging__txt .jt-btn__basic > span {padding-top:14rem; padding-bottom:16rem;}

    /* MOVIE */
    .center-movie__poster-overlay-btn {width: 64rem;height: 64rem;margin-top: -32rem;margin-left: -32rem;}
    .center-movie__poster-overlay-btn:after {margin-top: -6rem;margin-left: -3rem;border-top-width: 6rem;border-bottom-width: 6rem;border-left-width: 10rem;}

    .center-movie__list-wrap {position: relative;overflow: hidden;}
    /*.center-movie__list-wrap:before, .center-movie__list-wrap:after {content: '';width: 15rem;height: calc(100% - 5rem);position: absolute;top: 0;z-index: 2;}
    .center-movie__list-wrap:before {left: 0;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
    .center-movie__list-wrap:after {right: 0;background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}*/
    .center-movie__list {display:block; border-bottom: none;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;align-items: flex-start;}
    .center-movie__list > li {flex: none;border-bottom: 1rem solid #000;}
    .center-movie__list > li:last-child {border-bottom:none;}
    .center-movie__list > li > span {padding: 0;font-size: 14rem;line-height: 55rem; text-align:left;}
    .center-movie__list > li.current:after {display:none;}
    .center-movie__list > li.current span {font-weight:bold;}

}