@charset "UTF-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
time {
    display: block;
}

a,
main {
    vertical-align: baseline;
    background: 0 0;
}

a:hover,
ins {
    text-decoration: none;
}

.remodal,
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.slick-dots,
nav ul,
ol,
ul {
    list-style: none;
}

@-webkit-keyframes upDown {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    to {
        -webkit-transform: scaleY(5);
        transform: scaleY(5);
    }
}

@keyframes upDown {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    to {
        -webkit-transform: scaleY(5);
        transform: scaleY(5);
    }
}

@-webkit-keyframes slideZoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2) rotate(.02deg);
        transform: scale(1.2) rotate(.02deg);
    }
}

@keyframes slideZoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2) rotate(.02deg);
        transform: scale(1.2) rotate(.02deg);
    }
}

@-webkit-keyframes slideOut {
    0% {
        -webkit-transform: scale(1.2) rotate(.02deg);
        transform: scale(1.2) rotate(.02deg);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes slideOut {
    0% {
        -webkit-transform: scale(1.2) rotate(.02deg);
        transform: scale(1.2) rotate(.02deg);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

ins,
mark {
    background-color: #ff9;
    color: #000;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: inherit;
    -webkit-transition: background-color, border-color, color, .2s ease-out 0s;
    transition: background-color, border-color, color, .2s ease-out 0s;
}

mark {
    font-style: italic;
    font-weight: 700;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

main {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-weight: 400;
}

strong {
    font-weight: 700;
}

.f-bold,
.f-highlight {
    font-weight: 700 !important;
}

address,
em,
i {
    font-style: normal;
}

hr,
legend {
    display: none;
}

sub,
sup {
    position: relative;
    font-size: 60%;
    line-height: 1;
}

sup {
    top: -1em;
    left: 1em;
}

sub {
    bottom: -.1em;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/lato-v17-latin-300.woff2) format("woff2"), url(/assets/fonts/lato-v17-latin-300.ttf) format("truetype");
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/lato-v17-latin-regular.woff2) format("woff2"), url(/assets/fonts/lato-v17-latin-regular.ttf) format("truetype");
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/lato-v17-latin-700.woff2) format("woff2"), url(/assets/fonts/lato-v17-latin-700.ttf) format("truetype");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/open-sans-v18-latin-regular.woff2) format("woff2"), url(/assets/fonts/open-sans-v18-latin-regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/assets/fonts/open-sans-v18-latin-600.woff2) format("woff2"), url(/assets/fonts/open-sans-v18-latin-600.ttf) format("truetype");
}

@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/fonts/noto-sans-sc-v12-latin-300.woff2) format("woff2");
}

@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/noto-sans-sc-v12-latin-regular.woff2) format("woff2");
}

@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/noto-sans-sc-v12-latin-500.woff2) format("woff2");
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/josefin-sans-v17-latin-regular.woff2) format("woff2"), url(/assets/fonts/josefin-sans-v17-latin-regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/assets/fonts/josefin-sans-v17-latin-600.woff2) format("woff2"), url(/assets/fonts/josefin-sans-v17-latin-600.ttf) format("truetype");
}

html {
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll;
}

body,
button,
input,
select,
textarea {
    line-height: 2;
    font-size: 16px;
}

body {
    background: radial-gradient(circle, #061d2d, black);
    min-height: 100%;
    color: #000;
    word-wrap: break-word;
    overflow-x: hidden;
    -o-text-size-adjust: 100%
}

body *,
body :after,
body :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-selection {
    background: #061d2d;
    color: #FFF;
}

::selection {
    background: #061d2d;
    color: #FFF;
}

a:hover img {
    opacity: .8;
}

@media screen and (max-width:1400px) and (min-width:768px) {

    body,
    button,
    input,
    select,
    textarea {
        font-size: 1.14286vw;
    }
}

.w-auto {
    width: auto !important;
}

.w-001per {
    width: 1% !important;
}

.w-002per {
    width: 2% !important;
}

.w-003per {
    width: 3% !important;
}

.w-004per {
    width: 4% !important;
}

.w-005per {
    width: 5% !important;
}

.w-006per {
    width: 6% !important;
}

.w-007per {
    width: 7% !important;
}

.w-008per {
    width: 8% !important;
}

.w-009per {
    width: 9% !important;
}

.w-010per {
    width: 10% !important;
}

.w-011per {
    width: 11% !important;
}

.w-012per {
    width: 12% !important;
}

.w-013per {
    width: 13% !important;
}

.w-014per {
    width: 14% !important;
}

.w-015per {
    width: 15% !important;
}

.w-016per {
    width: 16% !important;
}

.w-017per {
    width: 17% !important;
}

.w-018per {
    width: 18% !important;
}

.w-019per {
    width: 19% !important;
}

.w-020per {
    width: 20% !important;
}

.w-021per {
    width: 21% !important;
}

.w-022per {
    width: 22% !important;
}

.w-023per {
    width: 23% !important;
}

.w-024per {
    width: 24% !important;
}

.w-025per {
    width: 25% !important;
}

.w-026per {
    width: 26% !important;
}

.w-027per {
    width: 27% !important;
}

.w-028per {
    width: 28% !important;
}

.w-029per {
    width: 29% !important;
}

.w-030per {
    width: 30% !important;
}

.w-031per {
    width: 31% !important;
}

.w-032per {
    width: 32% !important;
}

.w-033per {
    width: 33% !important;
}

.w-034per {
    width: 34% !important;
}

.w-035per {
    width: 35% !important;
}

.w-036per {
    width: 36% !important;
}

.w-037per {
    width: 37% !important;
}

.w-038per {
    width: 38% !important;
}

.w-039per {
    width: 39% !important;
}

.w-040per {
    width: 40% !important;
}

.w-041per {
    width: 41% !important;
}

.w-042per {
    width: 42% !important;
}

.w-043per {
    width: 43% !important;
}

.w-044per {
    width: 44% !important;
}

.w-045per {
    width: 45% !important;
}

.w-046per {
    width: 46% !important;
}

.w-047per {
    width: 47% !important;
}

.w-048per {
    width: 48% !important;
}

.w-049per {
    width: 49% !important;
}

.w-050per {
    width: 50% !important;
}

.w-051per {
    width: 51% !important;
}

.w-052per {
    width: 52% !important;
}

.w-053per {
    width: 53% !important;
}

.w-054per {
    width: 54% !important;
}

.w-055per {
    width: 55% !important;
}

.w-056per {
    width: 56% !important;
}

.w-057per {
    width: 57% !important;
}

.w-058per {
    width: 58% !important;
}

.w-059per {
    width: 59% !important;
}

.w-060per {
    width: 60% !important;
}

.w-061per {
    width: 61% !important;
}

.w-062per {
    width: 62% !important;
}

.w-063per {
    width: 63% !important;
}

.w-064per {
    width: 64% !important;
}

.w-065per {
    width: 65% !important;
}

.w-066per {
    width: 66% !important;
}

.w-067per {
    width: 67% !important;
}

.w-068per {
    width: 68% !important;
}

.w-069per {
    width: 69% !important;
}

.w-070per {
    width: 70% !important;
}

.w-071per {
    width: 71% !important;
}

.w-072per {
    width: 72% !important;
}

.w-073per {
    width: 73% !important;
}

.w-074per {
    width: 74% !important;
}

.w-075per {
    width: 75% !important;
}

.w-076per {
    width: 76% !important;
}

.w-077per {
    width: 77% !important;
}

.w-078per {
    width: 78% !important;
}

.w-079per {
    width: 79% !important;
}

.w-080per {
    width: 80% !important;
}

.w-081per {
    width: 81% !important;
}

.w-082per {
    width: 82% !important;
}

.w-083per {
    width: 83% !important;
}

.w-084per {
    width: 84% !important;
}

.w-085per {
    width: 85% !important;
}

.w-086per {
    width: 86% !important;
}

.w-087per {
    width: 87% !important;
}

.w-088per {
    width: 88% !important;
}

.w-089per {
    width: 89% !important;
}

.w-090per {
    width: 90% !important;
}

.w-091per {
    width: 91% !important;
}

.w-092per {
    width: 92% !important;
}

.w-093per {
    width: 93% !important;
}

.w-094per {
    width: 94% !important;
}

.w-095per {
    width: 95% !important;
}

.w-096per {
    width: 96% !important;
}

.w-097per {
    width: 97% !important;
}

.w-098per {
    width: 98% !important;
}

.w-099per {
    width: 99% !important;
}

.w-100per {
    width: 100% !important;
}

.bd-none {
    border: none !important;
}

.bd-t-none {
    border-top: none !important;
}

.bd-r-none {
    border-right: none !important;
}

.bd-b-none {
    border-bottom: none !important;
}

.bd-l-none {
    border-left: none !important;
}

.br-nowrap {
    white-space: nowrap !important;
}

.al-center {
    text-align: center !important;
}

.al-right {
    text-align: right !important;
}

.al-left {
    text-align: left !important;
}

.al-justify {
    text-align: justify !important;
}

.al-last-justify {
    -moz-text-align-last: justify !important;
    text-align-last: justify !important;
}

.al-top {
    vertical-align: top !important;
}

.al-middle {
    vertical-align: middle !important;
}

.al-bottom {
    vertical-align: bottom !important;
}

.f-small {
    font-size: 75% !important;
}

.f-color {
    color: #e90f0f !important;
}

.f-color-v2 {
    color: #0b9ae2 !important;
}

.f-highlight {
    color: #e90f0f !important;
}

.f-italic {
    font-style: italic !important;
}

.f-underline {
    text-decoration: underline !important;
}

.f-strike {
    text-decoration: line-through !important;
}

.f-normal-weight {
    font-weight: 400 !important;
}

.f-normal-style {
    font-style: normal !important;
}

.t-punctuation {
    font-size: 50%
}

.t-paragraph {
    margin-top: 1em;
}

.t-indent-v1 {
    text-indent: 1em;
}

.t-indent-v2 {
    text-indent: 2em;
}

.t-spacing-v1 {
    letter-spacing: -.05em !important;
}

.mt-00 {
    margin-top: 0 !important;
}

.mt-05 {
    margin-top: 5px !important;
}

@media print,
screen and (min-width:768px) {

    html: lang(en) body,
    html:lang(en) button,
    html:lang(en) input,
    html:lang(en) select,
    html:lang(en) textarea {
        font-family: Lato, sans-serif;
    }

    html:lang(zh) body,
    html:lang(zh) button,
    html:lang(zh) input,
    html:lang(zh) select,
    html:lang(zh) textarea {
        font-family: 'Noto Sans SC', 'Microsoft Yahei', '微软雅黑'
    }

    .pc-ml-1em {
        margin-left: 1em !important;
    }

    .pc-ml-2em {
        margin-left: 2em !important;
    }

    .pc-ml-3em {
        margin-left: 3em !important;
    }

    .pc-ml-4em {
        margin-left: 4em !important;
    }

    .pc-ml-5em {
        margin-left: 5em !important;
    }

    .pc-ml-6em {
        margin-left: 6em !important;
    }

    .pc-ml-7em {
        margin-left: 7em !important;
    }

    .pc-ml-8em {
        margin-left: 8em !important;
    }

    .pc-ml-9em {
        margin-left: 9em !important;
    }

    .pc-ml-10em {
        margin-left: 10em !important;
    }

    .pc-hidden {
        display: none !important;
    }
}

@media screen and (max-width:767px) {

    html:lang(en) body,
    html:lang(en) button,
    html:lang(en) input,
    html:lang(en) select,
    html:lang(en) textarea {
        font-family: Lato, sans-serif;
    }

    html:lang(zh) body,
    html:lang(zh) button,
    html:lang(zh) input,
    html:lang(zh) select,
    html:lang(zh) textarea {
        font-family: 'Noto Sans SC', 'Microsoft Yahei', '微软雅黑'
    }

    body {
        min-width: auto;
    }

    .sp-hidden {
        display: none !important;
    }
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.remodal,
[data-remodal-id] {
    display: none;
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    background: rgba(0, 0, 0, .7);
}

.remodal-wrapper {
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.remodal {
    position: relative;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff;
}

.remodal-is-initialized {
    display: inline-block;
}

.remodal-close,
.remodal-close:before {
    position: absolute;
    display: block;
    width: 35px;
    top: 0;
    left: 0;
}

.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}

.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

.remodal-close {
    overflow: visible;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: 0 0;
}

.remodal-close:focus,
.remodal-close:hover {
    color: #2b2e38;
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    content: "\00d7";
    text-align: center;
}

.remodal-cancel,
.remodal-confirm {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block;
}

.remodal-confirm {
    color: #fff;
    background: #81c784;
}

.remodal-confirm:focus,
.remodal-confirm:hover {
    background: #66bb6a;
}

.remodal-cancel {
    color: #fff;
    background: #e57373;
}

.remodal-cancel:focus,
.remodal-cancel:hover {
    background: #ef5350;
}

.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner,
.remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.lt-ie9 .remodal-overlay {
    background: #FFF;
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    line-height: 1;
    font-size: 0;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0;
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25;
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←'
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px;
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px;
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    bottom: -25px;
    width: 100%;
    margin: 0;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}

@media print,
screen and (min-width:768px) {

    .opening,
    .opening__ttl {
        left: 0;
        top: 0;
        height: 100vh;
    }

    html.is-opening {
        overflow: hidden;
    }

    html.is-opening .opening {
        display: block;
    }

    .opening {
        position: fixed;
        width: 100%;
        background: radial-gradient(circle, #061d2d, black);
        z-index: 100;
        display: none;
    }

    .opening__block {
        position: relative;
        z-index: 1;
    }

    .opening__ttl {
        position: absolute;
        width: 100%;
        z-index: 2;
        text-align: center;
    }

    .opening__sound,
    .opening__ttl__inner {
        margin-top: 40px;
        position: absolute;
        left: 50%;
        width: 100%
    }

    .opening__ttl__inner {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .opening__ttl__logo {
        padding-left: 18px;
        color: #fff;
        font-size: 58px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 1;
        letter-spacing: .24em;
    }

    .opening__ttl__text {
        margin-top: 30px;
        color: #8b8b8b;
        font-size: 14px;
        font-family: Lato, sans-serif;
        font-weight: 300;
        font-style: normal;
        line-height: 27px;
        letter-spacing: .17em;
        visibility: hidden;
    }

    .opening__sound {
        top: 63%;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .opening__sound>li {
        position: relative;
        margin: 0 30px;
    }

    .opening__sound>li>button {
        display: block;
        position: relative;
        color: #fff;
        font-size: 14px;
        letter-spacing: .05em;
        line-height: 2.5;
        border: none;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        background-color: transparent;
    }

    .opening__sound>li>button.is-initial::before,
    .opening__sound>li>button:hover::before {
        opacity: 1;
    }

    .opening__sound>li>button::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        border-bottom: 2px solid #fff;
        width: 100%;
        height: 2px;
        opacity: 0;
        z-index: 10;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: .35s cubic-bezier(.215, .61, .355, 1);
        transition: .35s cubic-bezier(.215, .61, .355, 1);
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .opening__ttl__logo {
        padding-left: 1.28571vw;
        font-size: 4.14286vw;
    }

    .opening__ttl__text {
        margin-top: 2.14286vw;
        font-size: 1vw;
        line-height: 1.92857vw;
    }

    .opening__sound>li {
        margin: 0 2.14286vw;
    }

    .opening__sound>li>button {
        font-size: 1vw;
    }
}

@media screen and (max-width:767px) {

    .opening,
    .opening__ttl {
        left: 0;
        top: 0;
        height: 100vh;
    }

    html {
        height: 100vh;
    }

    html.is-opening {
        height: auto;
        overflow: hidden;
    }

    html.is-opening .opening {
        display: block;
    }

    .opening {
        position: fixed;
        width: 100%;
        background: radial-gradient(circle, #061d2d, black);
        z-index: 100;
        display: none;
    }

    .opening__block {
        position: relative;
    }

    .opening__ttl {
        position: absolute;
        width: 100%;
        z-index: 2;
        text-align: center;
    }

    .opening__sound,
    .opening__ttl__inner {
        position: absolute;
        left: 50%;
        width: 100%
    }

    .opening__ttl__inner {
        top: 40%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .opening__ttl__logo {
        padding-left: 2.66667vw;
        color: #fff;
        font-size: 10.66667vw;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 1;
        letter-spacing: .24em;
    }

    .opening__ttl__text {
        margin-top: 5.33333vw;
        color: #fff;
        font-size: 2.93333vw;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 4.8vw;
        letter-spacing: .17em;
        visibility: hidden;
    }

    .opening__sound {
        top: 60%; /*52*/
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .opening__sound>li {
        position: relative;
        margin: 0 4vw;
    }

    .opening__sound>li>button {
        display: block;
        position: relative;
        color: #fff;
        font-size: 3.2vw;
        letter-spacing: .05em;
        line-height: 2.5;
        border: none;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        background-color: transparent;
    }

    .opening__sound>li>button.is-initial::before,
    .opening__sound>li>button:hover::before {
        opacity: 1;
    }

    .opening__sound>li>button::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        border-bottom: 2px solid #fff;
        width: 100%;
        height: 2px;
        opacity: 0;
        z-index: 10;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: .35s cubic-bezier(.215, .61, .355, 1);
        transition: .35s cubic-bezier(.215, .61, .355, 1);
    }
}

@media print,
screen and (min-width:768px) {

    .nav__list>li.nav__list__aside .nav__counter:hover,
    .nav__list>li.nav__list__aside .nav__switch>li>a:hover {
        opacity: .6;
    }

    .nav {
        position: relative;
        background: linear-gradient(to bottom, #030d14, #061d2d);
        z-index: 2;
    }

    .nav__btn,
    .nav__logo,
    .nav__sp {
        display: none;
    }

    .nav__panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .nav__panel.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(to bottom, #030d14, #061d2d);
        z-index: 99;
    }

    .nav__panel .logo_w{
        max-width: 150px;
        height: auto;
        display: block;
        left: 20px;
        margin-top: 15px;
        margin-right: 5vw;
    }

    .nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


    .nav__list>li {
        margin: 0 25px;
        color: #ca9c6a;
        font-size: 14px;
        font-family: Lato, sans-serif;
        font-weight: 400;
        font-style: normal;
        letter-spacing: .1em;
        line-height: 1;
    }

    .nav__list>li:first-child {
        margin-left: 0;
    }

    .nav__list>li>a {
        position: relative;
        display: block;
        padding: 21px 12px;
        color: inherit;
        text-decoration: none;
    }

    .nav__list>li>a::before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        margin: auto;
        -webkit-transition: -webkit-transform .1s ease 0s;
        transition: -webkit-transform .1s ease 0s;
        transition: transform .1s ease 0s;
        transition: transform .1s ease 0s, -webkit-transform .1s ease 0s;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
        background-color: #ca9c6a;
    }

    .nav__list>li>a:hover::before {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    }

    .nav__list>li.nav__list__aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .nav__list>li.nav__list__aside .nav__counter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 21px 12px;
        cursor: pointer;
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
    }

    .nav__list>li.nav__list__aside .nav__counter>span {
        display: inline-block;
        margin-right: 15px;
    }

    .nav__list>li.nav__list__aside .nav__counter>.counter-num {
        position: relative;
        padding-left: 26px;
    }

    .nav__list>li.nav__list__aside .nav__counter>.counter-num::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        line-height: 1;
        background-image: url(../img/icon_com_01.svg);
        background-repeat: no-repeat;
        background-size: 12px 12px;
    }

    .nav__list>li.nav__list__aside .nav__counter+.nav__switch {
        margin-left: 45px;
    }

    .nav__list>li.nav__list__aside .nav__switch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .nav__list>li.nav__list__aside .nav__switch__en {
        -webkit-transition-delay: .0637s;
        transition-delay: .0637s;
    }

    .nav__list>li.nav__list__aside .nav__switch>li {
        position: relative;
        margin-left: 8px;
    }

    .nav__list>li.nav__list__aside .nav__switch>li+li {
        padding-left: 9px;
    }

    .nav__list>li.nav__list__aside .nav__switch>li+li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 1em;
        margin-top: -.5em;
        background-color: #4d4d4d;
    }

    .nav__list>li.nav__list__aside .nav__switch>li>a,
    .nav__list>li.nav__list__aside .nav__switch>li>span {
        display: inline-block;
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .nav__list>li.nav__list__aside .nav__switch>li>a {
        color: #4d4d4d;
        text-decoration: none;
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {

    .nav__list>li.nav__list__aside .nav__counter,
    .nav__list>li>a {
        padding: 1.5vw .85714vw;
    }

    .nav__list>li {
        margin: 0 2.28571vw;
        font-size: 1vw;
    }

    .nav__list>li.nav__list__aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .nav__list>li.nav__list__aside .nav__counter>span {
        margin-right: 1.07143vw;
    }

    .nav__list>li.nav__list__aside .nav__counter>.counter-num {
        padding-left: 1.85714vw;
    }

    .nav__list>li.nav__list__aside .nav__counter>.counter-num::before {
        width: .85714vw;
        height: .85714vw;
        margin-top: -.42857vw;
        background-size: .85714vw .85714vw;
    }

    .nav__list>li.nav__list__aside .nav__counter+.nav__switch {
        margin-left: 3.21429vw;
    }

    .nav__list>li.nav__list__aside .nav__switch>li {
        margin-left: .57143vw;
    }

    .nav__list>li.nav__list__aside .nav__switch>li+li {
        padding-left: .64286vw;
    }

    .nav__list>li.nav__list__aside .nav__switch>li>a,
    .nav__list>li.nav__list__aside .nav__switch>li>span {
        padding-top: 1.5vw;
        padding-bottom: 1.5vw;
    }
}

@media screen and (max-width:767px) {
    .nav {
        position: relative;
        z-index: 2;
    }

    .nav__logo {
        display: block;
        text-align: center;
    }

    .nav__logo>span {
        display: inline-block;
        color: #fff;
        font-size: 8.53333vw;
        line-height: 1;
        letter-spacing: .24em;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .nav__list>li,
    .nav__sp__list>li>a {
        color: #fff;
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    .nav__btn {
        position: fixed;
        bottom: 4.8vw;
        left: 50%;
        margin-left: -4.93333vw;
        z-index: 99;
    }

    .nav__btn.is-active>a>span:nth-child(1) {
        -webkit-transform: translateY(2.4vw) rotate(-45deg);
        transform: translateY(2.4vw) rotate(-45deg);
    }

    .nav__btn.is-active>a>span:nth-child(2) {
        opacity: 0;
    }

    .nav__btn.is-active>a>span:nth-child(3) {
        -webkit-transform: translateY(-1.86667vw) rotate(45deg);
        transform: translateY(-1.86667vw) rotate(45deg);
    }

    .nav__btn>a {
        position: relative;
        display: block;
        width: 9.86667vw;
        height: 9.86667vw;
        padding: 2.66667vw;
        -webkit-transition: all .25s;
        transition: all .25s;
    }

    .nav__btn>a>span {
        display: block;
        position: absolute;
        left: 50%;
        width: 7.2vw;
        height: 1px;
        margin-left: -3.6vw;
        background-color: #fff;
        -webkit-transition: all .25s;
        transition: all .25s;
    }

    .nav__btn>a>span:nth-child(2) {
        top: 4.8vw;
    }

    .nav__btn>a>span:nth-child(3) {
        top: 6.93333vw;
    }

    .nav__sp {
        display: block;
        background-color: #000;
    }

    .nav__sp__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 4.8vw;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .nav__sp__list>li {
        color: #fff;
        font-size: 3.46667vw;
    }

    .nav__sp__list>li>a {
        display: block;
        padding: 5.86667vw 0 5.33333vw;
        font-size: 3.46667vw;
        font-weight: 400;
        letter-spacing: .12em;
        line-height: 1;
        text-decoration: none;
    }

    .nav__sp__list>li .nav__counter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5.86667vw 0 5.33333vw;
        line-height: 1;
        cursor: pointer;
        letter-spacing: .1em;
    }

    .nav__sp__list>li .nav__counter>span {
        display: inline-block;
        margin-right: 1.33333vw;
    }

    .nav__sp__list>li .nav__counter>.counter-num {
        position: relative;
        padding-left: 3.46667vw;
    }

    .nav__sp__list>li .nav__counter>.counter-num::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 2.4vw;
        height: 2.4vw;
        margin-top: -1.2vw;
        line-height: 1;
        background-image: url(/assets/img/icon_com_01.svg);
        background-repeat: no-repeat;
        background-size: 2.4vw 2.4vw;
    }

    .nav__sp__list>li .nav__switch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 4vw;
    }

    .nav__sp__list>li .nav__switch__en {
        -webkit-transition-delay: .17914s;
        transition-delay: .17914s;
    }

    .nav__sp__list>li .nav__switch>li {
        position: relative;
        margin-left: 3.46667vw;
    }

    .nav__sp__list>li .nav__switch>li+li {
        padding-left: 2.66667vw;
    }

    .nav__sp__list>li .nav__switch>li+li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 1em;
        margin-top: -.5em;
        background-color: #4d4d4d;
    }

    .nav__sp__list>li .nav__switch>li:first-child {
        margin-left: 0;
    }

    .nav__sp__list>li .nav__switch>li>a,
    .nav__sp__list>li .nav__switch>li>span {
        display: inline-block;
        padding: 5.86667vw 0 5.33333vw;
        line-height: 1;
    }

    .nav__sp__list>li .nav__switch>li>a {
        color: #4d4d4d;
        text-decoration: none;
    }

    .nav__panel {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 17.06667vw 13.33333vw 0;
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
        z-index: 1;
        /* background-color: #000; */
        background: radial-gradient(circle, #061d2d, black);
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .nav__panel.is-open {
        visibility: visible;
        opacity: 1;
        pointer-events: visible;
    }

    .nav__panel.is-open .nav__list>li {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .nav__panel.is-open .nav__list>li:nth-child(1) {
        -webkit-transition-delay: calc(1*.1s);
        transition-delay: calc(1*.1s);
    }

    .nav__panel.is-open .nav__list>li:nth-child(2) {
        -webkit-transition-delay: calc(1.5*.1s);
        transition-delay: calc(1.5*.1s);
    }

    .nav__panel.is-open .nav__list>li:nth-child(3) {
        -webkit-transition-delay: calc(2*.1s);
        transition-delay: calc(2*.1s);
    }

    .nav__panel.is-open .nav__list>li:nth-child(4) {
        -webkit-transition-delay: calc(2.5*.1s);
        transition-delay: calc(2.5*.1s);
    }

    .nav__panel.is-open .nav__list>li:nth-child(5) {
        -webkit-transition-delay: calc(3*.1s);
        transition-delay: calc(3*.1s);
    }

    .nav__panel.is-open .nav__list>li:nth-child(6) {
        -webkit-transition-delay: calc(3.5*.1s);
        transition-delay: calc(3.5*.1s);
    }
    .nav__panel .logo_w{
        display: none; 
    }
    .nav__list {
        margin-top: 16vw;
        text-align: center;
    }

    .nav__list>li {
        margin-top: 10.66667vw;
        font-size: 4.8vw;
        font-weight: 400;
        letter-spacing: .16em;
        opacity: 0;
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
        -webkit-transition: .5s cubic-bezier(.25, .1, .25, 1);
        transition: .5s cubic-bezier(.25, .1, .25, 1);
        line-height: 1;
    }

    .nav__list>li.nav__list__aside .nav__counter:hover,
    .nav__list>li.nav__list__aside .nav__switch>li>a:hover {
        opacity: .6;
    }

    .nav__list>li:first-child {
        margin-top: 0;
    }

    .nav__list>li>a {
        position: relative;
        display: block;
        color: inherit;
        text-decoration: none;
    }

    .nav__list>li>a::before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        margin: auto;
        -webkit-transition: -webkit-transform .1s ease 0s;
        transition: -webkit-transform .1s ease 0s;
        transition: transform .1s ease 0s;
        transition: transform .1s ease 0s, -webkit-transform .1s ease 0s;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
        background-color: #fff;
    }

    .nav__list>li>a:hover::before {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    }

    .nav__list>li.nav__list__aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        font-size: 4vw;
    }

    .nav__list>li.nav__list__aside .nav__counter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5.33333vw 3.2vw;
        cursor: pointer;
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
    }

    .nav__list>li.nav__list__aside .nav__counter>span {
        display: inline-block;
        margin-right: 1.33333vw;
    }

    .nav__list>li.nav__list__aside .nav__counter>.counter-num {
        position: relative;
        padding-left: 4.8vw;
    }

    .nav__list>li.nav__list__aside .nav__counter>.counter-num::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 3.2vw;
        height: 3.2vw;
        margin-top: -1.6vw;
        line-height: 1;
        background-image: url(../img/icon_com_01.svg);
        background-repeat: no-repeat;
        background-size: 3.2vw 3.2vw;
    }

    .nav__list>li.nav__list__aside .nav__counter+.nav__switch {
        margin-right: 9.33333vw;
    }

    .nav__list>li.nav__list__aside .nav__switch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .nav__list>li.nav__list__aside .nav__switch__sh {
        font-family: 'Noto Sans SC', sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .nav__list>li.nav__list__aside .nav__switch>li {
        position: relative;
        margin-left: 2.13333vw;
    }

    .nav__list>li.nav__list__aside .nav__switch>li+li {
        padding-left: 2.66667vw;
    }

    .nav__list>li.nav__list__aside .nav__switch>li+li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 1em;
        margin-top: -.5em;
        background-color: #4d4d4d;
    }

    .nav__list>li.nav__list__aside .nav__switch>li>a,
    .nav__list>li.nav__list__aside .nav__switch>li>span {
        display: inline-block;
        color: #fff;
        padding-top: 5.6vw;
        padding-bottom: 5.6vw;
    }

    .nav__list>li.nav__list__aside .nav__switch>li>a {
        color: #4d4d4d;
        text-decoration: none;
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
    }
}

@media print,
screen and (min-width:768px) {

    .beyond__shadow,
    .beyond__shadow__point,
    .beyond__ttl {
        width: 100%;
        position: absolute;
    }

    .beyond {
        position: relative;
        z-index: 1;
    }

    .beyond__bg {
        background-image: url(/assets/img/home/vavahk_corporate_production_MGM-scaled.jpg);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        z-index: -1;
        background-position: center center;
        opacity: 0;
        background-size: cover;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .beyond__shadow {
        height: 130%;
        background-color: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
        mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
    }

    .beyond__shadow__point {
        height: 1px;
        left: 0;
        top: 100vh;
        z-index: 0;
    }

    .beyond__ttl {
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .beyond__ttl>h2 {
        font-size: 0;
    }

    .beyond__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 56px;
        line-height: 1;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        letter-spacing: .09em;
    }

    .beyond__text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 580px;
        text-align: center;
    }

    .beyond__text>p {
        color: #fff;
        font-size: 25px;
        line-height: 2.96;
        letter-spacing: .04em;
    }

    .beyond__block {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100vh;
    }

    .beyond__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .beyond__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 100vw;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .beyond__block__01 .beyond__block__set {
        opacity: .8;
    }

    .beyond__block__02 .beyond__block__set {
        opacity: .45;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .beyond__ttl>h2>span {
        font-size: 4vw;
    }

    .beyond__text {
        width: 41.42857vw;
    }

    .beyond__text>p {
        font-size: 1.78571vw;
    }

    .beyond__block {
        min-height: 65.71429vw;
    }
}

@media screen and (max-width:767px) {

    .beyond__shadow,
    .beyond__shadow__point,
    .beyond__ttl {
        width: 100%;
        position: absolute;
    }

    .beyond {
        position: relative;
        z-index: 1;
    }

    .beyond__bg {
        background-image: url(/assets/img/home/vavahk_corporate_production_MGM_sp.jpg);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        z-index: -1;
        background-position: center center;
        opacity: 0;
        background-size: cover;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .beyond__shadow {
        height: 130%;
        background-color: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
        mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
    }

    .beyond__shadow__point {
        height: 1px;
        left: 0;
        top: 100vh;
        z-index: 0;
    }

    .beyond__ttl {
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .beyond__ttl>h2 {
        font-size: 0;
    }

    .beyond__ttl>h2>span {
        display: inline-block;
        color: transparent;
        font-size: 6.4vw;
        line-height: 1;
        letter-spacing: .11em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-style: normal;
        font-weight: 500;
    }

    .beyond__text>p,
    .beyond__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    .beyond__text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 89.33333vw;
        -webkit-transform: translate(-50%, calc(-50% + -25vh));
        transform: translate(-50%, calc(-50% + -25vh));
        text-align: center;
    }

    .beyond__text>p {
        color: #fff;
        font-size: 3.73333vw;
        font-weight: 400;
        line-height: 3.5;
        letter-spacing: .04em;
    }

    .beyond__text>p>em {
        font-weight: 700;
    }

    .beyond__block {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .beyond__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .beyond__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: initial;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .beyond__block__01 .beyond__block__set {
        opacity: .8;
    }

    .beyond__block__02 .beyond__block__set {
        opacity: .45;
    }
}

@media (orientation:landscape) and (max-width:767px) {
    .beyond__ttl>h2>span {
        font-size: 5.24738vw;
    }

    .beyond__text>p {
        font-size: 2.69865vw;
        line-height: 2;
    }
}

@media print,
screen and (min-width:768px) {

    .real__shadow,
    .real__shadow__point,
    .real__ttl {
        width: 100%;
        position: absolute;
    }

    .real {
        position: relative;
        z-index: 1;
    }

    .real__bg {
        background-image: url(/assets/img/home/vavahk_corporate_production_Wai_Yin_Association-scaled.jpg);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        z-index: -1;
        background-position: center center;
        opacity: 0;
        background-size: cover;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .real__shadow {
        height: 130%;
        background-color: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
        mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
    }

    .real__shadow__point {
        height: 1px;
        left: 0;
        top: 100vh;
        z-index: 0;
    }

    .real__ttl {
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .real__ttl>h2 {
        font-size: 0;
    }

    .real__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 54px;
        line-height: 1;
        letter-spacing: .07em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .real__text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 630px;
        text-align: center;
    }

    .real__text>p {
        color: #fff;
        font-size: 25px;
        line-height: 2.96;
        letter-spacing: .03em;
    }

    .real__block {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .real__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .real__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 100vw;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .real__block__01 .real__block__set {
        opacity: .9;
    }

    .real__block__02 .real__block__set {
        opacity: .35;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .real__ttl>h2>span {
        font-size: 3.85714vw;
    }

    .real__text {
        width: 45vw;
    }

    .real__text>p {
        font-size: 1.78571vw;
    }

    .real__block {
        min-height: 65.71429vw;
    }
}

@media screen and (max-width:767px) {

    .real__shadow,
    .real__shadow__point,
    .real__ttl {
        width: 100%;
        position: absolute;
    }

    .real {
        position: relative;
        z-index: 1;
    }

    .real__bg {
        background-image: url(/assets/img/home/vavahk_corporate_production_Wai_Yin_Association_sp.jpg);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        z-index: -1;
        background-position: center center;
        opacity: 0;
        background-size: cover;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .real__shadow {
        height: 130%;
        background-color: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
        mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
    }

    .real__shadow__point {
        height: 1px;
        left: 0;
        top: 100vh;
        z-index: 0;
    }

    .real__ttl {
        top: 50%;
        left: 50%;
        padding-bottom: 6.66667vw;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .real__ttl>h2 {
        font-size: 0;
    }

    .real__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 8.26667vw;
        line-height: 1;
        letter-spacing: .11em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .real__text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 89.33333vw;
        text-align: center;
    }

    .real__text>p {
        color: #fff;
        font-size: 3.73333vw;
        line-height: 3.5;
        letter-spacing: -.01em;
    }

    .real__block {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .real__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .real__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: initial;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .real__block__01 .real__block__set {
        opacity: .9;
    }

    .real__block__02 .real__block__set {
        opacity: .35;
    }
}

@media (orientation:landscape) and (max-width:767px) {
    .real__ttl>h2>span {
        font-size: 5.24738vw;
    }

    .real__text>p {
        font-size: 2.69865vw;
        line-height: 2;
    }
}

@media print,
screen and (min-width:768px) {

    .mind__shadow,
    .mind__shadow__point,
    .mind__ttl {
        width: 100%;
        position: absolute;
    }

    .mind {
        position: relative;
        z-index: 1;
    }

    .mind__bg {
        background-image: url(/assets/img/home/wedding_decoration_arc-scaled.jpg);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        z-index: -1;
        background-position: center center;
        opacity: 0;
        background-size: cover;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .mind__shadow {
        height: 130%;
        background-color: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
        mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
    }

    .mind__shadow__point {
        height: 1px;
        left: 0;
        top: 100vh;
        z-index: 0;
    }

    .mind__ttl {
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .mind__ttl>h2 {
        font-size: 0;
    }

    .mind__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 58px;
        line-height: 1;
        letter-spacing: .1em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .mind__text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 620px;
        text-align: center;
    }

    .mind__text>p {
        color: #fff;
        font-size: 25px;
        line-height: 2.96;
        letter-spacing: .03em;
    }

    .mind__block {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .mind__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .mind__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 100vw;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .mind__block__01 .mind__block__set {
        opacity: .7;
    }

    .mind__block__02 .mind__block__set {
        opacity: .3;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .mind__ttl>h2>span {
        font-size: 4.14286vw;
    }

    .mind__text {
        width: 44.28571vw;
    }

    .mind__text>p {
        font-size: 1.78571vw;
    }

    .mind__block {
        min-height: 65.71429vw;
    }
}

@media screen and (max-width:767px) {

    .mind__shadow,
    .mind__shadow__point,
    .mind__ttl {
        width: 100%;
        position: absolute;
    }

    .mind {
        position: relative;
        z-index: 1;
    }

    .mind__bg {
        background-image: url(/assets/img/home/wedding_decoration_arc_sp.jpg);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        z-index: -1;
        background-position: center center;
        opacity: 0;
        background-size: cover;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .mind__shadow {
        height: 130%;
        background-color: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
        mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), color-stop(85%, #000), to(transparent));
        mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
    }

    .mind__shadow__point {
        height: 1px;
        left: 0;
        top: 100vh;
        z-index: 0;
    }

    .mind__ttl {
        top: 50%;
        left: 50%;
        padding-bottom: 6.66667vw;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .mind__ttl>h2 {
        font-size: 0;
    }

    .mind__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 9.33333vw;
        line-height: 1;
        letter-spacing: .14em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .mind__text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 89.33333vw;
        text-align: center;
    }

    .mind__text>p {
        color: #fff;
        font-size: 3.73333vw;
        line-height: 3.5;
        letter-spacing: .01em;
    }

    .mind__block {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .mind__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .mind__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: initial;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .mind__block__01 .mind__block__set {
        opacity: .7;
    }

    .mind__block__02 .mind__block__set {
        opacity: .3;
    }
}

@media (orientation:landscape) and (max-width:767px) {
    .mind__ttl>h2>span {
        font-size: 5.24738vw;
    }

    .mind__text>p {
        font-size: 2.69865vw;
        line-height: 2;
    }
}

@media print,
screen and (min-width:768px) {

    .life__shadow,
    .life__shadow__point,
    .life__ttl {
        width: 100%;
        position: absolute;
    }

    .life {
        position: relative;
        z-index: 1;
    }

    .life__bg {
        background-image: url(/assets/img/home/wedding_decoration_sp-scaled.jpg);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        z-index: -1;
        background-position: center center;
        opacity: 0;
        background-size: cover;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .life__shadow {
        height: 130%;
        background-color: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
        -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 100%);
        mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
        mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 100%);
    }

    .life__shadow__point {
        height: 1px;
        left: 0;
        top: 100vh;
        z-index: 0;
    }

    .life__ttl {
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .life__ttl>h2 {
        font-size: 0;
    }

    .life__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 56px;
        line-height: 1;
        letter-spacing: .05em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .life__text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 660px;
        text-align: center;
    }

    .life__text>p {
        color: #fff;
        font-size: 25px;
        line-height: 2.96;
        letter-spacing: .03em;
    }

    .life__block {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .life__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .life__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 100vw;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .life__block__01 .life__block__set {
        opacity: .9;
    }

    .life__block__02 .life__block__set {
        opacity: .35;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .life__ttl>h2>span {
        font-size: 4vw;
    }

    .life__text {
        width: 47.14286vw;
    }

    .life__text>p {
        font-size: 1.78571vw;
    }

    .life__block {
        min-height: 65.71429vw;
    }
}

@media screen and (max-width:767px) {

    .life__shadow,
    .life__shadow__point,
    .life__ttl {
        width: 100%;
        position: absolute;
    }

    .life {
        position: relative;
        z-index: 1;
    }

    .life__bg {
        background-image: url(/assets/img/home/wedding_decoration-scaled.jpg);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        z-index: -1;
        background-position: center center;
        opacity: 0;
        background-size: cover;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .life__shadow {
        height: 120%;
        background-color: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
        -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 100%);
        mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
        mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 100%);
    }

    .life__shadow__point {
        height: 1px;
        left: 0;
        top: 100vh;
        z-index: 0;
    }

    .life__ttl {
        top: 50%;
        left: 50%;
        padding-bottom: 6.66667vw;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .life__ttl>h2 {
        font-size: 0;
    }

    .life__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 8vw;
        line-height: 1;
        letter-spacing: .08em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-style: normal;
        font-weight: 500;
    }

    .life__text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 89.33333vw;
        -webkit-transform: translate(-50%, calc(-50% + -25vh));
        transform: translate(-50%, calc(-50% + -25vh));
        text-align: center;
    }

    .life__text>p {
        color: #fff;
        font-size: 3.73333vw;
        line-height: 3.5;
        letter-spacing: -.02em;
    }

    .life__text>p>em {
        font-family: Lato, sans-serif;
        font-weight: 700;
        font-style: normal;
    }

    .life__block {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .life__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .life__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: initial;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .life__block__01 .life__block__set {
        opacity: .9;
    }

    .life__block__02 .life__block__set {
        opacity: .35;
    }
}

@media (orientation:landscape) and (max-width:767px) {
    .life__ttl>h2>span {
        font-size: 5.24738vw;
    }

    .life__text>p {
        font-size: 2.69865vw;
        line-height: 2;
    }
}

@media print,
screen and (min-width:768px) {
    .tangible {
        position: relative;
        background-color: #000;
        z-index: 1;
    }

    .tangible__btn,
    .tangible__themes,
    .tangible__ttl {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 2;
    }

    .tangible__ttl {
        top: 410px;
    }

    .tangible__ttl>h2 {
        font-size: 0;
    }

    .tangible__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 42px;
        line-height: 1;
        letter-spacing: .2em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .tangible__btn>a,
    .tangible__themes__text {
        font-weight: 400;
        color: #fff;
        font-style: normal;
    }

    .tangible__themes {
        top: 480px;
        pointer-events: none;
    }

    .tangible__themes__text {
        font-size: 25px;
        font-family: 'Open Sans', sans-serif;
    }

    .tangible__btn {
        top: 634px;
    }

    .tangible__block,
    .tangible__main {
        position: relative;
        overflow: hidden;
    }

    .tangible__btn>a {
        display: inline-block;
        width: 178px;
        padding: 13px 10px;
        font-size: 18px;
        font-family: Lato, sans-serif;
        border: 1px solid rgba(250, 249, 244, .6);
        text-decoration: none;
    }

    .tangible__btn>a:hover {
        border: 1px solid rgba(0, 0, 0, .6);
        background-color: rgba(0, 0, 0, .6);
    }

    .tangible__block {
        width: 100%;
        min-height: 920px;
        z-index: 1;
    }

    .tangible__main {
        height: 920px;
    }

    .tangible__main__slider {
        opacity: .85;
    }

    .tangible__main__slider .slick-list .slick-slide:nth-child(2n+1).slide-animation {
        -webkit-animation: slideZoom 10s linear;
        animation: slideZoom 10s linear;
    }

    .tangible__main__slider .slick-list .slick-slide:nth-child(2n).slide-animation {
        -webkit-animation: slideOut 10s linear;
        animation: slideOut 10s linear;
    }

    .tangible__main__slider .slick-arrow {
        content: "";
        position: absolute;
        top: 504px;
        width: 12px;
        height: 20px;
        line-height: 1;
        background-repeat: no-repeat;
        background-size: 12px 20px;
        z-index: 2;
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
    }

    .tangible__main__slider .slick-arrow:before {
        content: none;
    }

    .tangible__main__slider .slick-arrow.slick-prev {
        left: 50%;
        margin-left: -165px;
        background-image: url(../img/icon_com_02_01.svg);
    }

    .tangible__main__slider .slick-arrow.slick-next {
        right: 50%;
        margin-right: -165px;
        background-image: url(../img/icon_com_02_02.svg);
    }

    .tangible__main__slider .slick-arrow:hover {
        opacity: .6;
    }

    .tangible__main__slider .tangible__slider__slide {
        position: relative;
        height: 920px;
    }

    .tangible__main__slider .tangible__slider__slide .tangible__slider__slide__set {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 920px;
    }

    .tangible__projects {
        padding: 82px 0 80px;
    }

    .tangible__projects__list>li+li {
        margin-top: 20px;
    }

    .tangible__projects__list__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .tangible__projects__list__block:hover .tangible__projects__slider__slide,
    .tangible__projects__list__block:hover .tangible__projects__ttl {
        opacity: .4;
    }

    .tangible__projects__ttl {
        width: 25%;
        padding-left: 5%;
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
    }

    .tangible__projects__ttl>span {
        display: inline-block;
        color: #fff;
        font-size: 26px;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-style: normal;
        font-weight: 500;
        letter-spacing: .2em;
    }

    .tangible__projects__slider {
        width: 75%;
        visibility: hidden;
    }

    .tangible__projects__slider.slick-initialized {
        visibility: visible;
    }

    .tangible__projects__slider .slick-arrow.slick-next,
    .tangible__projects__slider .slick-arrow.slick-prev {
        display: none !important;
    }

    .tangible__projects__slider__slide {
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
    }

    .tangible__projects__slider__slide:hover {
        opacity: 1 !important;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .tangible__ttl {
        top: 29.28571vw;
    }

    .tangible__ttl>h2>span {
        font-size: 3vw;
    }

    .tangible__themes {
        top: 34.28571vw;
    }

    .tangible__themes__text {
        font-size: 1.78571vw;
    }

    .tangible__btn {
        top: 45.28571vw;
    }

    .tangible__btn>a {
        width: 12.71429vw;
        padding: .92857vw .71429vw;
        font-size: 1.28571vw;
    }

    .tangible__block {
        min-height: 65.71429vw;
    }

    .tangible__main {
        height: 65.71429vw;
    }

    .tangible__main__slider .slick-arrow {
        top: 36vw;
        width: .85714vw;
        height: 1.42857vw;
        background-size: .85714vw 1.42857vw;
    }

    .tangible__main__slider .slick-arrow.slick-prev {
        margin-left: -11.78571vw;
    }

    .tangible__main__slider .slick-arrow.slick-next {
        margin-right: -11.78571vw;
    }

    .tangible__main__slider .tangible__slider__slide,
    .tangible__main__slider .tangible__slider__slide .tangible__slider__slide__set {
        height: 65.71429vw;
    }

    .tangible__projects {
        padding: 5.85714vw 0 5.71429vw;
    }

    .tangible__projects__list>li+li {
        margin-top: 1.42857vw;
    }

    .tangible__projects__ttl>span {
        font-size: 1.85714vw;
    }
}

@media screen and (max-width:767px) {
    .tangible {
        position: relative;
        background-color: #000;
        z-index: 1;
    }

    .tangible__btn,
    .tangible__themes,
    .tangible__ttl {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .tangible__ttl {
        top: 64.53333vw;
        z-index: 2;
    }

    .tangible__ttl>h2 {
        font-size: 0;
    }

    .tangible__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 8.53333vw;
        line-height: 1;
        letter-spacing: .13em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .tangible__btn>a,
    .tangible__themes__text {
        font-weight: 400;
        color: #fff;
        font-style: normal;
    }

    .tangible__themes {
        top: 76.26667vw;
        z-index: 2;
        pointer-events: none;
    }

    .tangible__themes__text {
        font-size: 4.26667vw;
        letter-spacing: .06em;
        font-family: 'Open Sans', sans-serif;
    }

    .tangible__btn {
        top: 97.6vw;
        z-index: 2;
    }

    .tangible__block,
    .tangible__main {
        position: relative;
        overflow: hidden;
    }

    .tangible__btn>a {
        display: inline-block;
        width: 28.26667vw;
        padding: 1.86667vw 1.33333vw;
        font-size: 2.93333vw;
        font-family: Lato, sans-serif;
        border: 1px solid rgba(250, 249, 244, .6);
        text-decoration: none;
    }

    .tangible__block {
        width: 100%;
        min-height: 160vw;
        z-index: 1;
    }

    .tangible__main {
        height: 160vw;
    }

    .tangible__main__slider {
        opacity: .85;
    }

    .tangible__main__slider .slick-list .slick-slide:nth-child(2n+1).slide-animation {
        -webkit-animation: slideZoom 10s linear;
        animation: slideZoom 10s linear;
    }

    .tangible__main__slider .slick-list .slick-slide:nth-child(2n).slide-animation {
        -webkit-animation: slideOut 10s linear;
        animation: slideOut 10s linear;
    }

    .tangible__main__slider .slick-arrow {
        content: "";
        position: absolute;
        top: 80.8vw;
        width: 2.13333vw;
        height: 4vw;
        line-height: 1;
        background-repeat: no-repeat;
        background-size: 2.13333vw 4vw;
        z-index: 2;
        opacity: .7;
        -webkit-transition: opacity, .3s ease-out 0s;
        transition: opacity, .3s ease-out 0s;
    }

    .tangible__main__slider .slick-arrow:before {
        content: none;
    }

    .tangible__main__slider .slick-arrow.slick-prev {
        left: 50%;
        margin-left: -31.73333vw;
        background-image: url(../img/icon_com_02_01.svg);
    }

    .tangible__main__slider .slick-arrow.slick-next {
        right: 50%;
        margin-right: -31.73333vw;
        background-image: url(../img/icon_com_02_02.svg);
    }

    .tangible__main__slider .tangible__slider__slide {
        position: relative;
        height: 160vw;
    }

    .tangible__main__slider .tangible__slider__slide .tangible__slider__slide__set {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 160vw;
    }

    .tangible__projects {
        padding: 8vw 0 8vw 5.33333vw;
    }

    .tangible__projects__list>li {
        position: relative;
    }

    .tangible__projects__list>li+li {
        margin-top: 5.33333vw;
    }

    .tangible__projects__list__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .tangible__projects__ttl {
        width: 36vw;
    }

    .tangible__projects__ttl>span {
        display: inline-block;
        color: #fff;
        font-size: 4.26667vw;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        letter-spacing: .2em;
    }

    .tangible__projects__slider {
        position: relative;
        width: 58.66667vw;
        padding-right: 5.33333vw;
        overflow: hidden;
        visibility: hidden;
    }

    .tangible__projects__slider.slick-initialized {
        visibility: visible;
    }

    .tangible__projects__slider .slick-list {
        overflow: visible;
    }

    .tangible__projects .slick-arrow {
        z-index: 2;
    }

    .tangible__projects .slick-arrow.slick-prev {
        display: none !important;
    }

    .tangible__projects .slick-arrow.slick-next {
        right: 0;
        width: 6.13333vw;
        height: 11.46667vw;
        background-color: #000;
    }

    .tangible__projects .slick-arrow.slick-next::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 2.4vw;
        width: 1.6vw;
        height: 2.93333vw;
        line-height: 1;
        margin-top: -1.06667vw;
        background-repeat: no-repeat;
        background-size: 1.6vw 2.93333vw;
        background-image: url(../img/icon_com_02_02.svg);
        z-index: 2;
    }
}

@media (orientation:landscape) and (max-width:767px) {
    .tangible__ttl>h2>span {
        font-size: 5.24738vw;
    }

    .tangible__text>p {
        font-size: 2.69865vw;
        line-height: 2;
    }
}

@media print,
screen and (min-width:768px) {

    .about,
    .about__text,
    .about__ttl {
        z-index: 1;
        position: relative;
    }

    .about,
    .about__block,
    .about__text,
    .about__ttl {
        position: relative;
    }

    .about {
        background-color: #000;
    }

    .about__ttl {
        margin-top: 50px;
        text-align: center;
    }

    .about__ttl>h2 {
        font-size: 0;
    }

    .about__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 40px;
        line-height: 1;
        letter-spacing: .1em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-style: normal;
        font-weight: 500;
    }

    .about__text {
        margin: 40px auto 0;
    }

    .about__text>p {
        color: #fff;
        font-size: 18px;
        letter-spacing: .03em;
    }

    .about__block {
        width: 100%;
        min-height: 960px;
        overflow: hidden;
    }

    .about__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .about__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 100vw;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .about__block__01 .about__block__set {
        opacity: .26;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .about__ttl {
        margin-top: 5.71429vw;
    }

    .about__ttl>h2>span {
        font-size: 2.85714vw;
    }

    .about__text {
        margin: 4vw auto 0;
    }

    .about__text>p {
        font-size: 1.28571vw;
    }

    .about__block {
        min-height: 68.57143vw;
    }
}

@media screen and (max-width:767px) {

    .about__text,
    .about__ttl {
        z-index: 1;
        text-align: center;
        position: relative;
    }

    .about,
    .about__block,
    .about__text,
    .about__ttl {
        position: relative;
    }

    .about {
        background-color: #000;
        z-index: 1;
    }

    .about__ttl {
        margin-top: 13.33333vw;
    }

    .about__ttl>h2 {
        font-size: 0;
    }

    .about__ttl>h2>span {
        display: inline-block;
        color: #fff;
        font-size: 4.8vw;
        line-height: 1;
        letter-spacing: .14em;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        text-rendering: optimizeLegibility;
    }

    .about__text>p {
        color: #fff;
        font-size: 3.46667vw;
        line-height: 2.07692;
        letter-spacing: -.01em;
    }

    .about__block {
        width: 100%;
        min-height: 184vw;
        overflow: hidden;
    }

    .about__block__set {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .about__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: initial;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .about__block__01 .about__block__set {
        opacity: .26;
    }
}

.about__ttl.js-view-point>h2>span,
.beyond__ttl.js-view-point>h2>span,
.life__ttl.js-view-point>h2>span,
.mind__ttl.js-view-point>h2>span,
.real__ttl.js-view-point>h2>span {
    color: transparent;
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .8s cubic-bezier(.215, .61, .355, 1) 0s;
    text-rendering: optimizeLegibility;
}

.about__ttl.js-view-point>h2>span:nth-child(1),
.beyond__ttl.js-view-point>h2>span:nth-child(1),
.life__ttl.js-view-point>h2>span:nth-child(1),
.mind__ttl.js-view-point>h2>span:nth-child(1),
.real__ttl.js-view-point>h2>span:nth-child(1) {
    -webkit-transition-delay: .21045s;
    transition-delay: .21045s;
}

.about__ttl.js-view-point>h2>span:nth-child(2),
.beyond__ttl.js-view-point>h2>span:nth-child(2),
.life__ttl.js-view-point>h2>span:nth-child(2),
.mind__ttl.js-view-point>h2>span:nth-child(2),
.real__ttl.js-view-point>h2>span:nth-child(2) {
    -webkit-transition-delay: .17602s;
    transition-delay: .17602s;
}

.about__ttl.js-view-point>h2>span:nth-child(3),
.beyond__ttl.js-view-point>h2>span:nth-child(3),
.life__ttl.js-view-point>h2>span:nth-child(3),
.mind__ttl.js-view-point>h2>span:nth-child(3),
.real__ttl.js-view-point>h2>span:nth-child(3) {
    -webkit-transition-delay: 32.47ms;
    transition-delay: 32.47ms;
}

.about__ttl.js-view-point>h2>span:nth-child(4),
.beyond__ttl.js-view-point>h2>span:nth-child(4),
.life__ttl.js-view-point>h2>span:nth-child(4),
.mind__ttl.js-view-point>h2>span:nth-child(4),
.real__ttl.js-view-point>h2>span:nth-child(4) {
    -webkit-transition-delay: .35477s;
    transition-delay: .35477s;
}

.about__ttl.js-view-point>h2>span:nth-child(5),
.beyond__ttl.js-view-point>h2>span:nth-child(5),
.life__ttl.js-view-point>h2>span:nth-child(5),
.mind__ttl.js-view-point>h2>span:nth-child(5),
.real__ttl.js-view-point>h2>span:nth-child(5) {
    -webkit-transition-delay: .4749s;
    transition-delay: .4749s;
}

.about__ttl.js-view-point>h2>span:nth-child(6),
.beyond__ttl.js-view-point>h2>span:nth-child(6),
.life__ttl.js-view-point>h2>span:nth-child(6),
.mind__ttl.js-view-point>h2>span:nth-child(6),
.real__ttl.js-view-point>h2>span:nth-child(6) {
    -webkit-transition-delay: .44457s;
    transition-delay: .44457s;
}

.about__ttl.js-view-point>h2>span:nth-child(7),
.beyond__ttl.js-view-point>h2>span:nth-child(7),
.life__ttl.js-view-point>h2>span:nth-child(7),
.mind__ttl.js-view-point>h2>span:nth-child(7),
.real__ttl.js-view-point>h2>span:nth-child(7) {
    -webkit-transition-delay: .49101s;
    transition-delay: .49101s;
}

.about__ttl.js-view-point>h2>span:nth-child(8),
.beyond__ttl.js-view-point>h2>span:nth-child(8),
.life__ttl.js-view-point>h2>span:nth-child(8),
.mind__ttl.js-view-point>h2>span:nth-child(8),
.real__ttl.js-view-point>h2>span:nth-child(8) {
    -webkit-transition-delay: .1978s;
    transition-delay: .1978s;
}

.about__ttl.js-view-point>h2>span:nth-child(9),
.beyond__ttl.js-view-point>h2>span:nth-child(9),
.life__ttl.js-view-point>h2>span:nth-child(9),
.mind__ttl.js-view-point>h2>span:nth-child(9),
.real__ttl.js-view-point>h2>span:nth-child(9) {
    -webkit-transition-delay: .1623s;
    transition-delay: .1623s;
}

.about__ttl.js-view-point>h2>span:nth-child(10),
.beyond__ttl.js-view-point>h2>span:nth-child(10),
.life__ttl.js-view-point>h2>span:nth-child(10),
.mind__ttl.js-view-point>h2>span:nth-child(10),
.real__ttl.js-view-point>h2>span:nth-child(10) {
    -webkit-transition-delay: .38544s;
    transition-delay: .38544s;
}

.about__ttl.js-view-point>h2>span:nth-child(11),
.beyond__ttl.js-view-point>h2>span:nth-child(11),
.life__ttl.js-view-point>h2>span:nth-child(11),
.mind__ttl.js-view-point>h2>span:nth-child(11),
.real__ttl.js-view-point>h2>span:nth-child(11) {
    -webkit-transition-delay: .18371s;
    transition-delay: .18371s;
}

.about__ttl.js-view-point>h2>span:nth-child(12),
.beyond__ttl.js-view-point>h2>span:nth-child(12),
.life__ttl.js-view-point>h2>span:nth-child(12),
.mind__ttl.js-view-point>h2>span:nth-child(12),
.real__ttl.js-view-point>h2>span:nth-child(12) {
    -webkit-transition-delay: .27465s;
    transition-delay: .27465s;
}

.about__ttl.js-view-point>h2>span:nth-child(13),
.beyond__ttl.js-view-point>h2>span:nth-child(13),
.life__ttl.js-view-point>h2>span:nth-child(13),
.mind__ttl.js-view-point>h2>span:nth-child(13),
.real__ttl.js-view-point>h2>span:nth-child(13) {
    -webkit-transition-delay: .32679s;
    transition-delay: .32679s;
}

.about__ttl.js-view-point>h2>span:nth-child(14),
.beyond__ttl.js-view-point>h2>span:nth-child(14),
.life__ttl.js-view-point>h2>span:nth-child(14),
.mind__ttl.js-view-point>h2>span:nth-child(14),
.real__ttl.js-view-point>h2>span:nth-child(14) {
    -webkit-transition-delay: 24.77ms;
    transition-delay: 24.77ms;
}

.about__ttl.js-view-point>h2>span:nth-child(15),
.beyond__ttl.js-view-point>h2>span:nth-child(15),
.life__ttl.js-view-point>h2>span:nth-child(15),
.mind__ttl.js-view-point>h2>span:nth-child(15),
.real__ttl.js-view-point>h2>span:nth-child(15) {
    -webkit-transition-delay: 66.43ms;
    transition-delay: 66.43ms;
}

.about__ttl.js-view-point>h2>span:nth-child(16),
.beyond__ttl.js-view-point>h2>span:nth-child(16),
.life__ttl.js-view-point>h2>span:nth-child(16),
.mind__ttl.js-view-point>h2>span:nth-child(16),
.real__ttl.js-view-point>h2>span:nth-child(16) {
    -webkit-transition-delay: .16509s;
    transition-delay: .16509s;
}

.about__ttl.js-view-point>h2>span:nth-child(17),
.beyond__ttl.js-view-point>h2>span:nth-child(17),
.life__ttl.js-view-point>h2>span:nth-child(17),
.mind__ttl.js-view-point>h2>span:nth-child(17),
.real__ttl.js-view-point>h2>span:nth-child(17) {
    -webkit-transition-delay: .20535s;
    transition-delay: .20535s;
}

.about__ttl.js-view-point>h2>span:nth-child(18),
.beyond__ttl.js-view-point>h2>span:nth-child(18),
.life__ttl.js-view-point>h2>span:nth-child(18),
.mind__ttl.js-view-point>h2>span:nth-child(18),
.real__ttl.js-view-point>h2>span:nth-child(18) {
    -webkit-transition-delay: .10076s;
    transition-delay: .10076s;
}

.about__ttl.js-view-point>h2>span:nth-child(19),
.beyond__ttl.js-view-point>h2>span:nth-child(19),
.life__ttl.js-view-point>h2>span:nth-child(19),
.mind__ttl.js-view-point>h2>span:nth-child(19),
.real__ttl.js-view-point>h2>span:nth-child(19) {
    -webkit-transition-delay: .45687s;
    transition-delay: .45687s;
}

.about__ttl.js-view-point>h2>span:nth-child(20),
.beyond__ttl.js-view-point>h2>span:nth-child(20),
.life__ttl.js-view-point>h2>span:nth-child(20),
.mind__ttl.js-view-point>h2>span:nth-child(20),
.real__ttl.js-view-point>h2>span:nth-child(20) {
    -webkit-transition-delay: .30427s;
    transition-delay: .30427s;
}

.about__ttl.js-view-point.is-active>h2>span,
.beyond__ttl.js-view-point.is-active>h2>span,
.life__ttl.js-view-point.is-active>h2>span,
.mind__ttl.js-view-point.is-active>h2>span,
.real__ttl.js-view-point.is-active>h2>span {
    color: #fff;
}

.about__text.js-view-point>p,
.beyond__text.js-view-point>p,
.life__text.js-view-point>p,
.mind__text.js-view-point>p,
.real__text.js-view-point>p {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: 4s cubic-bezier(.14, 1, .34, 1);
    transition: 4s cubic-bezier(.14, 1, .34, 1);
    will-change: transform;
}

.about__text.js-view-point.is-active>p,
.beyond__text.js-view-point.is-active>p,
.life__text.js-view-point.is-active>p,
.mind__text.js-view-point.is-active>p,
.real__text.js-view-point.is-active>p {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.tangible__projects__list>li.js-view-point {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-transition: 4s cubic-bezier(.14, 1, .34, 1);
    transition: 4s cubic-bezier(.14, 1, .34, 1);
    will-change: transform;
}

.tangible__projects__list>li.js-view-point .tangible__projects__ttl {
    opacity: 0;
    -webkit-transition: 8s cubic-bezier(.14, 1, .34, 1);
    transition: 8s cubic-bezier(.14, 1, .34, 1);
}

.tangible__projects__list>li.js-view-point.is-active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.tangible__projects__list>li.js-view-point.is-active .tangible__projects__ttl {
    opacity: 1;
}

.beyond__shadow,
.life__shadow,
.mind__shadow,
.real__shadow {
    opacity: 0;
    -webkit-transition: 2s cubic-bezier(.14, 1, .34, 1);
    transition: 2s cubic-bezier(.14, 1, .34, 1);
}

.beyond.is-active .beyond__bg,
.beyond.is-active .life__bg,
.beyond.is-active .mind__bg,
.beyond.is-active .real__bg,
.beyond__shadow.is-active,
.life.is-active .beyond__bg,
.life.is-active .life__bg,
.life.is-active .mind__bg,
.life.is-active .real__bg,
.life__shadow.is-active,
.mind.is-active .beyond__bg,
.mind.is-active .life__bg,
.mind.is-active .mind__bg,
.mind.is-active .real__bg,
.mind__shadow.is-active,
.real.is-active .beyond__bg,
.real.is-active .life__bg,
.real.is-active .mind__bg,
.real.is-active .real__bg,
.real__shadow.is-active {
    opacity: 1;
}

.contactinfo {
    padding-top: 90px;
    padding-bottom: 82px;
    color: #fff;
    background-color: #111;
    position: relative;
    z-index: 1;
}

.contactinfo .contactinfo-inner {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -js-display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.contactinfo .contactinfo-inner .contactinfo-wrap {
    width: 410px;
}

.contactinfo .contactinfo-inner .m-ttl02 {
    margin: 0 0 32px;
    padding: 0;
    font-size: 24px;
    letter-spacing: 2.8px;
}

.contactinfo .contactinfo-inner .m-ttl03 {
    letter-spacing: 1.5px;
}

.contactinfo .contactinfo-inner .m-f-nav {
    letter-spacing: 1.5px;
    line-height: 2.24;
}

.contactinfo .contactinfo-inner .m-btn01 {
    margin-top: 31px;
    margin-bottom: 74px;
}

.contactinfo .contactinfo-inner .m-btn01 a {
    display: inline-block;
    color: #fff;
    border-color: #fff;
}

.contactinfo .contactinfo-inner .contactInfo-map {
    margin-top: 8px;
    width: 444px;
}

.contactinfo .contactinfo-inner .contactInfo-map img {
    width: 100%
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .contactinfo {
        padding-top: 6.42857vw;
        padding-bottom: 5.85714vw;
    }

    .contactinfo .contactinfo-inner {
        max-width: 65.71429vw;
    }

    .contactinfo .contactinfo-inner .contactinfo-wrap {
        width: 29.28571vw;
    }

    .contactinfo .contactinfo-inner .m-ttl02 {
        margin: 0 0 2.28571vw;
        font-size: 1.71429vw;
        letter-spacing: .2vw;
    }

    .contactinfo .contactinfo-inner .m-f-nav,
    .contactinfo .contactinfo-inner .m-ttl03 {
        letter-spacing: .10714vw;
    }

    .contactinfo .contactinfo-inner .m-btn01 {
        margin-top: 2.21429vw;
        margin-bottom: 5.28571vw;
    }

    .contactinfo .contactinfo-inner .contactInfo-map {
        margin-top: .57143vw;
        width: 31.71429vw;
    }
}

@media screen and (max-width:767px) {
    .contactinfo {
        padding-top: 9.86667vw;
        padding-bottom: 8vw;
    }

    .contactinfo .contactinfo-inner {
        display: block;
        width: 90%
    }

    .contactinfo .contactinfo-inner .contactinfo-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .contactinfo .contactinfo-inner .m-ttl02 {
        margin: 0 0 3.33333vw;
        font-size: 5.33333vw;
        letter-spacing: .30667vw;
    }

    .contactinfo .contactinfo-inner .m-f-nav {
        font-size: 3.2vw;
    }

    .contactinfo .contactinfo-inner .m-btn01 {
        margin-top: 4.4vw;
        margin-bottom: 6.13333vw;
    }

    .contactinfo .contactinfo-inner .contactInfo-map {
        margin-top: 2em;
        width: 100%
    }

    [lang=en] .opening__ttl__text {
        font-weight: 500;
    }
}

@media (orientation:landscape) and (max-width:767px) {
    .contactinfo {
        padding-top: 5.54723vw;
        padding-bottom: 4.49775vw;
    }

    .contactinfo .contactinfo-inner .m-ttl02 {
        margin: 0 0 1.87406vw;
        letter-spacing: .17241vw;
    }

    .contactinfo .contactinfo-inner .m-btn01 {
        margin-top: 2.47376vw;
        margin-bottom: 3.44828vw;
    }
}

@media screen and (max-width:767px) {
    [lang=en] .nav__list>li.nav__list__aside .nav__switch__sh {
        font-family: 'Noto Sans SC', sans-serif;
        font-weight: 400;
        font-style: normal;
    }
}

@media print,
screen and (min-width:768px) {
    [lang=en] .nav__list>li.nav__list__aside .nav__switch__sh {
        font-family: 'Noto Sans SC', sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    [lang=en] .beyond__text>p,
    [lang=en] .beyond__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .beyond__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .beyond__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=en] .beyond__text>p {
        font-weight: 400;
    }

    [lang=en] .beyond__text>p>em {
        font-weight: 700;
    }
}

@media screen and (max-width:767px) {

    [lang=en] .beyond__text>p,
    [lang=en] .beyond__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .beyond__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=en] .beyond__text>p {
        font-weight: 300;
    }

    [lang=en] .beyond__text>p>em {
        font-weight: 700;
    }
}

@media print,
screen and (min-width:768px) {

    [lang=en] .real__text>p,
    [lang=en] .real__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .real__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .real__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=en] .real__text>p {
        font-weight: 300;
    }

    [lang=en] .real__text>p>em {
        font-weight: 700;
    }
}

@media screen and (max-width:767px) {

    [lang=en] .real__text>p,
    [lang=en] .real__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .real__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .real__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=en] .real__text>p {
        font-weight: 300;
    }

    [lang=en] .real__text>p>em {
        font-weight: 700;
    }
}

@media print,
screen and (min-width:768px) {

    [lang=en] .mind__text>p,
    [lang=en] .mind__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .mind__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .mind__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=en] .mind__text>p {
        font-weight: 300;
    }

    [lang=en] .mind__text>p>em {
        font-weight: 700;
    }
}

@media screen and (max-width:767px) {

    [lang=en] .mind__text>p,
    [lang=en] .mind__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .mind__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .mind__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=en] .mind__text>p {
        font-weight: 300;
    }

    [lang=en] .mind__text>p>em {
        font-weight: 700;
    }
}

@media print,
screen and (min-width:768px) {

    [lang=en] .life__text>p,
    [lang=en] .life__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .life__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .life__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=en] .life__text>p {
        font-weight: 300;
    }

    [lang=en] .life__text>p>em {
        font-weight: 400;
    }
}

@media screen and (max-width:767px) {

    [lang=en] .life__text>p,
    [lang=en] .life__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .life__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .life__text {
        -webkit-transform: translate(-50%, calc(-50% + -25vh));
        transform: translate(-50%, calc(-50% + -25vh));
    }

    [lang=en] .life__text>p {
        font-weight: 300;
    }

    [lang=en] .life__text>p>em {
        font-weight: 700;
    }

    [lang=en] .tangible__projects__ttl>span,
    [lang=en] .tangible__ttl>h2>span {
        font-weight: 500;
    }
}

@media print,
screen and (min-width:768px) {

    [lang=en] .tangible__projects__ttl>span,
    [lang=en] .tangible__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .about__text>p,
    [lang=en] .about__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .about__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .about__text {
        width: 440px;
    }

    [lang=en] .about__text>p {
        font-weight: 300;
        line-height: 1.88889;
    }

    [lang=en] .about__text>p>em {
        font-weight: 700;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    [lang=en] .about__text {
        width: 31.42857vw;
    }
}

@media screen and (max-width:767px) {

    [lang=en] .about__text>p,
    [lang=en] .about__text>p>em {
        font-family: Lato, sans-serif;
        font-style: normal;
    }

    [lang=en] .about__ttl>h2>span {
        font-weight: 500;
    }

    [lang=en] .about__text {
        width: 80vw;
        margin: 6.66667vw auto 0;
    }

    [lang=en] .about__text>p {
        font-weight: 300;
        text-align: justify;
    }

    [lang=en] .about__text>p>em {
        font-weight: 700;
    }

    [lang=zh] .nav__list>li.nav__list__aside .nav__switch__sh {
        font-family: adobe-heiti-std, sans-serif;
        font-weight: 400;
        font-style: normal;
    }
}

@media print,
screen and (min-width:768px) {
    [lang=zh] .nav__list>li.nav__list__aside .nav__switch__sh {
        font-family: adobe-heiti-std, sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    [lang=zh] .beyond__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=zh] .beyond__text>p>em {
        font-weight: 700;
    }
}

@media screen and (max-width:767px) {
    [lang=zh] .beyond__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=zh] .beyond__text>p>em {
        font-weight: 700;
    }
}

@media print,
screen and (min-width:768px) {
    [lang=zh] .real__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=zh] .real__text>p>em {
        font-weight: 700;
    }
}

@media screen and (max-width:767px) {
    [lang=zh] .real__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=zh] .real__text>p>em {
        font-weight: 700;
    }
}

@media print,
screen and (min-width:768px) {
    [lang=zh] .mind__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=zh] .mind__text>p>em {
        font-weight: 700;
    }
}

@media screen and (max-width:767px) {
    [lang=zh] .mind__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=zh] .mind__text>p>em {
        font-weight: 700;
    }
}

@media print,
screen and (min-width:768px) {
    [lang=zh] .life__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=zh] .life__text>p>em {
        font-weight: 700;
    }

    [lang=zh] .about__text {
        width: 500px;
    }

    [lang=zh] .about__text>p {
        line-height: 2.33333;
    }

    [lang=zh] .about__text>p>em {
        font-weight: 700;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    [lang=zh] .about__text {
        width: 35.71429vw;
    }
}

@media screen and (max-width:767px) {
    [lang=zh] .life__text {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    [lang=zh] .life__text>p>em {
        font-weight: 700;
    }

    [lang=zh] .about__text {
        width: 85.33333vw;
        margin: 13.33333vw auto 0;
        text-align: left;
    }

    [lang=zh] .about__text>p>em {
        font-weight: 700;
    }
}

@media print,
screen and (min-width:768px) {

    .header__ttl__logo,
    .header__ttl__text {
        color: #fff;
        font-style: normal;
        line-height: 1;
    }

    .header__block {
        position: relative;
        z-index: 2;
    }

    .header__ttl {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 2;
        text-align: center;
    }

    .header__ttl.is-finish .header__ttl__inner .header__ttl__logo,
    .header__ttl.is-finish .header__ttl__inner .header__ttl__text {
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        opacity: 0;
    }

    .header__ttl__inner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .header__main__list,
    .header__main__list>li {
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 1;
        overflow: hidden;
    }

    .header__ttl__logo {
        padding-left: 18px;
        font-size: 58px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        letter-spacing: .24em;
    }

    .header__ttl__text {
        margin-top: 30px;
        font-size: 27px;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 500;
        letter-spacing: .1em;
    }

    .header__main {
        position: relative;
        width: 100%;
        height: 100vh;
        background-color: #000;
    }

    .header__main__list {
        position: absolute;
        opacity: .8;
    }

    .header__main__list>li {
        display: none;
        position: absolute;
    }

    .header__main__list>li.is-active {
        display: block;
    }

    .header__main__list>li video {
        min-width: 100%;
        min-height: calc(100vh + 1px);
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .header__sound {
        position: absolute;
        top: 26px;
        right: 18px;
        z-index: 2;
    }

    .header__sound__button {
        border: none;
        outline: 0;
        padding: 0;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        height: 2rem;
        background-color: transparent;
    }

    .header__sound__button.is-hidden {
        display: none;
    }

    .header__sound__button.is-muted>.sound__bar {
        -webkit-animation: none !important;
        animation: none !important;
    }

    .header__sound__button:hover {
        opacity: .7;
    }

    .header__sound__button>.sound__bar {
        width: 1px;
        height: 4px;
        margin-right: 3px;
        background: #fff;
        -webkit-transition: -webkit-transform .67s cubic-bezier(.33, 0, .22, 1);
        transition: -webkit-transform .67s cubic-bezier(.33, 0, .22, 1);
        transition: transform .67s cubic-bezier(.33, 0, .22, 1);
        transition: transform .67s cubic-bezier(.33, 0, .22, 1), -webkit-transform .67s cubic-bezier(.33, 0, .22, 1);
        -webkit-animation: upDown 1.2s ease-in-out infinite alternate;
        animation: upDown 1.2s ease-in-out infinite alternate;
    }

    .header__sound__button>.sound__bar:first-child {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .header__sound__button>.sound__bar:nth-child(2) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
    }

    .header__sound__button>.sound__bar:nth-child(3) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
    }

    .header__sound__button>.sound__bar:nth-child(4) {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
    }

    .header__sound__button>.sound__bar:nth-child(5) {
        -webkit-animation-delay: .8s;
        animation-delay: .8s;
    }

    .header__sound__button>.sound__bar:nth-child(6) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .header__sound__button>.sound__bar:nth-child(7) {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
    }

    .header__sound__button>.sound__bar:nth-child(8) {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .header__ttl__logo {
        padding-left: 1.28571vw;
        font-size: 4.14286vw;
    }

    .header__ttl__text {
        margin-top: 2.14286vw;
        font-size: 1.92857vw;
    }

    .header__sound {
        top: 1.85714vw;
        right: 1.28571vw;
    }
}

@media screen and (max-width:767px) {

    .header__main__list,
    .header__main__list>li {
        overflow: hidden;
        z-index: 1;
        height: 100vh;
        position: absolute;
    }

    .header__ttl__btn>a,
    .header__ttl__logo,
    .header__ttl__text {
        font-style: normal;
        color: #fff;
    }

    html.is-spNavOpen {
        overflow: hidden;
    }

    html.is-spNavOpen #js-overlay {
        opacity: 1;
    }

    html #js-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .95);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .25s;
        transition: all .25s;
    }

    .header__block {
        position: relative;
        z-index: 2;
    }

    .header__ttl,
    .header__ttl__btn,
    .header__ttl__inner {
        position: absolute;
        width: 100%
    }

    .header__ttl {
        left: 0;
        top: 0;
        height: 100vh;
        z-index: 2;
        text-align: center;
    }

    .header__ttl.is-finish .header__ttl__inner .header__ttl__logo,
    .header__ttl.is-finish .header__ttl__inner .header__ttl__text {
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        opacity: 0;
    }

    .header__ttl__inner {
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .header__ttl__logo {
        padding-left: 2.66667vw;
        font-size: 10.66667vw;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        line-height: 1;
        letter-spacing: .24em;
    }

    .header__ttl__text {
        margin-top: 5.33333vw;
        font-size: 4.8vw;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 500;
        line-height: 1;
        letter-spacing: .13em;
    }

    .header__ttl__btn {
        top: 50vw;
        left: 0;
        text-align: center;
    }

    .header__ttl__btn>a {
        display: inline-block;
        position: relative;
        padding-left: 9.86667vw;
        font-family: Lato, sans-serif;
        font-weight: 300;
        font-size: 2.93333vw;
        text-decoration: none;
        letter-spacing: .12em;
    }

    .header__ttl__btn>a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 6.4vw;
        height: 6.4vw;
        background-image: url(../img/icom_movie_01.svg);
        background-repeat: no-repeat;
        background-size: 6.4vw 6.4vw;
    }

    .header__ttl__btn>a>em {
        position: relative;
        display: inline-block;
    }

    .header__ttl__btn>a>em::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
    }

    .header__main {
        position: relative;
        width: 100%;
        height: 100vh;
        background-color: #000;
    }

    .header__main__list {
        left: 0;
        top: 0;
        width: 100%;
        opacity: .8;
    }

    .header__main__list>li {
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

    .header__main__list>li.is-active {
        display: block;
    }

    .header__main__list>li video {
        min-width: 100%;
        min-height: calc(100vh + 1px);
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .header__sound {
        position: fixed;
        top: 1.33333vw;
        right: 1.33333vw;
        z-index: 2;
    }

    .header__sound__button {
        border: none;
        outline: 0;
        padding: 5.33333vw 2.66667vw;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        height: 1.5rem;
        background-color: transparent;
    }

    .header__sound__button.is-hidden {
        display: none;
    }

    .header__sound__button.is-muted>.sound__bar {
        -webkit-animation: none !important;
        animation: none !important;
    }

    .header__sound__button:hover {
        opacity: .7;
    }

    .header__sound__button>.sound__bar {
        width: 1px;
        height: 4px;
        margin-right: .8vw;
        background: #fff;
        -webkit-transition: -webkit-transform .67s cubic-bezier(.33, 0, .22, 1);
        transition: -webkit-transform .67s cubic-bezier(.33, 0, .22, 1);
        transition: transform .67s cubic-bezier(.33, 0, .22, 1);
        transition: transform .67s cubic-bezier(.33, 0, .22, 1), -webkit-transform .67s cubic-bezier(.33, 0, .22, 1);
        -webkit-animation: upDown 1.2s ease-in-out infinite alternate;
        animation: upDown 1.2s ease-in-out infinite alternate;
    }

    .header__sound__button>.sound__bar:first-child {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .header__sound__button>.sound__bar:nth-child(2) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
    }

    .header__sound__button>.sound__bar:nth-child(3) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
    }

    .header__sound__button>.sound__bar:nth-child(4) {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
    }

    .header__sound__button>.sound__bar:nth-child(5) {
        -webkit-animation-delay: .8s;
        animation-delay: .8s;
    }

    .header__sound__button>.sound__bar:nth-child(6) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .header__sound__button>.sound__bar:nth-child(7) {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
    }

    .header__sound__button>.sound__bar:nth-child(8) {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
    }
}

@media (orientation:landscape) and (max-width:767px) {
    .header__ttl__btn {
        top: 22.78861vw;
    }
}

@media print,
screen and (min-width:768px) {

    .footer__ttl__logo,
    .footer__ttl__text {
        font-weight: 600;
        line-height: 1;
        color: #fff;
    }

    .footer__copy,
    .footer__license,
    .footer__link,
    .footer__registration,
    .footer__ttl {
        text-align: center;
    }

    .footer {
        position: relative;
        background-color: #000;
        z-index: 1;
    }

    .footer__ttl {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 880px;
        z-index: 1;
    }

    .footer__ttl__inner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        padding-bottom: 70px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .footer__ttl__logo {
        padding-left: 18px;
        font-size: 58px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        letter-spacing: .24em;
    }

    .footer__ttl__text {
        margin-top: 30px;
        font-size: 27px;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-style: normal;
    }

    .footer__link {
        position: absolute;
        top: 528px;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .footer__link>a {
        position: relative;
        display: inline-block;
        padding: 0 10px;
        color: #fff;
        font-size: 30px;
        font-family: Lato, sans-serif;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        letter-spacing: .13em;
    }

    .footer__link>a::after,
    .footer__link>a::before {
        content: "";
        left: 0;
        bottom: 1px;
        border-bottom: 2px solid #fff;
        width: 100%;
        height: 2px;
        display: block;
    }

    .footer__link>a::before {
        position: absolute;
        z-index: 10;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: .35s cubic-bezier(.215, .61, .355, 1);
        transition: .35s cubic-bezier(.215, .61, .355, 1);
    }

    .footer__link>a::after {
        position: relative;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1) .2s;
        transition: .2s cubic-bezier(.215, .61, .355, 1) .2s;
    }

    .footer__link>a:hover::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .footer__link>a:hover::after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .footer__block {
        position: relative;
        width: 100%;
        min-height: 880px;
        overflow: hidden;
    }

    .footer__block__set {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: .6;
    }

    .footer__copy>small,
    .footer__registration {
        color: #fff;
        font-family: Lato, sans-serif;
        font-weight: 300;
        font-style: normal;
        opacity: .7;
    }

    .footer__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 100vw;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .footer__block__util {
        position: absolute;
        left: 0;
        bottom: 25px;
        width: 100%
    }

    .footer__copy {
        margin-top: 7px;
    }

    .footer__license {
        margin-top: 7px;
    }

    .footer__license>a {
        color: #939393;
        font-size: 10px;
        text-decoration: none;
    }
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .footer__ttl {
        height: 62.85714vw;
    }

    .footer__ttl__inner {
        padding-bottom: 5vw;
    }

    .footer__ttl__logo {
        padding-left: 1.28571vw;
        font-size: 4.14286vw;
    }

    .footer__ttl__text {
        margin-top: 2.14286vw;
        font-size: 1.92857vw;
    }

    .footer__link {
        top: 37.71429vw;
    }

    .footer__link>a {
        padding: 0 .71429vw;
        font-size: 2.14286vw;
    }

    .footer__block {
        min-height: 62.85714vw;
    }

    .footer__block__util {
        bottom: 1.78571vw;
    }

    .footer__copy,
    .footer__license {
        margin-top: .5vw;
    }

    .footer__license>a {
        font-size: .71429vw;
    }
}

@media screen and (max-width:767px) {
    .footer {
        position: relative;
        background-color: #000;
        z-index: 1;
    }

    .footer__link,
    .footer__ttl {
        position: absolute;
        z-index: 2;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .footer__ttl {
        top: 0;
    }

    .footer__ttl__inner {
        position: absolute;
        top: 54.13333vw;
        left: 0;
        width: 100%
    }

    .footer__ttl__logo {
        padding-left: 2.66667vw;
        color: #fff;
        font-size: 10.66667vw;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 1;
        letter-spacing: .24em;
    }

    .footer__link>a,
    .footer__ttl__text {
        color: #fff;
        font-size: 4.8vw;
        font-style: normal;
        letter-spacing: .13em;
    }

    .footer__ttl__text {
        margin-top: 5.33333vw;
        font-family: futura-pt, 'Josefin Sans', sans-serif;
        font-weight: 500;
        line-height: 1;
    }

    .footer__link {
        top: 99.73333vw;
    }

    .footer__link>a {
        position: relative;
        display: inline-block;
        padding: 0 2.13333vw 1.6vw;
        font-family: Lato, sans-serif;
        font-weight: 400;
        text-decoration: none;
    }

    .footer__link>a::after,
    .footer__link>a::before {
        content: "";
        left: 0;
        bottom: 1px;
        border-bottom: 2px solid #fff;
        width: 100%;
        height: 2px;
        display: block;
    }

    .footer__link>a::before {
        position: absolute;
        z-index: 10;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: .35s cubic-bezier(.215, .61, .355, 1);
        transition: .35s cubic-bezier(.215, .61, .355, 1);
    }

    .footer__link>a::after {
        position: relative;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1) .2s;
        transition: .2s cubic-bezier(.215, .61, .355, 1) .2s;
    }

    .footer__link>a:hover::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .footer__link>a:hover::after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .footer__block {
        position: relative;
        width: 100%;
        min-height: 178.66667vw;
        overflow: hidden;
    }

    .footer__block__set {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: .6;
    }

    .footer__copy>small,
    .footer__registration {
        color: #fff;
        font-family: Lato, sans-serif;
        font-weight: 300;
        font-style: normal;
        opacity: .7;
    }

    .footer__block__set>img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: initial;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .footer__block__util {
        position: absolute;
        left: 0;
        bottom: 16vw;
        width: 100%
    }

    .footer__registration {
        font-size: 2.93333vw;
        line-height: 1.81818;
        text-align: center;
    }

    .footer__copy {
        margin-top: .26667vw;
        text-align: center;
        font-size: 2.93333vw;
        line-height: 1.81818;
    }

    .footer__license {
        margin-top: .26667vw;
        text-align: center;
    }

    .footer__license>a {
        color: #939393;
        font-size: 2.66667vw;
        text-decoration: none;
    }

    [lang=en] .footer__ttl__text {
        font-weight: 500;
    }
}

@media print,
screen and (min-width:768px) {
    [lang=en] .footer__ttl__text {
        font-weight: 500;
        letter-spacing: .17em;
    }

    [lang=zh] .footer__ttl__text {
        letter-spacing: .1em;
    }
}

.remodal__storage {
    display: none;
}

.remodal {
    background-color: transparent;
}

.remodal .remodal-close {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 30px;
    height: 30px;
    background-image: url(/assets/img/icom_modal_close_01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.remodal .remodal-close:hover {
    cursor: pointer;
}

.remodal .remodal-close:before {
    content: none;
}

.remodal .remodal__wrap {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 50px;
}

.remodal .remodal__wrap .remodal__wrap__inner {
    padding: 36px 47px;
    background-color: #f6f6f6;
}

.remodal .remodal__wrap .remodal__youtube .remodal__youtube__set {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    z-index: 1;
}

.remodal .remodal__wrap .remodal__youtube .remodal__youtube__set>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:1400px) and (min-width:768px) {
    .remodal .remodal-close {
        width: 2.14286vw;
        height: 2.14286vw;
    }

    .remodal .remodal__wrap {
        max-width: 91.42857vw;
        padding-top: 3.57143vw;
    }

    .remodal .remodal__wrap .remodal__wrap__inner {
        padding: 2.57143vw 3.35714vw;
    }
}

@media screen and (max-width:767px) {
    [lang=zh] .footer__ttl__text {
        letter-spacing: .13em;
    }

    .remodal .remodal-close {
        width: 4vw;
        height: 4vw;
    }

    .remodal .remodal__wrap {
        max-width: 94.66667vw;
        padding-top: 6.66667vw;
    }

    .remodal .remodal__wrap .remodal__wrap__inner {
        padding: 5.33333vw;
    }

    .remodal .remodal__wrap .remodal__movie__set {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }

    .remodal .remodal__wrap .remodal__movie__set video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .remodal[data-remodal-id*=modal-movie] {
        margin: 0;
    }

    .remodal[data-remodal-id*=modal-movie] .remodal__wrap {
        max-width: 100vw;
        padding: 0;
    }

    .remodal[data-remodal-id*=modal-movie] .remodal__wrap .remodal-close {
        top: -8vw;
        right: 5.33333vw;
        z-index: 2;
    }

    .remodal[data-remodal-id*=modal-movie] .remodal__wrap .remodal__wrap__inner {
        padding: 0;
    }
}

@media (orientation:landscape) {
    .remodal[data-remodal-id*=modal-movie] .remodal__wrap .remodal-close {
        top: 8vw;
        right: 2.66667vw;
    }
}


.social-icons {
    position: absolute;
    gap: 30px;
    /* Space between icons */
    display: flex;
    bottom: 15vh;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    justify-content: center;
}

.social-icons a {
    color: white;
    /* Change icon color */
    font-size: 40px;
    /* Adjust icon size */
    text-decoration: none;
    /* Remove underline */
    transition: transform 0.3s;

}

.footer .footer__block .social-icons a:hover {
    transform: scale(1.3);
    /* Enlarge the icon by 5% on hover */
}