@charset "utf-8";

/*
 * File       : rwd-main.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) 1570px
 * 02) 1480px
 * 03) 1023px
 * 04) 860px
 * 05) 540px
 */



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

    /* NEWS */
    .main-news__title { width: 45.18%; }

    .main-news__content .ke-isotope-list__gutter { width: 9.64%; }
    .main-news__content .ke-isotope-list__grid,
    .main-news__content .ke-isotope-list__item { width: 45.18%; }
    
    /* BANNER  */
    .main-banner__cover > .wrap { margin: 0 80rem; }

    /* BUSINESS */
    .main-business__txt br { display: none; }

}



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

    /* LAYOUT */
    .main-section { padding-bottom: 160rem; }
    .main-section__head { margin-bottom: 65rem; }
    .main-section__title { font-size: 47rem; }

    /* VISUAL */
    .main-visual__content { padding-top: 25rem; }
    .main-visual__title { font-size: 56rem; }
    .main-visual__action { margin-top: 48rem; }

    /* NEWS */
    .main-news.main-section { padding: 140rem 0 160rem; }

    .main-news__title { width: 46.5%; }
    .main-news__title img:nth-child(1) { width: 235rem; }
    .main-news__title img:nth-child(2) { width: 149rem; }
    .main-news__title img:nth-child(3) { width: 189rem; }
    .main-news__title img:nth-child(4) { width: 105rem; top: 133rem; left: 200rem; }

    .main-news__content .ke-isotope-list__gutter { width: 7%; }
    .main-news__content .ke-isotope-list__grid,
    .main-news__content .ke-isotope-list__item { width: 46.5%; }
    .main-news__content .ke-isotope-list > div:nth-child(3) { margin-top: 300rem; }

    /* SERVICE */
    .main-service__group + .main-service__group { margin-top: 30rem; }

    .main-service__item { padding: 0 15rem; }
    .main-service__link { width: 300rem; }

    /* BANNER */
    .main-banner__cover { height: 340rem; }
    .main-banner__typo { padding-right: 260rem; font-size: 36rem; }

    /* BUSINESS */
    .main-business__list { -webkit-column-gap: 86rem; -moz-column-gap: 86rem; column-gap: 86rem; }

}



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

    /* LAYOUT */
    body.home:not(.ke-layout--minimize) #header:not(.header--menu-hover) .small-menu-btn__line { background: #fff; }
    body.home.open-menu--motion:not(.ke-layout--minimize) #header:not(.header--menu-hover) .small-menu-btn__line { background: #191919; }

    .main-section { padding-bottom: 150rem; }
    .main-section__head { margin-bottom: 52rem; }
    .main-section__title { font-size: 42rem; }

    /* VISUAL */
    .main-visual { height: auto; padding-top: 64%; position: relative; }
    .main-visual__slider { position: absolute; top: 0; left: 0; }
    .main-visual__content { padding-top: 0; }
    .main-visual__title { font-size: 48rem; }
    .main-visual__action { margin-top: 38rem; }

    html.ios .main-visual { max-height: inherit; }

    /* NEWS */
    .main-news.main-section { padding: 130rem 0 150rem; }

    .main-news__title img:nth-child(1) { width: 205rem; }
    .main-news__title img:nth-child(2) { width: 131rem; }
    .main-news__title img:nth-child(3) { width: 166rem; }
    .main-news__title img:nth-child(4) { width: 95rem; top: 122rem; left: 178rem; }

    .main-news__content .ke-isotope-list { margin-bottom: -60rem; }
    .main-news__content .ke-isotope-list__item { padding-top: 62rem; margin-bottom: 60rem; }
    .main-news__content .ke-isotope-list > div:nth-child(3) { margin-top: 268rem; }
    .main-news__content .ke-isotope-list > div:nth-child(5) { padding-top: 62rem; }

    .main-news__more { margin-top: 86rem; }

    /* SERVICE */
    .main-service__group + .main-service__group { margin-top: 20rem; }

    .main-service__item { padding: 0 10rem; }
    .main-service__link { width: 260rem; }
    .main-service__message { padding: 28rem 28rem; }
    .main-service__description br { display: none; }
    .main-service__logo { width: -webkit-calc(100% - 56rem); width: calc(100% - 56rem); bottom: 28rem; }
    .main-service__logo-img { width: 164rem; height: 40rem; }

    /* BANNER */
    .main-banner__cover { height: 300rem; }
    .main-banner__cover > .wrap { margin: 0 40rem; }
    
    .main-banner__data { text-align: center; }
    .main-banner__data br { display: none; }
    .main-banner__typo { padding: 15rem 0 30rem 0; font-size: 31rem; }
    .main-banner__link { position: relative; right: auto; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; }

    /* BUSINESS */
    .main-business__list { grid-template-columns: 1fr 1fr; -webkit-column-gap: 54rem; -moz-column-gap: 54rem; column-gap: 54rem; row-gap: 54rem; }
    .main-business__txt { margin-bottom: 24rem; font-size: 19rem; }

}




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

    /* LAYOUT */
    .main-section { padding-bottom: 130rem; }
    .main-section__head { margin-bottom: 44rem; }
    .main-section__title { font-size: 38rem; font-weight: bold; letter-spacing: -0.025em; }

    /* VISUAL */
    .main-visual { padding-top: 72%; }
    .main-visual__title { font-size: 42rem; font-weight: bold; letter-spacing: -0.025em; }
    .main-visual__title br { display: none; }
    .main-visual__action { margin-top: 32rem; }

    /* NEWS */
    .main-news.main-section { padding: 100rem 0 130rem; }

    .main-news__title { width: 47.5%; }
    .main-news__title img { margin-bottom: 20rem; }
    .main-news__title img:nth-child(1) { width: 180rem; }
    .main-news__title img:nth-child(2) { width: 115rem; }
    .main-news__title img:nth-child(3) { width: 146rem; }
    .main-news__title img:nth-child(4) { width: 88rem; top: 98rem; left: 157rem; }

    .main-news__content .ke-isotope-list { margin-bottom: -45rem; }
    .main-news__content .ke-isotope-list__gutter { width: 5%; }
    .main-news__content .ke-isotope-list__grid { width: 47.5%; }
    .main-news__content .ke-isotope-list__item { width: 47.5%; padding-top: 47rem; margin-bottom: 45rem; }
    .main-news__content .ke-isotope-list > div:nth-child(3) { margin-top: 230rem; }
    .main-news__content .ke-isotope-list > div:nth-child(5) { padding-top: 47rem; }

    /* SERVICE */
    .main-service__group + .main-service__group { margin-top: 16rem; }

    .main-service__item { padding: 0 8rem; }
    .main-service__link { width: 240rem; border-radius: 12rem; }
    .main-service__thumb img { border-radius: 12rem; }
    .main-service__message-overlay { border-radius: 12rem; }
    .main-service__message { padding: 26rem 26rem; }
    .main-service__name { margin-bottom: 8rem; font-weight: bold; }
    .main-service__logo { width: -webkit-calc(100% - 52rem); width: calc(100% - 52rem); bottom: 26rem; }
    .main-service__logo-img { width: 140rem; height: 34rem; }
    .main-service__logo-icon { width: 20rem; height: 20rem; }
    .main-service__logo-icon .ke-guide--icon { width: 6rem; }

    /* BANNER */
    .main-banner__cover { height: 274rem; border-radius: 12rem; }
    .main-banner__cover > .wrap { margin: 0 32rem; }
    
    .main-banner__movie:after { border-radius: 12rem; }
    .main-banner__movie-bg { border-radius: 12rem; }
    .main-banner__typo { padding-bottom: 22rem; font-size: 28rem; letter-spacing: -0.025em; font-weight: bold; }

    /* BUSINESS */
    .main-business__list { -webkit-column-gap: 48rem; -moz-column-gap: 48rem; column-gap: 48rem; row-gap: 48rem; }
    .main-business__txt { margin-bottom: 20rem; font-weight: bold; letter-spacing: -0.025em; }    

}



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

    /* LAYOUT */
    .main-section { padding-bottom: 110rem; }
    .main-section__head { margin-bottom: 35rem; }
    .main-section__title { font-size: 28rem; }

    /* VISUAL */
    .main-visual { padding-top: 138%; }
    .main-visual__bg { background-position: 70% 50%; }
    .main-visual__bg:after { background: rgba(25, 25, 25, .35); }
    .main-visual__title { font-size: 28rem; line-height: 1.42; }
    .main-visual__action { margin: 20rem -4rem -4rem; }
    .main-visual__action > * { margin: 4rem; }

    /* NEWS */
    .main-news.main-section { padding: 90rem 0 110rem; }

    .main-news__title { width: 100%; margin-bottom: 54rem; position: relative; }
    .main-news__title img { margin-bottom: 16rem; }
    .main-news__title img:nth-child(1) { width: 155rem; }
    .main-news__title img:nth-child(2) { width: 99rem; }
    .main-news__title img:nth-child(3) { width: 126rem; }
    .main-news__title img:nth-child(4) { width: 84rem; top: 78rem; left: 136rem; }

    .main-news__content .ke-isotope-list { margin-bottom: -35rem; }
    .main-news__content .ke-isotope-list__gutter { width: 0; }
    .main-news__content .ke-isotope-list__grid { width: 100%; }
    .main-news__content .ke-isotope-list__item { width: 100%; padding-top: 30rem; margin-bottom: 35rem; }
    .main-news__content .ke-isotope-list > div:nth-child(3) { margin-top: 0; }
    .main-news__content .ke-isotope-list > div:nth-child(4),
    .main-news__content .ke-isotope-list > div:nth-child(5) { padding-top: 30rem; }

    .main-news__more { margin-top: 64rem; }

    /* SERVICE */
    .main-service__group + .main-service__group { margin-top: 12rem; }

    .main-service__item { padding: 0 6rem; }
    .main-service__item.main-service--obj { display: none; }
    .main-service__link { width: 210rem; }
    .main-service__message { padding: 22rem 22rem; }
    .main-service__name { font-size: 14rem; }
    .main-service__description { font-size: 12rem; line-height: 1.75; }
    .main-service__logo { width: -webkit-calc(100% - 44rem); width: calc(100% - 44rem); bottom: 22rem; }
    .main-service__logo-img { width: 128rem; height: 31rem; }

    /* BANNER */
    .main-banner__cover { height: auto; margin: 0 -24rem; padding: 48rem 0 45rem; border-radius: 0; }
    .main-banner__cover > .wrap { margin: 0 24rem; }

    .main-banner__movie-bg { border-radius: 0; }
    .main-banner__movie:after,
    .main-banner__movie .ke-background-video__vod,
    .main-banner__movie .ke-background-video__poster { border-radius: 0; }

    /* .main-banner__data { text-align: left; } */
    .main-banner__data-inner { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
    .main-banner__typo { padding-top: 0; padding-bottom: 20rem; font-size: 22rem; }

    /* BUSINESS */
    .main-business__list { grid-template-columns: 1fr; row-gap: 48rem; }
    .main-business__label { font-size: 15rem; }
    .main-business__txt { margin: 8rem 0 18rem; font-size: 18rem; }

}