@charset "UTF-8";@media (min-width:721px){body{overflow:hidden;position:relative;height:100vh}.apple-device body{min-width:1000px;overflow-x:auto;overflow:visible}}.headerArea .mainlogo{position:absolute;top:100vh}@media (min-width:721px){.headerArea .mainlogo{top:0!important;pointer-events:none;-webkit-clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);transition:2s cubic-bezier(0.77,0,0.175,1) 0.5s}.headerArea .mainlogo.active{pointer-events:auto;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}}@media (max-width:720px){.headerArea .mainlogo{top:calc(100vh - 50px)}.os-iOS .headerArea .mainlogo{top:calc(100vh - 126px)}.os-android .headerArea .mainlogo{top:calc(100vh - 50px)}}.headerMenuFix .headerArea .mainlogo{position:fixed;top:0!important}.headerArea .menubtn .line>div>div{background-color:#FFF}.headerMenuFix .headerArea .menubtn .line>div>div{background-color:#000}.headerArea .menubtn .txt{color:#FFF}.headerMenuFix .headerArea .menubtn .txt{color:#000}.mvArea{position:fixed;top:0;left:0;width:100%;background-color:#000;height:100vh;overflow:hidden}@media (min-width:721px){.mvArea{opacity:0;pointer-events:none;z-index:103;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.mvArea.setTransition{transition:0.8s cubic-bezier(0.77,0,0.175,1)}.mvArea.active{opacity:1;pointer-events:auto}.mvArea.mita{-webkit-clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}}@media (max-width:720px){.mvArea{height:calc(100vh - 50px)}.os-iOS .mvArea{height:calc(100vh - 126px)}.os-android .mvArea{height:calc(100vh - 50px)}}.mvArea .bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.mvArea .bg .video{position:absolute;top:50%;left:50%;margin:-540px 0 0 -960px;opacity:0;transition:opacity 2s cubic-bezier(0.42,0,0.58,1)}.mvArea .bg .video.active{opacity:1}@media (max-width:720px){.mvArea .bg .video{margin:-500px 0 0 -300px}}.mvArea .title{text-align:center;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%) translate3d(0,0,0)}.mvArea .title>span{display:inline-block;position:relative;color:#FFF;font-size:3.3rem;letter-spacing:0.8rem;font-family:"quasimoda","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo","Osaka",sans-serif;font-weight:600;line-height:1;overflow:hidden;padding-left:18px}@media (max-width:720px){.mvArea .title>span{font-size:2.35rem;letter-spacing:0.6rem;padding-left:1.4rem}}.mvArea .title>span .char{position:relative;display:inline-block;transform:translateY(100%)}.mvArea .title>span .char.first{position:absolute;right:100%;transform:translate(100%,100%)}.mvArea .title>span>.in{display:inline-block;position:relative}.mvArea .title2{text-align:center;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%) translate3d(0,0,0)}.mvArea .title2 img{display:inline-block;position:relative;-webkit-clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}.ie .mvArea .title2 img{opacity:0}.mvArea .title2 img.anim01{-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transition:opacity 1s cubic-bezier(0.49,0,0.48,1),-webkit-clip-path 1s cubic-bezier(0.49,0,0.48,1);transition:clip-path 1s cubic-bezier(0.49,0,0.48,1),opacity 1s cubic-bezier(0.49,0,0.48,1);transition:clip-path 1s cubic-bezier(0.49,0,0.48,1),opacity 1s cubic-bezier(0.49,0,0.48,1),-webkit-clip-path 1s cubic-bezier(0.49,0,0.48,1)}.ie .mvArea .title2 img.anim01{opacity:1}.mvArea .title2 img.anim02{-webkit-clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);transition:opacity 0.6s cubic-bezier(0.89,0.015,0.085,0.99),-webkit-clip-path 0.6s cubic-bezier(0.89,0.015,0.085,0.99);transition:clip-path 0.6s cubic-bezier(0.89,0.015,0.085,0.99),opacity 0.6s cubic-bezier(0.89,0.015,0.085,0.99);transition:clip-path 0.6s cubic-bezier(0.89,0.015,0.085,0.99),opacity 0.6s cubic-bezier(0.89,0.015,0.085,0.99),-webkit-clip-path 0.6s cubic-bezier(0.89,0.015,0.085,0.99)}.ie .mvArea .title2 img.anim02{opacity:0}.mvArea .scroll{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:0;opacity:0}.mvArea .scroll.setTransition{opacity:1}.mvArea .scroll>a{font-size:0;display:inline-block;padding:0 15px;transform:translateY(110%);transition:1.2s cubic-bezier(0.19,1,0.22,1)}.mvArea .scroll>a:after{content:"";display:block;width:1px;height:36px;background-color:#FFF;margin:auto;transform-origin:center bottom;transition:0.3s}.mvArea .scroll>a>svg{display:block;overflow:visible;transition:0.3s}.mvArea .scroll>a>svg .shape{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:2}.mvArea .scroll>a>svg .shapefill{fill:#000;transform:scale(1);transform-origin:center center;transition:0.3s}.no-touchevents .mvArea .scroll>a:hover>svg .shapefill{transform:scale(0)}.mvArea .scroll.active>a{transform:translateY(0%)}.mvAreaSpacer{height:100vh}.mvunderArea{position:relative;background-color:#fff}@media (min-width:721px){.mvunderArea{position:static}}.mvunderArea .areabg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101;pointer-events:none;width:0;height:0;transition:opacity 1s linear}@media (max-width:720px){.mvunderArea .areabg{position:fixed;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:1!important;z-index:103}}.mvunderArea .mvunderAreaIn{height:100vh;position:relative;padding:0 30px;overflow:hidden}@media (min-width:721px){.mvunderArea .mvunderAreaIn{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;pointer-events:none}.ie9 .mvunderArea .mvunderAreaIn{z-index:101;display:none}.ie9 .mvunderArea .mvunderAreaIn.active{display:block}.mvunderArea .mvunderAreaIn.active{pointer-events:auto}.mvunderArea .mvunderAreaIn.mada .bgwrap{transform:scale(0.5)}.mvunderArea .mvunderAreaIn.mada .bgwrap .bg{opacity:0;filter:saturate(0)}.mvunderArea .mvunderAreaIn.mada .bgwrap .bg.setTransition{transition:1.2s cubic-bezier(0.42,0,0.58,1) 0s}.mvunderArea .mvunderAreaIn.mada>.in{opacity:0;transform:scale(0.9)}.mvunderArea .mvunderAreaIn.active .bgwrap{transform:scale(1);transition:2s cubic-bezier(0.77,0,0.175,1)}.mvunderArea .mvunderAreaIn.active .bgwrap .bg{opacity:1;filter:saturate(1)}.mvunderArea .mvunderAreaIn.active .bgwrap .bg.setTransition{transition:opacity 0.7s cubic-bezier(0.42,0,0.58,1) 1s,filter 0.7s cubic-bezier(0.42,0,0.58,1) 1s,transform 2s cubic-bezier(0.83,0.01,0.805,0.995)}.mvunderArea .mvunderAreaIn.active>.in{opacity:1;transform:scale(1)}.mvunderArea .mvunderAreaIn.mita .bgwrap{transform:scale(8.8);transition:2s cubic-bezier(0.77,0,0.175,1)}.mvunderArea .mvunderAreaIn.mita .bgwrap .bg{opacity:0;filter:saturate(0)}.mvunderArea .mvunderAreaIn.mita .bgwrap .bg.setTransition{transition:opacity 0.7s cubic-bezier(0.42,0,0.58,1) 0.3s,filter 0.7s cubic-bezier(0.42,0,0.58,1) 0.3s,transform 2s cubic-bezier(0.145,0,0.165,1)}.mvunderArea .mvunderAreaIn.mita>.in{opacity:0;transform:scale(1.4)}}@media (max-width:720px){.mvunderArea .mvunderAreaIn{height:auto;padding:0 1rem}}.mvunderArea .mvunderAreaIn .bgwrap{position:absolute;top:0;left:0;width:100%;height:100%;transition:2s cubic-bezier(0.7,0.005,0.355,1);z-index:102}.mvunderArea .mvunderAreaIn .bgwrap .bg.setTransition{transition:1.2s cubic-bezier(0.42,0,0.58,1)}.mvunderArea .mvunderAreaIn .bgwrap .bg>div{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;transition:2s cubic-bezier(0.42,0,0.58,1)}@media (max-width:720px){.mvunderArea .mvunderAreaIn .bgwrap .bg>div{filter:saturate(0);opacity:0.4;transition:1s cubic-bezier(0.42,0,0.58,1) 0.4s}}@media (max-width:720px){.mvunderArea .mvunderAreaIn .bgwrap .bg>div.active{filter:saturate(1);opacity:1}}.mvunderArea .mvunderAreaIn>.in{max-width:960px;width:100%;margin:auto;position:relative;height:100vh;z-index:103}@media (min-width:721px){.mvunderArea .mvunderAreaIn>.in{opacity:0}.mvunderArea .mvunderAreaIn>.in.setTransition{transition:1.4s cubic-bezier(0.42,0,0.58,1)}}@media (max-width:720px){.mvunderArea .mvunderAreaIn>.in{height:auto}}@media (max-width:720px){.mvunderArea .mvunderAreaIn+.mvunderAreaIn{border-top:1px solid #E0E0E0}}.mvunderArea .blog_btn,.mvunderArea .project_btn{position:absolute;bottom:3rem;right:0;color:#FFF;font-size:1.4rem;z-index:102}.mvunderArea .blog_btn p,.mvunderArea .project_btn p{position:relative;height:100%}.mvunderArea .blog_btn p:after,.mvunderArea .project_btn p:after{position:absolute;content:"";display:block;background:#fff;height:1px;width:20px;top:0;bottom:0;right:0;margin:auto}.mvunderArea .blog_btn a,.mvunderArea .project_btn a{display:block;background-color:#000;transition:0.4s;height:4.5rem;width:39.4rem}.mvunderArea .blog_btn a .btn_name,.mvunderArea .project_btn a .btn_name{display:inline-flex;justify-content:center;align-items:center;width:10.5rem;height:100%;position:relative}.mvunderArea .blog_btn a .btn_name:before,.mvunderArea .project_btn a .btn_name:before{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:2rem;background-color:#4d4d4d}.mvunderArea .blog_btn a .btn_txt,.mvunderArea .project_btn a .btn_txt{margin-left:1.4rem}.mvunderArea .blog_btn a:hover,.mvunderArea .project_btn a:hover{opacity:0.6}@media (max-width:720px){.mvunderArea .blog_btn,.mvunderArea .project_btn{display:none}}.mvunderArea .blog_btn{bottom:3rem}.mvunderArea .project_btn{bottom:8.8rem}.areanavArea{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;text-align:right;opacity:0}@media (min-width:721px){.areanavArea{pointer-events:none}.areanavArea.setTransition{transition:0.3s}.areanavArea.active{opacity:1;pointer-events:auto;transition:1s}}.areanavArea>.one>a{display:block;position:relative}.areanavArea>.one>a:after,.areanavArea>.one>a:before{content:"";display:block;position:absolute;top:0;bottom:0;right:0;margin:auto;width:13px;height:13px;-webkit-clip-path:polygon(20% 0%,80% 0%,100% 50%,80% 100%,20% 100%,0% 50%,20% 0%);clip-path:polygon(20% 0%,80% 0%,100% 50%,80% 100%,20% 100%,0% 50%,20% 0%)}.areanavArea>.one>a:before{background-color:#000}.areanavArea>.one>a:after{background-color:#FFF;transform:scale(0.95);transition:0.3s}.ie .areanavArea>.one>a:after{transform:scale(1);width:11px;height:11px;right:1px}.no-touchevents .areanavArea>.one>a:hover>span{opacity:1}.areanavArea>.one>a.active:after{transform:scale(0)}.areanavArea>.one>a.active>span{opacity:1}.areanavArea>.one>a.active>span:after{transform:scaleX(1)}.areanavArea>.one>a>span{display:inline-block;font-family:"quasimoda","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo","Osaka",sans-serif;font-weight:300;font-size:1.2rem;margin-right:14px;padding:13px 18px 13px 0;letter-spacing:0.4rem;opacity:0;transition:0.3s}.areanavArea>.one>a>span:after{content:"";display:block;width:14px;height:1px;background-color:#000;position:absolute;top:0;bottom:0;right:13px;margin:auto;transform-origin:right center;transform:scaleX(0);transition:0.3s}@media (min-width:721px){.newsArea .bgwrap{transform:scale(1)!important}.newsArea.mada>.in{transform:scale(1)}.newsArea.mita .bgwrap{transform:scale(5.8)!important}.newsArea.mita .bgwrap .bg{transform:translateX(20vw)}}.newsArea .bgwrap .bg{position:absolute;left:-530px;top:40%;margin-top:-225px;width:1460px;height:450px}@media (max-width:720px){.newsArea .bgwrap .bg{margin-top:0;top:8rem;margin-top:0;width:161%;height:18rem;left:-62%;background-size:cover;background-position:left center}}@media (max-width:720px){.newsArea>.in{padding-top:28rem;padding-bottom:3rem}}.newsArea>.in .contents{text-align:left;position:absolute;right:0;top:50%;margin-top:50px;max-width:488px;width:100%}@media (max-width:720px){.newsArea>.in .contents{position:relative;top:0;margin-top:0;max-width:100%}}.newsArea>.in .contents .links{display:table;width:100%;border-collapse:separate;border-spacing:0 2px;margin-top:10px}@media (max-width:720px){.newsArea>.in .contents .links{display:block;margin-top:0.5rem}}.newsArea>.in .contents .links>a{display:table-row}@media (max-width:720px){.newsArea>.in .contents .links>a{display:block;padding:0.5rem 0}}.no-touchevents .newsArea>.in .contents .links>a:hover .date,.no-touchevents .newsArea>.in .contents .links>a:hover .tit{background-color:#EEF0F0}.newsArea>.in .contents .links>a .date{display:table-cell;padding:6px;transition:0.2s;font-size:1.3rem;width:100px}@media (max-width:720px){.newsArea>.in .contents .links>a .date{display:block;padding:0;font-size:1.1rem;width:auto}}.newsArea>.in .contents .links>a .tit{display:table-cell;padding:6px;transition:0.2s;font-size:1.3rem}@media (max-width:720px){.newsArea>.in .contents .links>a .tit{display:block;padding:0;font-size:1.1rem}}.newsArea>.in .contents .more{position:absolute;top:40px;right:0}@media (max-width:720px){.newsArea>.in .contents .more{top:1rem}}@media (min-width:721px){.aboutArea.mita .bgwrap .bg{transform:translateX(-25vw)}}.aboutArea .bgwrap .bg{position:absolute;right:10%;top:-30%;width:758px;height:1408px}@media (max-width:720px){.aboutArea .bgwrap .bg{top:0;right:-5rem;width:100%;height:120%;background-size:cover;background-position:right center}}@media (max-width:720px){.aboutArea>.in{padding-top:9rem;padding-bottom:13rem}}.aboutArea>.in .contents{text-align:left;position:absolute;left:0;top:50%;transform:translateY(-50%)}@media (max-width:720px){.aboutArea>.in .contents{position:relative;bottom:0;max-width:100%;transform:none}}.aboutArea>.in .contents .title01+.caption01{margin-top:20px}@media (max-width:720px){.aboutArea>.in .contents .title01+.caption01{margin-top:2rem}}.aboutArea>.in .contents .caption01{font-family:"游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-size:1.8rem;line-height:4rem;letter-spacing:0.3rem}@media (max-width:720px){.aboutArea>.in .contents .caption01{font-size:1.5rem;line-height:3.15rem;letter-spacing:0;text-shadow:0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF}}.aboutArea>.in .contents .caption01+.caption01{margin-top:20px}@media (max-width:720px){.aboutArea>.in .contents .caption01+.caption01{margin-top:1rem}}.aboutArea>.in .contents .btn_about{margin-top:3rem}.aboutArea>.in .contents .btn_about a{transition:0.4s}.aboutArea>.in .contents .btn_about a:hover{opacity:0.6}@media (max-width:720px){.aboutArea>.in .contents .btn_about img{width:100%;height:auto}}@media (min-width:721px){.visionArea.mita .bgwrap .bg{transform:translateX(28vw)}}.visionArea .bgwrap .bg{position:absolute;left:10%;top:50%;margin-top:-250px;width:606px;height:548px}@media (max-width:720px){.visionArea .bgwrap .bg{top:8rem;margin-top:0;width:80%;height:26rem;background-size:cover;background-position:center center;left:auto;right:-9rem}}@media (max-width:720px){.visionArea>.in{padding-top:6rem;padding-bottom:3rem}}.visionArea>.in .contents{text-align:left;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media (max-width:720px){.visionArea>.in .contents{position:relative;top:0;bottom:0;transform:none}}.visionArea>.in .contents .caption01{font-family:"游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-size:1.8rem;line-height:4rem;letter-spacing:0.3rem;margin-top:20px}@media (max-width:720px){.visionArea>.in .contents .caption01{font-size:1.5rem;line-height:3.15rem;letter-spacing:0;margin-top:2rem;text-shadow:0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF}}.visionArea>.in .contents [data-slidearea02]{overflow:hidden;max-width:330px;width:100%;margin-top:50px;box-sizing:border-box}@media (max-width:720px){.visionArea>.in .contents [data-slidearea02]{margin-top:2.5rem;max-width:100%}}.visionArea>.in .contents [data-slidearea02] .contantWrap{max-width:1180px;width:100%;margin:auto;position:relative}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn{padding:0;overflow:hidden}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content{position:relative;display:table}.ie9 .visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content{display:block}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content.disableTrs{transition:none!important}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link{display:table-cell;position:relative;padding:0 5px}.ie9 .visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link{display:block;float:left;box-sizing:border-box}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link:first-child>.in .tit:before{content:"01"}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link:nth-child(2)>.in .tit:before{content:"02"}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link:nth-child(3)>.in .tit:before{content:"03"}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link:nth-child(4)>.in .tit:before{content:"04"}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in{position:relative;top:0;left:0;height:100%;padding:18px 20px 22px 20px;box-sizing:border-box;-webkit-clip-path:polygon(0% 0%,calc(100% - 40px) 0%,100% 36px,100% 100%,0% 100%,0% 0%);clip-path:polygon(0% 0%,calc(100% - 40px) 0%,100% 36px,100% 100%,0% 100%,0% 0%)}@media (max-width:720px){.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in{padding:1.5rem 1rem;background-color:rgba(255,255,255,0.8)}}.ie9 .visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in{height:200px!important}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;-webkit-clip-path:polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 40px) 1px,calc(100% - 1px) 36px,calc(100% - 1px) calc(100% - 1px),1px calc(100% - 1px),1px 100%,100% 100%,100% 36px,calc(100% - 40px) 0%);clip-path:polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 40px) 1px,calc(100% - 1px) 36px,calc(100% - 1px) calc(100% - 1px),1px calc(100% - 1px),1px 100%,100% 100%,100% 36px,calc(100% - 40px) 0%)}.ie .visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in:after{background-color:transparent;border:1px solid #000;box-sizing:border-box}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .tit{position:relative}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .tit>span{font-family:"quasimoda","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo","Osaka",sans-serif;font-weight:300;font-size:2.6rem;letter-spacing:0.3rem;margin-left:32px}@media (max-width:720px){.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .tit>span{font-size:2rem;letter-spacing:0.2rem;margin-left:3rem}}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .tit:before{display:block;position:absolute;top:6px;left:0;font-family:"quasimoda","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo","Osaka",sans-serif;font-weight:400;font-size:1.6rem}@media (max-width:720px){.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .tit:before{font-size:1.2rem;top:0.5rem}}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .tit:after{content:"";display:block;width:20px;height:1px;background-color:#000;position:absolute;left:0;top:30px}@media (max-width:720px){.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .tit:after{width:1.3rem;top:2.3rem}}.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .cap{font-size:1.3rem;line-height:2.4rem;margin-top:10px}@media (max-width:720px){.visionArea>.in .contents [data-slidearea02] .contantWrap .contentWrapIn .content .link>.in .cap{font-size:1.2rem;line-height:2rem;margin-top:1rem}}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager{text-align:center}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button{display:inline-block;width:44px;height:44px;position:relative}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button:after{content:"";display:block;width:18px;height:1px;background-color:#000;position:absolute;bottom:10px;left:0;right:0;margin:auto;transition:0.3s;transform:scaleX(0)}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button:before{font-family:"quasimoda","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo","Osaka",sans-serif;font-weight:500;font-size:1.6rem;line-height:1;transition:0.2s;opacity:0.3}.no-touchevents .visionArea>.in .contents [data-slidearea02] .contantWrap .pager button:hover:before,.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button.active:before{opacity:1}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button.active{cursor:default;pointer-events:none}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button.active:after{transform:scaleX(1)}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button:first-child:before{content:"01"}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button:nth-child(2):before{content:"02"}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button:nth-child(3):before{content:"03"}.visionArea>.in .contents [data-slidearea02] .contantWrap .pager button:nth-child(4):before{content:"04"}@media (min-width:721px){.worksArea.mita .bgwrap .bg{transform:translateX(-18vw) translateY(-20vh)}.ie11 .worksArea.mita .bgwrap .bg{transform:translateX(-38vw)}}.worksArea .bgwrap .bg{position:absolute;left:50%;bottom:-10%;margin-left:40px;width:715px;height:751px}@media (max-width:720px){.worksArea .bgwrap .bg{width:83%;height:31rem;bottom:0;margin-left:0;background-size:cover;background-position:right center}}@media (max-width:720px){.worksArea>.in{padding-top:6rem;padding-bottom:4rem}}.worksArea>.in .contents{text-align:left;position:absolute;left:0;max-width:488px;width:100%;top:50%;transform:translateY(-50%)}@media (max-width:720px){.worksArea>.in .contents{top:0;position:relative;max-width:100%;transform:none}}.worksArea>.in .contents .links{margin-top:0}@media (max-width:720px){.worksArea>.in .contents .links{margin-top:1rem}}.worksArea>.in .contents .links .link{position:relative;overflow:hidden;text-align:center;width:24.3%;height:510px;vertical-align:bottom;display:inline-block}@media (max-width:720px){.worksArea>.in .contents .links .link{height:8.5rem;width:100%}}.worksArea>.in .contents .links .link:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:0.2s}@media (max-width:720px){.worksArea>.in .contents .links .link:after{opacity:0.7!important;left:50%;width:50%}}.worksArea>.in .contents .links .link .bg{position:absolute;top:0;left:0;width:300%;height:100%;background-size:cover;background-position:center center;transition:transform 0.8s cubic-bezier(0.215,0.61,0.355,1)}@media (max-width:720px){.worksArea>.in .contents .links .link .bg{width:50%;height:100%}}.worksArea>.in .contents .links .link .txt{display:block;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);font-family:"quasimoda","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo","Osaka",sans-serif;font-weight:300;font-size:1.3rem;color:#FFF;letter-spacing:2rem;padding:0;z-index:1;opacity:0;transition:0.4s}@media (max-width:720px){.worksArea>.in .contents .links .link .txt{font-size:1.75rem;opacity:1;letter-spacing:0.4rem!important;font-size:1.1rem;left:50%;width:50%}}@media (max-width:720px){.worksArea>.in .contents .links .link+.link{margin-top:2px;margin-top:0.6rem}}.no-touchevents .worksArea>.in .contents .links .link:hover:after,.worksArea>.in .contents .links .link:active:after{opacity:0.7}.no-touchevents .worksArea>.in .contents .links .link:hover .txt,.worksArea>.in .contents .links .link:active .txt{opacity:1;letter-spacing:0.2rem}.worksArea>.in .contents .more{position:absolute;top:40px;right:0}@media (max-width:720px){.worksArea>.in .contents .more{top:1rem}}@media (min-width:721px){.companyArea.mada .bgwrap{transform:translateY(20px)!important}.companyArea.active .bgwrap{transform:translateY(0px)!important}.companyArea.mita .bgwrap{transform:translateY(0px)!important}.companyArea.mita .bgwrap .bg{opacity:0.6!important}.companyArea.mita>.in{opacity:0.6!important;transform:scale(1)!important}}.companyArea .bgwrap .bg{position:absolute;left:-20%;bottom:-20%;width:140%;padding-top:50%;background-size:cover;background-position:center center}@media (max-width:720px){.companyArea .bgwrap .bg{padding-top:46%;left:0;bottom:0;width:100%;background-size:cover;background-position:right center}}.companyArea>.in{padding-top:100px}@media (max-width:720px){.companyArea>.in{padding-top:6rem;padding-bottom:4rem}}.companyArea>.in .title01{text-align:center}.companyArea>.in .contents{margin-top:40px}@media (max-width:720px){.companyArea>.in .contents{margin-top:0.5rem;position:relative;padding-top:30rem}}.companyArea>.in .contents:after{content:"";display:block;clear:both}.companyArea>.in .contents .info{float:left;display:table;width:48%;border-collapse:separate;border-spacing:0 10px}@media (max-width:720px){.companyArea>.in .contents .info{width:100%}}.companyArea>.in .contents .info .row{display:table-row;text-shadow:0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF}.companyArea>.in .contents .info .row .tit{display:table-cell;vertical-align:top;text-align:center;font-size:1.2rem;line-height:2rem;padding-right:10px;white-space:pre}.companyArea>.in .contents .info .row .tit.type01:first-letter{margin-right:4rem}.companyArea>.in .contents .info .row .tit.type02{letter-spacing:1.45rem}.companyArea>.in .contents .info .row .tit.type02:after{letter-spacing:0;margin-left:-1.4rem}.companyArea>.in .contents .info .row .tit.type03{letter-spacing:0.55rem}.companyArea>.in .contents .info .row .tit.type03:after{letter-spacing:0;margin-left:-0.6rem}.companyArea>.in .contents .info .row .tit:after{content:""}.companyArea>.in .contents .info .row .cap{text-align:left;font-size:1.2rem;line-height:2rem}.companyArea>.in .contents .info .row .cap>a{cursor:pointer}.companyArea>.in .contents .info .row .cap img.sdgs_sp{display:none}@media (max-width:720px){.companyArea>.in .contents .info .row .cap img.sdgs_sp{display:block;width:33px;height:33px;margin-top:10px}}.companyArea>.in .contents .map{float:right;width:50%;height:360px;position:relative}.companyArea>.in .contents .map iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:720px){.companyArea>.in .contents .map{position:absolute;top:0;left:0;width:100%;height:29rem;float:none}}@media (min-width:721px){.footerArea{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;transition:0.6s cubic-bezier(0.42,0,0.58,1);-webkit-clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);z-index:104}.ie .footerArea{transform:translateY(100%)}.ie .footerArea.active{transform:translateY(0%)}.footerArea.active{pointer-events:auto;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}}@media (max-width:720px){.footerArea .blog_btn_fix,.footerArea .project_btn_fix{transform:translateY(100px);transition:transform 0.5s}.headerMenuFix .footerArea .blog_btn_fix,.headerMenuFix .footerArea .project_btn_fix{transform:translateY(0)}}
/*# sourceMappingURL=index.css.map */