@charset "UTF-8";@import url("../../https@fast.fonts.net/lt/1.css@apitype=css&c=370f4296-8500-4535-be5c-1d9012da28b2&fontids=5563114,5563142,5563164,5563186,5563229,5563240");html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0;}iframe{box-shadow: none !important;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}body{line-height: 1;}ol, ul{list-style: none;}blockquote, q{quotes: none;}blockquote:before, blockquote:after, q:before, q:after{content: none;}table{border-collapse: collapse; border-spacing: 0;}@media screen and (min-width: 769px){html{font-size: 6.9444444444vw;}}@media screen and (max-width: 768px){html{font-size: 13.3333333333vw;}}@media screen and (min-width: 769px){body{font-size: 0.14rem;}}@media screen and (max-width: 768px){body{font-size: 0.24rem;}}.flex--cc{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.jp_r, .reviews_ifr .information .address__mission, .overview__message .text div{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal;}.jp_b, .reviews_ifr .information .address__company, .overview__message h2 div, .overview__slogan h1 .jp{font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal;}.jp_h{font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal;}@font-face{font-family: "DIN Next W05 Heavy"; src: url("../fonts/dinhv.woff2") format("woff2"), url("../fonts/dinhv.woff") format("woff");}@font-face{font-family: "DIN Next W05 Medium"; src: url("../fonts/dinmd.woff2") format("woff2"), url("../fonts/dinmd.woff") format("woff");}@font-face{font-family: "DIN Next W05 Bold"; src: url("../fonts/dinbl") format("woff2"), url("../fonts/dinbl.woff") format("woff");}@font-face{font-family: "DIN Next W05 Heavy Italic"; src: url("../fonts/dinhvi.woff2") format("woff2"), url("../fonts/dinhvi.woff") format("woff");}@font-face{font-family: "DIN Next W05 Light"; src: url("../fonts/dinli.woff2") format("woff2"), url("../fonts/dinli.woff") format("woff");}@font-face{font-family: "DIN Next W05 Regular"; src: url("../fonts/dinrg.woff2") format("woff2"), url("../fonts/dinrg.woff") format("woff");}.din_l{font-family: "DIN Next W05 Light";}.din_r, .special-thanks__staff .qlip li .web-position, .special-thanks__staff .assistant, .reviews_ifr .link a.btn, .mainvisual .scroll p, .footer__copyright p, .language{font-family: "DIN Next W05 Regular";}.din_m, .special-thanks .section-title, .past-projects .section-title, .footer__link .sns ul li, .footer__link .corporate-site .url, .footer__link .corporate-site .title, .lang-is-en .len, .l-is-tt .len{font-family: "DIN Next W05 Medium";}.din_b, .special-thanks__movie h3, .special-thanks__staff .assistant span, .special-thanks__staff .position, .overview__slogan h1 .headline, .past-projects .page-top, .past-projects .past-projects-list ul li .year, .language .en, .language .jp{font-family: "DIN Next W05 Bold";}.din_h, .special-thanks__staff .qlip li .web-name, .special-thanks__staff .name, .overview__scrollTxt .txttmj, .overview__slogan h1 .en, .past-projects .background-message, .mainvisual .message .ttmj, .mainvisual .message .tHPY{font-family: "DIN Next W05 Heavy";}.din_hi, .special-thanks__staff .belongs{font-family: "DIN Next W05 Heavy Italic";}.scani{overflow: hidden;}.scani div{-webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: -moz-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: -o-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1);}.OK .scani div{-webkit-transform: translateY(0%); transform: translateY(0%);}.logo div{-webkit-transition-delay: 0s; transition-delay: 0s;}.tHPY div{-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}.ttmj div{-webkit-transition-delay: 0.5s; transition-delay: 0.5s;}.scroll div{-webkit-transition-delay: 2s; transition-delay: 2s;}[data-aos=new-animation]{overflow: hidden;}[data-aos=new-animation] div{opacity: 1; -webkit-transform: translateY(200%); transform: translateY(200%); -webkit-transition: -webkit-transform cubic-bezier(0.25, 0.25, 0.42, 1), opacity cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: -moz-transform cubic-bezier(0.25, 0.25, 0.42, 1), opacity cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: -o-transform cubic-bezier(0.25, 0.25, 0.42, 1), opacity cubic-bezier(0.25, 0.25, 0.42, 1); -webkit-transition: opacity cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform cubic-bezier(0.25, 0.25, 0.42, 1); transition: opacity cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform cubic-bezier(0.25, 0.25, 0.42, 1); transition: transform cubic-bezier(0.25, 0.25, 0.42, 1), opacity cubic-bezier(0.25, 0.25, 0.42, 1); transition: transform cubic-bezier(0.25, 0.25, 0.42, 1), opacity cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform cubic-bezier(0.25, 0.25, 0.42, 1); -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.42, 1); transition-timing-function: cubic-bezier(0.25, 0.25, 0.42, 1); -webkit-transition-duration: 1.2s !important; transition-duration: 1.2s !important;}@media screen and (min-width: 769px){[data-aos=new-animation].aos-animate div{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}@media screen and (max-width: 768px){[data-aos=new-animation].aos-animate div{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}html{-ms-overflow-style: none; /* IE, Edge 対応 */ scrollbar-width: none; /* Firefox 対応 */}html::-webkit-scrollbar{/* Chrome, Safari 対応 */ display: none;}body{background-color: #191919; -webkit-transition: background-color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: background-color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: background-color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: background-color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); color: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; height: 100%;}body.bg-is-white{background-color: #fff;}body.NO{overflow: hidden;}a{text-decoration: none; color: inherit;}.svg-symbols{position: fixed; z-index: -1; opacity: 0; pointer-events: none; width: 0; height: 0;}@media screen and (min-width: 769px){.wideop{display: none !important;}}@media screen and (max-width: 768px){.hiddenSP{display: none !important;}}a{text-decoration: none;}.app{width: 100%; overflow: hidden;}section{display: block;}*:focus{outline: none;}.debugHost{position: fixed; top: 10px; left: 50%;}.header{position: fixed; z-index: 110;}@media screen and (min-width: 769px){.header{top: 1.6rem; left: 1.3rem;}}@media screen and (max-width: 768px){.header{top: 1.04rem; left: 0.65rem;}}.header .logo{z-index: 12;}.header .logo svg{fill: #fff;}@media screen and (min-width: 769px){.header .logo svg{width: 1.3788rem; height: 0.3996rem;}}@media screen and (max-width: 768px){.header .logo svg{width: 2.0999999998rem; height: 0.6086161879rem;}}.language{z-index: 1; position: fixed; font-size: 0.2rem; letter-spacing: 0.06em; color: #777;}@media screen and (min-width: 769px){.language{top: 0.5rem; right: 0.5rem;}}@media screen and (max-width: 768px){.language{top: 0.5rem; right: 0.5rem;}}.language i{opacity: 0.6; -webkit-transition: color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1);}.language i{position: relative; display: inline-block; text-decoration: none;}.language i::before{content: ""; position: absolute; left: 0; width: 100%;}@media screen and (min-width: 769px){.language i::before{background: #ddd; bottom: 3px; height: 2px;}}@media screen and (max-width: 768px){.language i::before{background: #000; bottom: -2px; height: 2px;}}@media screen and (min-width: 769px){.language i::after{content: ""; position: absolute; left: 0; background: #000; width: 100%; bottom: 3px; height: 2px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;}}.language i:hover::after{-webkit-transform: scale(1, 1); transform: scale(1, 1);}@media screen and (min-width: 769px){.language i::before{background: none; bottom: -2px; height: 0.01rem;}}@media screen and (max-width: 768px){.language i::before{display: none;}}@media screen and (min-width: 769px){.language i::after{background: #666; height: 0.01rem; bottom: -2px;}}.language i:hover{opacity: 1;}@media screen and (min-width: 769px){}.lang-is-en .en{color: #fff; opacity: 1;}@media screen and (min-width: 769px){.lang-is-en .en:after{opacity: 0.7; content: ""; position: absolute; left: 0; bottom: -2px; background: #fff; width: 100%; height: 0.01rem; -webkit-transform: scale(1, 1);}}.l-is-tt .ttmj{display: block !important;}.l-is-tt .len{display: none !important;}.lang-is-en .ttmj{display: none !important;}.lang-is-en .len{display: block !important;}.bg-is-white.lang-is-en .en{color: #000;}.bg-is-white.lang-is-en .en:after{background: #000; -webkit-transition: background 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: background 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: background 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: background 0.8s cubic-bezier(0.25, 0.25, 0.42, 1);}.footer{position: relative; width: 100%; color: #fff; overflow: hidden; height: 100vh;}@media screen and (max-width: 768px){.footer{z-index: 120;}}.footer .container{z-index: 4; width: 100%; position: absolute; left: 0;}@media screen and (min-width: 769px){.footer .container{bottom: 0.43rem;}}@media screen and (max-width: 768px){.footer .container{bottom: 0.94rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0.6rem 1rem;}}@media screen and (min-width: 769px){.footer .container__frame{padding: 0 0.6rem; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}}.footer__copyright{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}@media screen and (min-width: 769px){.footer__copyright{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}}.footer__copyright .logo svg{fill: #191919;}@media screen and (min-width: 769px){.footer__copyright .logo svg{width: 1.2rem; height: 0.3477806788rem;}}@media screen and (max-width: 768px){.footer__copyright .logo svg{width: 2.9200000001rem; height: 0.8462663186rem;}}@media screen and (min-width: 769px){.footer__copyright p{font-size: 0.16rem;}}@media screen and (max-width: 768px){.footer__copyright p{position: absolute; bottom: 0; left: 0.6rem; font-size: 0.32rem;}}@media screen and (min-width: 769px){.footer__link{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.16rem;}}@media screen and (max-width: 768px){.footer__link{font-size: 0.32rem; margin-top: 1rem;}}.footer__link .corporate-site{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}@media screen and (max-width: 768px){.footer__link .corporate-site{margin-bottom: 0.25rem;}}.footer__link .corporate-site .title::after{content: "|"; font-family: "DIN Next W05 Regular";}@media screen and (min-width: 769px){.footer__link .corporate-site .title::after{padding: 0 0.16rem;}}@media screen and (max-width: 768px){.footer__link .corporate-site .title::after{padding: 0 0.16rem;}}.footer__link .corporate-site .url a{position: relative; display: inline-block; text-decoration: none;}.footer__link .corporate-site .url a::before{content: ""; position: absolute; left: 0; width: 100%;}@media screen and (min-width: 769px){.footer__link .corporate-site .url a::before{background: #ddd; bottom: 3px; height: 2px;}}@media screen and (max-width: 768px){.footer__link .corporate-site .url a::before{background: #000; bottom: -2px; height: 2px;}}@media screen and (min-width: 769px){.footer__link .corporate-site .url a::after{content: ""; position: absolute; left: 0; background: #000; width: 100%; bottom: 3px; height: 2px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;}}.footer__link .corporate-site .url a:hover::after{-webkit-transform: scale(1, 1); transform: scale(1, 1);}.footer__link .corporate-site .url a::before{background: none;}@media screen and (min-width: 769px){.footer__link .corporate-site .url a::after{background: #191919; bottom: -1px;}}@media screen and (min-width: 769px){.footer__link .sns{margin-left: 0.3rem;}}.footer__link .sns ul{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.footer__link .sns ul li::after{font-family: "DIN Next W05 Regular"; content: "/";}@media screen and (min-width: 769px){.footer__link .sns ul li::after{padding: 0 0.1rem;}}@media screen and (max-width: 768px){.footer__link .sns ul li::after{padding: 0 0.16rem;}}.footer__link .sns ul li:last-of-type::after{display: none;}.footer__link .sns ul a{position: relative; display: inline-block; text-decoration: none;}.footer__link .sns ul a::before{content: ""; position: absolute; left: 0; width: 100%;}@media screen and (min-width: 769px){.footer__link .sns ul a::before{background: #ddd; bottom: 3px; height: 2px;}}@media screen and (max-width: 768px){.footer__link .sns ul a::before{background: #000; bottom: -2px; height: 2px;}}@media screen and (min-width: 769px){.footer__link .sns ul a::after{content: ""; position: absolute; left: 0; background: #000; width: 100%; bottom: 3px; height: 2px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;}}.footer__link .sns ul a:hover::after{-webkit-transform: scale(1, 1); transform: scale(1, 1);}.footer__link .sns ul a::before{background: none;}@media screen and (min-width: 769px){.footer__link .sns ul a::after{background: #191919; bottom: -1px;}}.footer .background{position: absolute; top: 0; left: 0;}@media screen and (min-width: 769px){.footer .background{width: 100%; height: 100%;}}@media screen and (max-width: 768px){.footer .background{width: 100%; height: 100%;}}.footer .background .frame{position: relative;}@media screen and (min-width: 769px){.footer .background .frame{width: 100%; height: 100%; -webkit-animation: footerImage 12s infinite; animation: footerImage 12s infinite;}}@media screen and (max-width: 768px){.footer .background .frame{width: 100%; height: 100%; -webkit-animation: footerImage 12s infinite; animation: footerImage 12s infinite;}}.footer .background .bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center;}.footer .background__nomal{z-index: 1; -webkit-animation: footerGyoro 10s cubic-bezier(0.25, 0.25, 0.42, 1) infinite; animation: footerGyoro 10s cubic-bezier(0.25, 0.25, 0.42, 1) infinite;}@media screen and (min-width: 769px){.footer .background__nomal{background-image: url(../img/footer-background__pc.jpg);}}@media screen and (max-width: 768px){.footer .background__nomal{background-image: url(../img/footer-background__sp.jpg);}}@media screen and (min-width: 769px){.footer .background__gyoro{background-image: url(../img/footer-background_gyoro__pc.jpg);}}@media screen and (max-width: 768px){.footer .background__gyoro{background-image: url(../img/footer-background_gyoro__sp.jpg);}}@-webkit-keyframes footerGyoro{0%{opacity: 1;}90%{opacity: 1;}91%{opacity: 0;}92%{opacity: 1;}93%{opacity: 0;}94%{opacity: 1;}95%{opacity: 0;}100%{opacity: 1;}}@keyframes footerGyoro{0%{opacity: 1;}90%{opacity: 1;}91%{opacity: 0;}92%{opacity: 1;}93%{opacity: 0;}94%{opacity: 1;}95%{opacity: 0;}100%{opacity: 1;}}@-webkit-keyframes footerImage{0%{-webkit-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.03); transform: scale(1.03);}100%{-webkit-transform: scale(1); transform: scale(1);}}@keyframes footerImage{0%{-webkit-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.03); transform: scale(1.03);}100%{-webkit-transform: scale(1); transform: scale(1);}}.mainvisual{width: 100%; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}@media screen and (min-width: 769px){.mainvisual{background-image: url(../img/mainvisual__pc.jpg); margin-bottom: 3.4rem;}}@media screen and (max-width: 768px){.mainvisual{background-image: url(../img/mainvisual__sp.jpg); margin-bottom: 5rem; overflow: hidden;}}.mainvisual .message{position: absolute; z-index: 10;}@media screen and (min-width: 769px){.mainvisual .message{width: 100%; bottom: 1rem; left: 0;}}@media screen and (max-width: 768px){.mainvisual .message{text-align: left; bottom: 8%; left: 0.4rem;}}.mainvisual .message__frame{position: relative; width: 100%;}@media screen and (min-width: 769px){.mainvisual .message__frame{height: 2.18rem;}}.mainvisual .message .tHPY{width: 100%; z-index: 1; text-shadow: 0.05736rem 0.08192rem 0.18rem rgba(0, 0, 0, 0.2);}@media screen and (min-width: 769px){.mainvisual .message .tHPY{position: absolute; bottom: 0.24rem; left: 50%; margin: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 1.2rem; text-align: center;}}@media screen and (max-width: 768px){.mainvisual .message .tHPY{font-size: 1.2rem;}}@media screen and (max-width: 768px){.mainvisual .message .tHPY span{display: block;}}.mainvisual .message .ttmj{color: transparent; -webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 2px;}@media screen and (min-width: 769px){.mainvisual .message .ttmj{position: absolute; bottom: -0.3rem; right: 1.3rem; font-size: 1.5rem;}}@media screen and (max-width: 768px){.mainvisual .message .ttmj{font-size: 1.72rem;}}.mainvisual .scroll{z-index: 2; position: absolute; text-align: center; left: 50%; margin: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%);}@media screen and (min-width: 769px){.mainvisual .scroll{bottom: 0.24rem;}}@media screen and (max-width: 768px){.mainvisual .scroll{bottom: 0rem; width: 60%;}}@media screen and (min-width: 769px){.mainvisual .scroll p{font-size: 0.14rem;}}@media screen and (max-width: 768px){.mainvisual .scroll p{font-size: 0.28rem;}}.mainvisual .scroll svg{fill: #fff;}@media screen and (min-width: 769px){.mainvisual .scroll svg{margin-top: 0.12rem; width: 0.18rem; height: 0.18rem; -webkit-animation: vertical 2s cubic-bezier(0.25, 0.25, 0.42, 1) 0s infinite; animation: vertical 2s cubic-bezier(0.25, 0.25, 0.42, 1) 0s infinite;}}@media screen and (max-width: 768px){.mainvisual .scroll svg{margin-top: 0.25rem; width: 0.37rem; height: 0.37rem; -webkit-animation: verticalSP 2s cubic-bezier(0.25, 0.25, 0.42, 1) 0s infinite; animation: verticalSP 2s cubic-bezier(0.25, 0.25, 0.42, 1) 0s infinite;}}@-webkit-keyframes vertical{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes vertical{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@-webkit-keyframes verticalSP{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes verticalSP{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}/* ino44 animation==========================================*/canvas{opacity: 0; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1);}@media screen and (min-width: 769px){.OK canvas{opacity: 1; display: block; margin: 0 auto; position: absolute; top: 0; left: 0; z-index: 0; width: 100% !important; height: 100vh !important; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;";}}@media screen and (min-width: 2000px) and (max-width: 10000px){.OK canvas{-webkit-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08);}}@media screen and (max-width: 768px){canvas{opacity: 0 !important;}}@media screen and (min-width: 769px){.list-is-move .past-projects-list li:nth-of-type(1){-webkit-transform: translateY(0rem); transform: translateY(0rem);}}@media screen and (min-width: 769px){.list-is-move .past-projects-list li:nth-of-type(2){-webkit-transform: translateY(0.7rem); transform: translateY(0.7rem);}}@media screen and (min-width: 769px){.list-is-move .past-projects-list li:nth-of-type(3){-webkit-transform: translateY(1.4rem); transform: translateY(1.4rem);}}@media screen and (min-width: 769px){.list-is-move .past-projects-list li:nth-of-type(4){-webkit-transform: translateY(2.1rem); transform: translateY(2.1rem);}}@media screen and (min-width: 769px){.list-is-move .past-projects-list li:nth-of-type(5){-webkit-transform: translateY(2.8rem); transform: translateY(2.8rem);}}.past-projects{margin: 0 auto; color: #191919; z-index: 999; position: relative;}@media screen and (min-width: 769px){.past-projects{max-width: 12rem; width: 100%; margin-bottom: 1.73rem;}}@media screen and (max-width: 768px){.past-projects{width: 100%; margin-bottom: 1.6rem;}}.past-projects .section-title{margin: auto;}@media screen and (min-width: 769px){.past-projects .section-title{font-size: 0.4rem;}}@media screen and (max-width: 768px){.past-projects .section-title{width: 625px; font-size: 0.6rem; padding-left: 0.6rem; margin-bottom: 0.8rem;}}.past-projects .background-message{position: absolute; color: #f5f5f5; z-index: -1; text-align: right; line-height: 0.8;}@media screen and (min-width: 769px){.past-projects .background-message{top: -0.6rem; right: 0; font-size: 2rem;}}@media screen and (max-width: 768px){.past-projects .background-message{top: -1.02rem; right: 0.05rem; font-size: 1.65rem;}}@media screen and (min-width: 769px){.past-projects .past-projects-list{margin-bottom: 2.3rem;}}@media screen and (max-width: 768px){.past-projects .past-projects-list{overflow-x: scroll; white-space: nowrap; overflow-scrolling: touch; /* スクロールを滑らかにする */ -webkit-overflow-scrolling: touch; /* スクロールを滑らかにする */ margin-bottom: 1.8rem; height: 8rem;}}.past-projects .past-projects-list ul{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}@media screen and (min-width: 769px){.past-projects .past-projects-list ul{height: 6.5rem;}}@media screen and (max-width: 768px){.past-projects .past-projects-list ul{width: 25.8rem; padding-left: 0.6rem; padding-right: 0.6rem;}}.past-projects .past-projects-list ul li{-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: -moz-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: -o-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -webkit-transition-delay: 800ms; transition-delay: 800ms;}@media screen and (min-width: 769px){.past-projects .past-projects-list ul li{width: 2.4rem; height: 4rem;}}@media screen and (max-width: 768px){.past-projects .past-projects-list ul li{width: 4.8rem;}}.past-projects .past-projects-list ul li img{width: 100%;}@media screen and (min-width: 769px){.past-projects .past-projects-list ul li img{margin-bottom: 0.22rem; opacity: 1; -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.42, 1);}}@media screen and (max-width: 768px){.past-projects .past-projects-list ul li img{margin-bottom: 0.22rem; height: ren(720px);}}.past-projects .past-projects-list ul li .year{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}@media screen and (min-width: 769px){.past-projects .past-projects-list ul li .year{font-size: 0.16rem;}}@media screen and (max-width: 768px){.past-projects .past-projects-list ul li .year{font-size: 0.32rem;}}@media screen and (min-width: 769px){.past-projects .past-projects-list ul li .year p{margin-right: 0.12rem;}}@media screen and (max-width: 768px){.past-projects .past-projects-list ul li .year p{margin-right: 0.27rem;}}.past-projects .past-projects-list ul li .year svg{fill: #191919;}@media screen and (min-width: 769px){.past-projects .past-projects-list ul li .year svg{-webkit-transform: translateX(0rem); transform: translateX(0rem); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: -moz-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: -o-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); width: 0.14rem; height: 0.14rem;}}@media screen and (max-width: 768px){.past-projects .past-projects-list ul li .year svg{width: 0.28rem; height: 0.28rem;}}@media screen and (min-width: 769px){.past-projects .past-projects-list ul li:hover img{opacity: 0.78;}}.past-projects .past-projects-list ul li:hover svg{-webkit-transform: translateX(0.8rem); transform: translateX(0.8rem);}@media screen and (min-width: 769px){.past-projects .page-top{font-size: 0.16rem;}}@media screen and (max-width: 768px){.past-projects .page-top{font-size: 0.32rem;}}.past-projects .page-top a{position: relative; display: inline-block; text-decoration: none;}.past-projects .page-top a::before{content: ""; position: absolute; left: 0; width: 100%;}@media screen and (min-width: 769px){.past-projects .page-top a::before{background: #ddd; bottom: 3px; height: 2px;}}@media screen and (max-width: 768px){.past-projects .page-top a::before{background: #000; bottom: -2px; height: 2px;}}@media screen and (min-width: 769px){.past-projects .page-top a::after{content: ""; position: absolute; left: 0; background: #000; width: 100%; bottom: 3px; height: 2px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;}}.past-projects .page-top a:hover::after{-webkit-transform: scale(1, 1); transform: scale(1, 1);}@media screen and (max-width: 768px){.past-projects .page-top a{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #191919; border-bottom: 1px solid #191919; width: 6.25rem; margin: 0 auto; padding: 0.8rem 0;}}.past-projects .page-top a::before{background: none;}@media screen and (min-width: 769px){.past-projects .page-top a::after{background: #191919; bottom: -3px;}}@media screen and (min-width: 769px){.past-projects .page-top a svg{width: 0.14rem; height: 0.14rem; margin-left: 0.3rem;}}@media screen and (max-width: 768px){.past-projects .page-top a svg{width: 0.28rem; height: 0.28rem; margin-left: 0.6rem;}}.backgroundChange .before-area{width: 100%;}@media screen and (min-width: 769px){.backgroundChange .before-area{height: 10vh;}}@media screen and (max-width: 768px){.backgroundChange .before-area{height: 20vh;}}.backgroundChange .js-backgroundChange{height: 0.01rem; width: 100%;}.backgroundChange .after-area{height: 20vh; width: 100%;}.scrollme{width: 100%;}@media screen and (min-width: 769px){.scrollme{height: 220vh;}}@media screen and (max-width: 768px){.scrollme{height: 600px;}}.scrollme .animateme{z-index: -3; opacity: 0; position: fixed; top: 0; left: 0; background: #fefefe;}@media screen and (min-width: 769px){.scrollme .animateme{width: 100%; height: 100vh;}}@media screen and (max-width: 768px){.scrollme .animateme{width: 100%; height: 5200px;}}.overview{color: #191919; margin: 0 auto; text-align: center;}@media screen and (min-width: 769px){.overview{margin-bottom: 2.56rem;}}@media screen and (max-width: 768px){.overview{margin-bottom: 3rem;}}.overview__slogan{color: #fefefe; position: relative;}@media screen and (max-width: 768px){.overview__slogan{margin-bottom: 5rem;}}.overview__slogan h1{position: relative; z-index: 1; width: 100%; overflow: hidden;}.overview__slogan h1 .headline{font-size: 0.36rem;}@media screen and (max-width: 768px){.overview__slogan h1 .headline{background: #191919; padding: 0.38rem 0.6rem; width: 2.8rem; margin: 0 auto;}}.overview__slogan h1 .en{line-height: 0.8; letter-spacing: -0.01em;}@media screen and (min-width: 769px){.overview__slogan h1 .en{font-size: 2.36rem;}}@media screen and (max-width: 768px){.overview__slogan h1 .en{font-size: 1.56rem; margin-left: -0.15rem;}}.overview__slogan .img{position: absolute;}.overview__slogan .sheet1{z-index: 0; left: 0; width: 5.4rem;}@media screen and (min-width: 769px){.overview__slogan .sheet1{top: -0.88rem;}}@media screen and (max-width: 768px){.overview__slogan .sheet1{top: -2rem;}}.overview__slogan .sheet2{z-index: 2; width: 4.8rem; right: 0;}@media screen and (min-width: 769px){.overview__slogan .sheet2{top: 3.4rem;}}@media screen and (max-width: 768px){.overview__slogan .sheet2{top: 6.8rem;}}.overview__message{color: #fefefe; margin: 0 auto; line-height: 1.7;}@media screen and (min-width: 769px){.overview__message{width: 10rem; margin-bottom: 4.6rem;}}@media screen and (max-width: 768px){.overview__message{width: 6.5rem; margin-bottom: 4rem;}}@media screen and (min-width: 769px){.overview__message h2 div{text-align: center; font-size: 0.36rem; margin-bottom: 0.3rem;}}@media screen and (max-width: 768px){.overview__message h2 div{text-align: left; font-size: 0.5rem; margin-bottom: 0.3rem;}}.overview__message .text div{line-height: 1.7; color: #808080; text-align: left;}@media screen and (min-width: 769px){.overview__message .text div{font-size: 0.18rem; height: 10.5rem;}}@media screen and (max-width: 768px){.overview__message .text div{font-size: 0.36rem;}}.overview__message .text .mehman{display: block;}@media screen and (min-width: 769px){.overview__message .text .mehman{margin-top: 0.3rem; font-size: 0.2rem;}}@media screen and (max-width: 768px){.overview__message .text .mehman{margin-top: 0.3rem; font-size: 0.26rem;}}@media screen and (min-width: 769px){.overview__scroll{z-index: 1; margin: 0 auto; width: 0.02rem; padding-top: 1.6rem; margin-bottom: 1.3rem;}}@media screen and (max-width: 768px){.overview__scroll{display: none;}}@media screen and (min-width: 769px){.overview__scroll .line-area{position: relative; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; background: #353535; width: 0.02rem; height: 2.7rem;}}@media screen and (min-width: 769px){.overview__scroll .line-area .line{z-index: 1; position: absolute; top: 0; left: 0; background: #959595; width: 0.02rem; height: 1.4rem; -webkit-animation: scrollBar 2s linear 1s infinite; -moz-animation: scrollBar 2s linear 1s infinite; -ms-animation: scrollBar 2s linear 1s infinite; -o-animation: scrollBar 2s linear 1s infinite; animation: scrollBar 2s linear 1s infinite;}}@-webkit-keyframes scrollBar{0%{top: -1.4rem;}100%{top: 4.1rem;}}@keyframes scrollBar{0%{top: -1.4rem;}100%{top: 4.1rem;}}.overview__scrollTxt{position: relative; width: 100%;}.overview__scrollTxt .image{margin: 0 0 0 auto;}@media screen and (min-width: 769px){.overview__scrollTxt .image{width: 12rem; margin-bottom: 2.9rem;}}@media screen and (max-width: 768px){.overview__scrollTxt .image{width: 6.87rem;}}.overview__scrollTxt .image img{width: 100%; position: relative; z-index: 2;}.overview__scrollTxt .txtH{position: absolute; z-index: -1;}@media screen and (min-width: 769px){.overview__scrollTxt .txtH{top: -5.6rem; left: 0;}}@media screen and (max-width: 768px){.overview__scrollTxt .txtH{top: 3.9rem; left: 0;}}.overview__scrollTxt .txtH img{width: 1.26rem;}@media screen and (min-width: 769px){.overview__scrollTxt .txtH img{width: 2.94rem;}}.overview__scrollTxt .txtNY{position: absolute; z-index: 2;}@media screen and (min-width: 769px){.overview__scrollTxt .txtNY{top: 1rem; right: 0;}}@media screen and (max-width: 768px){.overview__scrollTxt .txtNY{top: 15rem; right: 0;}}.overview__scrollTxt .txtNY img{width: 1.26rem;}@media screen and (min-width: 769px){.overview__scrollTxt .txtNY img{width: 2.94rem;}}.overview__scrollTxt .txttmj{z-index: 1; position: relative; color: transparent; -webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 1px;}@media screen and (min-width: 769px){.overview__scrollTxt .txttmj{font-size: 3.4rem; -webkit-transform: translateY(-4rem); transform: translateY(-4rem); padding-bottom: 0.2rem; margin-top: 5rem;}}@media screen and (max-width: 768px){.overview__scrollTxt .txttmj{margin-top: 2rem; font-size: 1.8rem;height: 14.6rem;}}.overview__images{position: relative;}@media screen and (min-width: 769px){.overview__images{margin-top: -1.2rem; height: 54.8rem;}}@media screen and (max-width: 768px){.overview__images{height: 19.720000000000027rem;margin-top: 1.5rem;}}.overview__images p{position: absolute;}.overview__images img.item{width: 100%;}@media screen and (min-width: 769px){.overview__images .img01{width: 6rem; top: 0; left: 0.6rem;}}@media screen and (max-width: 768px){.overview__images .img01{width: 3.13rem; top: 0; left: 0.3rem;}}@media screen and (min-width: 769px){.overview__images .img02{width: 6rem; top: 1.7rem; right: 0.6rem;}}@media screen and (max-width: 768px){.overview__images .img02{width: 3.13rem; top: 0.7rem; right: 0.3rem;}}@media screen and (min-width: 769px){.overview__images .img03{width: 9rem; top: 7.3rem; left: 1.2rem;}}@media screen and (max-width: 768px){.overview__images .img03{width: 4.7rem; top: 3.8rem; left: 0.6rem;}}@media screen and (min-width: 769px){.overview__images .img04{width: 13.2rem; top: 15.5rem; left: 0;}}@media screen and (max-width: 768px){.overview__images .img04{width: 6.9rem; top: 8.1rem; left: 0;}}@media screen and (min-width: 769px){.overview__images .img05{top: 22.85rem; right: 3rem; width: 6rem;}}@media screen and (max-width: 768px){.overview__images .img05{top: 11.9rem; left: 2.8rem; width: 3.13rem;}}@media screen and (min-width: 769px){.overview__images .img06{top: 34.8rem; left: 0; width: 100%;}}@media screen and (max-width: 768px){.overview__images .img06{top: 19.62rem; left: 0; width: 100%;}}@media screen and (min-width: 769px){.overview__images .img07{width: 10.2rem; bottom: 0; right: 0;}}@media screen and (max-width: 768px){.overview__images .img07{width: 6.9rem; bottom: 0; right: 0;}}@media screen and (min-width: 769px){.overview__images .img07 img{-webkit-box-shadow: 0rem 0.2rem 0.4rem rgba(0, 0, 0, 0.6); box-shadow: 0rem 0.2rem 0.4rem rgba(0, 0, 0, 0.6);}}@media screen and (max-width: 768px){.overview__images .img07 img{-webkit-box-shadow: 0rem 0.2rem 0.3rem rgba(0, 0, 0, 0.6); box-shadow: 0rem 0.2rem 0.3rem rgba(0, 0, 0, 0.6);}}.reviews_ifr{color: #fefefe; margin: 0 auto; text-align: left; position: relative;}@media screen and (min-width: 769px){.reviews_ifr{width: 100%; margin-top: 1.14rem; margin-right: 0;}}@media screen and (max-width: 768px){.reviews_ifr{margin-top: 1.8rem; width: 100%;}}.reviews_ifr .scrollTxt{position: absolute;}@media screen and (min-width: 769px){.reviews_ifr .scrollTxt{top: -4.9rem; left: -4.2rem;}}@media screen and (max-width: 768px){.reviews_ifr .scrollTxt{top: -15rem; left: -0.61rem;}}.reviews_ifr .scrollTxt .txt{position: relative;}@media screen and (min-width: 769px){.reviews_ifr .scrollTxt .txt{width: 2.98rem; height: 10.06rem;}}@media screen and (max-width: 768px){.reviews_ifr .scrollTxt .txt{width: 2.8rem; height: 9.93rem;}}.reviews_ifr .scrollTxt .txt .img01{position: absolute;}@media screen and (min-width: 769px){.reviews_ifr .scrollTxt .txt .img01{width: 1.42rem; bottom: 0; right: 0;}}@media screen and (max-width: 768px){.reviews_ifr .scrollTxt .txt .img01{width: 1.26rem; bottom: 0; right: 0;}}.reviews_ifr .scrollTxt .txt .img02{position: absolute;}@media screen and (min-width: 769px){.reviews_ifr .scrollTxt .txt .img02{width: 1.42rem; top: 0; left: 0;}}@media screen and (max-width: 768px){.reviews_ifr .scrollTxt .txt .img02{width: 1.26rem; top: 0; left: 0;}}@media screen and (min-width: 769px){.reviews_ifr .information .logo{margin-bottom: 0.9rem;}}@media screen and (max-width: 768px){.reviews_ifr .information .logo{margin-bottom: 1.8rem;}}.reviews_ifr .information .logo svg{fill: #fefefe;}@media screen and (min-width: 769px){.reviews_ifr .information .logo svg{width: 1.8000000002rem; height: 0.5216710183rem;}}@media screen and (max-width: 768px){.reviews_ifr .information .logo svg{width: 3.6000000005rem; height: 1.0433420367rem;}}.reviews_ifr .information .address{position: relative;}@media screen and (min-width: 769px){.reviews_ifr .information .address{margin-bottom: 0.9rem;}}@media screen and (max-width: 768px){.reviews_ifr .information .address{margin-bottom: 1.8rem;}}.reviews_ifr .information .address__company{line-height: 1.75;}@media screen and (min-width: 769px){.reviews_ifr .information .address__company{font-size: 0.16rem; margin-bottom: 0.2rem;}}@media screen and (max-width: 768px){.reviews_ifr .information .address__company{font-size: 0.32rem; margin-bottom: 0.55rem;}}.reviews_ifr .information .address__mission{line-height: 1.8333333333; color: #808080;}@media screen and (min-width: 769px){.reviews_ifr .information .address__mission{font-size: 0.12rem;}}@media screen and (max-width: 768px){.reviews_ifr .information .address__mission{font-size: 0.24rem;}}.reviews_ifr .information .address::before{content: ""; position: absolute; background: #fefefe;}@media screen and (min-width: 769px){.reviews_ifr .information .address::before{top: -0.4rem; left: 0; height: 2px; width: 0.16rem;}}@media screen and (max-width: 768px){.reviews_ifr .information .address::before{top: -0.7rem; left: 0; height: 2px; width: 0.32rem;}}.reviews_ifr .information .address::after{content: ""; position: absolute; background: #fefefe;}@media screen and (min-width: 769px){.reviews_ifr .information .address::after{bottom: -0.4rem; left: 0; height: 2px; width: 0.16rem;}}@media screen and (max-width: 768px){.reviews_ifr .information .address::after{bottom: -0.7rem; left: 0; height: 2px; width: 0.32rem;}}.reviews_ifr .link a.btn{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fefefe; position: relative;}@media screen and (min-width: 769px){.reviews_ifr .link a.btn{-webkit-transition: color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: color 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); border: 1px solid #fefefe; width: 6.6rem; height: 0.8rem; padding: 0 0.38rem;}}@media screen and (max-width: 768px){.reviews_ifr .link a.btn{border: 1px solid #fefefe; width: 6.25rem; height: 2.2rem; font-size: 0.44rem; padding: 0 0.6rem;}}.reviews_ifr .link a.btn svg{fill: #fefefe;}@media screen and (min-width: 769px){.reviews_ifr .link a.btn svg{-webkit-transition: fill 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: fill 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), -moz-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: fill 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), -o-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: fill 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: fill 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); transition: fill 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.25, 0.42, 1); width: 0.22rem; height: ren(22px); -webkit-transform: translateX(0rem); transform: translateX(0rem);}}@media screen and (max-width: 768px){.reviews_ifr .link a.btn svg{width: 0.44rem; height: ren(44px);}}@media screen and (min-width: 769px){.reviews_ifr .link a.btn:after{z-index: -1; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fefefe; -webkit-transition: width 0.4s cubic-bezier(0.25, 0.25, 0.42, 1); -moz-transition: width 0.4s cubic-bezier(0.25, 0.25, 0.42, 1); -o-transition: width 0.4s cubic-bezier(0.25, 0.25, 0.42, 1); transition: width 0.4s cubic-bezier(0.25, 0.25, 0.42, 1);}}@media screen and (min-width: 769px){.reviews_ifr .link a.btn:hover{color: #191919;}}@media screen and (min-width: 769px){.reviews_ifr .link a.btn:hover svg{fill: #191919; -webkit-transform: translateX(0.1rem); transform: translateX(0.1rem);}}@media screen and (min-width: 769px){.reviews_ifr .link a.btn:hover:after{width: 100%;}}.special-thanks{color: #191919; margin: 0 auto; z-index: 999; position: relative;}@media screen and (min-width: 769px){.special-thanks{max-width: 12rem; width: 100%; margin-bottom: 2.56rem;}}@media screen and (max-width: 768px){.special-thanks{width: 6.3rem; margin-bottom: 3.6rem;}}@media screen and (min-width: 769px){.special-thanks .section-title{font-size: 0.4rem; margin-bottom: 1.14rem;}}@media screen and (max-width: 768px){.special-thanks .section-title{font-size: 0.6rem; margin-bottom: 1.14rem;}}@media screen and (min-width: 769px){.special-thanks__staff{margin-bottom: 1.14rem;}}@media screen and (max-width: 768px){.special-thanks__staff{margin-bottom: 1.14rem;}}@media screen and (min-width: 769px){.special-thanks__staff .staff{margin-bottom: 1.5rem;}}@media screen and (max-width: 768px){.special-thanks__staff .staff{margin-bottom: 1.5rem;}}@media screen and (min-width: 769px){.special-thanks__staff .position{font-size: 0.18rem; margin-bottom: 0.1rem;}}@media screen and (max-width: 768px){.special-thanks__staff .position{font-size: 0.36rem; margin-bottom: 0.2rem;}}@media screen and (min-width: 769px){.special-thanks__staff .name{display: inline; font-size: 1.2rem;}}@media screen and (max-width: 768px){.special-thanks__staff .name{font-size: 1.8rem; margin-bottom: 0.2rem;}}@media screen and (min-width: 769px){.special-thanks__staff .belongs{font-size: 0.2rem; display: inline;}}@media screen and (max-width: 768px){.special-thanks__staff .belongs{font-size: 0.4rem;}}.special-thanks__staff .belongs::before{content: "/";}@media screen and (min-width: 769px){.special-thanks__staff .belongs::before{font-size: 0.2rem; margin-left: 0.1rem; margin-right: 0.1rem;}}@media screen and (max-width: 768px){.special-thanks__staff .belongs::before{font-size: 0.4rem; margin-left: 0.1rem; margin-right: 0.2rem;}}.special-thanks__staff .belongs a{position: relative; display: inline-block; text-decoration: none;}.special-thanks__staff .belongs a::before{content: ""; position: absolute; left: 0; width: 100%;}@media screen and (min-width: 769px){.special-thanks__staff .belongs a::before{background: #ddd; bottom: 3px; height: 2px;}}@media screen and (max-width: 768px){.special-thanks__staff .belongs a::before{background: #000; bottom: -2px; height: 2px;}}@media screen and (min-width: 769px){.special-thanks__staff .belongs a::after{content: ""; position: absolute; left: 0; background: #000; width: 100%; bottom: 3px; height: 2px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;}}.special-thanks__staff .belongs a:hover::after{-webkit-transform: scale(1, 1); transform: scale(1, 1);}.special-thanks__staff .belongs a::before{background: none;}@media screen and (min-width: 769px){.special-thanks__staff .belongs a::after{background: #191919; bottom: -1px;}}@media screen and (min-width: 769px){.special-thanks__staff .assistant{font-size: 0.24rem; margin-top: 0.4rem;}}@media screen and (max-width: 768px){.special-thanks__staff .assistant{font-size: 0.32rem; margin-top: 0.7rem;}}@media screen and (min-width: 769px){.special-thanks__staff .make{margin-bottom: 2.4rem;}}@media screen and (max-width: 768px){.special-thanks__staff .make{margin-bottom: 2.5rem;}}@media screen and (max-width: 768px){.special-thanks__staff .qlip{margin-bottom: 2.5rem;}}@media screen and (min-width: 769px){.special-thanks__staff .qlip .position{margin-bottom: 0.62rem;}}@media screen and (max-width: 768px){.special-thanks__staff .qlip .position{font-family: "DIN Next W05 Medium"; font-size: 0.6rem; margin-bottom: 1.14rem;}}@media screen and (max-width: 768px){.special-thanks__staff .qlip .position .belongs{margin-top: 0.2rem; display: block;}}@media screen and (min-width: 769px){.special-thanks__staff .qlip ul{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}}@media screen and (min-width: 769px){.special-thanks__staff .qlip li{width: 3.6rem; margin-bottom: 0.5rem;}}@media screen and (max-width: 768px){.special-thanks__staff .qlip li{margin-bottom: 0.77rem;}}@media screen and (min-width: 769px){.special-thanks__staff .qlip li .web-name{font-size: 0.36rem; margin-bottom: 0.1rem;}}@media screen and (max-width: 768px){.special-thanks__staff .qlip li .web-name{font-size: 0.67rem; margin-bottom: 0.32rem;}}.special-thanks__staff .qlip li .web-position{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}@media screen and (min-width: 769px){.special-thanks__staff .qlip li .web-position{font-size: 0.16rem;}}@media screen and (max-width: 768px){.special-thanks__staff .qlip li .web-position{font-size: 0.32rem;}}.special-thanks__staff .qlip li .web-position:after{content: ""; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; content: ""; background: #191919;}@media screen and (min-width: 769px){.special-thanks__staff .qlip li .web-position:after{margin-left: 0.1rem; height: 1px;}}@media screen and (max-width: 768px){.special-thanks__staff .qlip li .web-position:after{margin-left: 0.2rem; height: 1px;}}.special-thanks__movie{position: relative;}.special-thanks__movie::after{content: ""; position: absolute; left: 0; background: #191919; width: 100%; height: 1px;}@media screen and (min-width: 769px){.special-thanks__movie::after{bottom: -0.92rem;}}@media screen and (max-width: 768px){.special-thanks__movie::after{bottom: -0.8rem;}}@media screen and (min-width: 769px){.special-thanks__movie h3{font-size: 0.18rem; margin-bottom: 0.58rem;}}@media screen and (max-width: 768px){.special-thanks__movie h3{font-family: "DIN Next W05 Medium"; font-size: 0.6rem; margin-bottom: 0.8rem;}}.special-thanks__movie .movie{position: relative; height: 0; overflow: hidden; padding: 0 0 56.25%;}@media screen and (min-width: 769px){.special-thanks__movie .movie{margin-top: 0.5rem;}}.special-thanks__movie .movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%;}@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,800);@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);.snip1401{font-family: 'Playfair Display', Arial, sans-serif; position: relative; overflow: hidden; margin: 10px; min-width: 230px; max-width: 315px; max-height: 220px; width: 100%; color: #000000; text-align: right; font-size: 16px; background-color: #000000;}.snip1401 *{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}.snip1401 img{max-width: 100%; backface-visibility: hidden;}.snip1401 figcaption{position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; opacity: 1; padding: 30px 0 30px 10px; background-color: #ffffff; width: 40%; -webkit-transform: translateX(150%); transform: translateX(150%);}.snip1401 figcaption:before{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 100%; content: ''; width: 0; height: 0; border-style: solid; border-width: 120px 120px 120px 0; border-color: transparent #ffffff transparent transparent;}.snip1401:after{position: absolute; bottom: 50%; right: 40%; content: ''; width: 0; height: 0; border-style: solid; border-width: 120px 120px 0 120px; border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}.snip1401 h3,.snip1401 p{line-height: 1.5em; -webkit-transform: translateX(-30px); transform: translateX(-30px); margin: 0;}.snip1401 h3{margin: 0 0 5px; line-height: 1.1em; font-weight: 900; font-size: 1.4em; opacity: 0.75;}.snip1401 p{font-size: 0.8em;}.snip1401 i{position: absolute; bottom: 0; left: 0; padding: 20px 30px; font-size: 44px; color: #ffffff; opacity: 0;}.snip1401 a{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}.snip1401:hover img,.snip1401.hover img{zoom: 1; filter: alpha(opacity=50); -webkit-opacity: 0.5; opacity: 0.5;}.snip1401:hover:after,.snip1401.hover:after,.snip1401:hover figcaption,.snip1401.hover figcaption,.snip1401:hover i,.snip1401.hover i{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}