@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
@font-face { font-family: 'NotoSans'; src: url("../lib/fonts/NotoSansCJKjp-Bold.eot"); src: url("../lib/fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../lib/fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("../lib/fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../lib/fonts/NotoSansCJKjp-Bold.ttf") format("truetype"), url("../lib/fonts/NotoSansCJKjp-Bold.svg#NotoSansCJKjp-Bold") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'NotoSans'; src: url("../lib/fonts/NotoSansCJKjp-DemiLight.eot"); src: url("../lib/fonts/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../lib/fonts/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("../lib/fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../lib/fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype"), url("../lib/fonts/NotoSansCJKjp-DemiLight.svg#NotoSansCJKjp-DemiLight") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'CRACKERS BRUSHER'; src: url("../lib/fonts/CRACKERSBRUSHER.eot"); src: url("../lib/fonts/CRACKERSBRUSHER.eot?#iefix") format("embedded-opentype"), url("../lib/fonts/CRACKERSBRUSHER.woff2") format("woff2"), url("../lib/fonts/CRACKERSBRUSHER.woff") format("woff"), url("../lib/fonts/CRACKERSBRUSHER.ttf") format("truetype"), url("../lib/fonts/CRACKERSBRUSHER.svg#CRACKERSBRUSHER") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Anton'; src: url("../lib/fonts/Anton.eot"); src: url("../lib/fonts/Anton.eot?#iefix") format("embedded-opentype"), url("../lib/fonts/Anton.woff2") format("woff2"), url("../lib/fonts/Anton.woff") format("woff"), url("../lib/fonts/Anton.ttf") format("truetype"), url("../lib/fonts/Anton.svg#Anton") format("svg"); font-weight: normal; font-style: normal; }

/*====================================*  >> Functions
/*====================================*/
* { -webkit-tap-highlight-color: transparent !important; -moz-tap-highlight-color: transparent !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; }

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

html { height: 100%; }

body { background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #000; color: #fff; display: -ms-flexbox; display: flex; font-family: "NotoSans", "Noto Sans CJK JP", "Noto Sans JP", sans-serif; font-size: 14px; margin: 0; height: 100%; overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; }

button { border: none; cursor: pointer; }

i { font-style: normal; }

a, a:visited, a:active { color: inherit; }

@media only screen and (min-width: 48em) { .for-mb { display: none; } }

@media only screen and (max-width: 47.9375em) { .for-pc { display: none; } }

input[type='number'] { -moz-appearance: textfield; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* Normalization */
:root { -ms-overflow-style: -ms-autohiding-scrollbar; text-size-adjust: 100%; }

audio:not([controls]) { display: none; }

details { display: block; }

input[type="number"] { width: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

summary { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

[unselectable] { -webkit-user-select: none; -ms-user-select: none; user-select: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { margin: 0; padding: 0; }

:root { box-sizing: border-box; cursor: default; font: 16px / 1.5 sans-serif; text-rendering: optimizeLegibility; }

html { background-color: #000; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

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

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

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

textarea { resize: vertical; }

::selection { background-color: #B3D4FC; text-shadow: none; }

@media screen { [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

.nav-open .contents { pointer-events: none; }

.contents > [class^="section-"] { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; display: none; padding: 30px 20px; overflow: auto; }

@media only screen and (min-width: 48em) { .contents > [class^="section-"] { padding: 30px; } }

.contents > [class^="section-"].active { opacity: 0; -webkit-animation: fadein 1s forwards; animation: fadein 1s forwards; display: -ms-flexbox; display: flex; }

@-webkit-keyframes fadein { from { opacity: 0;
    display: none; }
  to { display: initial;
    opacity: 1; } }

@keyframes fadein { from { opacity: 0;
    display: none; }
  to { display: initial;
    opacity: 1; } }

@-webkit-keyframes fadeout { to { opacity: 0;
    display: none;
    pointer-events: none; } }

@keyframes fadeout { to { opacity: 0;
    display: none;
    pointer-events: none; } }

@-webkit-keyframes showSectionTitle { to { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes showSectionTitle { to { -webkit-transform: translateX(0); transform: translateX(0); } }

.header { position: fixed; top: 0; z-index: 101; opacity: 0; }

@media only screen and (max-width: 47.9375em) { .header { margin-top: 20px; margin-left: 20px; } }

@media only screen and (min-width: 48em) { .header { padding: 30px 30px 0 30px; } }

.header.animate-in { opacity: 0; -webkit-animation: fadein 1s ease-in-out forwards; animation: fadein 1s ease-in-out forwards; }

.header.animate-out { -webkit-animation: fadeout 2.6s 0.5s forwards; animation: fadeout 2.6s 0.5s forwards; opacity: 1; pointer-events: none; }

.page-template-contact-success .header, .page-template-contact-confirm .header { display: block; -webkit-animation: fadein 1s 0.3s ease-in-out forwards; animation: fadein 1s 0.3s ease-in-out forwards; }

.logo { cursor: pointer; }

.logo img { width: calc(90px/2); }

@media only screen and (max-width: 47.9375em) { .logo { display: none; } }

@media only screen and (max-width: 47.9375em) { .section1 .logo { display: block; } }

.nav-open .logo { display: none !important; }

.nav { -ms-flex-align: center; align-items: center; display: none; font-size: 13px; height: 100%; opacity: 0; pointer-events: none; display: none; }

@media only screen and (max-width: 61.9375em) { .nav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; padding: 20px; opacity: 1; z-index: 1; } }

@media only screen and (min-width: 62em) { .nav { position: fixed; top: 0; right: 30px; display: -ms-flexbox; display: flex; z-index: 5; } }

.nav.animate-in { -webkit-animation: fadein 1s ease-in-out forwards; animation: fadein 1s ease-in-out forwards; opacity: 0; }

@media only screen and (min-width: 62em) { .nav.animate-in { display: -ms-flexbox; display: flex; pointer-events: auto; } }

.nav.animate-out { pointer-events: none !important; }

@media only screen and (min-width: 62em) { .nav.animate-out { opacity: 1; -webkit-animation: fadeout 2.6s 0.5s forwards; animation: fadeout 2.6s 0.5s forwards; } }

@media only screen and (max-width: 61.9375em) { .nav.is-active { -webkit-animation: fadein 0.3s ease-in-out forwards; animation: fadein 0.3s ease-in-out forwards; display: -ms-flexbox; display: flex; opacity: 0; z-index: 100; } }

.section__outline-nav { position: absolute; top: 50%; left: -3%; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: calc(100vh - 80px); pointer-events: none; }

@media only screen and (max-height: 46.5625em) { .section__outline-nav { left: -26px; } }

@media only screen and (max-height: 33.125em) { .section__outline-nav { left: -3%; } }

@media only screen and (min-width: 62em) { .section__outline-nav { display: none; } }

.section__outline-nav .section__outline-text { letter-spacing: 0.09em; stroke-width: 0.7px; font-size: 59px; }

.nav-list { pointer-events: none; }

@media only screen and (max-width: 61.9375em) { .nav .nav-list { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 90%; -ms-flex-pack: justify; justify-content: space-between; max-height: 550px; } }

.footer .nav-list { display: none; list-style: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-top: 55px; }

@media only screen and (min-width: 48em) { .footer .nav-list { display: -ms-flexbox; display: flex; } }

.nav-list__item { -ms-flex-align: center; align-items: center; font-size: 13px; letter-spacing: 0.1em; line-height: 1; position: relative; text-transform: uppercase; }

.animate-in .nav-list__item { cursor: pointer; pointer-events: auto; }

.animate-out .nav-list__item { pointer-events: none !important; }

.nav .nav-list__item { display: -ms-flexbox; display: flex; padding-right: 20px; }

@media only screen and (max-width: 61.9375em) { .nav .nav-list__item { font-family: "Anton"; font-size: 32px; -ms-flex-pack: start; justify-content: flex-start; list-style-type: none; -ms-flex-align: start; align-items: flex-start; } }

@media only screen and (min-width: 62em) { .nav .nav-list__item { -ms-flex-pack: end; justify-content: flex-end; } }

.nav .nav-list__item:after { position: absolute; top: 4px; right: 0; width: 4px; height: 4px; background-color: #fff; border-radius: 15px; content: ''; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; }

@media only screen and (max-width: 61.9375em) { .nav .nav-list__item:after { display: none; } }

@media only screen and (min-width: 62em) { .nav .nav-list__item:after { display: block; } }

.nav .nav-list__item:not(:last-child) { margin-bottom: 31px; }

.nav .nav-list__item.is-active:after { background-color: transparent; border: 0.4px solid #e4c63b; -webkit-transform: scale(2.75); transform: scale(2.75); }

.footer .nav-list__item { display: -ms-inline-flexbox; display: inline-flex; }

.footer .nav-list__item:not(:last-child) { margin-right: 50px; }

.nav-list__num { font-size: 14px; margin-right: 15px; }

@media only screen and (min-width: 62em) { .nav-list__num { display: none; } }

.nav-scroller-link { width: 160px; height: 160px; position: fixed; right: -40px; bottom: -25px; z-index: 99; }

.animate-in .nav-scroller-link { pointer-events: auto; }

.animate-out .nav-scroller-link { pointer-events: none !important; }

.hoverable .nav-scroller-link:hover { cursor: pointer; cursor: pointer; }

@media only screen and (min-width: 62em) { .nav-scroller-link { display: none !important; } }

.nav-scroller { width: 160px; height: 160px; position: fixed; right: -40px; bottom: -25px; z-index: 5; cursor: pointer; }

@media only screen and (min-width: 62em) { .nav-scroller { display: none; } }

.nav-scroller:before { width: 44px; height: 52px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: arrowSpinNav 0.7s ease-in alternate-reverse infinite; animation: arrowSpinNav 0.7s ease-in alternate-reverse infinite; content: ''; display: block; background-image: url("../images/arrow-down.png"); background-size: cover; }

.nav-scroller__circle { width: 100%; height: 100%; -webkit-animation: scrollerSpin 80s linear infinite; animation: scrollerSpin 80s linear infinite; background-image: url("../images/scroller_nav.png"); background-size: contain; background-repeat: no-repeat; }

@-webkit-keyframes arrowSpinNav { 0% { -webkit-transform: translate(-50%, -40%) rotate(180deg); transform: translate(-50%, -40%) rotate(180deg); }
  100% { -webkit-transform: translate(-50%, -60%) rotate(180deg); transform: translate(-50%, -60%) rotate(180deg); } }

@keyframes arrowSpinNav { 0% { -webkit-transform: translate(-50%, -40%) rotate(180deg); transform: translate(-50%, -40%) rotate(180deg); }
  100% { -webkit-transform: translate(-50%, -60%) rotate(180deg); transform: translate(-50%, -60%) rotate(180deg); } }

.footer { display: block !important; height: auto !important; width: 100% !important; text-align: center; margin-top: 70px; position: relative; z-index: 1; }

@media only screen and (max-width: 47.9375em) { .footer { background-color: #000; } }

.footer__text { color: #7e7e7e; font-size: 11px; margin-top: 112px; letter-spacing: 3px; }

.section__title { font-size: 15px; height: 41px; letter-spacing: 0.08em; padding-bottom: 7px; position: relative; white-space: nowrap; }

@media only screen and (min-width: 48em) { .section__title { font-size: 21px; margin-top: 124px; } }

.section__title:before, .section__title:after { position: absolute; bottom: 0; content: ''; background-color: #e4c120; border-radius: 4px; height: 4px; }

.section__title:before { left: 0; width: 26px; }

.section__title:after { left: 30px; width: 4px; }

.section__subtitle { pointer-events: none !important; }

.section__outline { pointer-events: none !important; overflow: hidden; }

@media only screen and (max-width: 47.9375em) { .section__outline { position: absolute; top: 0; left: 0; max-width: 403px; padding-left: 20px; padding-top: 20px; width: 100%; } }

.section__outline-text { fill: none; font-family: "Anton"; stroke-miterlimit: 10; stroke-width: 0.3px; stroke: rgba(255, 255, 255, 0.3); }

.services { opacity: 0; position: relative; z-index: 1; display: none; }

@media only screen and (max-width: 47.9375em) { .services { margin-top: 35px; text-align: center; width: 100%; } }

@media only screen and (min-width: 48em) { .services { max-width: 310px; } }

.services img { transition: all 0.5s ease; margin-bottom: 15px; width: 100%; }

.animate-in .services:nth-child(1) { -webkit-animation: fadein 0.8s 1.1s ease-in-out forwards; animation: fadein 0.8s 1.1s ease-in-out forwards; display: block; }

.animate-in .services:nth-child(2) { -webkit-animation: fadein 0.8s 1.5s ease-in-out forwards; animation: fadein 0.8s 1.5s ease-in-out forwards; display: block; }

.animate-in .services:nth-child(3) { -webkit-animation: fadein 0.8s 1.9s ease-in-out forwards; animation: fadein 0.8s 1.9s ease-in-out forwards; display: block; }

.animate-in .services:nth-child(4) { -webkit-animation: fadein 0.8s 2.3s ease-in-out forwards; animation: fadein 0.8s 2.3s ease-in-out forwards; display: block; }

.animate-out .services { opacity: 1; }

.animate-out .services:nth-child(1) { -webkit-animation: fadeout 0.5s 0.5s ease-in forwards; animation: fadeout 0.5s 0.5s ease-in forwards; display: none; }

.animate-out .services:nth-child(2) { -webkit-animation: fadeout 0.5s 1s ease-in forwards; animation: fadeout 0.5s 1s ease-in forwards; display: none; }

.animate-out .services:nth-child(3) { -webkit-animation: fadeout 0.5s 1.5s ease-in forwards; animation: fadeout 0.5s 1.5s ease-in forwards; display: none; }

.animate-out .services:nth-child(4) { -webkit-animation: fadeout 0.5s 2s ease-in forwards; animation: fadeout 0.5s 2s ease-in forwards; display: none; }

.services__img { transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

@media only screen and (max-width: 47.9375em) { .services__img { margin-left: auto; margin-right: auto; } }

@media only screen and (min-width: 48em) { .services--web { margin-top: 16%; margin-left: 17%; } }

@media only screen and (min-width: 64em) { .services--web { margin-left: 205px; margin-top: 74px; } }

.services--web .services__title { margin-bottom: 6px; letter-spacing: 0.2em; }

.services--web .services__img { width: 43px; margin-bottom: 17px; }

.services--web .services__img img { -webkit-animation: services-rotate-1 8s linear infinite; animation: services-rotate-1 8s linear infinite; }

@media only screen and (min-width: 48em) { .services--sns { margin-top: 120px; margin-bottom: 122px; } }

.services--sns .services__title { margin-bottom: 4px; letter-spacing: 0.09em; }

.services--sns .services__img { width: 42px; margin-bottom: 11px; }

.services--sns .services__img img { -webkit-animation: services-rotate-1 6s linear infinite; animation: services-rotate-1 6s linear infinite; }

@media only screen and (min-width: 48em) { .services--business { margin-left: 30%; } }

.services--business .services__title { margin-bottom: 4px; letter-spacing: 0.08em; }

.services--business .services__img { width: 39px; }

.services--business .services__img img { -webkit-animation: services-rotate-2 7s linear infinite; animation: services-rotate-2 7s linear infinite; }

.services__title { color: #e4c120; font-weight: bold; font-size: 16px; line-height: 1.875; }

.services__desc { font-size: 11px; letter-spacing: 0.08em; line-height: 2.273; }

.services__desc > span { display: block; }

@-webkit-keyframes services-rotate-1 { 0% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); }
  50% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(180deg) scale(1.7);
            transform: rotate(180deg) scale(1.7); }
  100% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1); } }

@keyframes services-rotate-1 { 0% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); }
  50% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(180deg) scale(1.7);
            transform: rotate(180deg) scale(1.7); }
  100% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1); } }

@-webkit-keyframes services-rotate-2 { 0% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(-360deg) scale(1);
            transform: rotate(-360deg) scale(1); }
  50% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(-180deg) scale(1.6);
            transform: rotate(-180deg) scale(1.6); }
  100% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1); } }

@keyframes services-rotate-2 { 0% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(-360deg) scale(1);
            transform: rotate(-360deg) scale(1); }
  50% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(-180deg) scale(1.6);
            transform: rotate(-180deg) scale(1.6); }
  100% { -webkit-transform-origin: center center; transform-origin: center center;
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1); } }

.hamburger { position: fixed; top: 20px; right: 15px; width: 35px; height: 35px; display: none; padding-right: 5px; padding-top: 12px; z-index: 999; }

@media only screen and (min-width: 62em) { .hamburger { display: none !important; } }

.hamburger.animate-in { -webkit-animation: fadein 1s ease-in-out forwards; animation: fadein 1s ease-in-out forwards; opacity: 0; display: block; }

.hamburger.animate-out { -webkit-animation: fadeout 0.5s forwards; animation: fadeout 0.5s forwards; opacity: 1; pointer-events: none !important; }

.hamburger__item { border-radius: 5px; display: block; height: 3px; width: 100%; }

.hamburger__item:first-child, .hamburger__item:last-child { transition: all 0.3s ease; background-color: #fff; }

.hamburger__item:last-child { margin-left: auto; margin-top: 8px; width: 80%; }

.is-active .hamburger__item:first-child { -webkit-transform: rotate(45deg) translate(5px, 9px); transform: rotate(45deg) translate(5px, 9px); }

.is-active .hamburger__item:last-child { -webkit-transform: rotate(-45deg) translate(-7px, 3px); transform: rotate(-45deg) translate(-7px, 3px); width: 100%; margin-top: 0; }

.breadcrumbs { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; }

.breadcrumbs__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 47.9375em) { .breadcrumbs__item { -ms-flex-direction: column; flex-direction: column; position: relative; } }

@media only screen and (max-width: 47.9375em) { .breadcrumbs__item:not(:last-child) { margin-right: 10%; } }

.breadcrumbs__item:not(:first-child):before { width: 35px; height: 2px; content: ''; display: block; background-color: #fff; }

@media only screen and (max-width: 47.9375em) { .breadcrumbs__item:not(:first-child):before { position: absolute; top: 15px; } }

@media only screen and (min-width: 48em) { .breadcrumbs__item:not(:first-child):before { margin-left: 22px; margin-right: 8px; } }

@media only screen and (max-width: 47.9375em) { .breadcrumbs__item:nth-child(2):before { left: -24px; } }

@media only screen and (max-width: 47.9375em) { .breadcrumbs__item:nth-child(3):before { left: -41px; } }

.mw_wp_form_input .breadcrumbs__num--input, .mw_wp_form_confirm .breadcrumbs__num--input, .mw_wp_form_complete .breadcrumbs__num--input { color: #f7c706; }

.mw_wp_form_input .breadcrumbs__num--input:before, .mw_wp_form_confirm .breadcrumbs__num--input:before, .mw_wp_form_complete .breadcrumbs__num--input:before { background-color: #f7c706; }

.mw_wp_form_confirm .breadcrumbs__num--confirm, .mw_wp_form_complete .breadcrumbs__num--confirm { color: #f7c706; }

.mw_wp_form_confirm .breadcrumbs__num--confirm:before, .mw_wp_form_complete .breadcrumbs__num--confirm:before { background-color: #f7c706; }

.mw_wp_form_complete .breadcrumbs__num--success { color: #f7c706; }

.mw_wp_form_complete .breadcrumbs__num--success:before { background-color: #f7c706; }

.breadcrumbs__num { font-size: 25px; font-weight: bold; margin-right: 10px; }

.breadcrumbs__label { font-size: 11px; }

.loading-mask { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.percentage { width: 100%; height: 100%; position: absolute; top: -110px; left: 0; text-shadow: -1px -1px 0 rgba(223, 156, 28, 0.8), -1px 0px 0 rgba(223, 156, 28, 0.8), -1px 1px 0 rgba(223, 156, 28, 0.8), 0px -1px 0 rgba(223, 156, 28, 0.8), 0px 0px 0 rgba(223, 156, 28, 0.8), 0px 1px 0 rgba(223, 156, 28, 0.8), 1px -1px 0 rgba(223, 156, 28, 0.8), 1px 0px 0 rgba(223, 156, 28, 0.8), 1px 1px 0 rgba(223, 156, 28, 0.8); color: #000; display: -ms-flexbox; display: flex; font-family: "Anton"; font-size: 150px; z-index: 100; -ms-flex-pack: center; justify-content: center; }

@supports (text-stroke: 1px rgba(223, 156, 28, 0.8)) or (-webkit-text-stroke: 1px rgba(223, 156, 28, 0.8)) { .percentage { color: transparent; -webkit-text-stroke: 1px rgba(223, 156, 28, 0.8); text-stroke: 1px rgba(223, 156, 28, 0.8); text-shadow: none; } }

.percentage:after { position: relative; top: 127px; left: 11px; color: rgba(223, 156, 28, 0.8); content: '%'; display: block; font-size: 40px; }

.loading { width: 100%; height: 3px; font-weight: 300; position: relative; }

.trackbar { width: 100%; height: 100%; text-align: center; overflow: hidden; position: relative; opacity: 0.99; }

.loadbar { width: 0; height: 100%; position: absolute; top: 0; left: 0; background-color: #df9c1c; overflow: hidden; }

.particle-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

.particle { position: absolute; }

.particle.circle { border-radius: 50%; }

@-webkit-keyframes particle-circle-1 { 100% { -webkit-transform: translate3d(52vw, 73vh, 620px); transform: translate3d(52vw, 73vh, 620px); } }

@keyframes particle-circle-1 { 100% { -webkit-transform: translate3d(52vw, 73vh, 620px); transform: translate3d(52vw, 73vh, 620px); } }

.particle.circle:nth-child(1) { width: 9px; height: 9px; -webkit-animation: particle-circle-1 123s infinite alternate; animation: particle-circle-1 123s infinite alternate; -webkit-animation-delay: -0.1s; animation-delay: -0.1s; background: #000; border: solid 2px #f7c706; opacity: 0.33; -webkit-transform: translate3d(51vw, 35vh, 4px); transform: translate3d(51vw, 35vh, 4px); }

@-webkit-keyframes particle-circle-2 { 100% { -webkit-transform: translate3d(28vw, 29vh, 70px); transform: translate3d(28vw, 29vh, 70px); } }

@keyframes particle-circle-2 { 100% { -webkit-transform: translate3d(28vw, 29vh, 70px); transform: translate3d(28vw, 29vh, 70px); } }

.particle.circle:nth-child(2) { width: 16px; height: 16px; -webkit-animation: particle-circle-2 145s infinite alternate; animation: particle-circle-2 145s infinite alternate; -webkit-animation-delay: -0.2s; animation-delay: -0.2s; background: #000; border: solid 2px #f7c706; opacity: 0.3; -webkit-transform: translate3d(34vw, 7vh, 35px); transform: translate3d(34vw, 7vh, 35px); }

@-webkit-keyframes particle-circle-3 { 100% { -webkit-transform: translate3d(100vw, 22vh, 960px); transform: translate3d(100vw, 22vh, 960px); } }

@keyframes particle-circle-3 { 100% { -webkit-transform: translate3d(100vw, 22vh, 960px); transform: translate3d(100vw, 22vh, 960px); } }

.particle.circle:nth-child(3) { width: 7px; height: 7px; -webkit-animation: particle-circle-3 148s infinite alternate; animation: particle-circle-3 148s infinite alternate; -webkit-animation-delay: -0.3s; animation-delay: -0.3s; background: #000; border: solid 2px #f7c706; opacity: 0.01; -webkit-transform: translate3d(21vw, 32vh, 84px); transform: translate3d(21vw, 32vh, 84px); }

@-webkit-keyframes particle-circle-4 { 100% { -webkit-transform: translate3d(15vw, 68vh, 930px); transform: translate3d(15vw, 68vh, 930px); } }

@keyframes particle-circle-4 { 100% { -webkit-transform: translate3d(15vw, 68vh, 930px); transform: translate3d(15vw, 68vh, 930px); } }

.particle.circle:nth-child(4) { width: 20px; height: 20px; -webkit-animation: particle-circle-4 129s infinite alternate; animation: particle-circle-4 129s infinite alternate; -webkit-animation-delay: -0.4s; animation-delay: -0.4s; background: #000; border: solid 2px #f7c706; opacity: 0.09; -webkit-transform: translate3d(28vw, 81vh, 99px); transform: translate3d(28vw, 81vh, 99px); }

@-webkit-keyframes particle-circle-5 { 100% { -webkit-transform: translate3d(80vw, 35vh, 790px); transform: translate3d(80vw, 35vh, 790px); } }

@keyframes particle-circle-5 { 100% { -webkit-transform: translate3d(80vw, 35vh, 790px); transform: translate3d(80vw, 35vh, 790px); } }

.particle.circle:nth-child(5) { width: 10px; height: 10px; -webkit-animation: particle-circle-5 127s infinite alternate; animation: particle-circle-5 127s infinite alternate; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; background: #000; border: solid 2px #f7c706; opacity: 0.25; -webkit-transform: translate3d(60vw, 45vh, 71px); transform: translate3d(60vw, 45vh, 71px); }

@-webkit-keyframes particle-circle-6 { 100% { -webkit-transform: translate3d(72vw, 75vh, 240px); transform: translate3d(72vw, 75vh, 240px); } }

@keyframes particle-circle-6 { 100% { -webkit-transform: translate3d(72vw, 75vh, 240px); transform: translate3d(72vw, 75vh, 240px); } }

.particle.circle:nth-child(6) { width: 14px; height: 14px; -webkit-animation: particle-circle-6 174s infinite alternate; animation: particle-circle-6 174s infinite alternate; -webkit-animation-delay: -0.6s; animation-delay: -0.6s; background: #000; border: solid 2px #f7c706; opacity: 0.33; -webkit-transform: translate3d(85vw, 89vh, 80px); transform: translate3d(85vw, 89vh, 80px); }

@-webkit-keyframes particle-circle-7 { 100% { -webkit-transform: translate3d(100vw, 88vh, 150px); transform: translate3d(100vw, 88vh, 150px); } }

@keyframes particle-circle-7 { 100% { -webkit-transform: translate3d(100vw, 88vh, 150px); transform: translate3d(100vw, 88vh, 150px); } }

.particle.circle:nth-child(7) { width: 17px; height: 17px; -webkit-animation: particle-circle-7 128s infinite alternate; animation: particle-circle-7 128s infinite alternate; -webkit-animation-delay: -0.7s; animation-delay: -0.7s; background: #000; border: solid 2px #f7c706; opacity: 0.04; -webkit-transform: translate3d(8vw, 9vh, 58px); transform: translate3d(8vw, 9vh, 58px); }

@-webkit-keyframes particle-circle-8 { 100% { -webkit-transform: translate3d(76vw, 27vh, 340px); transform: translate3d(76vw, 27vh, 340px); } }

@keyframes particle-circle-8 { 100% { -webkit-transform: translate3d(76vw, 27vh, 340px); transform: translate3d(76vw, 27vh, 340px); } }

.particle.circle:nth-child(8) { width: 13px; height: 13px; -webkit-animation: particle-circle-8 159s infinite alternate; animation: particle-circle-8 159s infinite alternate; -webkit-animation-delay: -0.8s; animation-delay: -0.8s; background: #000; border: solid 2px #f7c706; opacity: 0.24; -webkit-transform: translate3d(4vw, 12vh, 39px); transform: translate3d(4vw, 12vh, 39px); }

@-webkit-keyframes particle-circle-9 { 100% { -webkit-transform: translate3d(36vw, 49vh, 410px); transform: translate3d(36vw, 49vh, 410px); } }

@keyframes particle-circle-9 { 100% { -webkit-transform: translate3d(36vw, 49vh, 410px); transform: translate3d(36vw, 49vh, 410px); } }

.particle.circle:nth-child(9) { width: 14px; height: 14px; -webkit-animation: particle-circle-9 158s infinite alternate; animation: particle-circle-9 158s infinite alternate; -webkit-animation-delay: -0.9s; animation-delay: -0.9s; background: #000; border: solid 2px #f7c706; opacity: 0.11; -webkit-transform: translate3d(13vw, 34vh, 46px); transform: translate3d(13vw, 34vh, 46px); }

@-webkit-keyframes particle-circle-10 { 100% { -webkit-transform: translate3d(27vw, 95vh, 390px); transform: translate3d(27vw, 95vh, 390px); } }

@keyframes particle-circle-10 { 100% { -webkit-transform: translate3d(27vw, 95vh, 390px); transform: translate3d(27vw, 95vh, 390px); } }

.particle.circle:nth-child(10) { width: 16px; height: 16px; -webkit-animation: particle-circle-10 170s infinite alternate; animation: particle-circle-10 170s infinite alternate; -webkit-animation-delay: -1s; animation-delay: -1s; background: #000; border: solid 2px #f7c706; opacity: 0.03; -webkit-transform: translate3d(72vw, 12vh, 17px); transform: translate3d(72vw, 12vh, 17px); }

@-webkit-keyframes particle-circle-11 { 100% { -webkit-transform: translate3d(57vw, 18vh, 360px); transform: translate3d(57vw, 18vh, 360px); } }

@keyframes particle-circle-11 { 100% { -webkit-transform: translate3d(57vw, 18vh, 360px); transform: translate3d(57vw, 18vh, 360px); } }

.particle.circle:nth-child(11) { width: 9px; height: 9px; -webkit-animation: particle-circle-11 90s infinite alternate; animation: particle-circle-11 90s infinite alternate; -webkit-animation-delay: -1.1s; animation-delay: -1.1s; background: #000; border: solid 2px #f7c706; opacity: 0.17; -webkit-transform: translate3d(88vw, 86vh, 32px); transform: translate3d(88vw, 86vh, 32px); }

@-webkit-keyframes particle-circle-12 { 100% { -webkit-transform: translate3d(31vw, 71vh, 320px); transform: translate3d(31vw, 71vh, 320px); } }

@keyframes particle-circle-12 { 100% { -webkit-transform: translate3d(31vw, 71vh, 320px); transform: translate3d(31vw, 71vh, 320px); } }

.particle.circle:nth-child(12) { width: 15px; height: 15px; -webkit-animation: particle-circle-12 178s infinite alternate; animation: particle-circle-12 178s infinite alternate; -webkit-animation-delay: -1.2s; animation-delay: -1.2s; background: #000; border: solid 2px #f7c706; opacity: 0.03; -webkit-transform: translate3d(31vw, 27vh, 97px); transform: translate3d(31vw, 27vh, 97px); }

@-webkit-keyframes particle-circle-13 { 100% { -webkit-transform: translate3d(99vw, 12vh, 120px); transform: translate3d(99vw, 12vh, 120px); } }

@keyframes particle-circle-13 { 100% { -webkit-transform: translate3d(99vw, 12vh, 120px); transform: translate3d(99vw, 12vh, 120px); } }

.particle.circle:nth-child(13) { width: 15px; height: 15px; -webkit-animation: particle-circle-13 92s infinite alternate; animation: particle-circle-13 92s infinite alternate; -webkit-animation-delay: -1.3s; animation-delay: -1.3s; background: #000; border: solid 2px #f7c706; opacity: 0.3; -webkit-transform: translate3d(29vw, 62vh, 53px); transform: translate3d(29vw, 62vh, 53px); }

@-webkit-keyframes particle-circle-14 { 100% { -webkit-transform: translate3d(29vw, 91vh, 620px); transform: translate3d(29vw, 91vh, 620px); } }

@keyframes particle-circle-14 { 100% { -webkit-transform: translate3d(29vw, 91vh, 620px); transform: translate3d(29vw, 91vh, 620px); } }

.particle.circle:nth-child(14) { width: 19px; height: 19px; -webkit-animation: particle-circle-14 83s infinite alternate; animation: particle-circle-14 83s infinite alternate; -webkit-animation-delay: -1.4s; animation-delay: -1.4s; background: #000; border: solid 2px #f7c706; opacity: 0.04; -webkit-transform: translate3d(29vw, 76vh, 23px); transform: translate3d(29vw, 76vh, 23px); }

@-webkit-keyframes particle-circle-15 { 100% { -webkit-transform: translate3d(23vw, 82vh, 370px); transform: translate3d(23vw, 82vh, 370px); } }

@keyframes particle-circle-15 { 100% { -webkit-transform: translate3d(23vw, 82vh, 370px); transform: translate3d(23vw, 82vh, 370px); } }

.particle.circle:nth-child(15) { width: 16px; height: 16px; -webkit-animation: particle-circle-15 158s infinite alternate; animation: particle-circle-15 158s infinite alternate; -webkit-animation-delay: -1.5s; animation-delay: -1.5s; background: #000; border: solid 2px #f7c706; opacity: 0.07; -webkit-transform: translate3d(63vw, 40vh, 54px); transform: translate3d(63vw, 40vh, 54px); }

@-webkit-keyframes particle-circle-16 { 100% { -webkit-transform: translate3d(58vw, 98vh, 190px); transform: translate3d(58vw, 98vh, 190px); } }

@keyframes particle-circle-16 { 100% { -webkit-transform: translate3d(58vw, 98vh, 190px); transform: translate3d(58vw, 98vh, 190px); } }

.particle.circle:nth-child(16) { width: 17px; height: 17px; -webkit-animation: particle-circle-16 159s infinite alternate; animation: particle-circle-16 159s infinite alternate; -webkit-animation-delay: -1.6s; animation-delay: -1.6s; background: #000; border: solid 2px #f7c706; opacity: 0.26; -webkit-transform: translate3d(8vw, 2vh, 31px); transform: translate3d(8vw, 2vh, 31px); }

@-webkit-keyframes particle-circle-17 { 100% { -webkit-transform: translate3d(31vw, 91vh, 350px); transform: translate3d(31vw, 91vh, 350px); } }

@keyframes particle-circle-17 { 100% { -webkit-transform: translate3d(31vw, 91vh, 350px); transform: translate3d(31vw, 91vh, 350px); } }

.particle.circle:nth-child(17) { width: 10px; height: 10px; -webkit-animation: particle-circle-17 90s infinite alternate; animation: particle-circle-17 90s infinite alternate; -webkit-animation-delay: -1.7s; animation-delay: -1.7s; background: #000; border: solid 2px #f7c706; opacity: 0.02; -webkit-transform: translate3d(38vw, 7vh, 37px); transform: translate3d(38vw, 7vh, 37px); }

@-webkit-keyframes particle-circle-18 { 100% { -webkit-transform: translate3d(74vw, 75vh, 670px); transform: translate3d(74vw, 75vh, 670px); } }

@keyframes particle-circle-18 { 100% { -webkit-transform: translate3d(74vw, 75vh, 670px); transform: translate3d(74vw, 75vh, 670px); } }

.particle.circle:nth-child(18) { width: 14px; height: 14px; -webkit-animation: particle-circle-18 88s infinite alternate; animation: particle-circle-18 88s infinite alternate; -webkit-animation-delay: -1.8s; animation-delay: -1.8s; background: #000; border: solid 2px #f7c706; opacity: 0.03; -webkit-transform: translate3d(58vw, 7vh, 32px); transform: translate3d(58vw, 7vh, 32px); }

@-webkit-keyframes particle-circle-19 { 100% { -webkit-transform: translate3d(94vw, 13vh, 1000px); transform: translate3d(94vw, 13vh, 1000px); } }

@keyframes particle-circle-19 { 100% { -webkit-transform: translate3d(94vw, 13vh, 1000px); transform: translate3d(94vw, 13vh, 1000px); } }

.particle.circle:nth-child(19) { width: 10px; height: 10px; -webkit-animation: particle-circle-19 178s infinite alternate; animation: particle-circle-19 178s infinite alternate; -webkit-animation-delay: -1.9s; animation-delay: -1.9s; background: #000; border: solid 2px #f7c706; opacity: 0.16; -webkit-transform: translate3d(79vw, 7vh, 9px); transform: translate3d(79vw, 7vh, 9px); }

@-webkit-keyframes particle-circle-20 { 100% { -webkit-transform: translate3d(74vw, 37vh, 380px); transform: translate3d(74vw, 37vh, 380px); } }

@keyframes particle-circle-20 { 100% { -webkit-transform: translate3d(74vw, 37vh, 380px); transform: translate3d(74vw, 37vh, 380px); } }

.particle.circle:nth-child(20) { width: 7px; height: 7px; -webkit-animation: particle-circle-20 162s infinite alternate; animation: particle-circle-20 162s infinite alternate; -webkit-animation-delay: -2s; animation-delay: -2s; background: #000; border: solid 2px #f7c706; opacity: 0.22; -webkit-transform: translate3d(89vw, 62vh, 62px); transform: translate3d(89vw, 62vh, 62px); }

.particle.cube { background-image: url("../images/particles/cube.png"); background-repeat: no-repeat; background-position: center center; }

@-webkit-keyframes particle-cube-21 { 100% { -webkit-transform: translate3d(58vw, 23vh, 690px) rotate(1000deg); transform: translate3d(58vw, 23vh, 690px) rotate(1000deg); } }

@keyframes particle-cube-21 { 100% { -webkit-transform: translate3d(58vw, 23vh, 690px) rotate(1000deg); transform: translate3d(58vw, 23vh, 690px) rotate(1000deg); } }

.particle.cube:nth-child(21) { width: 203px; height: 270px; background-size: 0%; -webkit-animation: particle-cube-21 60s infinite alternate; animation: particle-cube-21 60s infinite alternate; -webkit-animation-delay: -2.1s; animation-delay: -2.1s; opacity: 0.27; -webkit-transform: translate3d(65vw, 33vh, 61px) rotate(0); transform: translate3d(65vw, 33vh, 61px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-22 { 100% { -webkit-transform: translate3d(21vw, 54vh, 670px) rotate(1000deg); transform: translate3d(21vw, 54vh, 670px) rotate(1000deg); } }

@keyframes particle-cube-22 { 100% { -webkit-transform: translate3d(21vw, 54vh, 670px) rotate(1000deg); transform: translate3d(21vw, 54vh, 670px) rotate(1000deg); } }

.particle.cube:nth-child(22) { width: 226px; height: 221px; background-size: 0%; -webkit-animation: particle-cube-22 60s infinite alternate; animation: particle-cube-22 60s infinite alternate; -webkit-animation-delay: -2.2s; animation-delay: -2.2s; opacity: 0.09; -webkit-transform: translate3d(72vw, 32vh, 98px) rotate(0); transform: translate3d(72vw, 32vh, 98px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-23 { 100% { -webkit-transform: translate3d(1vw, 98vh, 850px) rotate(1000deg); transform: translate3d(1vw, 98vh, 850px) rotate(1000deg); } }

@keyframes particle-cube-23 { 100% { -webkit-transform: translate3d(1vw, 98vh, 850px) rotate(1000deg); transform: translate3d(1vw, 98vh, 850px) rotate(1000deg); } }

.particle.cube:nth-child(23) { width: 218px; height: 249px; background-size: 0%; -webkit-animation: particle-cube-23 60s infinite alternate; animation: particle-cube-23 60s infinite alternate; -webkit-animation-delay: -2.3s; animation-delay: -2.3s; opacity: 0.7; -webkit-transform: translate3d(73vw, 47vh, 20px) rotate(0); transform: translate3d(73vw, 47vh, 20px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-24 { 100% { -webkit-transform: translate3d(53vw, 82vh, 120px) rotate(1000deg); transform: translate3d(53vw, 82vh, 120px) rotate(1000deg); } }

@keyframes particle-cube-24 { 100% { -webkit-transform: translate3d(53vw, 82vh, 120px) rotate(1000deg); transform: translate3d(53vw, 82vh, 120px) rotate(1000deg); } }

.particle.cube:nth-child(24) { width: 233px; height: 290px; background-size: 0%; -webkit-animation: particle-cube-24 60s infinite alternate; animation: particle-cube-24 60s infinite alternate; -webkit-animation-delay: -2.4s; animation-delay: -2.4s; opacity: 0.69; -webkit-transform: translate3d(36vw, 66vh, 55px) rotate(0); transform: translate3d(36vw, 66vh, 55px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-25 { 100% { -webkit-transform: translate3d(45vw, 2vh, 820px) rotate(1000deg); transform: translate3d(45vw, 2vh, 820px) rotate(1000deg); } }

@keyframes particle-cube-25 { 100% { -webkit-transform: translate3d(45vw, 2vh, 820px) rotate(1000deg); transform: translate3d(45vw, 2vh, 820px) rotate(1000deg); } }

.particle.cube:nth-child(25) { width: 177px; height: 211px; background-size: 0%; -webkit-animation: particle-cube-25 60s infinite alternate; animation: particle-cube-25 60s infinite alternate; -webkit-animation-delay: -2.5s; animation-delay: -2.5s; opacity: 0.04; -webkit-transform: translate3d(46vw, 42vh, 44px) rotate(0); transform: translate3d(46vw, 42vh, 44px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-26 { 100% { -webkit-transform: translate3d(32vw, 23vh, 220px) rotate(1000deg); transform: translate3d(32vw, 23vh, 220px) rotate(1000deg); } }

@keyframes particle-cube-26 { 100% { -webkit-transform: translate3d(32vw, 23vh, 220px) rotate(1000deg); transform: translate3d(32vw, 23vh, 220px) rotate(1000deg); } }

.particle.cube:nth-child(26) { width: 144px; height: 276px; background-size: 0%; -webkit-animation: particle-cube-26 60s infinite alternate; animation: particle-cube-26 60s infinite alternate; -webkit-animation-delay: -2.6s; animation-delay: -2.6s; opacity: 0.6; -webkit-transform: translate3d(59vw, 18vh, 16px) rotate(0); transform: translate3d(59vw, 18vh, 16px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-27 { 100% { -webkit-transform: translate3d(37vw, 38vh, 940px) rotate(1000deg); transform: translate3d(37vw, 38vh, 940px) rotate(1000deg); } }

@keyframes particle-cube-27 { 100% { -webkit-transform: translate3d(37vw, 38vh, 940px) rotate(1000deg); transform: translate3d(37vw, 38vh, 940px) rotate(1000deg); } }

.particle.cube:nth-child(27) { width: 148px; height: 221px; background-size: 0%; -webkit-animation: particle-cube-27 60s infinite alternate; animation: particle-cube-27 60s infinite alternate; -webkit-animation-delay: -2.7s; animation-delay: -2.7s; opacity: 0.63; -webkit-transform: translate3d(85vw, 49vh, 5px) rotate(0); transform: translate3d(85vw, 49vh, 5px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-28 { 100% { -webkit-transform: translate3d(18vw, 100vh, 520px) rotate(1000deg); transform: translate3d(18vw, 100vh, 520px) rotate(1000deg); } }

@keyframes particle-cube-28 { 100% { -webkit-transform: translate3d(18vw, 100vh, 520px) rotate(1000deg); transform: translate3d(18vw, 100vh, 520px) rotate(1000deg); } }

.particle.cube:nth-child(28) { width: 131px; height: 256px; background-size: 0%; -webkit-animation: particle-cube-28 60s infinite alternate; animation: particle-cube-28 60s infinite alternate; -webkit-animation-delay: -2.8s; animation-delay: -2.8s; opacity: 0.66; -webkit-transform: translate3d(86vw, 15vh, 92px) rotate(0); transform: translate3d(86vw, 15vh, 92px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-29 { 100% { -webkit-transform: translate3d(64vw, 28vh, 150px) rotate(1000deg); transform: translate3d(64vw, 28vh, 150px) rotate(1000deg); } }

@keyframes particle-cube-29 { 100% { -webkit-transform: translate3d(64vw, 28vh, 150px) rotate(1000deg); transform: translate3d(64vw, 28vh, 150px) rotate(1000deg); } }

.particle.cube:nth-child(29) { width: 281px; height: 189px; background-size: 0%; -webkit-animation: particle-cube-29 60s infinite alternate; animation: particle-cube-29 60s infinite alternate; -webkit-animation-delay: -2.9s; animation-delay: -2.9s; opacity: 0.59; -webkit-transform: translate3d(11vw, 44vh, 56px) rotate(0); transform: translate3d(11vw, 44vh, 56px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes particle-cube-30 { 100% { -webkit-transform: translate3d(19vw, 7vh, 370px) rotate(1000deg); transform: translate3d(19vw, 7vh, 370px) rotate(1000deg); } }

@keyframes particle-cube-30 { 100% { -webkit-transform: translate3d(19vw, 7vh, 370px) rotate(1000deg); transform: translate3d(19vw, 7vh, 370px) rotate(1000deg); } }

.particle.cube:nth-child(30) { width: 254px; height: 147px; background-size: 0%; -webkit-animation: particle-cube-30 60s infinite alternate; animation: particle-cube-30 60s infinite alternate; -webkit-animation-delay: -3s; animation-delay: -3s; opacity: 0.34; -webkit-transform: translate3d(17vw, 89vh, 29px) rotate(0); transform: translate3d(17vw, 89vh, 29px) rotate(0); z-index: -1; -webkit-transform-origin: center; transform-origin: center; }

.path { -webkit-animation: dashIn 0.8s ease-in-out forwards; animation: dashIn 0.8s ease-in-out forwards; fill: none; stroke-dasharray: 300; stroke-dashoffset: 300; stroke-miterlimit: 10; stroke-width: 10px; stroke: #fff; }

.animate-out .path { -webkit-animation: dashOut 0.8s ease-in-out forwards; animation: dashOut 0.8s ease-in-out forwards; }

@-webkit-keyframes dashIn { to { stroke-dashoffset: 0; } }

@keyframes dashIn { to { stroke-dashoffset: 0; } }

@-webkit-keyframes dashOut { from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: 300; } }

@keyframes dashOut { from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: 300; } }

.main-text { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-animation: fadein 0s ease-in-out; animation: fadein 0s ease-in-out; pointer-events: none; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(0.8) rotate(-5deg); transform: scale(0.8) rotate(-5deg); z-index: 19; overflow: hidden; }

@media only screen and (min-width: 35em) { .main-text { -webkit-transform: scale(0.4) rotate(-5deg); transform: scale(0.4) rotate(-5deg); } }

.animate-out .main-text { -webkit-animation: fadeout 0.4s 0.5s ease-in-out forwards; animation: fadeout 0.4s 0.5s ease-in-out forwards; }

.handwriting-done .main-text .path { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; stroke-width: 10px; stroke-dashoffset: 0; }

.main-do-o { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.main-you-y { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.main-you-o { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.main-you-u { -webkit-animation-delay: 1.23s; animation-delay: 1.23s; }

.main-know-k1 { -webkit-animation-delay: 1.39s; animation-delay: 1.39s; }

.main-know-k2 { -webkit-animation-delay: 1.51s; animation-delay: 1.51s; }

.main-know-n { -webkit-animation-delay: 1.58s; animation-delay: 1.58s; }

.main-know-o { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }

.main-know-w { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

.main-yourself-y { -webkit-animation-delay: 1.98s; animation-delay: 1.98s; }

.main-yourself-o { -webkit-animation-delay: 3s; animation-delay: 3s; }

.main-yourself-u { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; }

.main-yourself-r { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }

.main-yourself-s { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 3.8s; animation-delay: 3.8s; }

.main-yourself-e4 { -webkit-animation-delay: 3.95s; animation-delay: 3.95s; }

.main-yourself-e3 { -webkit-animation-delay: 4.1s; animation-delay: 4.1s; }

.main-yourself-e2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 4.2s; animation-delay: 4.2s; }

.main-yourself-e1 { -webkit-animation-delay: 4.27s; animation-delay: 4.27s; }

.main-yourself-l { -webkit-animation-delay: 4.32s; animation-delay: 4.32s; }

.main-yourself-f3 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }

.main-yourself-f2 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }

.main-yourself-f1 { -webkit-animation-delay: 4.6s; animation-delay: 4.6s; }

.main-question-1 { -webkit-animation-delay: 4.7s; animation-delay: 4.7s; }

.main-question-2 { -webkit-animation-delay: 5.15s; animation-delay: 5.15s; }

.philosophy-text { position: relative; width: 100%; z-index: 1; }

@media only screen and (min-width: 48em) { .philosophy-text { margin-left: auto; margin-right: 30px; max-width: 250px; } }

@media only screen and (min-width: 62em) { .philosophy-text { max-width: 327px; } }

.animate-out .philosophy-text { -webkit-animation: fadeout 0.4s 0.5s ease-in-out forwards; animation: fadeout 0.4s 0.5s ease-in-out forwards; }

.handwriting-done .philosophy-text .path { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; stroke-width: 10px; stroke-dashoffset: 0; }

@media only screen and (min-width: 48em) { .philosophy-text.for-pc { display: block; } }

.philosophy-always-a1 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.philosophy-always-a2 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.philosophy-always-l { -webkit-animation-delay: 0.96s; animation-delay: 0.96s; }

.philosophy-always-w { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.philosophy-always-a4 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.philosophy-always-a3 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }

.philosophy-always-y1 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.philosophy-always-y2 { -webkit-animation-delay: 1.87s; animation-delay: 1.87s; }

.philosophy-always-s { -webkit-animation-delay: 1.98s; animation-delay: 1.98s; }

.philosophy-be-b1 { -webkit-animation-delay: 2s; animation-delay: 2s; }

.philosophy-be-b2 { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }

.philosophy-be-e1 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

.philosophy-be-e2 { -webkit-animation-delay: 2.45s; animation-delay: 2.45s; }

.philosophy-be-e3 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.philosophy-be-e4 { -webkit-animation-delay: 2.55s; animation-delay: 2.55s; }

.philosophy-who-w { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }

.philosophy-who-h1 { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }

.philosophy-who-h2 { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; }

.philosophy-who-h3 { -webkit-animation-delay: 3s; animation-delay: 3s; }

.philosophy-who-o { -webkit-animation-delay: 3.1s; animation-delay: 3.1s; }

.philosophy-you-y2 { -webkit-animation-delay: 3.2s; animation-delay: 3.2s; }

.philosophy-you-y1 { -webkit-animation-delay: 3.27s; animation-delay: 3.27s; }

.philosophy-you-o { -webkit-animation-delay: 3.39s; animation-delay: 3.39s; }

.philosophy-you-u { -webkit-animation-delay: 3.6s; animation-delay: 3.6s; }

.philosophy-are-a1 { -webkit-animation-delay: 3.75s; animation-delay: 3.75s; }

.philosophy-are-a2 { -webkit-animation-delay: 3.8s; animation-delay: 3.8s; }

.philosophy-are-r1 { -webkit-animation-delay: 3.93s; animation-delay: 3.93s; }

.philosophy-are-r2 { -webkit-animation-delay: 3.98s; animation-delay: 3.98s; }

.philosophy-are-e1 { -webkit-animation-delay: 4.2s; animation-delay: 4.2s; }

.philosophy-are-e2 { -webkit-animation-delay: 4.3s; animation-delay: 4.3s; }

.philosophy-are-e3 { -webkit-animation-delay: 4.4s; animation-delay: 4.4s; }

.services-text { position: relative; width: 100%; z-index: 2; }

@media only screen and (min-width: 48em) { .services-text { max-width: 200px; } }

.animate-out .services-text { -webkit-animation: fadeout 0.4s 0.5s ease-in-out forwards; animation: fadeout 0.4s 0.5s ease-in-out forwards; }

.handwriting-done .services-text .path { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; stroke-width: 10px; stroke-dashoffset: 0; }

@media only screen and (max-width: 47.9375em) { .services-text.for-mb { display: block; margin-top: 30px; margin-left: auto; margin-right: auto; max-width: 300px; } }

@media only screen and (min-width: 48em) { .services-text.for-pc { display: block; } }

.services-our-o { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.services-our-u { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.services-our-r1 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.services-our-r2 { -webkit-animation-delay: 1.12s; animation-delay: 1.12s; }

.services-services-s1 { -webkit-animation-delay: 1.39s; animation-delay: 1.39s; }

.services-services-e1 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.services-services-e2 { -webkit-animation-delay: 1.68s; animation-delay: 1.68s; }

.services-services-e3 { -webkit-animation-delay: 1.73s; animation-delay: 1.73s; }

.services-services-r2 { -webkit-animation-delay: 1.83s; animation-delay: 1.83s; }

.services-services-r1 { -webkit-animation-delay: 1.86s; animation-delay: 1.86s; }

.services-services-v { -webkit-animation-delay: 2s; animation-delay: 2s; }

.services-services-i { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; }

.services-services-c { -webkit-animation-delay: 2.45s; animation-delay: 2.45s; }

.services-services-e4 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }

.services-services-e5 { -webkit-animation-delay: 2.63s; animation-delay: 2.63s; }

.services-services-e6 { -webkit-animation-delay: 2.69s; animation-delay: 2.69s; }

.services-services-s2 { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }

@media only screen and (min-width: 48em) { .business-text { max-width: 325px; } }

.animate-out .business-text .path { -webkit-animation: dashOut 0.8s ease-in-out forwards; animation: dashOut 0.8s ease-in-out forwards; }

.coming-c { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.coming-o1 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.coming-m { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.coming-i3 { -webkit-animation-delay: 1.46s; animation-delay: 1.46s; }

.coming-i2 { -webkit-animation-delay: 1.49s; animation-delay: 1.49s; }

.coming-i1 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.coming-n1 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }

.coming-g1 { -webkit-animation-delay: 1.84s; animation-delay: 1.84s; }

.coming-g2 { -webkit-animation-delay: 1.88s; animation-delay: 1.88s; }

.coming-g3 { -webkit-animation-delay: 1.92s; animation-delay: 1.92s; }

.soon-s { -webkit-animation-delay: 1.99s; animation-delay: 1.99s; }

.soon-o2 { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; }

.soon-o3 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }

.soon-n2 { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; }

@media only screen and (min-width: 48em) { .company-text { max-width: 330px; display: block; margin: 0 auto; } }

.animate-out .company-text { -webkit-animation: fadeout 0.4s 0.5s ease-in-out forwards; animation: fadeout 0.4s 0.5s ease-in-out forwards; }

.handwriting-done .company-text .path { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; stroke-width: 10px; stroke-dashoffset: 0; }

.company-c { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.company-o { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.company-m { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.company-p1 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.company-p2 { -webkit-animation-delay: 1.48s; animation-delay: 1.48s; }

.company-a1 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.company-a2 { -webkit-animation-delay: 1.68s; animation-delay: 1.68s; }

.company-n { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.company-y1 { -webkit-animation-delay: 2s; animation-delay: 2s; }

.company-y2 { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }

.animate-out .access-text { -webkit-animation: fadeout 0.4s 0.5s ease-in-out forwards; animation: fadeout 0.4s 0.5s ease-in-out forwards; }

.handwriting-done .access-text .path { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; stroke-width: 10px; stroke-dashoffset: 0; }

.where-w { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.where-h1 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.where-h2 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.where-h3 { -webkit-animation-delay: 1.19s; animation-delay: 1.19s; }

.where-e1 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

.where-e2 { -webkit-animation-delay: 1.35s; animation-delay: 1.35s; }

.where-e3 { -webkit-animation-delay: 1.38s; animation-delay: 1.38s; }

.where-r1 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.where-r2 { -webkit-animation-delay: 1.46s; animation-delay: 1.46s; }

.where-e4 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.where-e5 { -webkit-animation-delay: 1.64s; animation-delay: 1.64s; }

.where-e6 { -webkit-animation-delay: 1.68s; animation-delay: 1.68s; }

.to-t1 { -webkit-animation-delay: 1.73s; animation-delay: 1.73s; }

.to-t2 { -webkit-animation-delay: 1.76s; animation-delay: 1.76s; }

.to-o { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.find-f1 { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

.find-f2 { -webkit-animation-delay: 1.94s; animation-delay: 1.94s; }

.find-f3 { -webkit-animation-delay: 1.98s; animation-delay: 1.98s; }

.find-i { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }

.find-n { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; }

.find-d1 { -webkit-animation-delay: 2.58s; animation-delay: 2.58s; }

.find-d2 { -webkit-animation-delay: 2.63s; animation-delay: 2.63s; }

.us-u { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; }

.us-s { -webkit-animation-delay: 2.76s; animation-delay: 2.76s; }

.animate-out .contact-text { -webkit-animation: fadeout 0.4s 0.5s ease-in-out forwards; animation: fadeout 0.4s 0.5s ease-in-out forwards; }

.handwriting-done .contact-text .path { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; stroke-width: 10px; stroke-dashoffset: 0; }

.contact-c1 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.contact-o { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.contact-n { -webkit-animation-delay: 1s; animation-delay: 1s; }

.contact-2t2 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

.contact-2t1 { -webkit-animation-delay: 1.33s; animation-delay: 1.33s; }

.contact-a1 { -webkit-animation-delay: 1.39s; animation-delay: 1.39s; }

.contact-a2 { -webkit-animation-delay: 1.42s; animation-delay: 1.42s; }

.contact-c2 { -webkit-animation-delay: 1.51s; animation-delay: 1.51s; }

.contact-1t1 { -webkit-animation-delay: 1.58s; animation-delay: 1.58s; }

.contact-1t2 { -webkit-animation-delay: 1.64s; animation-delay: 1.64s; }

.animate-out .confirm-text { -webkit-animation: fadeout 0.4s 0.5s ease-in-out forwards; animation: fadeout 0.4s 0.5s ease-in-out forwards; }

.handwriting-done .confirm-text .path { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; stroke-width: 10px; stroke-dashoffset: 0; }

.confirm-c { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.confirm-o { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.confirm-n { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.confirm-f1 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.confirm-f2 { -webkit-animation-delay: 1.54s; animation-delay: 1.54s; }

.confirm-f3 { -webkit-animation-delay: 1.59s; animation-delay: 1.59s; }

.confirm-i1 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }

.confirm-i2 { -webkit-animation-delay: 1.74s; animation-delay: 1.74s; }

.confirm-i3 { -webkit-animation-delay: 1.79s; animation-delay: 1.79s; }

.confirm-r { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

.confirm-m { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; }

.animate-out .complete-text { -webkit-animation: fadeout 0.4s 0.5s ease-in-out forwards; animation: fadeout 0.4s 0.5s ease-in-out forwards; }

.handwriting-done .complete-text .path { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; stroke-width: 10px; stroke-dashoffset: 0; }

.complete-c { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.complete-o { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.complete-m { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.complete-p { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.complete-l { -webkit-animation-delay: 1.65s; animation-delay: 1.65s; }

.complete-e1 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.complete-e2 { -webkit-animation-delay: 1.85s; animation-delay: 1.85s; }

.complete-e3 { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

.complete-t { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }

.complete-e4 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

.complete-e5 { -webkit-animation-delay: 2.45s; animation-delay: 2.45s; }

.complete-e6 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.section-main { background-color: #000; background-position: center center; background-size: cover; }

.container { position: fixed; top: 0; left: 0; overflow: hidden; }

.animate-in .container { opacity: 0; -webkit-animation: fadein 2s forwards; animation: fadein 2s forwards; }

.animate-out .container { opacity: 1; -webkit-animation: fadeout 2.6s 0.5s forwards; animation: fadeout 2.6s 0.5s forwards; }

.section__outline--main { width: 100%; height: 100%; pointer-events: none; opacity: 0; padding: 0; max-width: 90%; }

.animate-in .section__outline--main { -webkit-animation: fadein 1s 1s ease-in-out forwards; animation: fadein 1s 1s ease-in-out forwards; }

.animate-out .section__outline--main { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

.browser-not-ie .section__outline--main { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 284px; }

.browser-ie .section__outline--main, .browser-edge .section__outline--main { position: absolute; top: 0; left: 0; }

.section__outline--main.for-mb { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section__outline--main .section__outline-text { font-size: 90px; }

@media only screen and (max-width: 47.9375em) { .section__outline--main .section__outline-text { font-size: 120px; stroke-width: 1px; stroke: rgba(255, 255, 255, 0.4); } }

.section-main-list { opacity: 0; }

.animate-in .section-main-list { -webkit-animation: fadein 1s 2.5s ease-in-out forwards; animation: fadein 1s 2.5s ease-in-out forwards; }

.animate-out .section-main-list { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

.section-main-list { position: relative; padding-top: 15px; margin-top: 26%; }

@media only screen and (min-width: 48em) { .section-main-list { margin-top: 128px; margin-left: 134px; } }

.section-main-list:before, .section-main-list:after { position: absolute; top: 0; content: ''; background-color: #e4c120; border-radius: 4px; height: 4px; }

.section-main-list:before { left: 0; width: 26px; }

.section-main-list:after { left: 30px; width: 4px; }

.section-main-list__item { list-style-type: none; letter-spacing: 0.5em; font-size: 11px; }

@media only screen and (min-width: 48em) { .section-main-list__item { font-size: 13px; } }

.section-main-list__item:not(:last-child) { margin-bottom: 11px; }

.section-main-scroller { width: 120px; height: 120px; position: fixed; bottom: 0; left: 50%; cursor: pointer; opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 99; }

.animate-in .section-main-scroller { -webkit-animation: fadein 1s 2.5s ease-in-out forwards; animation: fadein 1s 2.5s ease-in-out forwards; }

.animate-out .section-main-scroller { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

@media only screen and (max-width: 47.9375em) { .section-main-scroller { margin-bottom: 30px; } }

@media only screen and (min-width: 48em) { .section-main-scroller { width: 190px; height: 190px; bottom: -40px; } }

.section-main-scroller:before { width: 29px; height: 34px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: arrowSpin 0.7s ease-in alternate-reverse infinite; animation: arrowSpin 0.7s ease-in alternate-reverse infinite; content: ''; display: block; background-image: url("../images/arrow-down.png"); background-size: cover; }

@media only screen and (min-width: 48em) { .section-main-scroller:before { width: calc(91px/2); height: calc(104px/2); } }

.section-main-scroller__circle { width: 100%; height: 100%; opacity: 0; background-image: url("../images/scroller_mv.png"); background-size: contain; background-repeat: no-repeat; }

.animate-in .section-main-scroller__circle { -webkit-animation: fadein 1s 2.5s ease-in-out forwards, scrollerSpin 80s linear infinite; animation: fadein 1s 2.5s ease-in-out forwards, scrollerSpin 80s linear infinite; }

.animate-out .section-main-scroller__circle { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

@-webkit-keyframes scrollerSpin { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes scrollerSpin { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes arrowSpin { 0% { margin-top: -5%; }
  100% { margin-top: 5%; } }

@keyframes arrowSpin { 0% { margin-top: -5%; }
  100% { margin-top: 5%; } }

.section-philosophy { background-color: #020202; display: -ms-flexbox; display: flex; }

@media only screen and (max-width: 47.9375em) { .section-philosophy { -ms-flex-direction: column; flex-direction: column; } }

.section-philosophy .section-business__title { display: block; line-height: 1.2; max-width: 420px; text-align: left; margin-bottom: 10px; }

@media only screen and (min-width: 48em) { .section-philosophy .section-business__title { margin: 0 auto; font-size: 38px; margin-bottom: 40px; } }

@media only screen and (min-width: 62em) { .section-philosophy .section-business__title { position: relative; left: 20px; font-size: 58px; } }

.container2 { position: fixed; top: 0; left: 0; overflow: hidden; }

.animate-out .container2 { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation: container2Out 2.6s 0.6s ease-in-out forwards; animation: container2Out 2.6s 0.6s ease-in-out forwards; }

@media only screen and (min-width: 48em) { .section-philosophy__item { width: 50vw; } }

.section__title--philosophy { opacity: 0; }

.animate-in .section__title--philosophy { -webkit-animation: fadein 1s 1s ease forwards; animation: fadein 1s 1s ease forwards; }

.animate-out .section__title--philosophy { opacity: 1; -webkit-animation: fadeout 1s 1.1s forwards; animation: fadeout 1s 1.1s forwards; }

.section__subtitle--philosophy { margin-top: 30px; }

@media only screen and (min-width: 81.25em) { .section__subtitle--philosophy { margin-top: -6px; } }

.section__outline--philosophy { opacity: 0; }

@media only screen and (min-width: 48em) { .section__outline--philosophy { margin-bottom: 35px; max-height: 99px; } }

@media only screen and (min-width: 62em) { .section__outline--philosophy { margin-bottom: 70px; } }

.animate-in .section__outline--philosophy { -webkit-animation: fadein 1s 2s ease forwards; animation: fadein 1s 2s ease forwards; }

.animate-out .section__outline--philosophy { opacity: 1; -webkit-animation: fadeout 1s 1.1s forwards; animation: fadeout 1s 1.1s forwards; }

.section__outline--philosophy .section__outline-text { letter-spacing: 0.09em; stroke-width: 0.7px; font-size: 59px; }

@media only screen and (min-width: 62em) { .section__outline--philosophy .section__outline-text { stroke: rgba(255, 255, 255, 0.3); stroke-width: 0.3px; } }

.section-philosophy__desc { font-size: 10px; line-height: 1.964; opacity: 0; position: relative; width: 100%; margin-bottom: 10px; }

@media only screen and (min-width: 81.3125em) { .section-philosophy__desc { margin-bottom: 40px; } }

@media only screen and (max-width: 47.9375em) { .section-philosophy__desc { padding: 0 9px; } }

@media only screen and (max-width: 23.375em) { .section-philosophy__desc { padding: 0 5px; } }

@media only screen and (min-width: 48em) { .section-philosophy__desc { font-size: 10px; line-height: 2.292; } }

@media only screen and (min-width: 62em) { .section-philosophy__desc { width: 72%; } }

@media only screen and (min-width: 75em) { .section-philosophy__desc { width: 75%; } }

@media only screen and (min-width: 81.25em) { .section-philosophy__desc { font-size: 11px; } }

.section-philosophy__desc:first-of-type { font-size: 16px; font-weight: bold; line-height: 1.7; }

@media only screen and (max-width: 47.9375em) { .section-philosophy__desc:first-of-type { margin-top: 10px; margin-bottom: 15px; } }

@media only screen and (min-width: 48em) { .section-philosophy__desc:first-of-type { font-size: 27px; } }

@media only screen and (min-width: 75em) { .section-philosophy__desc:first-of-type { font-size: 30px; } }

@media only screen and (min-width: 81.25em) { .section-philosophy__desc:first-of-type { font-size: 35px; } }

@media only screen and (min-width: 87.5em) { .section-philosophy__desc:first-of-type { font-size: 35px; } }

.animate-in .section-philosophy__desc:nth-of-type(1) { -webkit-animation: fadein 0.8s 2.3s ease-in forwards; animation: fadein 0.8s 2.3s ease-in forwards; }

.animate-in .section-philosophy__desc:nth-of-type(2) { -webkit-animation: fadein 0.8s 2.8s ease-in forwards; animation: fadein 0.8s 2.8s ease-in forwards; }

.animate-in .section-philosophy__desc:nth-of-type(3) { -webkit-animation: fadein 0.8s 3.3s ease-in forwards; animation: fadein 0.8s 3.3s ease-in forwards; }

.animate-out .section-philosophy__desc { opacity: 1; }

.animate-out .section-philosophy__desc:nth-of-type(1) { -webkit-animation: fadeout 0.5s 0.24s ease-in forwards; animation: fadeout 0.5s 0.24s ease-in forwards; }

.animate-out .section-philosophy__desc:nth-of-type(2) { -webkit-animation: fadeout 0.5s 0.48s ease-in forwards; animation: fadeout 0.5s 0.48s ease-in forwards; }

.animate-out .section-philosophy__desc:nth-of-type(3) { -webkit-animation: fadeout 0.5s 0.72s ease-in forwards; animation: fadeout 0.5s 0.72s ease-in forwards; }

.section-philosophy__desc span { display: block; }

@media only screen and (min-width: 40.0625em) { .section-philosophy__desc span > br { display: none; } }

@-webkit-keyframes container2Out { 50% { opacity: 0; }
  100% { -webkit-transform: translateX(30%); transform: translateX(30%);
    opacity: 0; } }

@keyframes container2Out { 50% { opacity: 0; }
  100% { -webkit-transform: translateX(30%); transform: translateX(30%);
    opacity: 0; } }

.section-services { background-image: url("../images/services/services-bg.png"); background-size: cover; }

@media only screen and (max-width: 47.9375em) { .section-services { -ms-flex-direction: column; flex-direction: column; } }

.section-services .section-business__title { display: block; line-height: 1.2; text-align: left; }

@media only screen and (min-width: 48em) { .section-services .section-business__title { font-size: 38px; margin-bottom: 60px; } }

@media only screen and (min-width: 62em) { .section-services .section-business__title { font-size: 36px; white-space: nowrap; } }

@media only screen and (min-width: 81.25em) { .section-services .section-business__title { font-size: 55px; } }

.container3 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation: fadein 1.5s forwards; animation: fadein 1.5s forwards; }

.animate-out .container3 { -webkit-animation: fadeout 2.3s 0.6s forwards; animation: fadeout 2.3s 0.6s forwards; }

.section-services__inner { text-align: center; }

@media only screen and (min-width: 48em) { .section-services__inner { padding: 30px 0; max-width: 63%; width: 63%; margin: 0 auto; max-width: 1180px; } }

@media only screen and (min-width: 64em) { .section-services__inner { width: 95%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; overflow: hidden; padding: 0; max-width: 1460px; } }

.section-services__item--img { opacity: 0; }

.animate-in .section-services__item--img { -webkit-animation: fadein 0.9s 1.7s ease-in forwards; animation: fadein 0.9s 1.7s ease-in forwards; }

.animate-out .section-services__item--img { opacity: 1; -webkit-animation: fadeout 0.8s 0.6s forwards; animation: fadeout 0.8s 0.6s forwards; }

@media only screen and (max-width: 47.9375em) { .section-services__item--img { margin-top: 50px; margin-bottom: 30px; } }

@media only screen and (min-width: 62em) { .section-services__item--img { margin-right: 50px; } }

.section-services__item--img img { width: 100%; border-radius: 5px; }

.section-services__desc { line-height: 2.2; opacity: 0; font-size: 10px; display: none; }

@media only screen and (min-width: 48em) { .section-services__desc { font-size: 12px; } }

.animate-in .section-services__desc { -webkit-animation: fadein 0.9s 2s ease-in forwards; animation: fadein 0.9s 2s ease-in forwards; }

.animate-out .section-services__desc { opacity: 1; -webkit-animation: fadeout 0.8s 1s forwards; animation: fadeout 0.8s 1s forwards; }

@media only screen and (min-width: 48em) { .section-services__desc.for-pc { display: block; } }

@media only screen and (max-width: 47.9375em) { .section-services__desc.for-mb { display: block; } }

.section-services__desc span { display: block; text-align: left; }

.section-services__item { width: 100%; }

@media only screen and (min-width: 62em) { .section-services__item { width: 28vw; } }

@media only screen and (min-width: 81.25em) { .section-services__item { width: 40vw; } }

.section__title--services { opacity: 0; }

.animate-in .section__title--services { -webkit-animation: fadein 1.3s 1.3s ease forwards; animation: fadein 1.3s 1.3s ease forwards; }

@media only screen and (min-width: 48em) { .animate-in .section__title--services { -webkit-animation: fadein 1.3s 0.3s ease forwards; animation: fadein 1.3s 0.3s ease forwards; } }

.animate-out .section__title--services { opacity: 1; -webkit-animation: fadeout 0.8s 0.3s forwards; animation: fadeout 0.8s 0.3s forwards; }

.section__outline--services { opacity: 0; }

@media only screen and (min-width: 48em) { .section__outline--services { margin-left: 17%; margin-top: 30px; max-width: 400px; max-height: 84.69px; } }

@media only screen and (min-width: 64em) { .section__outline--services { margin-left: 205px; } }

.animate-in .section__outline--services { -webkit-animation: fadein 0.8s 1.3s ease forwards; animation: fadein 0.8s 1.3s ease forwards; }

@media only screen and (min-width: 48em) { .animate-in .section__outline--services { -webkit-animation: fadein 0.8s 2.4s ease forwards; animation: fadein 0.8s 2.4s ease forwards; } }

.animate-out .section__outline--services { opacity: 1; -webkit-animation: fadeout 0.8s 0.7s forwards; animation: fadeout 0.8s 0.7s forwards; }

.section__outline--services .section__outline-text { font-size: 59px; letter-spacing: 0.09em; stroke-width: 0.7px; }

@media only screen and (min-width: 62em) { .section__outline--services .section__outline-text { stroke: rgba(255, 255, 255, 0.3); stroke-width: 0.3px; } }

@media only screen and (min-width: 48em) { .section__subtitle--services { margin-top: 30px; } }

@media only screen and (min-width: 64em) { .section__subtitle--services { margin-top: -40px; margin-left: 200px; } }

.section-business { -ms-flex-align: start; align-items: flex-start; background-image: linear-gradient(to right, #000000 0%, #000000 50%, #0b0b0b 50%, #0b0b0b 100%); padding: 30px; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 48em) { .section-business { -ms-flex-direction: row; flex-direction: row; } }

.section-business.animate-out { opacity: 1 !important; -webkit-animation: fadeout 1s 0.8s ease-in forwards !important; animation: fadeout 1s 0.8s ease-in forwards !important; }

.section__title--business { opacity: 0; }

.animate-in .section__title--business { -webkit-animation: fadein 1s 0.2s ease forwards; animation: fadein 1s 0.2s ease forwards; }

.animate-out .section__title--business { opacity: 1; -webkit-animation: fadeout 1s 0.4s forwards; animation: fadeout 1s 0.4s forwards; }

.section-business-url { width: 283px; height: 62px; -ms-flex-align: center; align-items: center; border-radius: 100px; border: solid 1px #E4C120; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 40px; opacity: 0; overflow: hidden; position: relative; }

@media only screen and (max-width: 63.9375em) { .section-business-url { margin-left: auto; margin-right: auto; } }

.animate-in .section-business-url { -webkit-animation: fadein 0.9s 1s ease-in forwards; animation: fadein 0.9s 1s ease-in forwards; }

.animate-out .section-business-url { opacity: 1; -webkit-animation: fadeout 0.8s 0.8s forwards; animation: fadeout 0.8s 0.8s forwards; }

@media only screen and (min-width: 62em) { .section-business-url:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } }

.section-business-url:hover span { color: #000; }

.section-business-url:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; background-color: #E4C120; content: ''; display: block; pointer-events: none; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-transform-origin: left; transform-origin: left; }

.section-business-url span { transition: color 0.5s 0.1s ease; position: relative; z-index: 1; }

.section-business__inner { text-align: center; width: 100%; }

@media only screen and (min-width: 48em) { .section-business__inner { padding: 30px 0; max-width: 63%; width: 63%; margin: 0 auto; max-width: 1180px; } }

@media only screen and (min-width: 64em) { .section-business__inner { width: 77%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; overflow: hidden; padding: 0; } }

.section-business__item { position: relative; }

.section-business__item--desc { margin-bottom: 60px; width: 100%; }

@media only screen and (max-width: 63.9375em) { .section-business__item--desc { margin-top: 50px; margin-bottom: 90px; } }

@media only screen and (min-width: 64em) { .section-business__item--desc { width: 320px; margin-right: 25px; margin-bottom: 0; } }

.section-business__title { font-family: "NotoSans", "Noto Sans CJK JP", "Noto Sans JP", sans-serif; font-size: 27px; font-weight: bold; letter-spacing: 0.09em; line-height: 1.42; margin-bottom: 40px; position: relative; text-align: center; text-transform: uppercase; opacity: 0; white-space: nowrap; }

@media only screen and (min-width: 48em) { .section-business__title { font-size: 29px; } }

@media only screen and (min-width: 64em) { .section-business__title { text-align: left; font-size: 38px; } }

.animate-in .section-business__title { -webkit-animation: fadein 0.9s 0.7s ease-in forwards; animation: fadein 0.9s 0.7s ease-in forwards; }

.animate-out .section-business__title { opacity: 1; -webkit-animation: fadeout 0.8s 0.5s forwards; animation: fadeout 0.8s 0.5s forwards; }

.section-business__title small { display: block; font-size: 12px; font-weight: normal; letter-spacing: 0.02em; margin-right: 3px; margin-top: 14px; opacity: 0; }

.animate-in .section-business__title small { -webkit-animation: fadein 0.8s 0.9s ease forwards; animation: fadein 0.8s 0.9s ease forwards; }

.section-business__desc { font-size: 10px; line-height: 2.273; text-align: center; opacity: 0; }

@media only screen and (min-width: 48em) { .section-business__desc { font-size: 11px; } }

@media only screen and (min-width: 64em) { .section-business__desc { text-align: left; } }

.section-business__desc:not(:last-of-type) { margin-bottom: 30px; }

.animate-in .section-business__desc:nth-of-type(1) { -webkit-animation: fadein 1s 0.8s ease-in forwards; animation: fadein 1s 0.8s ease-in forwards; }

.animate-in .section-business__desc:nth-of-type(2) { -webkit-animation: fadein 1s 1.3s ease-in forwards; animation: fadein 1s 1.3s ease-in forwards; }

.animate-in .section-business__desc:nth-of-type(3) { -webkit-animation: fadein 1s 1.8s ease-in forwards; animation: fadein 1s 1.8s ease-in forwards; }

.animate-in .section-business__desc:nth-of-type(4) { -webkit-animation: fadein 1s 2.3s ease-in forwards; animation: fadein 1s 2.3s ease-in forwards; }

.animate-out .section-business__desc { opacity: 1; }

.animate-out .section-business__desc:nth-of-type(1) { -webkit-animation: fadeout 0.5s 0.24s ease-in forwards; animation: fadeout 0.5s 0.24s ease-in forwards; }

.animate-out .section-business__desc:nth-of-type(2) { -webkit-animation: fadeout 0.5s 0.48s ease-in forwards; animation: fadeout 0.5s 0.48s ease-in forwards; }

.animate-out .section-business__desc:nth-of-type(3) { -webkit-animation: fadeout 0.5s 0.72s ease-in forwards; animation: fadeout 0.5s 0.72s ease-in forwards; }

.animate-out .section-business__desc:nth-of-type(4) { -webkit-animation: fadeout 0.5s 0.96s ease-in forwards; animation: fadeout 0.5s 0.96s ease-in forwards; }

.section-business__desc span { display: block; }

.section-business__item--img { -ms-flex: 1; flex: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.section__subtitle--business { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: 1; }

.animate-out .section__subtitle--business { opacity: 0; -webkit-animation: fadeout 1s 1s ease forwards; animation: fadeout 1s 1s ease forwards; }

.section__outline--business { opacity: 0; }

@media only screen and (min-width: 48em) { .section__outline--business { position: absolute; bottom: -75px; left: 50%; margin: -63px auto 0; max-width: 353px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

@media only screen and (min-width: 64em) { .section__outline--business { max-width: 480px; bottom: -98px; } }

.animate-in .section__outline--business { -webkit-animation: fadein 1s 2s ease forwards; animation: fadein 1s 2s ease forwards; }

.animate-out .section__outline--business { opacity: 1; -webkit-animation: fadeout 1s 0.5s forwards; animation: fadeout 1s 0.5s forwards; }

.section__outline--business .section__outline-text { font-size: 57px; letter-spacing: 0.09em; stroke-width: 0.7px; }

@media only screen and (min-width: 48em) { .section__outline--business .section__outline-text { font-size: 111px; stroke-width: 0.4px; letter-spacing: 0.1em; } }

.product-youtube { opacity: 0; position: relative; width: 80%; z-index: 2; left: -30px; }

@media only screen and (min-width: 64em) { .product-youtube { left: -90px; width: 66%; } }

.active .product-youtube { -webkit-animation: fadein 1s 0.9s ease forwards, animateIn 1.5s ease forwards, productBounce 5s 1.4s ease-in-out infinite; animation: fadein 1s 0.9s ease forwards, animateIn 1.5s ease forwards, productBounce 5s 1.4s ease-in-out infinite; }

.animate-out .product-youtube { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: animateOut 1.3s ease forwards, fadeout 0.8s ease forwards; animation: animateOut 1.3s ease forwards, fadeout 0.8s ease forwards; }

.product-iphone { position: absolute; top: -20%; right: 14px; -webkit-transform: translateY(210%); transform: translateY(210%); width: 40%; opacity: 0; }

@media only screen and (min-width: 64em) { .product-iphone { -webkit-transform: translateY(310%); transform: translateY(310%); top: -23%; width: 33%; right: 68px; } }

.active .product-iphone { -webkit-animation: animateIn 1s 0.9s ease forwards, fadein 0.9s 1.2s ease forwards, productBounce 5.7s 2s ease-in-out infinite; animation: animateIn 1s 0.9s ease forwards, fadein 0.9s 1.2s ease forwards, productBounce 5.7s 2s ease-in-out infinite; }

.animate-out .product-iphone { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: animateOut 1.3s 0.1s ease forwards, fadeout 0.8s 0.1s ease forwards; animation: animateOut 1.3s 0.1s ease forwards, fadeout 0.8s 0.1s ease forwards; }

@-webkit-keyframes productBounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes productBounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes animateIn { 0% { -webkit-transform: translateY(210%); transform: translateY(210%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes animateIn { 0% { -webkit-transform: translateY(210%); transform: translateY(210%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes animateOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-210%); transform: translateY(-210%); } }

@keyframes animateOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-210%); transform: translateY(-210%); } }

.section-company { -ms-flex-align: self-start; align-items: self-start; padding: 30px; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 48em) { .section-company { -ms-flex-direction: row; flex-direction: row; } }

.container4 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

@-webkit-keyframes gradientBG { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

@keyframes gradientBG { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

.section__title--company { opacity: 0; }

.animate-in .section__title--company { -webkit-animation: fadein 1s 0.6s ease forwards; animation: fadein 1s 0.6s ease forwards; }

.animate-out .section__title--company { opacity: 1; -webkit-animation: fadeout 1s 1.5s ease forwards; animation: fadeout 1s 1.5s ease forwards; }

.company__title { position: relative; font-weight: normal; margin-top: 25px; margin-bottom: 25px; }

@media only screen and (min-width: 48em) { .company__title { margin-top: 0; margin-bottom: 45px; } }

.section__outline--company { opacity: 0; display: block; margin: 0 auto; position: static; padding: 0; width: 85%; max-width: 405px; }

@media only screen and (min-width: 48em) { .section__outline--company { max-width: 360px; } }

.animate-in .section__outline--company { -webkit-animation: fadein 1s 0.3s ease forwards; animation: fadein 1s 0.3s ease forwards; }

.animate-out .section__outline--company { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

.section__outline--company .section__outline-text { font-size: 54px; }

.section__subtitle--company { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45%; }

@media only screen and (min-width: 48em) { .section__subtitle--company { width: 35%; max-width: 225px; } }

.section-company__inner { -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; z-index: 1; }

@media only screen and (min-width: 62em) { .section-company__inner { padding-right: 130px; } }

.company-info { display: block; list-style-type: none; margin: 0 auto; width: 90%; }

@media only screen and (min-width: 48em) { .company-info { width: 80%; max-width: 850px; } }

.company-info__item { display: -ms-flexbox; display: flex; padding: 27px 0; opacity: 0; position: relative; }

@media only screen and (max-width: 47.9375em) { .company-info__item { font-size: 12px; } }

.animate-in .company-info__item:nth-of-type(1) { -webkit-animation: fadein 1s 1.2s ease forwards; animation: fadein 1s 1.2s ease forwards; }

.animate-in .company-info__item:nth-of-type(1):before { -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleIn 0.8s 1.1s ease-in-out forwards; animation: borderScaleIn 0.8s 1.1s ease-in-out forwards; }

.animate-in .company-info__item:nth-of-type(2) { -webkit-animation: fadein 1s 1.5s ease forwards; animation: fadein 1s 1.5s ease forwards; }

.animate-in .company-info__item:nth-of-type(2):before { -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleIn 0.8s 1.5s ease-in-out forwards; animation: borderScaleIn 0.8s 1.5s ease-in-out forwards; }

.animate-in .company-info__item:nth-of-type(3) { -webkit-animation: fadein 1s 1.8s ease forwards; animation: fadein 1s 1.8s ease forwards; }

.animate-in .company-info__item:nth-of-type(3):before { -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleIn 0.8s 1.9s ease-in-out forwards; animation: borderScaleIn 0.8s 1.9s ease-in-out forwards; }

.animate-in .company-info__item:nth-of-type(4) { -webkit-animation: fadein 1s 2.1s ease forwards; animation: fadein 1s 2.1s ease forwards; }

.animate-in .company-info__item:nth-of-type(4):before { -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleIn 0.8s 2.3s ease-in-out forwards; animation: borderScaleIn 0.8s 2.3s ease-in-out forwards; }

.animate-in .company-info__item:nth-of-type(5) { -webkit-animation: fadein 1s 2.4s ease forwards; animation: fadein 1s 2.4s ease forwards; }

.animate-in .company-info__item:nth-of-type(5):before { -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleIn 0.8s 2.7s ease-in-out forwards; animation: borderScaleIn 0.8s 2.7s ease-in-out forwards; }

.animate-in .company-info__item:nth-of-type(6) { -webkit-animation: fadein 1s 2.7s ease forwards; animation: fadein 1s 2.7s ease forwards; }

.animate-in .company-info__item:nth-of-type(6):before { -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleIn 0.8s 3.1s ease-in-out forwards; animation: borderScaleIn 0.8s 3.1s ease-in-out forwards; }

.animate-in .company-info__item:nth-of-type(7) { -webkit-animation: fadein 1s 3s ease forwards; animation: fadein 1s 3s ease forwards; }

.animate-in .company-info__item:nth-of-type(7):before { -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleIn 0.8s 3.5s ease-in-out forwards; animation: borderScaleIn 0.8s 3.5s ease-in-out forwards; }

.animate-in .company-info__item:nth-of-type(8) { -webkit-animation: fadein 1s 3.3s ease forwards; animation: fadein 1s 3.3s ease forwards; }

.animate-in .company-info__item:nth-of-type(8):before { -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleIn 0.8s 3.9s ease-in-out forwards; animation: borderScaleIn 0.8s 3.9s ease-in-out forwards; }

.active.animate-out .company-info__item { opacity: 1; }

.active.animate-out .company-info__item:nth-of-type(1) { -webkit-animation: fadeout 0.5s 0.94s ease-in forwards; animation: fadeout 0.5s 0.94s ease-in forwards; }

.active.animate-out .company-info__item:nth-of-type(1):before { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleOut 0.8s 0.4s ease-in-out forwards; animation: borderScaleOut 0.8s 0.4s ease-in-out forwards; }

.active.animate-out .company-info__item:nth-of-type(2) { -webkit-animation: fadeout 0.5s 1.18s ease-in forwards; animation: fadeout 0.5s 1.18s ease-in forwards; }

.active.animate-out .company-info__item:nth-of-type(2):before { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleOut 0.8s 0.8s ease-in-out forwards; animation: borderScaleOut 0.8s 0.8s ease-in-out forwards; }

.active.animate-out .company-info__item:nth-of-type(3) { -webkit-animation: fadeout 0.5s 1.42s ease-in forwards; animation: fadeout 0.5s 1.42s ease-in forwards; }

.active.animate-out .company-info__item:nth-of-type(3):before { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleOut 0.8s 1.2s ease-in-out forwards; animation: borderScaleOut 0.8s 1.2s ease-in-out forwards; }

.active.animate-out .company-info__item:nth-of-type(4) { -webkit-animation: fadeout 0.5s 1.66s ease-in forwards; animation: fadeout 0.5s 1.66s ease-in forwards; }

.active.animate-out .company-info__item:nth-of-type(4):before { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleOut 0.8s 1.6s ease-in-out forwards; animation: borderScaleOut 0.8s 1.6s ease-in-out forwards; }

.active.animate-out .company-info__item:nth-of-type(5) { -webkit-animation: fadeout 0.5s 1.9s ease-in forwards; animation: fadeout 0.5s 1.9s ease-in forwards; }

.active.animate-out .company-info__item:nth-of-type(5):before { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleOut 0.8s 2s ease-in-out forwards; animation: borderScaleOut 0.8s 2s ease-in-out forwards; }

.active.animate-out .company-info__item:nth-of-type(6) { -webkit-animation: fadeout 0.5s 2.14s ease-in forwards; animation: fadeout 0.5s 2.14s ease-in forwards; }

.active.animate-out .company-info__item:nth-of-type(6):before { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleOut 0.8s 2.4s ease-in-out forwards; animation: borderScaleOut 0.8s 2.4s ease-in-out forwards; }

.active.animate-out .company-info__item:nth-of-type(7) { -webkit-animation: fadeout 0.5s 2.38s ease-in forwards; animation: fadeout 0.5s 2.38s ease-in forwards; }

.active.animate-out .company-info__item:nth-of-type(7):before { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleOut 0.8s 2.8s ease-in-out forwards; animation: borderScaleOut 0.8s 2.8s ease-in-out forwards; }

.active.animate-out .company-info__item:nth-of-type(8) { -webkit-animation: fadeout 0.5s 2.62s ease-in forwards; animation: fadeout 0.5s 2.62s ease-in forwards; }

.active.animate-out .company-info__item:nth-of-type(8):before { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; -webkit-animation: borderScaleOut 0.8s 3.2s ease-in-out forwards; animation: borderScaleOut 0.8s 3.2s ease-in-out forwards; }

.company-info__item:first-child { padding-top: 0; }

.company-info__item:not(:last-child):before { transition: -webkit-transform 0.5s 0.5s ease; transition: transform 0.5s 0.5s ease; transition: transform 0.5s 0.5s ease, -webkit-transform 0.5s 0.5s ease; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; display: block; background-color: rgba(255, 255, 255, 0.3); -webkit-transform: scaleX(0); transform: scaleX(0); }

.company-info__item:last-child { margin-bottom: 30px; }

.company-info__lbl { min-width: 90px; max-width: 90px; width: 90px; color: #e4c120; font-weight: bold; }

@-webkit-keyframes borderScaleIn { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { -webkit-transform: scaleX(1); transform: scaleX(1); } }

@keyframes borderScaleIn { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { -webkit-transform: scaleX(1); transform: scaleX(1); } }

@-webkit-keyframes borderScaleOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); } }

@keyframes borderScaleOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); } }

.section-access { -ms-flex-align: self-start; align-items: self-start; background-image: linear-gradient(to right, #000000 0%, #000000 50%, #0b0b0b 50%, #0b0b0b 100%); padding: 30px; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 62em) { .section-access { -ms-flex-direction: row; flex-direction: row; } }

.section-access.animate-out { opacity: 1 !important; -webkit-animation: fadeout 1s 0.8s ease-in forwards !important; animation: fadeout 1s 0.8s ease-in forwards !important; }

.section__title--access { opacity: 0; }

.animate-in .section__title--access { -webkit-animation: fadein 0.8s 0.3s ease forwards; animation: fadein 0.8s 0.3s ease forwards; }

.animate-out .section__title--access { opacity: 1; -webkit-animation: fadeout 0.5s 1.3s forwards; animation: fadeout 0.5s 1.3s forwards; }

.section__subtitle--access { position: absolute; width: 100%; z-index: 1; }

@media only screen and (max-width: 47.9375em) { .section__subtitle--access { max-width: 150px; } }

@media only screen and (min-width: 48em) { .section__subtitle--access { margin-left: -10%; max-width: 270px; } }

.section__outline--access { position: absolute; top: -45%; right: 0; margin-bottom: -18%; margin-left: auto; margin-right: 15px; max-width: 400px; opacity: 0; z-index: 1; }

.animate-in .section__outline--access { -webkit-animation: fadein 0.8s 1.3s ease forwards; animation: fadein 0.8s 1.3s ease forwards; }

.animate-out .section__outline--access { opacity: 1; -webkit-animation: fadeout 1s 1.6s forwards; animation: fadeout 1s 1.6s forwards; }

.section__outline--access .section__outline-text { font-size: 50px; letter-spacing: 0.1em; }

.section-access__inner { -ms-flex-item-align: center; align-self: center; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; width: 95%; }

@media only screen and (max-width: 61.9375em) { .section-access__inner { margin-top: 20px; } }

@media only screen and (min-width: 48em) { .section-access__inner { width: 85%; } }

@media only screen and (min-width: 62em) { .section-access__inner { padding-right: 130px; width: auto; } }

.access-map { width: 95%; height: auto; position: relative; top: 65px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; margin: 0 auto; }

@media only screen and (max-width: 47.9375em) { .access-map { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } }

@media only screen and (min-width: 48em) { .access-map { top: 51px; height: 48%; } }

@media only screen and (min-width: 62em) { .access-map { width: 68%; } }

.access-map__inner { background-color: #000; position: relative; opacity: 0; }

@media only screen and (min-width: 30em) and (max-height: 31.25em) { .access-map__inner { margin-top: 40px; } }

@media only screen and (min-width: 48em) { .access-map__inner { width: 100%; height: auto; overflow: hidden; } }

.animate-in .access-map__inner { -webkit-animation: fadein 0.8s 0.7s ease forwards; animation: fadein 0.8s 0.7s ease forwards; }

.animate-out .access-map__inner { opacity: 1; -webkit-animation: fadeout 0.5s 1.3s forwards; animation: fadeout 0.5s 1.3s forwards; }

.access-map__inner iframe { height: 170px; opacity: 0.4; width: 100%; }

@media only screen and (max-width: 29.9375em) and (min-height: 37.5em) { .access-map__inner iframe { height: 250px; } }

@media only screen and (min-width: 30em) and (max-height: 31.25em) { .access-map__inner iframe { height: 240px; } }

@media only screen and (min-width: 48em) { .access-map__inner iframe { height: 381px; } }

@media only screen and (min-width: 62em) and (max-height: 43.75em) { .access-map__inner iframe { height: 300px; } }

.access-map__link { width: 128px; height: 54px; position: absolute; right: 0; bottom: 0; -ms-flex-align: center; align-items: center; background-color: #e4c120; display: -ms-flexbox; display: flex; font-weight: bold; line-height: 1.25; padding: 10px; text-transform: uppercase; }

.access-map__link-inner { width: 100%; height: 100%; position: relative; }

.access-map__link-inner:before, .access-map__link-inner:after { width: 9px; height: 2px; position: absolute; right: 10px; -webkit-animation: arrowBounce 1s infinite; animation: arrowBounce 1s infinite; background-color: #fff; border-radius: 5px; content: ''; display: block; }

.access-map__link-inner:before { -webkit-transform: rotate(40deg); transform: rotate(40deg); top: 14px; }

.access-map__link-inner:after { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); top: 19px; }

.access-map__lbl { font-size: 13px; letter-spacing: 0.05em; line-height: 1.875; margin-top: 15px; opacity: 0; }

.animate-in .access-map__lbl { -webkit-animation: fadein 0.8s 1.9s ease forwards; animation: fadein 0.8s 1.9s ease forwards; }

.animate-out .access-map__lbl { opacity: 1; -webkit-animation: fadeout 0.5s 1s forwards; animation: fadeout 0.5s 1s forwards; }

@-webkit-keyframes arrowBounce { 0% { right: 0; }
  50% { right: 5px; }
  100% { right: 0; } }

@keyframes arrowBounce { 0% { right: 0; }
  50% { right: 5px; }
  100% { right: 0; } }

.section-contact { -ms-flex-align: self-start; align-items: self-start; padding: 30px; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 48em) { .section-contact { -ms-flex-direction: row; flex-direction: row; } }

.section-contact.animate-out { opacity: 1 !important; -webkit-animation: fadeout 1s 0.8s ease-in forwards !important; animation: fadeout 1s 0.8s ease-in forwards !important; }

.section__title--contact { opacity: 0; white-space: nowrap; }

.animate-in .section__title--contact { -webkit-animation: fadein 1s 0.2s ease forwards; animation: fadein 1s 0.2s ease forwards; }

.animate-out .section__title--contact { opacity: 1; -webkit-animation: fadeout 1s 1.5s ease forwards; animation: fadeout 1s 1.5s ease forwards; }

.contact__title { position: relative; font-weight: normal; margin-top: 25px; margin-bottom: 25px; }

@media only screen and (min-width: 48em) { .contact__title { margin-top: 0; margin-bottom: 45px; } }

.section__outline--contact { display: block; margin: 0 auto; max-width: 405px; opacity: 0; padding: 0; position: static; width: 85%; }

@media only screen and (min-width: 48em) { .section__outline--contact { max-width: 460px; } }

.animate-in .section__outline--contact { -webkit-animation: fadein 1s 0.3s ease forwards; animation: fadein 1s 0.3s ease forwards; }

.animate-out .section__outline--contact { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

.section__outline--contact .section__outline-text { font-size: 51px; }

.section__outline--success { display: block; margin: 0 auto; max-width: 405px; opacity: 0; padding: 0; position: static; width: 85%; }

@media only screen and (min-width: 48em) { .section__outline--success { max-width: 360px; } }

.animate-in .section__outline--success { -webkit-animation: fadein 1s 0.3s ease forwards; animation: fadein 1s 0.3s ease forwards; }

.animate-out .section__outline--success { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

.section__outline--success .section__outline-text { font-size: 51px; }

.mw_wp_form { opacity: 0; }

.animate-in .mw_wp_form { -webkit-animation: fadein 1s 1.2s ease forwards; animation: fadein 1s 1.2s ease forwards; }

.animate-out .mw_wp_form { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

.section__subtitle--contact { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45%; }

@media only screen and (min-width: 48em) { .section__subtitle--contact { width: 35%; max-width: 225px; } }

.section-contact__inner { display: block; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 auto; width: 100%; position: relative; z-index: 1; }

@media only screen and (min-width: 62em) { .section-contact__inner { padding-right: 130px; } }

.contact-form, .contact-success { display: block; margin: 0 auto; width: 100%; }

@media only screen and (min-width: 48em) { .contact-form, .contact-success { width: 80%; max-width: 850px; } }

.mw_wp_form_preview .contact-form__inner, .mw_wp_form_confirm .contact-form__inner, .mw_wp_form_complete .contact-form__inner { background-color: #111; padding: 30px; }

@media only screen and (min-width: 33.75em) { .mw_wp_form_preview .contact-form__inner, .mw_wp_form_confirm .contact-form__inner, .mw_wp_form_complete .contact-form__inner { padding: 50px; } }

.contact-form__item:not(:last-child) { margin-bottom: 25px; }

.contact-form__item:last-child { margin-top: 40px; }

.mw_wp_form_preview .contact-form__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.mw_wp_form_confirm .contact-form__item--confirm-email .contact-form__lbl { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; }

.mw_wp_form_confirm .contact-form__item--confirm-email .contact-form__lbl-extra { margin-left: -9px; margin-top: 6px; }

.contact-form__lbl { -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.8); display: -ms-flexbox; display: flex; font-size: 13px; line-height: 1; }

.mw_wp_form_preview .contact-form__lbl { width: 175px; }

.contact-form__required { background-color: #f7c706; color: #000; font-size: 9px; margin-left: 10px; padding: 5px; }

.mw_wp_form_preview .contact-form__required { display: none; }

.contact-form__data { margin-top: 15px; }

.contact-form__data input, .contact-form__data textarea { background-color: #252525; border: none; outline: none !important; padding: 0 10px; width: 100%; }

.contact-form__data input { height: 38px; }

.contact-form__data textarea { resize: none; padding: 10px; }

.mw_wp_form_preview .contact-form__data { margin-top: 0; }

.contact-form__item--button { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; text-align: center; }

.contact-form__btn { -ms-flex-item-align: center; align-self: center; display: -ms-flexbox; display: flex; font-weight: bold; -ms-flex-pack: center; justify-content: center; line-height: 1; position: relative; text-align: center; }

.contact-form__btn:before, .contact-form__btn:after { content: ''; display: block; }

.contact-form__btn:after { border-top: 1px solid #fff; border-right: 1px solid #fff; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-flex-order: 3; order: 3; }

.contact-form__btn:before { position: relative; top: 3px; left: 8px; width: 40px; height: 1px; background-color: #fff; margin-left: 20px; -ms-flex-order: 2; order: 2; }

.contact-form__btn span, .contact-form__btn input { -ms-flex-order: 1; order: 1; margin-top: -2px; }

.contact-form__btn input { margin-top: -5px; }

.contact-form__btn.contact-form__btn-prev { opacity: 0.3; margin-right: 40px; }

.contact-form__btn.contact-form__btn-prev:after { -ms-flex-order: 1; order: 1; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.contact-form__btn.contact-form__btn-prev:before { -ms-flex-order: 2; order: 2; margin-left: -16px; margin-right: 20px; }

.contact-form__btn.contact-form__btn-prev span, .contact-form__btn.contact-form__btn-prev input { -ms-flex-order: 3; order: 3; }

.contact-form__btn.contact-form__btn-prev input { margin-top: -5px; }

.mw_wp_form_input .contact-form__btn.contact-form__btn-prev { display: none; }

.mw_wp_form_complete .contact-form__btn { opacity: 1; margin-top: 40px; margin-left: auto; margin-right: auto; }

.contact-success { background-color: #111; padding: 50px; display: block; opacity: 0; }

.contact-success .contact-form__btn-prev { margin-top: 60px; margin-left: auto; margin-right: auto; opacity: 1; }

.animate-in .contact-success { -webkit-animation: fadein 1s 1.3s ease forwards; animation: fadein 1s 1.3s ease forwards; }

.animate-out .contact-success { opacity: 1; -webkit-animation: fadeout 1s 0.6s forwards; animation: fadeout 1s 0.6s forwards; }

.contact-success__title { position: relative; }

.contact-success__title .section__outline--contact { max-width: 500px; }

.contact-success__desc { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; }

.contact-success__desc strong { font-size: 20px; }

.contact-success__desc p:not(:last-child) { margin-bottom: 10px; }
/*# sourceMappingURL=maps/style.css.map */