@charset "utf-8";
/*
 * File       : layout.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 * Dependency : css/jt-strap.css
 *
 * SUMMARY:
 * 01) GLOBAL
 * 02) HEADER
 * 03) FOOTER
 * 04) PAGE
 * 05) PRIVACY
 * 06) COOKIE
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
html{font-size: 6.25%;}
html.safari.desktop {font-size: 0.05254860746190226vw;}

body {overflow-x: hidden;font-size: 16rem;word-break: break-all;}
a {color: #000;text-decoration: none;}
html body { font-family: 'Montserrat', 'NotoSansJP', sans-serif; }

/* WRAP */
.wrap {padding-left: 87rem;padding-right: 87rem;position: relative;}
.wrap-middle {max-width: 1433rem;margin: 0 auto;position: relative;}

/* VR SHOWROOM LABEL */
.jt-sticky-label__target {position: relative;}

.jt-sticky-label {width: 52rem;position: absolute;top: 0;right: 0;background: #2D2A29;z-index: 499;-webkit-transition: width .3s, padding .3s;transition: width .3s, padding .3s;}
.jt-sticky-label.js-fixed {position: fixed;top: 90rem;}
body.ie-banner-open .jt-sticky-label.js-fixed {top:153rem;}
.jt-sticky-label__typo {display: block;height: 207rem;cursor: pointer;}
.jt-sticky-label__typo > span {display: block;padding-left: 21rem;padding-bottom: 1rem;position: relative;font-size: 13rem;font-weight: 600;line-height: 1.1;white-space: nowrap;color: #fff;-webkit-transform: rotate(90deg) translateX(100%);-ms-transform: rotate(90deg) translateX(100%);transform: rotate(90deg) translateX(100%);}
.jt-sticky-label__typo > span:before {display: block;width: 22rem;height: 22rem;position: absolute;top: 50%;margin-top: -11rem;left: -13rem;font-family: 'jt-font';content: '\e922';font-size: 22rem;line-height: 1;font-weight: normal;font-style: normal;text-align: center;color: #fff;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
html.desktop .jt-sticky-label:hover {width:62rem; padding-right:10rem;}

/* mobile br */
.main-container br.jt-smallscreen-br {display: none;}
.main-container br.jt-middlescreen-br {display: none;}

/* IE BANNER */
body.ie-banner-open #header {top:63rem;} 
html.desktop body.ie-banner-open .ie-banner {opacity:1; visibility:visible; }
.ie-banner { opacity:0; visibility:hidden; width: 100%; text-align: center; background: #2D2A29; height: 63rem; position: fixed; z-index: 1000;}
.ie-banner__inner {padding: 23rem 0 22rem;font-size:0;}
.ie-banner b { font-size:14rem; color: #fff; font-weight:600; display:inline-block;}
.ie-banner b + p {margin-left:30rem;}
.ie-banner p {  font-size:14rem;  color:#ddd; display:inline-block;}
.ie-banner p > a {color:#fff; font-weight:600; text-decoration: underline;}
.ie-banner__close {border:none;background:none;cursor:pointer;width: 34rem;height: 34rem;position: absolute;top: 50%;margin-top: -17rem;margin-left: 30rem;}
.ie-banner__close:before {font-family:'jt-font'; content:'\e946'; font-size:12rem; color:#fff;}



/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;height: 110rem;position: fixed;top: 0;left: 0;background: transparent;-webkit-transition: height .3s, background .4s;transition: height .3s, background .4s;z-index: 500;}
.header__inner {height: 100%;position: relative;}
body.open-menu #header { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}

/* LOGO */
#logo {position: absolute;left: 87rem;top: 35rem;-webkit-transition: top .3s;transition: top .3s;}
#logo a { display: block; width: 100%; height: 100%; padding: 8rem 0; font-size: 20rem; font-weight: 400; color: #fff; white-space: nowrap; }

/* LANGUAGES */
.lang-menu__wrap {position: absolute;top: 39rem;right: 177rem;-webkit-transition: top .3s;transition: top .3s;}
.lang-menu {font-size: 0;line-height: 1;}
.lang-menu > li {display: inline-block;vertical-align: middle;}
.lang-menu > li > a {display: block;padding: 10rem 6rem;font-size: 14rem;font-weight: 400;color: #fff;-webkit-transition: color .4s;transition: color .4s;}
.lang-menu > li > a > span {padding-bottom: 2rem;position: relative;}
.lang-menu > li > a > span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 3rem;background: #fff;opacity: 0;-webkit-transition: background .4s;transition: background .4s;}
.lang-menu > li.active > a > span:after {opacity: 1;}
html.ie11 .lang-menu > li > a > span:after {bottom:0}

.lang-menu__tooltip { display:none; position:absolute;top: 40rem;background:#2D2A29;color:#fff;padding: 16rem 40rem 16rem 20rem;font-size: 12rem;line-height: 1.5;width: 244rem;}
.lang-menu__tooltip:after {border-bottom: 8rem solid #2D2A29;border-left: 4rem solid transparent;border-right: 4rem solid transparent;content:'';display:block;position:absolute;top: -8rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
html.ipad .lang-menu__tooltip:after {top:-7rem;}
.page-template-support .lang-menu__tooltip {background:#000;}
.page-template-support .lang-menu__tooltip:after {border-bottom-color:#000;}
.lang-menu__tooltip--close {width:30rem; height:30rem; border:none;background:none;position:absolute;right: 13rem;top: 8rem;cursor:pointer;padding: 0;}
.lang-menu__tooltip--close:before {font-family: 'jt-font';content: '\e946';font-size: 13rem; font-weight:normal; color:#fff; }
.lang-menu__tooltip--ko {margin-left: -43rem; word-break: keep-all;}
.lang-menu__tooltip--en {margin-left: -76rem; word-break: keep-all;}
.lang-menu__tooltip--ja {margin-left: -109rem; word-break: break-all;}

/* NAVIGATION BUTTON */
.global-navigation-btn {display: block;width: 37rem;height: 37rem;position: absolute;right: 87rem;top: 37rem;-webkit-transition: top .3s;transition: top .3s;}
/*html.desktop .open-menu .global-navigation-btn {cursor: pointer;-webkit-transition:1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition:1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition:1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
html.desktop .open-menu .global-navigation-btn:hover {-webkit-transform:rotate(90deg);-ms-transform: rotate(90deg);transform:rotate(90deg);-webkit-transition: 1s transform cubic-bezier(.075,.82,.165,1);-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}*/
.global-navigation-btn__line {width: 100%;height: 1px;left: 0;position: absolute;background: #fff;-webkit-transition: background .4s;transition: background .4s;}
.global-navigation-btn__line--01 {top: 13rem;}
.global-navigation-btn__line--02 {bottom: 14rem;}
html.ratio1_5 .global-navigation-btn__line--02 {bottom:13.6rem;}

/* MENU */
#global-navigation-outer {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0; bottom:0; background: #000;z-index: 1100;overflow: hidden;}
.global-navigation-inner {width: 100%;height: 100%;position: relative;font-size: 0; }
#global-navigation-outer .wrap {height: 100%;}

.global-navigation__bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url(../images/layout/navigation-background.jpg) no-repeat center center;background-size: cover;}
.global-navigation__bg:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .4);}

.global-navigation__primary {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;position: absolute;top: 50%;margin-top: -190rem;}

.global-navigation__info {width: 39%;}
.global-navigation__info > a {display:inline-block;}
.global-navigation__info > a > b {display: block;font-size: 60rem;font-weight: 700;line-height: 1;color: #fff;}
.global-navigation__info > p {margin-top: 50rem;font-size: 14rem;font-weight: 400;line-height: 1.35;color: #fff;}
.global-navigation__info > p br {display:none;}

.global-navigation__main-menus {width: 61%;}
.menu-container {display: block;width: 100%;font-size: 0;line-height: 1;}
#menu {width: 350rem;}
#menu a {display: block;line-height: 1.5;white-space: nowrap;-webkit-transition: color .3s;transition: color .3s;}
#menu > li {display: inline-block;vertical-align: top;position: relative;}
#menu > li > a {padding: 12rem 24rem 12rem 0;position: relative;font-size: 24rem;font-weight: 600;color: #fff;}
#menu > li > a > span {position:relative; border-bottom: 1px solid transparent; -webkit-transition: border .3s;transition: border .3s;}
html.desktop #menu > li:hover > a > span,
#menu > li.current_page_item > a > span,
#menu > li.current-menu-ancestor > a > span {border-bottom-color:#fff;}
/*#menu > li > a > span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: -2rem;background: #fff;opacity: 0;-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: opacity .2s, -webkit-transform .3s;transition: opacity .2s, -webkit-transform .3s;transition: transform .3s, opacity .2s;transition: transform .3s, opacity .2s, -webkit-transform .3s;-webkit-transition-delay: .2s, 0s;transition-delay: .2s, 0s;}
#menu > li.current_page_item > a > span:after,
#menu > li.current-menu-ancestor > a > span:after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); opacity:1;}
html.desktop #menu > li > a:hover > span:after {-webkit-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}*/
#menu ul.sub-menu {opacity: 0;visibility: hidden;-webkit-transition: opacity 0.2s, visibility 0.2s;transition: opacity 0.2s, visibility 0.2s;}
#menu > li.hover > ul, #menu > li.focusin > ul {opacity: 1;visibility: visible;}
#menu > li > ul {position: absolute;left: 100%;top: 12rem;}
#menu > li > ul > li {display: block;}
#menu > li > ul > li > a {padding: 6rem 15rem;font-size: 18rem;font-weight: 500;color: #999;}
html.desktop #menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a, #menu > li > ul > li.current-menu-ancestor > a {color: #fff;}

.global-navigation__extend-menus {position: absolute;bottom: 56rem;}
#extend-menu {font-size: 0;}
#extend-menu > li {display: inline-block;}
#extend-menu > li > a {display: block;padding: 6rem 16rem;font-size: 14rem;font-weight: 500;line-height: 1.5;color: #fff;text-transform: uppercase;}
#extend-menu > li:first-child > a {padding-left: 0;}
#extend-menu > li:last-child > a {padding-right: 0;}
#extend-menu > li > a > span {position: relative;}
#extend-menu > li > a > span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: -1rem;background: #fff;opacity: 0;-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: opacity .2s, -webkit-transform .3s;transition: opacity .2s, -webkit-transform .3s;transition: transform .3s, opacity .2s;transition: transform .3s, opacity .2s, -webkit-transform .3s;-webkit-transition-delay: .2s, 0s;transition-delay: .2s, 0s;}
html.desktop #extend-menu > li > a:hover > span:after {-webkit-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}

/* SUB NAVIGATION */
#header .article-header__navigation {margin-bottom: 0;position: absolute;left: 531rem;top: 30rem;opacity: 0;visibility: hidden;-webkit-transition: opacity .3s;transition: opacity .3s;}
#header .article-header__navigation a {font-size: 16rem;color: #666;}
#header .article-header__navigation span:after {background: #000;}
html.desktop #header .article-header__navigation a:hover, #header .article-header__navigation li.active a {color: #000;}
#header.js-navigation--sticky .article-header__navigation {opacity: 1;visibility: visible;}

/* MINIMIZE */
.minimize#header {height: 90rem;background: #fff;}
.minimize #logo {top: 25rem;}
.minimize #logo a {color: #000;}
.minimize .lang-menu__wrap {top: 28rem;}
.minimize .lang-menu > li > a {color: #000;}
.minimize .lang-menu > li > a > span:after {background: #000;}
.minimize .global-navigation-btn {top: 26rem;}
.minimize .global-navigation-btn__line {background: #000;}

/* OPEN MENU */
body.open-menu #logo {z-index: 1101;}
body.open-menu #logo a {color:#fff;}
body.open-menu .lang-menu__wrap {z-index: 1101;}
body.open-menu .global-navigation-btn {z-index: 1101;}
body.open-menu--motion .lang-menu > li > a {color: #fff;}
body.open-menu--motion .lang-menu > li > a > span:after {background: #fff;}
body.open-menu--motion .global-navigation-btn__line {background: #fff;}

html.desktop body.open-menu--motion .global-navigation-btn {-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
html.desktop body.open-menu--motion .global-navigation-btn:hover {-webkit-transform: scale(0.9) rotate(90deg);-ms-transform: scale(0.9) rotate(90deg);transform: scale(0.9) rotate(90deg);}

body.open-menu--fixed {width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;}



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {padding: 207rem 87rem 80rem;background: #2D2A29; -webkit-box-shadow: 0px 1px 0px #2D2A29; box-shadow: 0px 1px 0px #2D2A29;}
.footer__top {padding-bottom: 60rem;position: relative;}
.footer__bottom {padding-top: 128rem;position: relative;}

/* LOGO */
.footer__center-logo {display: inline-block;}
.footer__center-logo p {font-size: 60rem;font-weight: 700;line-height: 1;color: #fff;}

/* MENU */
.footer__menu-wrap {width: 360rem;margin-top: 38rem;}
.footer__menu > li {border-bottom: 1rem solid rgba(255, 255, 255, .5);}
.footer__menu > li > a {display: block;padding: 29rem 0 27rem;position: relative;font-size: 18rem;font-weight: 600;line-height: 1.35;color: #fff;-webkit-transition: padding .3s;transition: padding .3s;}
.footer__menu > li > a:after {display: block;width: 26rem;height: 26rem;margin-top: -13rem;position: absolute;top: 50%;left: -5rem;font-family: 'jt-font';content: '\e91b';font-size: 26rem;line-height: 1;font-weight: normal;text-align: center;color: #fff;opacity: 0;-webkit-transition: opacity .3s, left .2s;transition: opacity .3s, left .2s;}
html.desktop .footer__menu > li > a:hover {padding-left: 42rem;}
html.desktop .footer__menu > li > a:hover:after {opacity: 1;left: 0;}
html.ie11 .footer__menu > li > a:after {margin-top:-10rem;}

/* SCROLL TOP */
.go-top {display: block;width: 60rem;height: 60rem;position: absolute;bottom: 0;right: -17rem;z-index: 1;}
.go-top:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e904';font-size: 39rem;line-height: 60rem;font-weight: normal;text-align: center;color: #fff;}
html.desktop .go-top:hover {-webkit-animation: go-top-bounce 1s 0.1s ease-out infinite normal;animation: go-top-bounce 1s 0.1s ease-out infinite normal;}
@-webkit-keyframes go-top-bounce { 0% { height:60rem } 50% { height:85rem } 100% { height:60rem } }
@keyframes go-top-bounce { 0% { height:60rem } 50% { height:85rem } 100% { height:60rem } }

/* INFO */
.footer__info {position: absolute;left: 0;bottom: 1rem;font-size: 14rem;font-weight: 400;line-height: 1.35;color: #fff;}
.footer__info .jt-middlescreen-br {display:none;}

/* COPY */
.copyright {font-size: 14rem;font-weight: 400;line-height: 1.35;text-align: center;color: #fff;}
.footer-copyright-br {display: none;}

/* EXTEND MENU */
.footer__extend-wrap {position: absolute;right: 0;bottom: -9rem;}
#footer__extend-menu {font-size: 0;}
#footer__extend-menu > li {display: inline-block;vertical-align: middle;}
#footer__extend-menu > li > a {display: block;padding: 10rem 16rem;font-size: 14rem;font-weight: 500;line-height: 1.35;color: #fff;text-transform: uppercase;}
#footer__extend-menu > li:first-child > a {padding-left: 0;}
#footer__extend-menu > li:last-child > a {padding-right: 0;}
#footer__extend-menu > li > a > span {position: relative;}
#footer__extend-menu > li > a > span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: -1rem;background: #fff;opacity: 0;-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: opacity .2s, -webkit-transform .3s;transition: opacity .2s, -webkit-transform .3s;transition: transform .3s, opacity .2s;transition: transform .3s, opacity .2s, -webkit-transform .3s;-webkit-transition-delay: .2s, 0s;transition-delay: .2s, 0s;}
html.desktop #footer__extend-menu > li > a:hover > span:after {-webkit-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}



/* **************************************** *
 * PAGE
 * **************************************** */
/* PAGE HEADER */
.article-header {height: 100vh;position: relative;}
.article-header:not(.article-header--type-text) {background-color: #2d2a29}

.article-header__background {position: absolute;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;z-index: 1;}
.article-header__background > span {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center center;background-size: cover;-webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg);transform: translateZ(0) scale(1.1) rotate(0.1deg);-webkit-transition: -webkit-transform 1.1s ease-out;transition: -webkit-transform 1.1s ease-out;transition: transform 1.1s ease-out;transition: transform 1.1s ease-out, -webkit-transform 1.1s ease-out;}
.article-header__background.loaded > span {-webkit-transform: translateZ(0) scale(1) rotate(0deg);transform: translateZ(0) scale(1) rotate(0deg);}
.article-header__background > span.article-header__background--small {display: none;}
html.mobile .article-header__background {opacity:0;-webkit-transition: opacity .3s;transition: opacity .3s;}
html.mobile .article-header__background.loaded {opacity:1;}

.article-header__content {width: 100%;position: absolute;left: 0;bottom: 120rem;z-index: 2; opacity:0; -webkit-transition: opacity .3s;transition: opacity .3s;}
.article-header__content.loaded {opacity:1;}
.article-title {margin-left: -6rem;font-size: 80rem;font-weight: 600;line-height: 1.25;letter-spacing: -0.025em;color: #fff;}

.article-header__navigation {margin-bottom: 25rem;}
.article-header__navigation ul {font-size: 0;}
.article-header__navigation li {display: inline-block;vertical-align: middle;}
.article-header__navigation a {display: block;padding: 5rem 15rem;font-size: 18rem;font-weight: 400;line-height: 1.35;color: #ffffff;color: rgba(255, 255, 255, .5);-webkit-transition: color .3s;transition: color .3s;}
.article-header__navigation li:first-child a {padding-left: 0;}
.article-header__navigation li:last-child a {padding-right: 0;}
.article-header__navigation span {position: relative;}
.article-header__navigation span:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;bottom: -1rem;background: #fff;opacity: 0;-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: opacity .2s, -webkit-transform .3s;transition: opacity .2s, -webkit-transform .3s;transition: transform .3s, opacity .2s;transition: transform .3s, opacity .2s, -webkit-transform .3s;-webkit-transition-delay: .2s, 0s;transition-delay: .2s, 0s;}
html.desktop .article-header__navigation a:hover, .article-header__navigation li.active a {color: #fff;}
.article-header__navigation li.active span:after {-webkit-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}

.article-header.article-header--type-text {height: auto;padding-top: 300rem;}
.article-header.article-header--type-text .article-title {padding-bottom: 100rem;color: #000;}

.article-subtitle {display: none;}

/* PAGE BODY */
.article-body {position: relative;min-height: 360rem;}

.article-smallscreen-menu {display: none;}



/* **************************************** *
 * PRIVACY
 * **************************************** */
.privacy-box {margin-bottom: 62rem;}
.privacy-box:last-child {margin-bottom: 0;}
.privacy-box__title {display: block;font-size: 20rem;line-height: 1.33;font-weight: 600;color: #000;}
.privacy-box__title + p {margin-top:33rem;}
.privacy-box > *:last-child {margin-bottom: 0;}
.privacy-box a {color: #666;border-bottom: 1rem solid #aaa;-webkit-transition: border .3s;transition: border .3s;}
.privacy-box p {margin-bottom: 20rem;font-size: 16rem;font-weight: 400;line-height: 1.63;color: #666;}
.privacy-box b {display: block;margin-bottom: 5rem;font-size: 16rem;font-weight: 500;line-height: 1.63;color: #000;}
.privacy-box ul {margin-bottom: 22rem;}
.privacy-box ul:last-child {margin-bottom: 0;}
.privacy-box li {position: relative;font-size: 16rem;font-weight: 400;line-height: 1.63;color: #666;}
.privacy-box > ul > li {padding-left: 14rem;}
.privacy-box > ul > li + li {margin-top:5rem;}
.privacy-box > ul > li > b {margin-top:20rem;}
.privacy-box > ul > li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 10rem;background: #000;border-radius: 50%;}
.privacy-box > ul > li > ul {margin-top: 5rem;}
.privacy-box > ul > li > ul > li {padding-left:12rem;}
.privacy-box > ul > li > ul > li:before {content: '-';width: auto;height: auto;top: -1rem; left:0;background: transparent; position:absolute;}
.privacy-box > ul > li > ul > li + li {margin-top:5rem;}
.privacy-box > ul > li > ul > li > ul {margin-top: 3rem;}
.privacy-box > ul > li > ul > li > ul > li {padding-left:10rem;}
.privacy-box > ul > li > ul > li > ul > li:before {content: '';display: block;width: 2px;height: 2px;position: absolute;left: 0;top: 11rem;background: #000;border-radius: 50%;}
.privacy-box > ul > li > ul > li > ul > li + li {margin-top:3rem;}

html.desktop .privacy-box a:hover {border-bottom-color: #000;}

.privacy-intro {padding: 40rem 48rem;background: #f8f8f8;}
.privacy-date {font-size:20rem; font-weight:600; text-align:right; color: #000;}

/* page */
.page-template-privacy-policy .main-container,
.page-template-cookie-policy .main-container {padding-bottom: 180rem;}
.page-template-privacy-policy #logo a,
.page-template-cookie-policy #logo a {color: #000;}
.page-template-privacy-policy .lang-menu > li > a,
.page-template-cookie-policy .lang-menu > li > a {color:#000;}
.page-template-privacy-policy .lang-menu > li > a > span:after,
.page-template-cookie-policy .lang-menu > li > a > span:after,
.page-template-privacy-policy .global-navigation-btn__line,
.page-template-cookie-policy .global-navigation-btn__line {background:#000;}



/* **************************************** *
 * COOKIE
 * **************************************** */
#cookie-law-info-bar {font-size: 15rem;font-weight: 400;-webkit-box-shadow: 1rem 0 3rem rgba(0, 0, 0, .12);box-shadow: 1rem 0 3rem rgba(0, 0, 0, .12);z-index: 1000000;}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] {padding: 35rem 104rem 35rem 270rem;}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head {margin: 0;position: absolute;top: 35rem;left: 87rem;font-size: 18rem;font-weight: 600;color: #000;}
.cli-bar-container {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.cli-style-v2 {font-size: 15rem;line-height: 1.6;}
.cli-style-v2 .cli-bar-message {width: -webkit-calc(100% - 330rem);width: calc(100% - 330rem);padding: 2rem 32rem 0 0;}
.cli-bar-btn_container {width: 330rem;margin-left: 0;}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {width: 155rem;height: 50rem;margin: 0;padding: 0;font-size: 14rem;line-height: 48rem;border: 1px solid #2D2A29;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: .3s;transition: .3s;}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button:last-child {margin-left: 20rem;}



/* **************************************** *
 * 404
 * **************************************** */
.error404 .main-container {width:100%; height:100vh; padding-top:0; padding-bottom: 0; background:url(../images/layout/error-404-bg.jpg) no-repeat center center; background-size:cover;}
.error-404 {position: relative;display: table;width: 100%;height: 100vh;}
.error-404__container {position: relative;text-align: center;display: table-cell;vertical-align: middle;}
.error-404__container h1 {font-size: 50rem;font-weight: 700;line-height: 1.15;color: #fff;margin-top: 222rem;position:relative;letter-spacing: -0.025em;}
.error-404__container h1:before {width: 353rem;height: 127rem;background:url(../images/layout/error-404.svg);background-size: 100% auto;background-repeat: no-repeat;content:'';display:block;position:absolute;top: -100rem;left: -webkit-calc(50% + 4rem);left: calc(50% + 4rem);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); opacity:0.4;}
.error-404__container p {padding: 24rem 0 78rem;font-size: 16rem;font-weight:400;line-height: 1.6;color: #fff;letter-spacing:-0.03em;}
.error-404__button a {margin-top: 0;}



/* **************************************** *
 * BROWSER SUPPORT
 * **************************************** */
.page-template-support {background:#2D2A29}
.jt-browser-support {width: 100vw;height: 100vh;}
.jt-browser-support__inner {width: 750rem;margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align: center;}

.jt-browser-support h1 {font-size: 36rem;line-height: 1.4;font-weight: 500; color:#fff;}
.jt-browser-support p {margin-top: 8rem;font-size: 16rem;line-height: 1.66;font-weight: 400; color:#fff; }

.jt-browser-list {margin: 30rem -12rem 40rem;font-size: 0;}
.jt-browser-list > li {display: inline-block;vertical-align: top;width: 136rem;height: 160rem;margin: 0 12rem;background: #f4f4f4;border-radius: 4rem;overflow: hidden;}
.jt-browser-list a {display: block;padding: 26rem 10rem;}
.jt-browser-list figure {width: 60rem;margin: 0 auto;}
.jt-browser-list img {display: block;width: 100%;height: auto;}
.jt-browser-list b {display: block;margin-top: 16rem;font-size: 13rem;line-height: 1.5;font-weight: 600;}

.jt-browser-support .jt-btn__underline {font-size: 16rem; font-weight:500; line-height:normal;}

body.page-template-support #footer {display: none;}
body.page-template-support .main-container {padding: 0;}