main.top section.about{background-image:linear-gradient(0deg,var(--color-gd2),var(--color-gd1));padding:80px 0}main.top section.about div.inner{margin:0 auto;max-width:1280px;padding:0 40px;width:100%}main.top section.about div.inner div.box{background-color:var(--color-white);border-radius:20px;padding:60px}main.top section.about div.inner div.box span{display:block;font-family:hiragino_w8;font-size:30px;line-height:1;text-align:center}main.top section.about div.inner div.box h2{font-family:hiragino_w8;font-size:50px;line-height:1;margin:40px 0 0;text-align:center}main.top section.about div.inner div.box h2 br{display:none}main.top section.about div.inner div.box p{font-family:hiragino_w8;font-size:30px;line-height:1.8;margin:60px 0 0;text-align:center}main.top section.about div.inner div.box div.btn{margin:120px auto 0;max-width:550px;width:100%}main.top section.about div.inner div.box div.btn a img{width:100%}main.top section.service{padding:80px 0}main.top section.service div.inner{margin:0 auto;max-width:1280px;padding:0 40px;width:100%}main.top section.service div.inner div.title{margin:0 auto;max-width:560px;width:100%}main.top section.service div.inner div.title img{width:100%}main.top section.service div.inner div.list{align-items:stretch;flex-wrap:wrap;justify-content:space-between;margin:60px 0 0}main.top section.service div.inner div.list div.box{margin:0 0 40px;width:calc(33.33333% - 15px)}main.top section.service div.inner div.list div.box:last-of-type,main.top section.service div.inner div.list div.box:nth-last-of-type(2),main.top section.service div.inner div.list div.box:nth-last-of-type(3){margin:0}main.top section.service div.inner div.list div.box div.headline{position:relative}main.top section.service div.inner div.list div.box div.headline img{width:100%}main.top section.service div.inner div.list div.box div.headline h3{font-family:hiragino_w8;font-size:30px;left:50%;line-height:1;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}main.top section.service div.inner div.list div.box p{font-size:18px;line-height:1.8;margin:30px 0 0}main.top section.service div.inner div.btn{margin:40px auto 0;max-width:320px;width:100%}main.top section.service div.inner div.btn a{background-color:var(--color-navy);border:2px solid var(--color-navy);border-radius:40px;color:var(--color-white);display:block;font-size:20px;line-height:1;padding:30px 0;position:relative;text-align:center;transition:all .3s ease}main.top section.service div.inner div.btn a:hover{background-color:var(--color-white);color:var(--color-navy)}main.top section.service div.inner div.btn a:before{background-image:url(../img/top/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:23px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:37px;z-index:2}main.top section.service div.inner div.btn a:hover:before{background-image:url(../img/top/arrow_hover.svg);right:10px}main.top section.story{padding:0 0 80px}main.top section.story div.bloc{position:relative}main.top section.story div.bloc div.title{position:absolute;right:0;top:0;width:23%;z-index:2}main.top section.story div.bloc div.title h2 img{width:100%}main.top section.story div.bloc div.caption{background-color:var(--color-white);border-radius:20px;bottom:7%;max-width:550px;padding:20px;position:absolute;right:40px;width:100%;z-index:2}main.top section.story div.bloc div.caption p{font-size:18px;line-height:1.8}main.top section.story div.bloc div.story_slider{line-height:0;margin:0;padding:0}main.top section.story div.bloc div.story_slider div.box img{width:100%}main.top section.story div.bloc div.story_slider .dots{align-items:center;display:flex;justify-content:center;margin:15px 0 0;text-align:center}main.top section.story div.bloc div.story_slider .dots li{display:block;height:12px;transition:width .3s ease;width:50px}main.top section.story div.bloc div.story_slider .dots li.slick-active{width:100px}main.top section.story div.bloc div.story_slider .dots li+li{margin:0 0 0 10px}main.top section.story div.bloc div.story_slider .dots li button{position:relative;text-indent:-9999px}main.top section.story div.bloc div.story_slider .dots li button:before{background-color:var(--color-gd1);content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease;width:50px;z-index:2}main.top section.story div.bloc div.story_slider .dots li.slick-active button:before{background-color:var(--color-green);width:100px}main.top section.story div.btn{margin:40px auto 0;max-width:320px;width:100%}main.top section.story div.btn a{background-color:var(--color-navy);border:2px solid var(--color-navy);border-radius:40px;color:var(--color-white);display:block;font-size:20px;line-height:1;padding:30px 0;position:relative;text-align:center;transition:all .3s ease}main.top section.story div.btn a:hover{background-color:var(--color-white);color:var(--color-navy)}main.top section.story div.btn a:before{background-image:url(../img/top/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:23px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:37px;z-index:2}main.top section.story div.btn a:hover:before{background-image:url(../img/top/arrow_hover.svg);right:10px}main.top section.works{padding:80px 0}main.top section.works div.inner{margin:0 auto;max-width:1280px;padding:0 40px;width:100%}main.top section.works div.inner div.creative div.headline h2{font-family:hiragino_w8;font-size:40px;line-height:1}main.top section.works div.inner div.creative div.wrap{align-items:stretch;justify-content:space-between;margin:80px 0 0}main.top section.works div.inner div.creative div.wrap div.motif{width:140px}main.top section.works div.inner div.creative div.wrap div.motif span{animation:AnimationTitle 3s ease infinite;background:linear-gradient(0deg,var(--color-gd1),var(--color-navy),var(--color-gd2));background-clip:text;-webkit-background-clip:text;background-size:100% 200%;color:transparent;display:block;font-family:din;font-size:100px;line-height:1;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}main.top section.works div.inner div.creative div.wrap div.work{width:calc(100% - 140px)}main.top section.works div.inner div.creative div.wrap div.work div.list{align-items:stretch;flex-wrap:wrap;justify-content:space-between}main.top section.works div.inner div.creative div.wrap div.work div.list div.box{margin:0 0 20px;width:calc(33.33333% - 10px)}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.thumbnail{border:1px solid var(--color-gray);border-radius:10px;overflow:hidden}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.thumbnail img{aspect-ratio:9/11;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info{margin:20px 0 0}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info h3{font-family:hiragino_w8;font-size:15px;line-height:1.4}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info span{display:block;font-size:13px;line-height:1;margin:8px 0 0}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info ul.hashtag{align-items:center;flex-wrap:wrap;justify-content:flex-start;margin:12px 0 0}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info ul.hashtag li{font-size:12px;line-height:1.8;margin:0 12px 0 0;padding:0 0 0 6px;position:relative}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info ul.hashtag li:before{background-image:url(../img/top/works_hashtag.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:9px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info ul.hashtag li:last-child{margin:0}main.top section.works div.inner div.creative div.wrap div.work div.list div.box:hover div.thumbnail img{transform:scale(1.1)}main.top section.works div.inner div.creative div.btn{margin:40px auto 0;max-width:320px;width:100%}main.top section.works div.inner div.creative div.btn a{background-color:var(--color-navy);border:2px solid var(--color-navy);border-radius:40px;color:var(--color-white);display:block;font-size:20px;line-height:1;padding:30px 0;position:relative;text-align:center;transition:all .3s ease}main.top section.works div.inner div.creative div.btn a:hover{background-color:var(--color-white);color:var(--color-navy)}main.top section.works div.inner div.creative div.btn a:before{background-image:url(../img/top/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:23px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:37px;z-index:2}main.top section.works div.inner div.creative div.btn a:hover:before{background-image:url(../img/top/arrow_hover.svg);right:10px}main.top section.news{padding:80px 0}main.top section.news div.inner{margin:0 auto;max-width:1280px;padding:0 40px;width:100%}main.top section.news div.inner div.wrap{align-items:center;justify-content:space-between}main.top section.news div.inner div.wrap div.headline{width:175px}main.top section.news div.inner div.wrap div.headline h2{font-family:din;font-size:60px;line-height:1}main.top section.news div.inner div.wrap div.headline span{display:block;font-family:hiragino_w8;font-size:18px;line-height:1;margin:12px 0 0}main.top section.news div.inner div.wrap div.headline div.more{margin:60px 0 0}main.top section.news div.inner div.wrap div.headline div.more a{font-family:din;font-size:30px;line-height:1}main.top section.news div.inner div.wrap div.content{width:calc(100% - 175px)}main.top section.news div.inner div.wrap div.content ul.list li+li{margin:30px 0 0}main.top section.news div.inner div.wrap div.content ul.list li a{background-color:var(--color-gray);border-radius:50px;display:block;font-size:18px;line-height:1.4;padding:15px 20px;transition:all .3s ease}main.top section.news div.inner div.wrap div.content ul.list li a:hover{background-color:var(--color-gd1);color:var(--color-white)}main.top section.news div.inner div.wrap div.content ul.list li a span,main.top section.news div.inner div.wrap div.content ul.list li a time{display:inline-block}main.top section.news div.inner div.wrap div.content ul.list li a h3{display:inline-block;font-family:hiragino_w8}@keyframes AnimationTitle{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}@media only screen and (max-width:800px){main.top section.about{padding:20px 0 60px}main.top section.about div.inner{padding:0 20px}main.top section.about div.inner div.box{padding:40px 20px}main.top section.about div.inner div.box span{font-size:20px}main.top section.about div.inner div.box h2{font-size:26px;line-height:1.8;margin:30px 0 0;width:100%}main.top section.about div.inner div.box h2 br{display:block}main.top section.about div.inner div.box p{font-family:hiragino_w3;font-size:13px;line-height:1.8;margin:40px 0 0}main.top section.about div.inner div.box div.btn{margin:60px auto 0;max-width:260px}main.top section.service{padding:60px 0}main.top section.service div.inner{padding:0 20px}main.top section.service div.inner div.title{max-width:300px}main.top section.service div.inner div.list{margin:40px 0 0}main.top section.service div.inner div.list div.box{margin:0 0 30px;width:100%}main.top section.service div.inner div.list div.box:last-of-type,main.top section.service div.inner div.list div.box:nth-last-of-type(2),main.top section.service div.inner div.list div.box:nth-last-of-type(3){margin:0 0 30px}main.top section.service div.inner div.list div.box:last-of-type{margin:0}main.top section.service div.inner div.list div.box div.headline h3{font-size:21px}main.top section.service div.inner div.list div.box p{font-size:16px;margin:20px 0 0}main.top section.service div.inner div.btn{margin:20px auto 0}main.top section.service div.inner div.btn a{font-size:15px;padding:15px 0}main.top section.service div.inner div.btn a:before{height:8px;right:15px;width:10px}main.top section.service div.inner div.btn a:hover:before{right:10px}main.top section.story{padding:260px 0 60px}main.top section.story div.bloc div.title{left:0;max-width:120px;position:absolute;right:auto;top:-230px;width:100%;z-index:2}main.top section.story div.bloc div.caption{background-color:transparent;border-radius:0;bottom:auto;max-width:calc(100% - 160px);padding:0;right:20px;top:-230px}main.top section.story div.bloc div.caption p{font-size:13px;line-height:1.8}main.top section.story div.bloc div.story_slider .dots{margin:12px 0 0}main.top section.story div.bloc div.story_slider .dots li{height:10px;width:40px}main.top section.story div.bloc div.story_slider .dots li.slick-active{width:80px}main.top section.story div.bloc div.story_slider .dots li+li{margin:0 0 0 8px}main.top section.story div.bloc div.story_slider .dots li button:before{height:10px;width:40px}main.top section.story div.bloc div.story_slider .dots li.slick-active button:before{width:80px}main.top section.story div.btn{margin:20px auto 0}main.top section.story div.btn a{font-size:15px;padding:15px 0;position:relative}main.top section.story div.btn a:before{height:8px;right:15px;width:10px}main.top section.story div.btn a:hover:before{right:10px}main.top section.works{padding:40px 0}main.top section.works div.inner{padding:0 20px}main.top section.works div.inner div.creative div.headline h2{font-size:21px}main.top section.works div.inner div.creative div.wrap{margin:40px 0 0}main.top section.works div.inner div.creative div.wrap div.motif{width:60px}main.top section.works div.inner div.creative div.wrap div.motif span{font-size:60px}main.top section.works div.inner div.creative div.wrap div.work{width:calc(100% - 80px)}main.top section.works div.inner div.creative div.wrap div.work div.list div.box{margin:0 0 15px;width:100%}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info{margin:12px 0 0}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info h3{font-size:14px}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info span{font-size:12px}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info ul.hashtag{margin:8px 0 0}main.top section.works div.inner div.creative div.wrap div.work div.list div.box div.info ul.hashtag li{margin:0 12px 0 0}main.top section.works div.inner div.creative div.btn{margin:20px auto 0}main.top section.works div.inner div.creative div.btn a{font-size:15px;padding:15px 0;position:relative}main.top section.works div.inner div.creative div.btn a:before{height:8px;right:15px;width:10px}main.top section.works div.inner div.creative div.btn a:hover:before{right:10px}main.top section.news{padding:20px 0 60px}main.top section.news div.inner{padding:0 20px}main.top section.news div.inner div.wrap{flex-wrap:wrap}main.top section.news div.inner div.wrap div.headline{width:100%}main.top section.news div.inner div.wrap div.headline h2{font-size:40px}main.top section.news div.inner div.wrap div.headline span{font-size:13px;margin:6px 0 0}main.top section.news div.inner div.wrap div.headline div.more{margin:20px 0 0;text-align:right}main.top section.news div.inner div.wrap div.headline div.more a{font-size:18px}main.top section.news div.inner div.wrap div.content{margin:20px 0 0;width:100%}main.top section.news div.inner div.wrap div.content ul.list li+li{margin:20px 0 0}main.top section.news div.inner div.wrap div.content ul.list li a{border-radius:10px;font-size:13px;padding:12px 18px}main.top section.news div.inner div.wrap div.content ul.list li a h3{display:block;font-size:15px;margin:8px 0 0}}