.loading{position:fixed;z-index:20000;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;width:100vw;height:100vh;-webkit-transition:all .5s linear;transition:all .5s linear;background:#fff;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column}.loading .load_copy{width:300px;max-width:50%;-webkit-transition:all .2s linear;transition:all .2s linear;opacity:0}.loading .load_copy.loaded{opacity:1}.loading .load_copy.skew{-webkit-animation:skew 3s infinite;animation:skew 3s infinite}.loading.loaded{visibility:hidden;opacity:0}#mainvisual{z-index:1}#mainvisual .img{-webkit-transition:1s;transition:1s;-webkit-filter:blur(0);filter:blur(0)}#mainvisual .img.blur{opacity:1;-webkit-filter:blur(10px);filter:blur(10px)}#mainvisual .txt p{font-weight:700}#mainvisual .txt .skew{-webkit-animation:skew 3s infinite;animation:skew 3s infinite}#mainvisual .txt .glitch{-webkit-animation:glitch .3s both infinite;animation:glitch .3s both infinite}#mainvisual .img{overflow:hidden}#mainvisual .img img{width:100%;height:auto}#mainvisual .img_sp.is_in{-webkit-transition:2s;transition:2s;opacity:0}.title_index_wrap .txt_en{font-size:16px;position:relative;padding-left:17px;color:#11c0ce}.title_index_wrap .txt_en:before{position:absolute;top:50%;left:0;display:inline-block;width:10px;height:10px;margin-top:-5px;content:'';border-radius:5px;background:#11c0ce}.title_index_wrap h2{font-family:Lato,sans-serif;font-weight:700;line-height:1.3}.title_index_wrap h2 em{display:block;color:#058690}.sec_webmedia{position:relative}.sec_webmedia:after{position:absolute;bottom:0;left:0;width:100%;height:100%;content:'';background:url(../img/index/co_bg_03.png) no-repeat bottom center;background-size:100% auto}.sec_webmedia .bg{position:fixed;z-index:-1;top:100px;left:0;display:block;width:100%;height:calc(100vh - 200px);-webkit-transition:1s;transition:1s;background:url(../img/index/co_bg_01.svg) no-repeat center center;background-size:contain}.sec_webmedia .bg.blur{opacity:.7;-webkit-filter:blur(45px);filter:blur(45px)}.sec_webmedia .l_inner{position:relative;z-index:1}.sec_webmedia .l_flex{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;justify-content:space-between}.sec_webmedia .btn{margin-top:50px}.sec_works{overflow:hidden;color:#fff;background:#fff}.sec_works .l_inner{position:relative}.sec_works .l_inner:before{position:absolute;z-index:-1;top:0;height:calc(100% - 100px);content:'';background:url(../img/webmedia/co_bg_01.jpg) no-repeat center center;background-size:cover}.sec_works .title_index_wrap{color:#fff}.sec_works .title_index_wrap .txt_en{display:inline-block;color:#fff}.sec_works .title_index_wrap .txt_en:before{background:#fff}.sec_works .txt{margin-top:30px}.sec_company{position:relative;background:#f7f7f7}.sec_company:before{display:block;content:'';background-size:contain!important}footer{position:relative}footer:before{position:absolute;left:0;width:100%;content:'';background:#fff}@media screen and (min-width:769px) and (max-width:1239px){#mainvisual.l_sec_first{padding:150px 0}#mainvisual .txt{width:44%}#mainvisual .txt .copy{max-width:80%}#mainvisual .txt p{font-size:17px;line-height:2.2;margin-top:50px;padding-left:20px}#mainvisual .img{width:55%}.title_index_wrap h2{font-size:30px;margin-top:8px}.title_index_wrap h2 em{font-size:60px}.sec_webmedia h2{font-size:35px}.sec_works .l_inner{padding-top:60px}.sec_works .l_inner:before{left:-20%;width:140%}.sec_works{padding:60px 0 80px}.sec_works .img{max-width:80%;margin:50px auto 0}footer:before{top:-60px;height:60px}}@media screen and (min-width:769px){#mainvisual .inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#mainvisual .img img{overflow:hidden;border-radius:50px 0 0 50px}#mainvisual .img{position:-webkit-sticky;position:sticky;top:0}#mainvisual .img_sp{display:none}.txt p{font-size:18px}.sec_webmedia{padding:900px 0 140px}.sec_company{padding:100px 0}.sec_company:before{position:absolute;bottom:0;left:0;width:50%;height:100%;background:url(../img/index/co_bg_02.svg) no-repeat left center}.sec_company .l_flex{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.sec_company .img{width:40%}.sec_company .img img{position:relative;top:-130px}.sec_company .txt{width:50%}.sec_company p{margin-top:20px}.sec_company .btn{margin-top:30px}}@media screen and (min-width:769px) and (max-width:900px){.sec_webmedia .title_index_wrap{width:230px}.sec_webmedia .txt{width:calc(100% - 270px)}}@media screen and (min-width:1240px){#mainvisual.l_sec_first{padding:200px 0}#mainvisual .txt{width:50%;padding:100px 0}#mainvisual .txt p{font-size:20px;line-height:3;margin-top:100px;padding-left:calc((100% - 620px)/ 2)}#mainvisual .img{width:50%}.title_index_wrap h2{font-size:40px;margin-top:10px}.title_index_wrap h2 em{font-size:85px}.sec_webmedia h2{font-size:50px}.sec_works .l_inner{padding-top:60px}.sec_works .l_inner:before{left:0;width:100%;padding-top:60px;border-radius:50px}.sec_works .title_index_wrap{text-align:center}.sec_works .txt{text-align:center}.sec_works{padding:0 0 100px}.sec_works .img{max-width:70%;margin:50px auto 0}footer:before{top:-100px;height:100px}}@media screen and (max-width:768px){#mainvisual.l_sec_first{padding-top:0}#mainvisual .txt{padding:0 0 40px}#mainvisual .txt .copy{position:relative;max-width:400px;margin:50px auto 0}#mainvisual .txt p{font-size:16px;line-height:2.5;margin-top:50px;padding:0 20px}#mainvisual .img{display:none}#mainvisual .img_sp img{width:100%}.txt p{font-size:16px}.title_index_wrap h2{font-size:24px;margin-top:5px}.title_index_wrap h2 em{font-size:50px}.sec_webmedia{padding:700px 0 100px}.sec_webmedia .l_flex{display:block}.sec_webmedia .txt{margin-top:40px}.sec_webmedia h2{font-size:30px}.sec_works .l_inner{padding-top:60px}.sec_works .l_inner:before{left:-20%;width:140%}.sec_works{padding-bottom:60px}.sec_works .l_inner{padding-top:60px}.sec_works .img{margin:30px auto 0}.sec_company{padding:70px 0}.sec_company:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/index/co_bg_02.svg) no-repeat center center}.sec_company .l_flex{display:block}.sec_company .img{position:relative;max-width:260px;margin:0 auto 20px}.sec_company .img img{position:relative;z-index:1}.sec_company .txt{margin-top:40px}.sec_company .btn{margin:30px auto 0}.sec_company .title_index_wrap{margin-bottom:20px}footer:before{top:-50px;height:50px}}@-webkit-keyframes skew{0%{-webkit-transform:none;transform:none}33%{-webkit-transform:none;transform:none}33.3%{-webkit-transform:skewX(30deg);transform:skewX(30deg)}33.6%{-webkit-transform:skewX(-30deg);transform:skewX(-30deg)}33.9%{-webkit-transform:none;transform:none}66%{-webkit-transform:none;transform:none}66.3%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}66.6%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}66.9%{-webkit-transform:none;transform:none}77%{-webkit-transform:none;transform:none}77.3%{-webkit-transform:skewX(15deg);transform:skewX(15deg)}77.6%{-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}77.9%{-webkit-transform:none;transform:none}}@keyframes skew{0%{-webkit-transform:none;transform:none}33%{-webkit-transform:none;transform:none}33.3%{-webkit-transform:skewX(30deg);transform:skewX(30deg)}33.6%{-webkit-transform:skewX(-30deg);transform:skewX(-30deg)}33.9%{-webkit-transform:none;transform:none}66%{-webkit-transform:none;transform:none}66.3%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}66.6%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}66.9%{-webkit-transform:none;transform:none}77%{-webkit-transform:none;transform:none}77.3%{-webkit-transform:skewX(15deg);transform:skewX(15deg)}77.6%{-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}77.9%{-webkit-transform:none;transform:none}}@-webkit-keyframes glitch{0%{-webkit-transform:translate(0);transform:translate(0)}12.5%{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}37.5%{-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}62.5%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}87.5%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes glitch{0%{-webkit-transform:translate(0);transform:translate(0)}12.5%{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}37.5%{-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}62.5%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}87.5%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0);transform:translate(0)}}