@charset "UTF-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

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

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

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

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

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

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

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

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

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

.slick-slide img { display: block; }

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

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

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

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

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

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

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* Normalization */


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; }

/* 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; }



html { background-color: #FFFFFF;
/* filter: grayscale(108%);
-webkit-filter: grayscale(100%);
-moz-filter grayscale(100%);
-ms-filter:grayscale(100%):
-o-filter:grayscale(100%);
filter:progid:DXImageTransform,Microsoft,BasicImage(grayscale=1):
-webkit-filter:grayscale(1); */
 }

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; } }

ul { list-style: none; }





.main--index { background: #000; }

@media (min-width: 768px) { .main--index { display: -ms-flexbox; display: flex; width: 20000px; height: 100%; overflow-y: hidden; } }



.main--lower { width: 100%; }

@media (min-width: 768px) { .main--lower { overflow-x: hidden; } }



.sp-only { display: none; }


.txt-justify { text-align: justify; }

.locale_en .txt-justify { text-align: left; }

.txt-underline { text-decoration: underline; }

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

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

@-webkit-keyframes btn-line { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(117px) translateY(-50%);
            transform: translateX(117px) translateY(-50%); } }

@keyframes btn-line { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(117px) translateY(-50%);
            transform: translateX(117px) translateY(-50%); } }

@-webkit-keyframes btn-line-inverted { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(-168px) translateY(-50%);
            transform: translateX(-168px) translateY(-50%); } }

@keyframes btn-line-inverted { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(-168px) translateY(-50%);
            transform: translateX(-168px) translateY(-50%); } }

@-webkit-keyframes btn-line-r { 0% { width: 40px;
    -webkit-transform: translateX(117px) translateY(-50%);
            transform: translateX(117px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@keyframes btn-line-r { 0% { width: 40px;
    -webkit-transform: translateX(117px) translateY(-50%);
            transform: translateX(117px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@-webkit-keyframes btn-line-r-inverted { 0% { width: 40px;
    -webkit-transform: translateX(-168px) translateY(-50%);
            transform: translateX(-168px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@keyframes btn-line-r-inverted { 0% { width: 40px;
    -webkit-transform: translateX(-168px) translateY(-50%);
            transform: translateX(-168px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@-webkit-keyframes btn-line-blank { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(109px) translateY(-50%);
            transform: translateX(109px) translateY(-50%); } }

@keyframes btn-line-blank { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(109px) translateY(-50%);
            transform: translateX(109px) translateY(-50%); } }

@-webkit-keyframes btn-line-blank-r { 0% { width: 40px;
    -webkit-transform: translateX(109px) translateY(-50%);
            transform: translateX(109px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@keyframes btn-line-blank-r { 0% { width: 40px;
    -webkit-transform: translateX(109px) translateY(-50%);
            transform: translateX(109px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@-webkit-keyframes btn-line-map { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(109px) translateY(-50%);
            transform: translateX(109px) translateY(-50%); } }

@keyframes btn-line-map { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(109px) translateY(-50%);
            transform: translateX(109px) translateY(-50%); } }

@-webkit-keyframes btn-line-map-r { 0% { width: 40px;
    -webkit-transform: translateX(109px) translateY(-50%);
            transform: translateX(109px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@keyframes btn-line-map-r { 0% { width: 40px;
    -webkit-transform: translateX(109px) translateY(-50%);
            transform: translateX(109px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@-webkit-keyframes btn-line-contact { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(106px) translateY(-50%);
            transform: translateX(106px) translateY(-50%); } }

@keyframes btn-line-contact { 0% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); }
  25% { width: 100%; }
  100% { width: 40px;
    -webkit-transform: translateX(106px) translateY(-50%);
            transform: translateX(106px) translateY(-50%); } }

@-webkit-keyframes btn-line-contact-r { 0% { width: 40px;
    -webkit-transform: translateX(106px) translateY(-50%);
            transform: translateX(106px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@keyframes btn-line-contact-r { 0% { width: 40px;
    -webkit-transform: translateX(106px) translateY(-50%);
            transform: translateX(106px) translateY(-50%); }
  85% { width: 30px; }
  100% { width: 16px;
    -webkit-transform: translateX(-25px) translateY(-50%);
            transform: translateX(-25px) translateY(-50%); } }

@-webkit-keyframes mv-scroll { 0%, 5% { -webkit-transform: translateX(0px); transform: translateX(0px); }
  100% { -webkit-transform: translateX(200%); transform: translateX(200%); } }

@keyframes mv-scroll { 0%, 5% { -webkit-transform: translateX(0px); transform: translateX(0px); }
  100% { -webkit-transform: translateX(200%); transform: translateX(200%); } }

@media (min-width: 768px) { .js-horizontal-animation { transition: opacity 3s cubic-bezier(0.22, 0.84, 0.44, 0.99), -webkit-transform 3s cubic-bezier(0.22, 0.84, 0.44, 0.99); transition: transform 3s cubic-bezier(0.22, 0.84, 0.44, 0.99), opacity 3s cubic-bezier(0.22, 0.84, 0.44, 0.99); transition: transform 3s cubic-bezier(0.22, 0.84, 0.44, 0.99), opacity 3s cubic-bezier(0.22, 0.84, 0.44, 0.99), -webkit-transform 3s cubic-bezier(0.22, 0.84, 0.44, 0.99); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateX(30px) scale(0.85); transform: translateX(30px) scale(0.85); opacity: 0; } }

@media (min-width: 768px) { .is-sec-active .js-horizontal-animation { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); opacity: 1; } }

@media (min-width: 768px) { .js-si-animation { transition: opacity 1.0s ease, -webkit-transform 1.0s ease; transition: transform 1.0s ease, opacity 1.0s ease; transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease; -webkit-transform: translateY(30px) scale(1.08); transform: translateY(30px) scale(1.08); -webkit-transform-origin: center 10%; transform-origin: center 10%; opacity: 0; }
  .js-si-animation.is-active { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } }

.gradation { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: hidden; background-color: #000; pointer-events: none; }



body:not(.home) .gradation { z-index: -1; }

.header { position: relative; }

.header__logo { z-index: 97; position: fixed; left: 42px; top: 30px; width: 205px; height: 48px; }



.header__logo-img--white { opacity: 1; }

.header__logo-img--black { opacity: 0; }

.header__logo.is-black .header__logo-img--white { opacity: 0; }

.header__logo.is-black .header__logo-img--black { opacity: 1; }

.header__logo-link { display: block; width: 100%; height: 100%; }

.header__logo-link img { position: absolute; left: 0; top: 0; width: 100%; height: auto; transition: opacity 0.35s ease; }

.header__btn { z-index: 100; position: fixed; right: 36px; top: 25px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 70px; height: 70px; }



.header__btn.is-black .header__btn-bar::before { background: #000; }

.header__btn.is-black .header__btn-txt { color: #000; }

@media (min-width: 768px) { .header__btn:hover .header__btn-bar::before { -webkit-transform: scaleY(0.333); transform: scaleY(0.333); } }

.header__btn-body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -webkit-perspective: 500px; perspective: 500px; }



.header__btn-bar { position: relative; display: block; width: 18px; height: 3px; margin-bottom: 7px; transition: -webkit-transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; }

@media (min-width: 768px) { .header__btn-bar { -webkit-transform: scaleY(1); transform: scaleY(1); } }



.header__btn-bar:nth-child(1) { -webkit-transform: translateY(0) rotateX(0) rotateY(0) rotateZ(0); transform: translateY(0) rotateX(0) rotateY(0) rotateZ(0); }

.header__btn-bar:nth-child(2) { -webkit-transform: translateY(0) rotateX(0) rotateY(0) rotateZ(0); transform: translateY(0) rotateX(0) rotateY(0) rotateZ(0); }

.header__btn-bar:last-child { margin-bottom: 0; }

.header__btn-bar::before { content: ''; display: block; width: 100%; height: 100%; background: #fff; transition: background-color 0.35s ease, -webkit-transform 0.35s ease; transition: transform 0.35s ease, background-color 0.35s ease; transition: transform 0.35s ease, background-color 0.35s ease, -webkit-transform 0.35s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.header__btn-txt {  font-weight: 700; color: #fff; font-size: 16px; letter-spacing: 0.08em; margin-top: 6px; transition: color 0.35s ease; }



.header__btn-txt::before { content: '菜单'; }

.header__btn.is-active .header__btn-bar:nth-child(1) { -webkit-transform: translateY(5px) rotateX(180deg) rotateY(-180deg) rotateZ(-135deg); transform: translateY(5px) rotateX(180deg) rotateY(-180deg) rotateZ(-135deg); }



.header__btn.is-active .header__btn-bar:nth-child(2) { -webkit-transform: translateY(-5px) rotateX(-180deg) rotateY(180deg) rotateZ(135deg); transform: translateY(-5px) rotateX(-180deg) rotateY(180deg) rotateZ(135deg); }



.header__btn.is-active .header__btn-txt::before { content: '关闭'; }

.header__menu { z-index: 98; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; pointer-events: none; transition: opacity 0.35s linear; }


.header__menu.is-active { opacity: 0.9; pointer-events: auto; }

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

@media (min-width: 768px) { .header__menu-body { -webkit-transform: translateX(-10%); transform: translateX(-10%); } }



.header__menu-left { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin-right: 14vw; }



@media (min-width: 768px) { .header__menu-left { -webkit-transform: translateY(30px) scale(1.08); transform: translateY(30px) scale(1.08); -webkit-transform-origin: center 10%; transform-origin: center 10%; opacity: 0; }
  .header__menu-left.is-active { transition: opacity 1.0s ease 0.3s, -webkit-transform 1.0s ease 0.3s; transition: transform 1.0s ease 0.3s, opacity 1.0s ease 0.3s; transition: transform 1.0s ease 0.3s, opacity 1.0s ease 0.3s, -webkit-transform 1.0s ease 0.3s; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } }

.header__menu-logo { width: 184px; height: 61px; margin-bottom: 40px; }



.header__menu-logo-link { display: block; width: 100%; height: 100%; }

.header__menu-logo-link img { width: 100%; height: auto; }

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



.header__menu-sns-link { display: block; opacity: 0.7; margin-right: 18px; transition: opacity 0.35s ease; }

.header__menu-sns-link:hover { opacity: 1; }

.header__menu-sns-link:last-child { margin-right: 0; }

.header__menu-sns-link img { display: block; width: 100%; height: 100%; }

.header__menu-sns-link-wantedly { position: relative; width: 102px; height: 15px; margin-right: 42px; }


.header__menu-sns-link-wantedly::after { content: ''; display: block; position: absolute; right: -20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; width: 1px; height: 24px; opacity: 0.5; }

.header__menu-sns-link-facebook { width: 8px; height: 17px; }



.header__menu-sns-link-instagram { width: 17px; height: 17px; }


.header__menu-list { position: relative; -webkit-transform: translateY(30px) scale(1.08); transform: translateY(30px) scale(1.08); -webkit-transform-origin: center 10%; transform-origin: center 10%; opacity: 0; }


.header__menu-list.is-active { transition: opacity 1.0s ease 0.6s, -webkit-transform 1.0s ease 0.6s; transition: transform 1.0s ease 0.6s, opacity 1.0s ease 0.6s; transition: transform 1.0s ease 0.6s, opacity 1.0s ease 0.6s, -webkit-transform 1.0s ease 0.6s; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }

.header__menu-item { display: -ms-flexbox; display: flex; margin-top: 25px; }



@media (max-width: 374px) { .header__menu-item { margin-top: 11px; } }

@media (min-width: 768px) and (max-height: 649px) { .header__menu-item { margin-top: 20px; } }

.header__menu-item:first-child { margin-top: 0; }

.header__menu-link { display: block;  font-weight: 400; color: #fff; font-size: 24px; letter-spacing: 0.06em; opacity: 0.7; transition: opacity 0.35s ease; }


.header__menu-link:hover { opacity: 1; }

.header__menu-link--small { font-size: 18px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }



.header__menu-link--recruit { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.header__menu-link--recruit .header__menu-link-icon { width: 11px; height: 13px; margin-left: 5px; }


.header__menu-link--access .header__menu-link-icon { width: 8px; height: 11px; margin-left: 8px; }


.header__menu-link-icon { display: block; }

.header__menu-privacy {  font-weight: 700; color: #fff; font-size: 10px; letter-spacing: 0.04em; opacity: 0.7; display: block; position: absolute; bottom: 23px; right: 40px; transition: opacity 0.35s ease; }


.header__menu-privacy:hover { opacity: 1; }

.header__menu-footer {  position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.header__menu-copy{font-weight: 700; color: #fff; font-size: 16px; letter-spacing: 0.04em; opacity: 0.7;}


.header__menu-lang { display: -ms-flexbox; display: flex; margin-right: 40px; }

@media (min-width: 768px) { .header__menu-lang { display: none; } }




.icon__fb:before { content: "\e900"; }

.icon__hatena:before { content: "\e901"; }

.icon__pocket:before { content: "\e902"; }

.icon__twitter:before { content: "\e903"; }

.vertical-parallax { overflow: hidden; }

.vertical-parallax--message { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.vertical-parallax__body { width: 100%; height: 100%; -webkit-perspective: 80px; perspective: 80px; }

.vertical-parallax__body-inner { position: relative; width: 100%; height: 100%; }



.horizontal-parallax { overflow: hidden; }

.horizontal-parallax__body { width: 100%; height: 100%; -webkit-transform: scale(1.15); transform: scale(1.15); }

.horizontal-parallax__body-inner { position: relative; width: 100%; height: 100%; }


.mouse-pointer { pointer-events: none; z-index: 200; position: fixed; left: -50px; top: -50px; width: 100px; height: 100px; mix-blend-mode:difference;}



.mobile .mouse-pointer { display: none; }

.mouse-pointer__body { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 5px; height: 5px; background: #fff; border-radius: 100%; border: 1px solid #fff; transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease 0.5s; }

.mouse-pointer.is-black .mouse-pointer__body { border: 1px solid #000; background: #000; }

.mouse-pointer.is-small .mouse-pointer__body { width: 30px; height: 30px; background: none; transition: width 0.5s ease, height 0.5s ease, background-color 0.01s ease 0s; }

.mouse-pointer.is-big .mouse-pointer__body { width: 75px; height: 75px; background: none; transition: width 0.5s ease, height 0.5s ease, background-color 0.01s ease 0s; }

.mouse-pointer.is-hidden { opacity: 0; }

.openning { z-index: 1000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform-origin: right; transform-origin: right; transition: opacity 0.5s linear, -webkit-transform 0.6s cubic-bezier(0.22, 0.84, 0.44, 0.99); transition: transform 0.6s cubic-bezier(0.22, 0.84, 0.44, 0.99), opacity 0.5s linear; transition: transform 0.6s cubic-bezier(0.22, 0.84, 0.44, 0.99), opacity 0.5s linear, -webkit-transform 0.6s cubic-bezier(0.22, 0.84, 0.44, 0.99); -webkit-perspective: 1000px; perspective: 1000px; opacity: 1; }

.openning.is-close { opacity: 0; pointer-events: none; }

.openning.is-origin-left { -webkit-transform-origin: left; transform-origin: left; }

.openning__body { transition: -webkit-transform 0.6s cubic-bezier(0.22, 0.84, 0.44, 0.99); transition: transform 0.6s cubic-bezier(0.22, 0.84, 0.44, 0.99); transition: transform 0.6s cubic-bezier(0.22, 0.84, 0.44, 0.99), -webkit-transform 0.6s cubic-bezier(0.22, 0.84, 0.44, 0.99); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotateX(0deg) rotateY(0deg) translate3d(0, 0, 0); transform: rotateX(0deg) rotateY(0deg) translate3d(0, 0, 0); background: #000; width: 100%; height: 100%; }

.openning.is-close .openning__body { -webkit-transform: rotateX(-100deg) rotateY(100deg) translate3d(0, 0, 0); transform: rotateX(-100deg) rotateY(100deg) translate3d(0, 0, 0); }






.l-container { margin: 0 auto; padding: 0 24px; text-align: left; width: 100%; }

@media (min-width: 768px) { .l-container { max-width: 1080px; width: 85%; padding: 0 40px; } }

.l-container.l-message-intro { position: relative; margin-bottom: 52px; }

@media (min-width: 768px) { .l-container.l-message-intro { margin-bottom: 132px; } }

.l-container.l-message-company-info { margin-bottom: 101px; }

@media (min-width: 768px) { .l-container.l-message-company-info { margin-bottom: 112px; } }

.l-container.l-solution-desc { margin-bottom: 41px; }

@media (min-width: 768px) { .l-container.l-solution-desc { margin-bottom: 49px; } }

.l-container.l-solution-list { padding: 0; }

.l-container.l-solution-detail-intro { margin-bottom: 120px; }



@media (min-width: 768px) { .l-container.l-solution-detail-intro { width: 100%; } }

.l-container.l-solution-detail-list { margin-bottom: 74px; }

@media (min-width: 768px) { .l-container.l-solution-detail-list { margin-bottom: 131px; } }

.l-container.l-news-inner { margin-bottom: 22px; }

@media (min-width: 768px) { .l-container.l-news-inner { margin-bottom: 39px; } }


.header__menu-left .search{width: 270px;height: 60px;line-height: 60px;border-bottom: #fff 1px solid;}
.header__menu-left .search input{width: 246px;height: 60px;line-height: 60px;font-size: 18px;color: #fff; font-family: Arial;}
.header__menu-left .search a{width: 24px; height: 60px;background: url(../images/icon/icon_86.png) center no-repeat;}
.header__menu-left .search .but{width: 24px; height: 60px;cursor: pointer;}

.bic_gray{
filter: grayscale(108%);
-webkit-filter: grayscale(100%);
-moz-filter grayscale(100%);
-ms-filter:grayscale(100%):
-o-filter:grayscale(100%);
filter:progid:DXImageTransform,Microsoft,BasicImage(grayscale=1):
-webkit-filter:grayscale(1);
}