@charset "UTF-8";@font-face{font-family:YakuHanJP;font-style:normal;font-weight:100;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Thin.woff) format("woff");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+30fb,U+ff01,U+ff08,U+ff09,U+ff1a,U+ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:200;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Light.woff) format("woff");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+30fb,U+ff01,U+ff08,U+ff09,U+ff1a,U+ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:300;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-DemiLight.woff) format("woff");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+30fb,U+ff01,U+ff08,U+ff09,U+ff1a,U+ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+30fb,U+ff01,U+ff08,U+ff09,U+ff1a,U+ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+30fb,U+ff01,U+ff08,U+ff09,U+ff1a,U+ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+30fb,U+ff01,U+ff08,U+ff09,U+ff1a,U+ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/fonts/YakuHanJP/YakuHanJP-Black.woff) format("woff");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+30fb,U+ff01,U+ff08,U+ff09,U+ff1a,U+ff1b,U+ff1f,U+ff3b,U+ff3d,U+ff5b,U+ff5d}html{font-size:10px}body{color:#111;font-family:YakuHanJP,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Meiryo UI,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}@media only screen and (max-width:1000px){body{min-width:0}}::-moz-selection{background:#111;color:#fff}::selection{background:#111;color:#fff}#l-container{background-color:#fff;overflow:hidden}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0;vertical-align:baseline}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#preloadSVG{display:none}.transitionStop{-webkit-transition-duration:0s!important;transition-duration:0s!important}header#c-header{left:0;position:absolute;top:0}#l-loading{background-color:#f0efec;height:100vh;left:0;position:fixed;top:0;-webkit-transition:all .65s ease;transition:all .65s ease;width:100%;z-index:10}#l-loading.is-hidden{opacity:0;visibility:hidden}.mail-btn a{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;height:42px;-webkit-box-pack:center;justify-content:center;margin:0 auto;position:relative;width:42px}@media only screen and (max-width:1000px){.mail-btn a{height:27px;width:27px}}.mail-btn a:hover .svg-icon-wrapper svg{color:#a6a5a1}.mail-btn a .svg-icon-wrapper,.mail-btn a svg{height:15px;width:23px}@media only screen and (max-width:1000px){.mail-btn a .svg-icon-wrapper,.mail-btn a svg{height:9px;width:14px}}.mail-btn a .svg-icon-wrapper svg{color:#000;-webkit-transition:all .63s ease;transition:all .63s ease}#l-side-nav{position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#l-side-nav{mix-blend-mode:difference;right:30px;z-index:9}@media only screen and (max-width:1000px){#l-side-nav{bottom:58px;right:4vw;top:auto;-webkit-transform:translateY(0);transform:translateY(0)}}#l-side-nav.is-wh{mix-blend-mode:unset}#l-side-nav.is-wh li.gnav-child.is-current a svg{color:#333}@media only screen and (max-width:1000px){#l-side-nav.is-wh li.gnav-child a:before{background-color:#fff}}#l-side-nav.is-wh li.gnav-child a:hover svg{color:#333}#l-side-nav.is-wh li.gnav-child:before{background-color:#fff}#l-side-nav.is-wh svg{color:#fff}.c-gnav svg{width:13px}.c-gnav a{display:block}.c-gnav li:not(:last-child){margin-bottom:23px;position:relative}.c-gnav li:not(:last-child):before{background-color:#333;bottom:-16px;content:"";height:12px;left:5.5px;position:absolute;width:1px}@media only screen and (max-width:1000px){.c-gnav li:not(:last-child):before{display:none}}@media only screen and (max-width:1000px){.c-gnav li.gnav-child{margin-bottom:5px}}.c-gnav li.gnav-child.is-current a svg{color:#fff}@media only screen and (max-width:1000px){.c-gnav li.gnav-child.is-current a{height:50px}}@media only screen and (max-width:1000px){.c-gnav li.gnav-child.is-current a:before{height:50px;opacity:1}}@media only screen and (min-width:769px){.c-gnav li.gnav-child a{display:block;position:relative}.c-gnav li.gnav-child a:hover svg{color:#fff}}@media only screen and (max-width:1000px){.c-gnav li.gnav-child a{display:block;height:25px;position:relative;-webkit-transition:all .32s ease;transition:all .32s ease;width:1px}}@media only screen and (max-width:1000px){.c-gnav li.gnav-child a:before{background-color:#333;bottom:0;content:"";display:block;height:100%;left:0;opacity:.3;-webkit-transition:background-color .32s ease;transition:background-color .32s ease;width:1.5px}}.c-gnav svg{color:#333;height:8px;-webkit-transition:all .32s ease;transition:all .32s ease}@media only screen and (max-width:1000px){.c-gnav svg{display:none}}.c-gnav .gnav1 svg{height:76px}.c-gnav .gnav2 svg{height:66px}.c-gnav .gnav3 svg{height:45px}.c-gnav .gnav4 svg{height:58px}.c-gnav .gnav5 svg{height:60px}.c-gnav .gnav6 svg{height:56px}#index-page #l-contents section:not(#mv):not(#factory){background-color:#f0efec;min-height:100vh;position:relative;width:100%}#index-page #mv{background-color:#f0efec;height:100vh;min-height:600px;position:relative;width:100%}@-webkit-keyframes floatingArrow{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floatingArrow{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#index-page #mv.is-show .movie .iframe-wrap iframe{opacity:1}#index-page #mv .l-wrapper{height:100%;width:100%}#index-page #mv .arrow{cursor:pointer;height:18px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translate(-50%);width:36px;z-index:2}@media only screen and (max-width:1000px){#index-page #mv .arrow{bottom:38px;height:14px;width:29px}}#index-page #mv .arrow a.scroll-nav{display:block}#index-page #mv .arrow a.scroll-nav.is-animated{-webkit-animation:floatingArrow 3.3s ease infinite;animation:floatingArrow 3.3s ease infinite}#index-page #mv .arrow svg{height:18px;width:36px}@media only screen and (max-width:1000px){#index-page #mv .arrow svg{height:14px;width:29px}}#index-page #mv .logo{display:block;left:50%;margin:0;padding:0;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:3}@media only screen and (max-width:1000px){#index-page #mv .logo{-webkit-transform:translateX(-50%);transform:translate(-50%)}}#index-page #mv .logo svg{height:40px;width:244px}@media only screen and (max-width:1000px){#index-page #mv .logo svg{height:25px;width:152px}}#index-page #mv .movie{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1}@media(min-aspect-ratio:16 / 9){#index-page #mv .movie{height:56.25vw}}@media(max-aspect-ratio:16 / 9){#index-page #mv .movie{width:177.78vh}}@media only screen and (max-width:1000px){#index-page #mv .movie{width:100vw}}#index-page #mv .movie:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}#index-page #mv .movie.js-show-img .img{opacity:1}#index-page #mv .movie.js-show-img .iframe-wrap iframe{opacity:0}#index-page #mv .movie .img{height:100vh;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .65s ease;transition:opacity .65s ease;width:100vw;z-index:2}@media(min-aspect-ratio:16 / 9){#index-page #mv .movie .img{height:56.25vw}}@media(max-aspect-ratio:16 / 9){#index-page #mv .movie .img{width:177.78vh}}@media only screen and (max-width:1000px){#index-page #mv .movie .img{background:transparent url(/assets/top/mv_placeholder_img@sp.jpg) no-repeat center center;background-size:cover;height:100vh;left:0;top:0;width:100vw}}#index-page #mv .movie .img img{height:auto;width:100%}@media only screen and (max-width:1000px){#index-page #mv .movie .img img{opacity:0}}#index-page #mv .movie .iframe-wrap{height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1}@media(min-aspect-ratio:16 / 9){#index-page #mv .movie .iframe-wrap{height:56.25vw}}@media(max-aspect-ratio:16 / 9){#index-page #mv .movie .iframe-wrap{width:177.78vh}}@media only screen and (max-width:1000px){#index-page #mv .movie .iframe-wrap{height:100vh;left:-10vw;top:0;width:120vw}}#index-page #mv .movie .iframe-wrap iframe{height:100%!important;left:0;opacity:0;position:absolute;top:0;width:100%!important;z-index:1}#index-page #work-flow .list li{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin-bottom:11.347vw;position:relative}@media only screen and (max-width:1000px){#index-page #work-flow .list li{margin-bottom:115px}}#index-page #work-flow .list li:nth-child(odd) .cover{left:0;-webkit-transform-origin:right top;transform-origin:right top}#index-page #work-flow .list li:nth-child(odd) .mask{-webkit-transform-origin:left top;transform-origin:left top}#index-page #work-flow .list li:nth-child(odd) .num{left:0}@media only screen and (max-width:1000px){#index-page #work-flow .list li:nth-child(odd) .num{left:auto;right:6vw}}#index-page #work-flow .list li:nth-child(odd) .title-text{left:0}#index-page #work-flow .list li:nth-child(2n) .cover{right:0;-webkit-transform-origin:left top;transform-origin:left top}#index-page #work-flow .list li:nth-child(2n) .mask{-webkit-transform-origin:right top;transform-origin:right top}#index-page #work-flow .list li:nth-child(2n) .movie{align-self:flex-end}@media only screen and (max-width:1000px){#index-page #work-flow .list li:nth-child(2n) .movie{align-self:flex-start}}#index-page #work-flow .list li:nth-child(2n) .num{right:0}#index-page #work-flow .list li:nth-child(2n) .title-text{right:0}@media only screen and (max-width:1000px){#index-page #work-flow .list li:nth-child(2n) .title-text{left:0;right:auto}}#index-page #work-flow .list li .title{position:absolute}#index-page #work-flow .list li .title .num{position:absolute;top:0}#index-page #work-flow .list li .title .title-text{bottom:0;position:absolute}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child .title{left:8vw!important;width:84vw!important}}#index-page #work-flow .list li.list-child1 .title{bottom:-96px;height:134px;left:13.2vw;width:63px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child1 .title{bottom:-100px;height:121px}}#index-page #work-flow .list li.list-child1 .title .num{left:10px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child1 .title .num{left:auto;right:1vw}}#index-page #work-flow .list li.list-child1 .title .num svg{height:80px;width:22px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child1 .title .num svg{height:53px;width:15px}}#index-page #work-flow .list li.list-child1 .title .title-text svg{height:17px;width:60px}#index-page #work-flow .list li.list-child1 .text{margin-left:24.37775vw}@media only screen and (max-width:1280px){#index-page #work-flow .list li.list-child1 .text{margin-left:26.01562%}}#index-page #work-flow .list li.list-child1 .movie-wrapper:after{background:transparent url(/assets/top/workfow1_placeholder_img.jpg) no-repeat center top;background-size:cover}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child1 .movie-wrapper:after{background:transparent url(/assets/top/workfow1_placeholder_img@sp.jpg) no-repeat center top;background-size:cover}}#index-page #work-flow .list li.list-child2 .title{bottom:-89px;height:133px;left:14.2vw;width:67px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child2 .title{bottom:-82px;height:112px}}#index-page #work-flow .list li.list-child2 .title .num{right:6px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child2 .title .num{right:0}}#index-page #work-flow .list li.list-child2 .title .num svg{height:81px;width:52px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child2 .title .num svg{height:54px;width:35px}}#index-page #work-flow .list li.list-child2 .title .title-text svg{height:13px;width:64px}#index-page #work-flow .list li.list-child2 .text{margin-left:52.12299vw;margin-top:70px}@media only screen and (max-width:1280px){#index-page #work-flow .list li.list-child2 .text{margin-left:47.1875%}}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child2 .text{margin-top:127px!important}}#index-page #work-flow .list li.list-child2 .text>div{width:43.38799vw}@media only screen and (max-width:1280px){#index-page #work-flow .list li.list-child2 .text>div{width:46.12006vw}}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child2 .text>div{width:100%}}#index-page #work-flow .list li.list-child2 .movie-wrapper:after{background:transparent url(/assets/top/workfow2_placeholder_img.jpg) no-repeat center top;background-size:cover}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child2 .movie-wrapper:after{background:transparent url(/assets/top/workfow2_placeholder_img@sp.jpg) no-repeat center top;background-size:cover}}#index-page #work-flow .list li.list-child3 .title{bottom:-103px;height:133px;left:15.5vw;width:68px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child3 .title{bottom:-95px;height:110px}}#index-page #work-flow .list li.list-child3 .title .num{left:8px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child3 .title .num{left:auto;right:0;top:-1px}}#index-page #work-flow .list li.list-child3 .title .num svg{height:83px;width:49px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child3 .title .num svg{height:55px;width:33px}}#index-page #work-flow .list li.list-child3 .title .title-text svg{height:17px;width:67px}#index-page #work-flow .list li.list-child3 .text{margin-left:27.15959vw;margin-top:83px}@media only screen and (max-width:1280px){#index-page #work-flow .list li.list-child3 .text{margin-left:26.01562%}}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child3 .text{margin-top:135px!important}}#index-page #work-flow .list li.list-child3 .movie-wrapper:after{background:transparent url(/assets/top/workfow3_placeholder_img.jpg) no-repeat center top;background-size:cover}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child3 .movie-wrapper:after{background:transparent url(/assets/top/workfow3_placeholder_img@sp.jpg) no-repeat center top;background-size:cover}}#index-page #work-flow .list li.list-child4 .title{bottom:-96px;height:135px;left:7.88vw;width:146px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child4 .title{bottom:-96px;height:119px}}#index-page #work-flow .list li.list-child4 .title .num{left:28px;right:auto}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child4 .title .num{left:auto;right:0}}#index-page #work-flow .list li.list-child4 .title .num svg{height:85px;width:60px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child4 .title .num svg{height:56px;width:40px}}#index-page #work-flow .list li.list-child4 .title .title-text svg{height:13px;width:144px}#index-page #work-flow .list li.list-child4 .text{margin-left:50.87848vw;margin-top:76px}@media only screen and (max-width:1280px){#index-page #work-flow .list li.list-child4 .text{margin-left:47.1875%}}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child4 .text{margin-top:135px!important}}#index-page #work-flow .list li.list-child4 .text>div{width:42.75256vw}@media only screen and (max-width:1280px){#index-page #work-flow .list li.list-child4 .text>div{width:46.12006vw}}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child4 .text>div{width:100%}}#index-page #work-flow .list li.list-child4 .movie-wrapper:after{background:transparent url(/assets/top/workfow4_placeholder_img.jpg) no-repeat center top;background-size:cover}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child4 .movie-wrapper:after{background:transparent url(/assets/top/workfow4_placeholder_img@sp.jpg) no-repeat center top;background-size:cover}}#index-page #work-flow .list li.list-child5 .title{bottom:-114px;height:134px;left:11.1vw;width:129px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child5 .title{bottom:-90px;height:101px}}#index-page #work-flow .list li.list-child5 .title .num{left:26px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child5 .title .num{left:auto;right:1.5vw}}#index-page #work-flow .list li.list-child5 .title .num svg{height:82px;width:54px}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child5 .title .num svg{height:54px;width:36px}}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child5 .title .title-text{bottom:0;left:0}}#index-page #work-flow .list li.list-child5 .title .title-text svg{height:17px;width:128px}#index-page #work-flow .list li.list-child5 .text{margin-left:27.08638vw;margin-top:92px}@media only screen and (max-width:1280px){#index-page #work-flow .list li.list-child5 .text{margin-left:28.90625%}}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child5 .text{margin-top:130px!important}}#index-page #work-flow .list li.list-child5 .movie-wrapper:after{background:transparent url(/assets/top/workfow5_placeholder_img.jpg) no-repeat center top;background-size:cover}@media only screen and (max-width:1000px){#index-page #work-flow .list li.list-child5 .movie-wrapper:after{background:transparent url(/assets/top/workfow5_placeholder_img@sp.jpg) no-repeat center top;background-size:cover}}#index-page #work-flow .l-wrapper{padding:15.66618vw 0}@media only screen and (max-width:1000px){#index-page #work-flow .l-wrapper{padding:112px 0 100px}}#index-page #work-flow .movie{height:32.9429vw;position:relative;width:72.84041%;z-index:1}@media only screen and (max-width:1280px){#index-page #work-flow .movie{width:78.90625%}}@media only screen and (max-width:1000px){#index-page #work-flow .movie{height:100%;width:100%}}#index-page #work-flow .movie .mask{height:32.9429vw;overflow:hidden;width:100%}@media only screen and (max-width:1000px){#index-page #work-flow .movie .mask{height:115.46667vw;width:100%}}#index-page #work-flow .movie .movie-wrapper{margin-top:-6%;padding-top:56.25%;position:relative;width:100%;z-index:1}@media only screen and (max-width:1000px){#index-page #work-flow .movie .movie-wrapper{margin-top:-5%;padding-top:125.25%;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center center;transform-origin:center center}}#index-page #work-flow .movie .movie-wrapper.js-show-movie:after{opacity:0}#index-page #work-flow .movie .movie-wrapper.js-show-movie iframe{opacity:1}#index-page #work-flow .movie .movie-wrapper:after{content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:all .85s ease;transition:all .85s ease;width:100%;z-index:2}#index-page #work-flow .movie .movie-wrapper:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}#index-page #work-flow .movie iframe{height:100%!important;opacity:0;position:absolute;top:0;-webkit-transition:all .85s ease;transition:all .85s ease;width:100%!important;z-index:1}#index-page #work-flow .movie .title{z-index:2}#index-page #work-flow .text{margin-top:74px;position:relative;z-index:1}@media only screen and (max-width:1000px){#index-page #work-flow .text{margin:133px 8vw 0!important}}@media only screen and (max-width:1000px){#index-page #work-flow .text br{display:none}}#index-page #work-flow .text>div{font-size:1.3rem;letter-spacing:.04em;line-height:1.8;width:46.12006vw}@media only screen and (max-width:1000px){#index-page #work-flow .text>div{font-size:1.2rem;line-height:1.9;width:100%}}#index-page #work-flow .text .ja{margin-bottom:15px}#index-page #about-us{padding-top:16.83748vw}@media only screen and (max-width:1000px){#index-page #about-us{padding-top:140px}}#index-page #about-us .title{margin:0 auto 7.10102vw;width:125px}@media only screen and (max-width:1000px){#index-page #about-us .title{margin-bottom:65px;width:80px}}#index-page #about-us .title svg{height:21px;width:125px}@media only screen and (max-width:1000px){#index-page #about-us .title svg{height:13px;width:80px}}#index-page #about-us .text{margin:0 auto;max-width:877px}@media only screen and (max-width:1000px){#index-page #about-us .text{margin:0 8vw}}@media only screen and (max-width:1000px){#index-page #about-us .text br{display:none}}#index-page #about-us .text>div{font-size:1.5rem;letter-spacing:.04em;line-height:2}@media only screen and (max-width:1000px){#index-page #about-us .text>div{font-size:1.2rem}}#index-page #about-us .ja{margin-bottom:47px}@media only screen and (max-width:1000px){#index-page #about-us .ja{margin-bottom:44px}}#index-page #works{padding-top:18.30161vw}@media only screen and (max-width:1000px){#index-page #works{padding-top:140px}}#index-page #works .l-wrapper{padding-bottom:200px}@media only screen and (max-width:1000px){#index-page #works .l-wrapper{padding-bottom:100px}}#index-page #works .title{margin:0 auto 9.0776vw;width:86px}@media only screen and (max-width:1000px){#index-page #works .title{margin-bottom:67px;width:55px}}#index-page #works .title svg{height:20px;width:86px}@media only screen and (max-width:1000px){#index-page #works .title svg{height:13px;width:55px}}#index-page #works .list{margin:0 auto;max-width:972px}@media only screen and (max-width:1102px){#index-page #works .list{margin:0 65px}}@media only screen and (max-width:1000px){#index-page #works .list{margin:0 5.86667vw}}#index-page #works .list ul{flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;margin-left:-57px}@media only screen and (max-width:1000px){#index-page #works .list ul{margin-left:0}}#index-page #works .list ul.for-pc{display:-webkit-box;display:flex}@media only screen and (max-width:1000px){#index-page #works .list ul.for-pc{display:none}}#index-page #works .list ul.for-sp{display:none}@media only screen and (max-width:1000px){#index-page #works .list ul.for-sp{display:-webkit-box;display:flex}}#index-page #works .list li{margin-bottom:34px;margin-left:57px;width:calc(33.33333% - 57px)}@media only screen and (max-width:1000px){#index-page #works .list li{margin-bottom:0;margin-left:0;width:100%}}#index-page #works .list li .logo-wrapper{padding-top:50%;position:relative;width:100%}@media only screen and (max-width:1000px){#index-page #works .list li .logo-wrapper{padding-top:32.759036%;width:60%;margin:0 auto}}#index-page #works .list li svg{height:100%;left:0;position:absolute;top:0;width:100%}#index-page #factory{background-color:transparent}@media only screen and (max-width:1000px){#index-page #factory{background-color:#f0efec;padding-top:66px}}#index-page #factory .l-wrapper{position:relative}#index-page #factory .l-wrapper:before{background-color:#f0efec;content:"";height:30vw;left:0;position:absolute;top:25%;width:100%;z-index:-1}#index-page #factory .sec-mv{width:100%}#index-page #factory .sec-mv .cover{background-color:#f0efec;height:calc(100% + 15px);left:0;position:absolute;top:-15px;-webkit-transform-origin:right top;transform-origin:right top;width:100%;z-index:2}#index-page #factory .sec-mv img{height:auto;width:100%}#index-page #factory .sec-mv .movie{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:51.24451vw;margin-bottom:14.64129vw;overflow:hidden;width:100%;z-index:1}@media only screen and (max-width:1000px){#index-page #factory .sec-mv .movie{height:auto;margin-bottom:90px}}#index-page #factory .sec-mv .movie .mask{height:51.24451vw;overflow:hidden;width:100%}@media only screen and (max-width:1000px){#index-page #factory .sec-mv .movie .mask{height:115.46667vw}}#index-page #factory .sec-mv .movie .movie-wrapper{margin-top:-2%;padding-top:56.25%;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:center center;transform-origin:center center;width:100%;z-index:1}@media only screen and (max-width:1280px){#index-page #factory .sec-mv .movie .movie-wrapper{-webkit-transform:scale(1.25);transform:scale(1.25)}}@media only screen and (max-width:1000px){#index-page #factory .sec-mv .movie .movie-wrapper{margin-top:-4%;padding-top:125.25%;-webkit-transform:scale(1.2);transform:scale(1.2)}}#index-page #factory .sec-mv .movie .movie-wrapper.js-show-movie:after{opacity:0}#index-page #factory .sec-mv .movie .movie-wrapper.js-show-movie iframe{opacity:1}#index-page #factory .sec-mv .movie .movie-wrapper:after{background:transparent url(/assets/top/factory_placeholder_img.jpg) no-repeat center top;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:all .85s ease;transition:all .85s ease;width:100%;z-index:2}@media only screen and (max-width:1000px){#index-page #factory .sec-mv .movie .movie-wrapper:after{background:transparent url(/assets/top/factory_placeholder_img@sp.jpg) no-repeat center top;background-size:cover}}#index-page #factory .sec-mv .movie .movie-wrapper:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}#index-page #factory .sec-mv .movie iframe{height:100%!important;position:absolute;top:0;width:100%!important;z-index:1}#index-page #factory .title{margin:0 auto 9.22401vw;width:104px}@media only screen and (max-width:1000px){#index-page #factory .title{margin-bottom:61px;width:67px}}#index-page #factory .title svg{height:26px;width:104px}@media only screen and (max-width:1000px){#index-page #factory .title svg{height:17px;width:67px}}#index-page #factory .list{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin:0 auto;max-width:985px}@media only screen and (max-width:1115px){#index-page #factory .list{margin:0 65px}}@media only screen and (max-width:1000px){#index-page #factory .list{display:block;margin:0 9.33333vw}}@media only screen and (max-width:1000px){#index-page #factory .list .left{margin-bottom:55px}}#index-page #factory .list .left,#index-page #factory .list .right{width:calc(50% - 95px)}@media only screen and (max-width:1000px){#index-page #factory .list .left,#index-page #factory .list .right{width:100%}}#index-page #factory .list li{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;letter-spacing:.04em;line-height:1;margin-bottom:24px;position:relative;width:100%}@media only screen and (max-width:1000px){#index-page #factory .list li{margin-bottom:8px}}#index-page #factory .list li:after{background-color:#000;content:"";height:1px;left:0;position:absolute;top:50%;width:100%;z-index:-1}#index-page #factory .list .name,#index-page #factory .list .unit{background-color:#f0efec;box-sizing:border-box;font-size:1.5rem}@media only screen and (max-width:1000px){#index-page #factory .list .name,#index-page #factory .list .unit{font-size:1.2rem}}#index-page #factory .list .name{padding:2px 4px 2px 0}#index-page #factory .list .unit{padding:2px 0 2px 4px}#index-page #company{padding-bottom:5.85652vw;padding-top:16.30161vw}@media only screen and (max-width:1000px){#index-page #company{padding-bottom:40px;padding-top:120px}}#index-page #company .company-title{margin:0 auto 9.29722vw;width:132px}@media only screen and (max-width:1000px){#index-page #company .company-title{margin-bottom:59px;width:85px}}#index-page #company .company-title svg{height:27px;width:132px}@media only screen and (max-width:1000px){#index-page #company .company-title svg{height:17px;width:85px}}#index-page #company .contact-title{margin:0 auto 2.78184vw;width:108px}@media only screen and (max-width:1000px){#index-page #company .contact-title{margin-bottom:18px;width:69px}}#index-page #company .contact-title svg{height:21px;width:108px}@media only screen and (max-width:1000px){#index-page #company .contact-title svg{height:14px;width:69px}}#index-page #company .copyright{font-size:1rem;padding:21.22987vw 0 0;text-align:center}@media only screen and (max-width:1000px){#index-page #company .copyright{padding:100px 0 0}}#index-page #company .list{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin:0 auto 18.30161vw;max-width:985px}@media only screen and (max-width:1115px){#index-page #company .list{margin:0 65px 18.30161vw}}@media only screen and (max-width:1000px){#index-page #company .list{display:block;margin:0 9.33333vw 100px}}#index-page #company .list .left,#index-page #company .list .right{width:calc(50% - 95px)}@media only screen and (max-width:1000px){#index-page #company .list .left,#index-page #company .list .right{width:100%}}@media only screen and (max-width:1000px){#index-page #company .list .ja{margin-bottom:30px}}#index-page #company .list li{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;letter-spacing:.04em;line-height:1.75;margin-bottom:4px}#index-page #company .list a[href^="tel:"]{color:#111;text-decoration:none}#index-page #company .list .list-text,#index-page #company .list .list-title{box-sizing:border-box;font-size:1.5rem}@media only screen and (max-width:1000px){#index-page #company .list .list-text,#index-page #company .list .list-title{font-size:1.2rem}}#index-page #company .list .list-title{width:115px}@media only screen and (max-width:1000px){#index-page #company .list .list-title{width:100px}}#index-page #company .list .list-text{width:calc(100% - 115px)}@media only screen and (max-width:1000px){#index-page #company .list .list-text{width:calc(100% - 100px)}}.for-IE11 #l-container{overflow:hidden}.for-IE11#index-page #factory .list .unit{position:absolute;right:0}.for-IE11 .mail-btn a .svg-icon-wrapper{background:transparent url(/assets/_symbols/mail_icon.svg) no-repeat left top}.c-img img{-webkit-transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform .15s cubic-bezier(.215,.61,.355,1);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform .15s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1);width:100%}.c-img.is-inview img{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}.c-speed-block{position:relative}.c-img-wrap{overflow:hidden;position:relative}.c-speed-block__image{margin-bottom:-10px;margin-top:-10px}.sec-prlx{height:100%;overflow:hidden;position:relative;width:100%}.img-prlx{height:100%;position:relative;width:100%}.for-sp{display:none}@media only screen and (max-width:1000px){.for-sp{display:block}}.for-pc{display:block}@media only screen and (max-width:1000px){.for-pc{display:none}}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}.c-scrollbar{display:block;height:100vh;opacity:0;position:absolute;right:0;top:0;-webkit-transform-origin:center right;transform-origin:center right;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:11px;z-index:2}.c-scrollbar:hover{-webkit-transform:scaleX(1.45);transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:-webkit-grab;cursor:grab;display:block;margin:2px;opacity:1;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}@media only screen and (min-width:1001px){#index-page #company .list .right{width:calc(50% - 7px)}}.gnav6{margin:0 0 0 3px}#index-page #mv .btn{display:block;left:50%;margin:0;padding:0;position:absolute;bottom:20%;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:3;opacity:0;transition:all .6s ease-in-out}@media only screen and (max-width:1000px){#index-page #mv .btn{position:absolute;bottom:19.5%;-webkit-transform:translateX(-50%);transform:translate(-50%)}}#index-page #mv .btn a{width:319px;height:auto;background:#ffffff80;font-weight:500;font-size:13px;letter-spacing:.02em;line-height:30px;text-align:center;color:#000;text-decoration:none;display:block;padding:12px 0 11px;border:1px solid #fff;opacity:1;transition:opacity .3s}#index-page #mv .btn a:hover{opacity:.5}@media only screen and (max-width:1000px){#index-page #mv .btn a{width:240px;height:auto;padding:6px 0;font-weight:500;font-size:12px;letter-spacing:.02em;line-height:31px}#index-page #mv .btn a:hover{opacity:1}}#index-page #recruit .content{margin-bottom:45px}#index-page #recruit .sec-mv .movie{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:0;margin-bottom:14.64129vw;overflow:hidden;width:100%;z-index:1}@media only screen and (max-width:1000px){#index-page #recruit .sec-mv .movie{height:auto;margin-bottom:117px}}#index-page #recruit .title{margin:0 auto 9.22401vw;width:104px}@media only screen and (max-width:1000px){#index-page #recruit .title{margin-bottom:65px;width:67px}}#index-page #recruit .title svg{height:26px;width:104px}@media only screen and (max-width:1000px){#index-page #recruit .title svg{height:17px;width:67px}}#index-page #recruit .list{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin:0 auto;max-width:985px}@media only screen and (max-width:1115px){#index-page #recruit .list{margin:0 65px}}@media only screen and (max-width:1000px){#index-page #recruit .list{display:block;margin:0 9.33333vw}}#index-page #recruit .info{margin:0 auto 35px;max-width:985px}#index-page #recruit .info .info-txt{box-sizing:border-box;font-size:1.5rem}@media only screen and (max-width:1000px){#index-page #recruit .info{margin:0 9.33333vw;max-width:985px}}@media only screen and (max-width:1000px){#index-page #recruit .info .info-txt{font-size:1.2rem;margin:0 0 30px}}#index-page #recruit .list ul{width:100%}#index-page #recruit .list li{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;letter-spacing:.04em;line-height:1.75;margin:0;padding:15px 0;border-bottom:1px solid #CCCCCC}#index-page #recruit .list li:first-child{border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC}@media only screen and (max-width:1000px){#index-page #recruit .list li{flex-wrap:wrap}}#index-page #recruit .list .list-text,#index-page #recruit .list .list-title{box-sizing:border-box;font-size:1.5rem}@media only screen and (max-width:1000px){#index-page #recruit .list .list-text,#index-page #recruit .list .list-title{font-size:1.2rem}}#index-page #recruit .list .list-title{width:124px}@media only screen and (max-width:1000px){#index-page #recruit .list .list-title{width:100%}}#index-page #recruit .list .list-text{width:calc(100% - 124px)}@media only screen and (max-width:1000px){#index-page #recruit .list .list-text{width:calc(100% + -0px);margin:6px 0 0;line-height:22px}}#index-page #recruit .mail-link{margin:60px auto 0;max-width:985px}#index-page #recruit .mail-link a{display:block;width:319px;height:auto;background:#000;padding:19px 0;margin:0 auto;text-align:center;opacity:1;transition:opacity .3s}#index-page #recruit .mail-link a img{width:86px;height:17px}#index-page #recruit .mail-link a:hover{opacity:.5}@media only screen and (max-width:1000px){#index-page #recruit .mail-link{margin:40px auto 0}#index-page #recruit .mail-link a:hover{opacity:1}}#index-page #recruit .title,#index-page #recruit .info,#index-page #recruit .list li,#index-page #recruit .mail-link{transition:opacity .8s ease-out,transform .6s ease-out}@media screen and (max-width:375px){#index-page #mv .btn{bottom:23%!important}}
