@charset "utf-8";

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



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

    html {font-size: 0.05254860746190225vw;}

}



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

    /* layout */
    .wrap {padding-left: 60rem;padding-right: 60rem;}
    .wrap-middle {max-width:inherit; padding-left: 120rem;padding-right: 120rem;}

    /* header */
    #logo {left: 60rem;}
    .global-navigation-btn {right: 60rem;}
    .lang-menu__wrap {right: 150rem;}

    .global-navigation__info > b {font-size:56rem;}

    #header .article-header__navigation {left: 480rem;}

    /* page */
    .article-header__content {bottom: 80rem;}

    /* footer */
    #footer {padding-left: 60rem;padding-right: 60rem;}
    .footer__center-logo p {font-size: 56rem;}

    /* cookie */
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] {padding-left: 230rem;padding-right: 77rem;}
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head {left: 60rem;}
    .cli-style-v2 .cli-bar-message br {display: none;}

}



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

    html {font-size: 0.06756756756756757vw;}

    /* layout */
    .wrap {padding-left: 40rem;padding-right: 40rem;}
    .wrap-middle {padding-left: 80rem;padding-right:80rem;}

    .jt-sticky-label.js-fixed {top: 80rem;}

    /* header */
    #header {height: 100rem;}
    #logo {top: 33rem;left: 40rem;}
    .global-navigation-btn {top: 32rem;right: 40rem;}
    .lang-menu__wrap {top: 34rem;right: 130rem;}

    .minimize#header {height: 80rem;}
    .minimize #logo {top: 20rem;}
    .minimize .global-navigation-btn {top: 21rem;}
    .minimize .lang-menu__wrap {top: 23rem;}

    #header .article-header__navigation {top: 26rem;left: 420rem;}

    /* footer */
    #footer {padding: 170rem 40rem 60rem;}
    .footer__top {padding-bottom: 54rem;}

    .footer__menu-wrap {margin-top: 32rem;}
    .footer__menu > li > a {padding: 27rem 0 25rem;font-size: 17rem;}
    .footer__menu > li > a:after {width: 24rem;height: 24rem;margin-top: -11rem;font-size: 24rem;}

    #footer__extend-menu > li > a {padding: 10rem 14rem;}

    .go-top {width: 54rem;height: 54rem;right: -14rem;}
    .go-top:after {font-size: 36rem;line-height: 54rem;}

    /* page */
    .article-header__content {bottom: 55rem;}
    .article-title {font-size: 68rem;}
    .article-header__navigation {margin-bottom: 18rem;}
    .article-header__navigation a {padding: 4rem 12rem;font-size: 16rem;}

    /* cookie */
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] {padding-left: 192rem;padding-right: 57rem;}
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head {left: 40rem;font-size: 17rem;}
    .cli-style-v2 {font-size: 14rem;}
    .cli-style-v2 .cli-bar-message {width: -webkit-calc(100% - 300rem);width: calc(100% - 300rem);}
    .cli-bar-btn_container {width: 300rem;}
    .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {width: 143rem;}
    .cli-style-v2 .cli-bar-btn_container .cli-plugin-button:last-child {margin-left: 14rem;}

    /* privacy */
    .privacy-box > ul > li:before {width:3px; height:3px; top:10px;}
    html.ipad .privacy-box > ul > li:before {width:3px; height:3px; top:8px;}
}



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

    html {font-size: 0.09775171065493645vw;}

    /* layout */
    .wrap-middle {padding-left: 60rem;padding-right:60rem;}

    .ie-banner {height:auto;}

    /* header */
    #header {height: 80rem;}
    #logo {top: 21rem;}
    #logo a {font-size:19rem;}
    .global-navigation-btn {top: 21rem;}
    .lang-menu__wrap {top: 23rem;}

    .minimize #logo {top: 21rem;}
    .minimize .global-navigation-btn {top: 21rem;}

    .global-navigation__info > b {font-size:48rem;}

    #header .article-header__navigation { display:none;}

    body:not(.home) .jt-sticky-label {top:61rem;}
    body:not(.home) .jt-sticky-label.js-fixed { top: 140rem;}

    /* footer */
    #footer {padding-top: 130rem;}
    .footer__bottom {padding-top: 95rem;}

    .footer__center-logo p {font-size: 48rem;}

    .footer__menu-wrap {width: 300rem;}
    .footer__menu > li > a {padding: 24rem 0 22rem;font-size: 16rem;}
    .footer__menu > li > a:after {width: 22rem;height: 22rem;margin-top: -11rem;font-size: 22rem;}
    html.desktop .footer__menu > li > a:hover {padding-left: 38rem;}

    .footer__info {position: relative;bottom: inherit;font-size: 13rem;}

    .copyright {margin-top: 12rem;font-size: 13rem;text-align: left;}

    .footer__extend-wrap {bottom: -10rem;}
    #footer__extend-menu > li > a {padding: 10rem 12rem;}

    /* page */
    .article-header__content {bottom: 50rem;}
    .article-header {height: 100vh;/* padding-top: 55%; */}
    .article-title {font-size: 54rem; margin-left:-3rem;}
    .article-header__navigation {margin-bottom: 12rem;}
    .article-header__navigation a {padding: 4rem 10rem;font-size: 14rem;}
    #header .article-header__navigation a {font-size: 14rem;}
    .article-header.article-header--type-text {padding-top:220rem;}
    .article-header.article-header--type-text .article-title {padding-bottom:80rem;}

    .article-header .article-header__navigation {display:none;}
    .article-subtitle {margin-left: 2rem; display: block; font-size: 14rem; color: #ccc; letter-spacing: -0.025em; margin-top: 3rem;}
    .article-smallscreen-menu {display:block;}
    .article-smallscreen-menu .article-header__navigation { position: absolute; top: 0; left: 0; right:0; margin: 0; height: 62rem; overflow: hidden; background:#fff; z-index:100; -webkit-transition: transform .4s;transition: transform .4s;}
    .article-smallscreen-menu .article-header__navigation.submenu__scroll {transform:translateY(-79rem);-webkit-transition: transform .3s;transition: transform .3s;}
    .article-smallscreen-menu .article-header__navigation:before {width:100%; height:1rem; background:#ddd; content:''; display:block; position:absolute; bottom:0;}
    .article-smallscreen-menu .article-header__navigation.sticky {position:fixed; top:79rem;}
    .article-smallscreen-menu .article-header__navigation > ul {display: block; border-bottom: none; height: 70rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 0 20rem; font-size: 0; text-align:center;}
    .article-smallscreen-menu .article-header__navigation a {color:#666; font-size:16rem; padding:20rem 18rem;}
    .article-smallscreen-menu .article-header__navigation li.active a {color:#000;}
    .article-smallscreen-menu .article-header__navigation span:after {background:#000; bottom:-21rem; height:2px;}

    /* cookie */
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] {padding: 30rem 40rem;}
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head {margin-bottom: 12rem;position: relative;left: inherit;top: inherit;font-size: 16rem;}
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head br {display: none;}

    /* 404 */
    .error-404__container h1 {font-size:46rem; margin-top:180rem;}
    .error-404__container h1:before { width: 290rem; height: 105rem; top: -76rem;}

    /* privacy */
    .page-template-privacy-policy .main-container, .page-template-cookie-policy .main-container {padding-bottom:160rem;}
    .privacy-box {margin-bottom: 58rem;}
    .privacy-box__title + p {margin-top:28rem;}
    .privacy-box b {font-size:15rem;}
    .privacy-box p {font-size:15rem;}
    .privacy-box li {font-size:15rem;}
    .privacy-date {font-size:18rem;}

}



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

    html {font-size: 0.13020833333333335vw;}

    /* layout */
    html body {font-family: 'Montserrat', sans-serif;}

    .wrap {padding-left: 32rem;padding-right: 32rem;}
    .wrap-middle {padding-left: 48rem;padding-right: 48rem;}

    .jt-sticky-label.js-fixed {top:75rem;}
    body:not(.home) .jt-sticky-label {top:57rem;}
    body:not(.home) .jt-sticky-label.js-fixed { top: 132rem;}

    /* header */
    #header {height: 76rem;}
    #logo {left: 33rem;top: 20rem;}
    #logo a {font-size:17rem;}
    .lang-menu__wrap {right: 30rem; bottom:30rem; top: auto; position:fixed; opacity:0; visibility:hidden; }
    .global-navigation-btn {right: 32rem;top: 19rem;}

    .global-navigation__info {display:none;}
    .global-navigation__primary {display: block;margin-top: 0;padding-top: 150rem;position: relative;top: inherit;}
    .global-navigation__main-menus {width: auto;}
    .global-navigation__extend-menus {margin-top: 60rem;position: relative;bottom: inherit;}

    #menu {width: 100%;}
    #menu > li {display:block;}
    #menu > li > a {font-size:20rem;padding-top: 7rem;padding-bottom: 7rem;}
    #menu > li > ul > li > a {padding: 3rem 0;font-size: 16rem;color: #bbb;}
    #menu ul.sub-menu {display: none;opacity: 1;visibility: visible;position: relative;left: inherit;top: inherit;margin-bottom: 20rem;}
    #menu > li:last-child ul.sub-menu {margin-bottom: 0;}
    #menu > li > a > span:after {bottom:0;}

    #extend-menu > li {display:block;}
    #extend-menu > li > a {font-size:13rem; padding-left:0; padding-right:0; color:#ccc;}

    .minimize#header {height: 76rem;}
    .minimize #logo {top: 20rem;}
    .minimize .global-navigation-btn {top: 19rem;}
    .minimize .lang-menu__wrap {top: auto;}
    
    .lang-menu__tooltip {top:-60rem; right:0; width:246rem; padding: 12rem 33rem 12rem 16rem; font-size:11rem;}
    .lang-menu__tooltip:after { border-top: 8rem solid #2D2A29; border-bottom:none; bottom: -8rem; top:auto;transform: none;  left: auto;}
    .lang-menu__tooltip--close {right:4rem; top:2rem;}
    .lang-menu__tooltip--close:before {font-size:10rem;}
    .lang-menu__tooltip--ko:after {right: 14rem;}
    .lang-menu__tooltip--en:after {right: 50rem;}
    .lang-menu__tooltip--ja:after {right: 86rem;}
    body.open-menu--fixed .lang-menu__wrap {opacity: 1;visibility: visible;}

    /* footer */
    #footer {padding: 120rem 32rem 50rem;}
    .footer__top {padding-bottom: 0;}
    .footer__bottom {padding-top: 70rem;}

    .footer__center-logo p {font-size: 42rem;}

    .footer__menu-wrap {width: 260rem;}
    .footer__menu > li > a {padding: 20rem 0 18rem;font-size: 15rem;}
    .footer__menu > li > a:after {width: 20rem;height: 20rem;margin-top: -10rem;font-size: 20rem;}
    html.desktop .footer__menu > li > a:hover {padding-left: 34rem;}
    html.ios .footer__menu > li > a {padding-top: 17rem;}

    .footer__extend-wrap {margin-bottom: 60rem;position: relative;bottom: inherit;}
    #footer__extend-menu > li > a {font-size: 13rem;}

    .go-top {width: 46rem;height: 46rem;right: -12rem;bottom: -100rem;}
    .go-top:after {font-size: 30rem;line-height: 46rem;}

    /* page */
    .article-title {font-size: 42rem;}
    .article-header__navigation {margin-bottom: 10rem;}
    .article-header__navigation a {padding: 4rem 8rem;font-size: 13rem;}
    #header .article-header__navigation a {font-size: 13rem;}
    .article-header.article-header--type-text {padding-top:190rem;}
    .article-header.article-header--type-text .article-title {padding-bottom:60rem;}

    .article-smallscreen-menu .article-header__navigation {height: 58rem;}
    .article-smallscreen-menu .article-header__navigation.submenu__scroll { transform: translateY(-75rem);}
    .article-smallscreen-menu .article-header__navigation > ul {height: 58rem;}
    .article-smallscreen-menu .article-header__navigation a {font-size:14rem; padding:19rem 18rem;}
    .article-smallscreen-menu .article-header__navigation span:after { bottom:-20rem; }
    .article-smallscreen-menu .article-header__navigation.sticky {top: 75rem;}
    html.ios .article-smallscreen-menu .article-header__navigation span:after {bottom:-21rem}

    /* cookie */
    .cli-style-v2 .cli-bar-message {width: 100%;padding: 0;}
    .cli-style-v2 .cli-bar-btn_container {margin-top: 20rem;}

    /* 404 */
    .error-404__container h1 {font-size:40rem; margin-top:160rem;}
    .error-404__container h1:before { width: 250rem; height: 91rem; top: -60rem;}
    .error-404__container p {font-size:15rem; padding: 20rem 0 60rem;}

    /* privacy */
    .page-template-privacy-policy .main-container, .page-template-cookie-policy .main-container {padding-bottom:120rem;}
    .privacy-box {margin-bottom: 52rem;}
    .privacy-box__title {font-size:18rem;}
    .privacy-box__title + p {margin-top:22rem;}
    .privacy-box b {font-size:14rem;}
    .privacy-box p {font-size:14rem;}
    .privacy-box li {font-size:14rem;}
    .privacy-box > ul > li {padding-left:10rem;}
    .privacy-box > ul > li:before { top:10rem;}
    .privacy-box > ul > li > b {margin-top:14rem;}
    .privacy-date {font-size:16rem;}
    html.ipad .privacy-box > ul > li:before {top:10rem;}


}



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

    /* layout */
    .lang-menu__tooltip { top: -75rem; width: 260rem}

}



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

    html {font-size: 0.26666666666666665vw;}

    /* layout */
	.wrap, .wrap-middle {padding-left: 20rem;padding-right: 20rem;}

    .jt-sticky-label.js-fixed { top: 72rem;}
    .jt-sticky-label__typo {height:183rem;}
    .jt-sticky-label__typo > span {font-size:12rem; padding-left:12rem; padding-bottom:0;}
    .jt-sticky-label__typo > span:before {font-size:18rem;left:-16rem;}
    body:not(.home) .jt-sticky-label {top: 52rem;}
    body:not(.home) .jt-sticky-label.js-fixed {top: 124rem;}

    .main-container br.jt-smallscreen-br {display: block;}
    .main-container br.jt-middlescreen-br {display: none;}
    .main-container span.jt-separate {margin-top:13rem; display:block;}
    .main-container .jt-smallscreen-bold {font-weight:bold;}
    .main-container .jt-smallscreen-hide {display: none;}

    /* header */
    #header {height: 93rem;}
    #logo {left: 20rem;top: 29rem;}
    #logo a {font-size:16rem;}

    #menu > li > ul > li > a {color:#999;}

    .lang-menu__tooltip { top: -63rem; width: 210rem;}
    .lang-menu__tooltip:after {bottom:-7rem;}

    .global-navigation-btn {right: 15rem;top: 31rem; width:33rem; height:33rem;}
    .global-navigation-btn__line--01 {top:11rem;}
    .global-navigation-btn__line--02 {bottom: 12rem;}

    .lang-menu__wrap {right: 10rem; bottom: 23rem;}
    .lang-menu > li > a {padding:10rem;}

    .global-navigation__bg {background-image: url(../images/layout/navigation-background-mo.jpg);}

    .minimize#header {height: 72rem;}
    .minimize #logo {top: 17rem;}
    .minimize .global-navigation-btn {top: 19rem;}

    /* footer */
    #footer {padding: 64rem 20rem 30rem;}
    .footer__bottom {padding-top: 53rem;}

    .footer__center-logo p {font-size: 34rem;line-height: 1.17;}

    .footer__menu-wrap {width: 200rem;margin-top: 16rem;}
    .footer__menu > li {border-bottom: 1rem solid rgba(255, 255, 255, .2);}
    .footer__menu > li > a {font-size: 14rem;}
    .footer__menu > li > a:after {width: 16rem;height: 16rem;margin-top: -8rem;font-size: 16rem;}
    html.desktop .footer__menu > li > a:hover {padding-left: 28rem;}

    .footer__extend-wrap {margin-bottom: 33rem;}
    #footer__extend-menu > li {display: block;}
    #footer__extend-menu > li > a {padding: 6rem 0;font-size: 12rem;color: #ccc;}

    .footer__info {font-size: 12rem;color: #ffffff;color: rgba(255, 255, 255, .5);}
    .copyright {font-size: 11rem;line-height: 1.5;color: #ffffff;color: rgba(255, 255, 255, .5);}
    .footer-copyright-br {display: block;}

    .go-top {width: 42rem;height: 42rem;right: -11rem;bottom: -136rem;}
    .go-top:after {font-size: 29rem;line-height: 42rem;}

    /* page */
    .article-title {font-size: 34rem; margin-left:0;}
    .article-subtitle {margin-left:2rem; display:block; font-size:14rem; color:#ccc; letter-spacing:-0.025em; margin-top:3rem;}
    .article-header.article-header--type-text {padding-top:160rem;}
    .article-header.article-header--type-text .article-title {padding-bottom:40rem;}
    .article-header__content {bottom: 80rem;}
    .article-header .article-header__navigation { display:none;}
    .article-smallscreen-menu .article-header__navigation {height:52rem;}
    .article-smallscreen-menu .article-header__navigation.submenu__scroll {transform:translateY(-72rem);-webkit-transition: transform .3s;transition: transform .3s;}
    .article-smallscreen-menu .article-header__navigation.sticky { top:72rem;}
    .article-smallscreen-menu .article-header__navigation > ul {height: 60rem; padding: 0 20rem;}
    .article-smallscreen-menu .article-header__navigation a { font-size:14rem; padding:17rem 15rem;}
    .article-smallscreen-menu .article-header__navigation span:after {bottom:-17rem;}
    html.ios .article-smallscreen-menu .article-header__navigation span:after {bottom:-16rem; }
    html.ios.ratio2 .article-smallscreen-menu .article-header__navigation span:after {bottom:-17rem; }
    html.android .article-smallscreen-menu .article-header__navigation span:after {bottom:-17.5rem;}

    .article-header__background > span.article-header__background--large {display: none;}
    .article-header__background > span.article-header__background--small {display: block;}

    /* privacy */
    .page-template-privacy-policy .main-container, .page-template-cookie-policy .main-container {padding-bottom:80rem;}
    .privacy-box {margin-bottom: 40rem;}
    .privacy-box__title {font-size:16rem;}
    .privacy-box__title + p {margin-top:16rem;}
    .privacy-box > ul > li {padding-left:10rem;}
    .privacy-box b {font-size:13rem; margin-bottom:3rem;}
    .privacy-box p {font-size:13rem; margin-bottom:15rem;}
    .privacy-box li {font-size:13rem;}
    .privacy-box > ul > li:before {top:8rem;}
    .privacy-box > ul > li > b {margin-top:8rem;}
    .privacy-box > ul > li > ul {margin-top:3rem;}
    .privacy-box > ul > li > ul > li {padding-left:10rem;}
    .privacy-box > ul > li > ul > li:before {top:-2rem;}
    .privacy-box > ul > li > ul > li > ul > li {padding-left:8rem;}
    .privacy-box > ul > li > ul > li > ul > li:before {top:8rem;}
    .privacy-date {font-size:14rem;}

    /* cookie */
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] {padding: 26rem 20rem 30rem;}
    #cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head {font-size: 15rem;}
    .cli-style-v2 {font-size: 12rem;}
    .cli-bar-btn_container {width: 100%;}
    .cli-style-v2 .cli-bar-btn_container {margin-top: 16rem;}
    .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {width: -webkit-calc(50% - 6rem);width: calc(50% - 6rem);}
    .cli-style-v2 .cli-bar-btn_container .cli-plugin-button:last-child {margin-left: 12rem;}

    /* 404 */   
    .error404 .main-container { background-image:url(../images/layout/error-404-bg-mo.jpg);}
    .error-404__container h1 {font-size:32rem; margin-top:140rem;}
    .error-404__container h1:before { width: 180rem; height: 66rem; top: -44rem;}
    .error-404__container p {font-size:14rem;}
    .error-404__container p br {display:none;}

}



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

    /* header */
    .global-navigation__primary {padding-top:120rem;}
    .global-navigation__extend-menus {margin-top: 50rem;}
    #menu > li > a { padding-top: 6rem; padding-bottom: 6rem;}
    #extend-menu > li > a {padding-top:5rem; padding-bottom:5rem;}

}