@charset "utf-8";

/*
 * File       : lang-rwd-en.css
 * Author     : STUDIO-JT (SUMI)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 1)
 * 2)
 * 3)
 * 4)
 */



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

    /* SKINCARE */ 
    .story-skincare__list > li {width:270rem;}
    .story-skincare__list > li:nth-child(1) {left: -38%; top:10%;}
    .story-skincare__list > li:nth-child(2) {right: -38%; top:10%;}
    .story-skincare__list > li:nth-child(3) {right: -38%; bottom:-2%;}
    .story-skincare__list > li:nth-child(4) {left: -38%; bottom:-2%;}

}



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

    /* **************************************** *
     * CENTER
     * **************************************** */
    /* PLOT */
    html.ipad .center-plot__plan-data li:nth-child(1) {right:25rem;}

    /* LOCATION */
    .center-location__info {padding-left: 120rem;}
    
    /* GRID */
    .center-grid__typo b br, .center-grid__typo p br {display:none;}
    .center-grid__typo b br.jt-middlescreen-br, .center-grid__typo p br.jt-middlescreen-br {display:block;}

    /* PURPOSE */
    .center-purpose__typo {font-size:28rem;}

    /* ANTIAGING */
    .center-antiaging__item:nth-child(1) { word-break:break-word;}

    /* MATERIAL */
    .center-material__basic .center-material__txt p br { display:none;}
    .center-material__basic .center-material__txt p br.jt-middlescreen-br, .center-material__basic .center-material__txt p br.jt-middlescreen-br {display:block;}

    /* field */
    .center-field__txt p br {display:none;}

    /* FORWARD */
    .center-forward__typo h2 {font-size:28rem;}
    
    /* **************************************** *
     * STORY
     * **************************************** */
    /* TIME */
    .story-time { padding-top:160rem;}
    .story-time__text .story-time__desc p br, .story-time__item-desc br {display:none;}

    /* SKINCARE */ 
    .story-skincare__list > li:nth-child(1) {left: -44%; top:8%;}
    .story-skincare__list > li:nth-child(2) {right: -44%; top:8%;}
    .story-skincare__list > li:nth-child(3) {right: -44%; bottom:-4%;}
    .story-skincare__list > li:nth-child(4) {left: -44%; bottom:-4%;}

    /* PRODUCT */
    .story-product__txt span br {display:none;}

    /* **************************************** *
     * CONTACT
     * **************************************** */
    .contact-location__info-inner {padding-left: 120rem;}

}



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

    /* LAYOUT */
    .main-container br.jt-middlescreen-br {display: block;}
    .global-navigation__info > p br.jt-smallscreen-br {display:block;}
    .footer__info br.jt-middlescreen-br {display:none;}

    /* **************************************** *
     * MAIN
     * **************************************** */
    .main-rnd__title br {display:none;}
    .main-rnd__title br.jt-smallscreen-br {display:block;}

    /* **************************************** *
     * CENTER
     * **************************************** */
    .center-section__head p br {display:none;}

    /* PLOT */
    .center-plot__plan-info p {max-width:450rem;}
    .center-plot__plan-info p br { display:none;}
    .center-plot__plan-info p br.jt-middlescreen-br { display:block;}
    
    /* LOCATION */
    .center-location__info {padding-left: 51rem;}

    /* 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 .center-section__subtypo br.jt-middlescreen-br {display:block;}

    /* GRID */
    .center-grid__typo b br, .center-grid__typo p br {display:none;}

    /* RESEARCH */
    .center-research-slider__item[data-paging="Material development"] .center-research__scheme-txt b,
    .center-research-slider__item[data-paging="Global activities"] .center-research__scheme-txt b  {min-height:auto;}

    /* FIELD */
    .center-field .center-section__head {width:30%;}

    /* PROMISE */
    .center-promise__txt p br {display:none;}
    .center-promise__txt p br.jt-middlescreen-br {display:none;}

    /* BANNER */
    .center-banner__content b br {display:none;}
    .center-banner__content p br.jt-middlescreen-br {display:none;}
    
    /* PROCESS */
    .center-process .center-section__head h2 br:not(.jt-middlescreen-br) {display:none;}
    .center-process__note-txt p br {display:none;}

    /* **************************************** *
     * STORY
     * **************************************** */
    .story-section__head h2 br, .story-section__head p br {display:none;}

    /* TIME */
    .story-time { padding-top:150rem;}

    /* SKINCARE */
    .story-skincare__list > li {width:240rem} 
    .story-skincare__list > li:before { width: 56rem; height: 59rem;}
    .story-skincare__list > li:nth-child(1) {left: -52%;top: 2%;}
    .story-skincare__list > li:nth-child(2) {right: -52%;top: 2%;}
    .story-skincare__list > li:nth-child(3) {right: -52%;bottom: -10%;}
    .story-skincare__list > li:nth-child(4) {left: -52%;bottom: -10%;}
    .story-skincare__list > li > button > b br.jt-middlescreen-br {display:none;}

    /* PRODUCT */
    .story-product__txt p br, .story-product__txt span br {display:none;}

    /* NATURE */
    .story-nature-intro__object {display:none;}
    
    /* FUTURE */
    .story-future .story-future-sticky .story-section__head h2 br.jt-middlescreen-br {display:block;}
    .story-future-goal h2 br, .story-future-goal p br {display:none;}

    /* CULTURE */
    .story-culture__item--germany {left:4.6%;}
    .story-culture__item--china {left:32%;}
    


    /* **************************************** *
     * CONTACT
     * **************************************** */
    .contact-location__info-inner {padding-left: 51rem;}
    .center-location__info p > span.jt-smallscreen-bold br.jt-middlescreen-br {display:none;}

}



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

    /* **************************************** *
     * LAYOUT
     * **************************************** */
    html.ios .article-smallscreen-menu .article-header__navigation span:after {bottom:-20rem}

    /* **************************************** *
     * MAIN
     * **************************************** */
    .main-rnd__title br.jt-smallscreen-br {display:none;}
    .main-product__content-desc br {display:none;}
    .main-research-slider__content-desc br {display:none;}

    /* **************************************** *
     * CENTER
     * **************************************** */
    /* LAYOUT */
    .center-section__head p br {display:none;}

    /* GRID */
    .center-grid__typo b {font-size:24rem; line-height:1.3;}
    .center-grid__typo p br.jt-middlescreen-br {display:none;}

    .page-template-center-fermenting .center-goal .center-grid__item {display:block;}
    .page-template-center-fermenting .center-goal .center-grid__item .center-grid__picture {width:70%;}
    .page-template-center-fermenting .center-goal .center-grid__item .center-grid__typo {width:70%; margin-top:30rem; padding:0}
    .page-template-center-fermenting .center-goal .center-grid__item--type-02 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end;}
    .page-template-center-fermenting .center-goal .center-grid__item--type-02 .center-grid__typo {-ms-flex-order: 3; -webkit-order: 3; -webkit-box-ordinal-group:3; order: 3;}
    .page-template-center-fermenting .center-goal .center-grid__item--type-02 .center-grid__picture {-ms-flex-order: 1; -webkit-order: 1; -webkit-box-ordinal-group: 3; order: 1;}
    
    /* FIELD */ 
    .center-field .center-section__head {width:40%;}

    /* PROMISE */
    .center-promise__txt p br.jt-middlescreen-br {display:block;}

    /* BANNER */
    .center-banner__content p br.jt-middlescreen-br {display:block;}

    /* PLOT */    
    .center-plot__plan-data li:nth-child(1) {bottom: 50rem; right: 12rem;}
    .center-plot__plan-data li:nth-child(2) {top: 40rem;right: 40rem;}
    .center-plot__plan-data li:nth-child(3) {top: 40rem;left: 271rem;}
    .center-plot__plan-data li:nth-child(4) {top: 40rem;left: 48rem;}
    html.ipad .center-plot__plan-data li:nth-child(1) {right:7rem;}
    .center-plot__plan-info {bottom:30rem;}
    .center-plot__plan-info p {max-width:380rem;}
    .center-plot__plan-data span {line-height:1.45;}

    /* LOCATION */
    .center-location__info {padding-left: 60rem;}

    /* PURPOSE */
    .center-purpose__typo {font-size:22rem;}

    /* RESEARCH */
    .center-research__scheme-pic .jt-lazyload {width: 150rem; padding-top: 34%;}
    .center-research__scheme-txt b br {display:none;}

    /* PROCESS */
    .center-process__note p br {display:none;}

    /* FORWARD */
    .center-forward__typo h2 {line-height:1.3;}

    /* FUTURE */
    .story-future-goal h2 br {display:none;}

    /* ANTIAGING */
    .center-antiaging h2 br {display:none;}

    /* PAGING */
    .center-paging__sign {right:20rem;}



    /* **************************************** *
     * STORY
     * **************************************** */
    /* LAYOUT */
    .story-section__head h2 br {display:none;}
    .story-section__head p br {display:none;}

    /* TIME */
    .story-time { padding-top:120rem;}
    .story-time__text .story-time__desc p br.jt-middlescreen-br, .story-time__item-desc br.jt-middlescreen-br {display:block;}

    /* SKINCARE */
    .story-skincare {padding-bottom:180rem;}
    .story-skincare__list > li {width:175rem;}
    .story-skincare__list > li:before { width: 40rem; height: 42rem; display:none;}
    .story-skincare__list > li:nth-child(1) {left: -65%;top: -3%;}
    .story-skincare__list > li:nth-child(2) {right: -65%;top: -3%;}
    .story-skincare__list > li:nth-child(3) {right: -65%;bottom: -16%;}
    .story-skincare__list > li:nth-child(4) {left: -65%;bottom: -16%;}
    .story-skincare__list > li > button > b {font-size:14rem;}   
    .story-skincare__list > li > button > b br {display:none;}
    .story-skincare__list > li > button > b br.jt-middlescreen-br {display:block;}
    .story-skincare__circle {margin-top:80rem}

    /* PRODUCT */
    .story-product__txt {padding:0 30rem;}
    .story-product__txt b {font-size:24rem;}
    .story-product__txt p {font-size:16rem; line-height:1.5; margin-top:20rem;}
    .story-product__txt span {margin-top:12rem; font-size:13rem;}
    .story-product__desc br {display:none;}

    /* CULTURE */
    .story-culture__item--sweden {left:5.5%}
    .story-culture__item--korea { left: 38.8%;}
    .story-culture__item--philippine {left: 35.7%;}

    
    /* **************************************** *
     * CONTACT
     * **************************************** */
    .contact-location__info-inner {padding-left: 40rem;}
    .contact-inquiry .jt-radiobox {width:100%;}
    .contact-inquiry div.wpcf7 .jt-radiobox .wpcf7-list-item {width:auto; margin-right:30rem;}
    .contact-inquiry div.wpcf7 .jt-radiobox .wpcf7-list-item:last-child {margin-right:0;}


    /* **************************************** *
     * COOKIE
     * **************************************** */
    .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {line-height:45rem;}
}



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

    /* **************************************** *
     * LAYOUT
     * **************************************** */
    .article-subtitle {display:none;}
    
    .footer__menu-wrap { width: 220rem;}
    .main-container br.jt-middlescreen-br {display: none;}

    html.ios .article-smallscreen-menu .article-header__navigation span:after {bottom:-15rem;}
    html.android .article-smallscreen-menu .article-header__navigation span:after { bottom:-17rem;}

    /* **************************************** *
     * MAIN
     * **************************************** */
    .main-material__txt {font-weight:bold;}

    .main-rnd__typo br {display:none;}


    /* **************************************** *
     * CENTER
     * **************************************** */
    /* LAYOUT */
    .center-section__head h2 br {display:none;}

    /* GRID */
    .center-grid__typo b br.jt-middlescreen-br, .center-grid__typo p br.jt-middlescreen-br {display:none;}

    .page-template-center-fermenting .center-goal .center-grid__item {display:block;}
    .page-template-center-fermenting .center-goal .center-grid__item .center-grid__picture {width:100%;}
    .page-template-center-fermenting .center-goal .center-grid__item .center-grid__typo {width:100%;}
    .page-template-center-fermenting .center-goal .center-grid__item--type-02 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end;}
    .page-template-center-fermenting .center-goal .center-grid__item--type-02 .center-grid__typo.center-grid__typo--clone {margin-top:0; -ms-flex-order: 1; -webkit-order: 1; -webkit-box-ordinal-group:3; order: 1;}
    .page-template-center-fermenting .center-goal .center-grid__item--type-02 .center-grid__typo { margin-top:30rem; -ms-flex-order: 3; -webkit-order: 3; -webkit-box-ordinal-group:3; order: 3;}
    .page-template-center-fermenting .center-goal .center-grid__item--type-02 .center-grid__picture {-ms-flex-order: 2; -webkit-order: 2; -webkit-box-ordinal-group: 3; order: 2;}
    

    /* FIELD */ 
    .center-field .center-section__head {width:100%;}

    /* BANNER */
    .center-banner__content p br.jt-middlescreen-br {display:none;}

    /* RESEARCH */
    .center-research-slider__title br {display:none;}
    .center-research__scheme-txt b br {display:none;}

    /* HISTORY */
    .center-history__title > span {margin-bottom:10rem;}

    /* PLOT */
    .center-plot__plan-desc li b br {display:none;}
    .center-plot__around-txt li {font-size:13rem;}
    .center-plot__around-txt li:before {top:1rem}
    body.page-template-center-introduce .center-plot {padding-bottom: 325rem;}
    html.ios .center-plot__around-txt li:before {top:1.5rem;}
    html.android .center-plot__around-txt li:before {top:0.5rem;}

    .center-plot__plan-data b {padding: 0;font-size: 10rem;}
    .center-plot__plan-data li:nth-child(1) {right: 16rem;bottom: 30rem;}
    .center-plot__plan-data li:nth-child(2) {top: 25rem;right: 31rem;}
    .center-plot__plan-data li:nth-child(3) {top: 25rem;left: 162rem;}
    .center-plot__plan-data li:nth-child(4) {top: 25rem;left: 36rem;}

    .center-plot__plan-desc {height:168rem;}
    
    /* ENZYME */
    .center-enzyme .center-section__subtypo br.jt-middlescreen-br {display:none;}
    .center-enzyme__content {padding-bottom:20rem;}

    /* PURPOSE */
    .center-purpose__typo {font-size:18rem;}
    .center-purpose__typo br {display:none;}
    
    /* PROCESS */
    .center-process .center-section__head h2 br.jt-middlescreen-br {display:block;}
    .center-process__note-txt br {display:none;}

    /* LOCATION */
    .center-location__info {padding-left: 20rem;}
    
    /* MATERIAL */
    .center-material__basic .center-material__txt p br.jt-smallscreen-br {display:block;}

    /* PAGING */
    .center-paging__sign {right:0;}
    .article-center-fermenting .center-paging__txt .jt-btn__basic > span {padding-left:13rem; padding-right:13rem;}

    /* **************************************** *
     * STORY
     * **************************************** */
    /* FUTURE */
    .story-future-goal h2 br { display:none;}

    /* PRODUCT */
    .story-product__link .jt-btn__basic {max-width:162rem;}
    .story-product__link .jt-btn__basic > span { padding: 17rem 12rem;}

    /* TIME */
    .story-time__text .story-time__desc p br.jt-middlescreen-br {display:none;}

    /* LOCATION SLIDER */
    .story-location__slider-title {line-height:1.4; padding:0 30rem;}

    /* SKINCARE */
    .story-skincare {padding-bottom:140rem;}
    .story-skincare__list > li:nth-child(1), .story-skincare__list > li:nth-child(2), .story-skincare__list > li:nth-child(3), .story-skincare__list > li:nth-child(4) {width:100%; top:0; left:50%; transform:translateX(-50%)}
    .story-skincare__list > li:before { width: 49rem; height: 52rem; display:block;}
    .story-skincare__circle {margin-top:46rem;}

    /* PRODUCT */
    .story-product__txt {padding:30rem;}

    /* NATURE */
    .story-nature-banner__img {position:relative; overflow:hidden;}
    .story-nature-banner__img:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .2);}
    .story-nature-banner__content {z-index:10}

    /* FERMENTATION */
    .story-fermentation__txt b {font-size:16rem;}

    /* NATURE - INTRO */
    .story-nature-intro__txt p {line-height:1.4;}

    /* CULTURE */
    .story-culture__item--sweden {left:2.6%}
    .story-culture__item--italy {left:2.6%;}
    .story-culture__item--korea { left: 35%;}
    .story-culture__item--china {left:30%;}
    .story-culture__item--philippine {left: 31%;}


    /* **************************************** *
     * CONTACT
     * **************************************** */
    .contact-location__info-inner {padding-left: 0;}

}