#cms-section-header .header-holder { position: relative; height: 80px;}#cms-section-header .heading-bg { background-color: #E5E4E2; width: 100%; text-align: center; display: inline-block; position: relative; top: 0; left: 0; height: 80px; padding: 0; box-sizing: border-box; z-index: 100;}#cms-section-header .header-bar { width: 100%; text-align: center; display: inline-block; position: relative; top: 0; left: 0; height: 100%; padding: 0; box-sizing: border-box; z-index: 100;}#cms-section-header .header-box { max-width: var(--desktop-max-width); padding: 8px var(--desktop-gutter-size); position: relative; width: 100%; display: flex; align-items: center; height: 100%; box-sizing: border-box; margin: 0 auto;}#cms-section-header .logo-box { flex: 0 0 140px; height: 100%;}#cms-section-header .logo-box a { width: 100%; height: 100%; display: inline-block; text-align: left;}#cms-section-header .logo-box img { width: auto; height: 100%;}#cms-section-header .navi-box { flex: 0 1 100%; display: flex; height: 100%; align-items: center; justify-content: flex-end;}#cms-section-header .navi-box nav { display: flex; align-items: center;}#cms-section-header .navi-box ul { padding: 0; margin: 0; list-style: none; display: flex; z-index: 100;}#cms-section-header .navi-box li { color: var(--navi-font-color); position: relative;}#cms-section-header .navi-box li a { padding: 8px 16px; box-sizing: border-box; display: inline-block; color: var(--navi-font-color); font-weight: var(--navi-font-weight); font-family: var(--navi-font-family); width: 100%; text-align: left;}#cms-section-header .navi-box li p { color: var(--navi-font-color); font-weight: var(--navi-font-weight); font-family: var(--navi-font-family); transition: color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5); white-space: nowrap;}#cms-section-header .navi-box li ul { display: none; position: absolute; top: 100%; left: 0; z-index: 100; background-color: #E5E4E2;}#cms-section-header .navi-box li:hover { color: var(--navi-font-hover-color);}#cms-section-header .navi-box li:hover a, #cms-section-header .navi-box li:hover p { color: var(--navi-font-hover-color);}#cms-section-header .navi-box li:hover ul { display: block;}#cms-section-header .navi-box li:hover ul li { color: var(--navi-font-color);}#cms-section-header .navi-box li:hover ul li a, #cms-section-header .navi-box li:hover ul li p { color: var(--navi-font-color);}#cms-section-header .navi-box li ul li:hover { color: var(--navi-font-hover-color);}#cms-section-header .navi-box li ul li:hover a, #cms-section-header .navi-box li ul li:hover p { color: var(--navi-font-hover-color);}#cms-section-header .navi-box li ul li a { padding: 4px 16px;}#cms-section-header .hamburger-box { flex: 0 0 32px; margin-left: 16px;}#cms-section-header .hamburger-box:hover { cursor: pointer;}#cms-section-header .burger { width: 100%; height: 4px; background-color: var(--button-primary-color); position: relative; transition: background-color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: background-color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5);}#cms-section-header .hamburger-menu { width: 32px; height: 28px; position: relative;}#cms-section-header .hamburger-menu:before { content: ""; position: absolute; top: calc(50% - 2px); left: 0; width: 100%; height: 4px; background-color: var(--button-primary-color); transition: background-color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: background-color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5);}#cms-section-header .hamburger-menu:after { content: ""; position: absolute; top: calc(100% - 4px); left: 0; width: 100%; height: 4px; background-color: var(--button-primary-color); transition: background-color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: background-color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5);}#cms-section-header .hamburger-menu:hover .burger { background-color: var(--button-primary-hover-color);}#cms-section-header .hamburger-menu:hover:after { background-color: var(--button-primary-hover-color);}#cms-section-header .hamburger-menu:hover:before { background-color: var(--button-primary-hover-color);}#cms-section-header .cta-btn { display: inline-block; padding: 12px 16px; margin: 0 16px; background-color: var(--button-primary-color); color: var(--button-primary-font-color); font-family: var(--button-font); font-weight: var(--button-font-weight); text-transform: var(--button-font-transform); font-size: var(--button-font-size); transition: color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5), background-color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5), background-color var(--animation-duration) cubic-bezier(0.3, 0, 0.1, 0.5); border-radius: 0px; -webkit-border-radius: 0px; box-sizing: border-box; white-space: nowrap;}#cms-section-header .cta-btn:hover { background-color: var(--button-primary-hover-color); color: var(--button-font-hover-color);}#cms-section-header .mobile-navi { position: absolute; width: 320px; z-index: 100; left: 0; top: 80px; height: calc(100vh - 80px); transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); transition: transform 200ms cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: transform 200ms cubic-bezier(0.3, 0, 0.1, 0.5); display: flex; flex-direction: column; background-color: #E5E4E2;}#cms-section-header .mobile-navi .cta-btn { width: 100%; margin: 0;}#cms-section-header .mobile-navi .cta-btn-box { padding: 32px 24px; box-sizing: border-box; flex: 0 0 auto; display: flex; flex-direction: column; justify-content: flex-end; background-color: #B2BEB5;}#cms-section-header .mobile-navi .topbar { height: 64px; display: flex; align-items: center; justify-content: flex-start; background-color: #B2BEB5; padding: 0 24px; margin: 16px 0;}#cms-section-header .mobile-navi .topbar p { margin: 0; text-align: left; padding: 0 16px; box-sizing: border-box; color: var(--navi-font-color); font-size: var(--navi-font-size); font-weight: var(--navi-font-weight); font-family: var(--navi-font-family);}#cms-section-header .mobile-navi .back-btn { height: 100%; display: flex; align-items: center; justify-content: flex-start;}#cms-section-header .mobile-navi .back-btn svg { width: 16px; transform: translate3d(0px, 0px, 0px) rotate(180deg); -webkit-transform: translate3d(0px, 0px, 0px) rotate(180deg); transition: transform 300ms cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: transform 300ms cubic-bezier(0.3, 0, 0.1, 0.5); background: none; stroke: none;}#cms-section-header .mobile-navi .back-btn svg path { fill: var(--navi-font-color);}#cms-section-header .mobile-navi .back-btn:hover { cursor: pointer;}#cms-section-header .mobile-navi .back-btn:hover svg { transform: translate3d(-8px, 0px, 0px) rotate(180deg); -webkit-transform: translate3d(-8px, 0px, 0px) rotate(180deg);}#cms-section-header .click-bg { display: none; position: absolute; height: 100vh; width: 100vw; background-color: #777; transition: opacity 200ms cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: opacity 200ms cubic-bezier(0.3, 0, 0.1, 0.5); left: 0; opacity: 0; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}#cms-section-header .drawer-open .mobile-navi { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}#cms-section-header .drawer-open .click-bg { display: block; opacity: 0.3;}#cms-section-header .follow-navi { position: fixed;}#cms-section-header .mobile-navi-box { flex: 0 1 100%; padding: 0 24px; box-sizing: border-box;}#cms-section-header .mobile-navi-box nav { perspective: 400px;}#cms-section-header .mobile-navi-box ul { padding: 0; margin: 0; list-style: none; opacity: 1; transform-style: preserve-3d; transition-delay: 200ms; -webkit-transition-delay: 200ms; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); transition: opacity 400ms cubic-bezier(0.3, 0, 0.1, 0.5), transform 400ms cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: opacity 400ms cubic-bezier(0.3, 0, 0.1, 0.5), transform 400ms cubic-bezier(0.3, 0, 0.1, 0.5);}#cms-section-header .mobile-navi-box li { border-bottom: 0.7px solid var(--navi-font-color); display: flex; justify-content: space-between;}#cms-section-header .mobile-navi-box li:first-child { border-top: 0.7px solid var(--navi-font-color);}#cms-section-header .mobile-navi-box li ul { display: none;}#cms-section-header .mobile-navi-box li a { padding: 8px 0; flex: 0 1 100%; text-align: left;}#cms-section-header .mobile-navi-box .toggle-menu { display: flex; justify-content: center; align-items: center; flex: 0 0 64px;}#cms-section-header .mobile-navi-box .toggle-menu svg { width: 16px; background: none; stroke: none; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); transition: transform 300ms cubic-bezier(0.3, 0, 0.1, 0.5); -webkit-transition: transform 300ms cubic-bezier(0.3, 0, 0.1, 0.5);}#cms-section-header .mobile-navi-box .toggle-menu svg path { fill: var(--navi-font-color);}#cms-section-header .mobile-navi-box .toggle-menu:hover { cursor: pointer;}#cms-section-header .mobile-navi-box .toggle-menu:hover svg { transform: translate3d(8px, 0px, 0px); -webkit-transform: translate3d(8px, 0px, 0px);}#cms-section-header .mobile-navi-box .prev-menu { transform: translate3d(-100%, 0px, 0px) rotateY(-20deg); -webkit-transform: translate3d(-100%, 0px, 0px) rotateY(-20deg); opacity: 0;}#cms-section-header .mobile-navi-box .next-menu { transform: translate3d(100%, 0px, 0px) rotateY(20deg); -webkit-transform: translate3d(100%, 0px, 0px) rotateY(20deg); opacity: 0;}#cms-section-header .mobile-navi-box .temp-menu { position: absolute; top: 0; left: 0; width: 100%;}@media (max-width: 838px) { #cms-section-header .navi-box nav {  display: none; } #cms-section-header .header-box {  max-width: var(--tablet-max-width);  padding: 8px var(--tablet-gutter-size); }}@media (max-width: 480px) { #cms-section-header .header-box {  max-width: var(--mobile-max-width);  padding: 8px var(--mobile-gutter-size); } #cms-section-header .heading-bg {  height: 64px; } #cms-section-header .header-holder {  height: 64px; } #cms-section-header .mobile-navi {  top: 64px;  height: calc(100vh - 64px); }}