*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@keyframes scroll-left1{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes scroll-left2{from{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes flame1{0%{opacity:0}1%{opacity:.2;clip-path:inset(0 0 0 100%)}2%{opacity:1}15%{clip-path:inset(0);opacity:.2}95%{opacity:.2}100%{opacity:0}}@keyframes flame2{0%{opacity:0}15%{opacity:.2;clip-path:inset(0 100% 0 0)}16%{opacity:1}25%{clip-path:inset(0);opacity:.2}95%{opacity:.2}100%{opacity:0}}@keyframes flame3{0%{opacity:0}10%{opacity:.2;clip-path:inset(100% 0 0 0)}11%{opacity:1}20%{opacity:.2;clip-path:inset(0)}95%{opacity:.2}100%{opacity:0}}@keyframes flame4{0%{opacity:0}5%{opacity:.2;clip-path:inset(0 0 100% 0)}6%{opacity:1}15%{opacity:.2;clip-path:inset(0)}95%{opacity:.2}100%{opacity:0}}@keyframes bg{0%{-webkit-mask-position:right bottom;mask-position:right bottom}15%{-webkit-mask-position:45% 45%;mask-position:45% 45%}50%{-webkit-mask-position:45% 45%;mask-position:45% 45%}80%{-webkit-mask-position:left top;mask-position:left top}100%{-webkit-mask-position:left top;mask-position:left top}}@keyframes circle{to{stroke-dashoffset:0}}body{font-size:16px;font-family:"Noto Serif JP",serif;color:#1e1d2b;background:#e8e0dd}.header{height:100%;position:fixed;top:20px;left:14px;z-index:100}@media screen and (min-width: 1024px){.header{top:33px;left:46px}}.header__logo{width:98px;aspect-ratio:142/58;align-items:center;position:fixed;z-index:100;transition:.2s}.header__logo:hover{fill:#861602}@media screen and (min-width: 1024px){.header__logo{width:200px}}.header__logo-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s;pointer-events:none}.header__arrow{width:36px;aspect-ratio:59/80;position:fixed;bottom:25px;right:20px;transform:rotate(0deg);transition:.3s;-webkit-mask-position:top center;mask-position:top center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:url(../images/arrows.svg);mask-image:url(../images/arrows.svg);background:#1e1d2b}@media screen and (min-width: 1024px){.header__arrow{width:50px;bottom:100px;right:100px}}.header__arrow-works{width:36px;aspect-ratio:59/80;position:fixed;bottom:25px;right:20px;transform:rotate(180deg);-webkit-mask-position:top center;mask-position:top center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:url(../images/arrows.svg);mask-image:url(../images/arrows.svg);background:#1e1d2b}@media screen and (min-width: 1024px){.header__arrow-works{width:50px;bottom:100px;right:100px}}@media screen and (min-width: 768px){#works .header a{color:#e8e0dd}}.nav__burger{width:30px;height:25px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;position:fixed;top:24px;right:14px;z-index:100}.nav__burger-top,.nav__burger-middle,.nav__burger-bottom{width:100%;height:1px;background:#1e1d2b;border-radius:20px;transition:.3s;position:absolute}.nav__burger-top{transform:translateY(-8px)}.nav__burger-bottom{transform:translateY(8px)}@media screen and (min-width: 768px){.nav__burger{display:none}}.nav__menu{width:100%;height:100%;font-family:"Crimson Text",serif;transition:.3s}@media screen and (max-width: 767px){.nav__menu{padding-top:180px;position:fixed;top:0;left:0;z-index:5;background:#e8e0dd;opacity:0;pointer-events:none}.nav__menu li:not(:nth-child(5),:nth-child(6)){width:280px;margin:25px auto;font-size:30px}.nav__menu span{font-size:18px}}@media screen and (min-width: 768px){.nav__menu{margin-top:138px;font-size:24px;opacity:1;pointer-events:auto}}.nav__menu span{margin-right:3px;font-size:15px;vertical-align:top}@media screen and (min-width: 1024px){.nav__menu{margin-top:238px}}.nav__list{transition:.2s}.nav__list:hover{transform:translate(2px, 2px)}@media screen and (min-width: 768px){.nav__list{padding:16px 0}}.nav__link{display:block;text-decoration:none;color:#1e1d2b;transition:.3s}.nav__logo{margin:0 auto;margin-top:100px;width:280px}.nav__logo-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){.nav__logo{display:none}}.nav__txt{width:280px;margin:0 auto;margin-top:20px;font-size:10px}@media screen and (min-width: 768px){.nav__txt{display:none}}.works__nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.works__nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.works__nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.works__nav__arrow-left{width:auto}}.works__nav__arrow-left-hide{opacity:0;pointer-events:none}.works__nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.works__nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.works__nav__arrow-right{width:auto}}.works__nav__arrow-right-hide{opacity:0;pointer-events:none}.works__nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.works__nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center;transition:.2s}.works__nav__viewall:hover{background:#3f3a38}.works__nav__viewall:hover a{color:#e8e0dd}@media screen and (min-width: 500px){.works__nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.works__nav__viewall{width:225px;height:50px}}.works__nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.works__nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.works__nav__viewall-link{font-size:24px;line-height:50px}}.footer{padding-top:50px;width:100%;color:#e8e0dd;background:#3f3a38}@media screen and (min-width: 768px){.footer{padding-top:74px}}.footer__content{margin-bottom:35px;display:flex;gap:30px;justify-content:center;align-items:center}.footer__logo{display:flex;gap:13px}.footer__logo-svg{transition:.2s;fill:#e8e0dd}.footer__logo-svg:hover{fill:#861602}.footer__menu{font-size:16px;font-family:"Crimson Text",serif}.footer__menu span{margin-right:3px;font-size:15px;vertical-align:top}@media screen and (min-width: 768px){.footer__menu{font-size:20px;display:flex;gap:46px}}.footer__list{padding:10px 0;transition:.2s}.footer__list:hover{transform:translate(2px, 2px)}.footer__link{display:block;text-decoration:none;color:#e8e0dd;transition:.2s}.footer__copy{text-align:center;padding-bottom:20px}.footer__small{display:block;font-size:13px;font-family:"Crimson Text",serif}.ttl_anime_svg,.site__ttl-website{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;fill:rgba(0,0,0,0);stroke-width:1px;stroke:rgba(0,0,0,0)}.line-anime:nth-child(1){display:block;width:calc(100% + 20px);height:1px;transform:translateX(-50%);position:absolute;top:0;left:50%;background:linear-gradient(90deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 5%, #1E1D2B 95%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame1 3.2s}@media screen and (min-width: 768px){.line-anime:nth-child(1){width:calc(100% + 40px)}}@media screen and (min-width: 1024px){.line-anime:nth-child(1){width:calc(100% + 100px)}}.line-anime:nth-child(2){display:block;width:calc(100% + 20px);height:1px;transform:translateX(-50%);position:absolute;bottom:0;left:50%;background:linear-gradient(90deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 5%, #1E1D2B 95%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame2 3.2s}@media screen and (min-width: 768px){.line-anime:nth-child(2){width:calc(100% + 40px)}}@media screen and (min-width: 1024px){.line-anime:nth-child(2){width:calc(100% + 100px)}}.line-anime:nth-child(3){display:block;width:1px;height:calc(100% + 20px);transform:translatey(-50%);position:absolute;top:50%;left:0;background:linear-gradient(180deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 30%, #1E1D2B 70%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame3 3.2s}@media screen and (min-width: 768px){.line-anime:nth-child(3){height:calc(100% + 30px)}}@media screen and (min-width: 1024px){.line-anime:nth-child(3){height:calc(100% + 80px)}}.line-anime:nth-child(4){display:block;width:1px;height:calc(100% + 20px);transform:translatey(-50%);position:absolute;top:50%;right:0;background:linear-gradient(180deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 30%, #1E1D2B 70%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame4 3.2s}@media screen and (min-width: 768px){.line-anime:nth-child(4){height:calc(100% + 30px)}}@media screen and (min-width: 1024px){.line-anime:nth-child(4){height:calc(100% + 80px)}}@media(min-width: 1025px){#top .swiper:not(.hobby-swiper),#top .swiper-wrapper{transform:none !important}}#top .mv{width:100%;padding-top:300px}@media screen and (min-width: 1024px){#top .mv{padding-top:300px}}@media screen and (min-width: 1300px){#top .mv{padding-top:417px}}#top .mv__ttl{width:325px;margin:0 3% 10px auto;text-align:right;position:relative}@media screen and (min-width: 768px){#top .mv__ttl{width:60%}}@media screen and (min-width: 1024px){#top .mv__ttl{width:70.6%;margin:0 8% 26px auto}}#top .mv__ttl svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;fill:rgba(0,0,0,0);stroke-width:1px;stroke:#1e1d2b}#top .mv__catch{margin-right:2.8%;margin-bottom:350px;font-size:12px;font-family:"Crimson Text",serif;text-align:right}@media screen and (min-width: 768px){#top .mv__catch{margin-bottom:625px;font-size:20px}}@media screen and (min-width: 1024px){#top .mv__catch{font-size:30px;margin-right:8%}}#top .mv__wrap{margin:0 auto;position:relative}#top .mv__subttl{margin-bottom:16px;font-size:20px;text-align:center;opacity:0;transform:translateY(40px);transition:.5s}@media screen and (min-width: 500px){#top .mv__subttl{margin-bottom:80px;font-size:50px}}@media screen and (min-width: 1100px){#top .mv__subttl{font-size:64px}}#top .mv__bg{width:90%;height:400px;position:absolute;top:180px;right:0;z-index:-100}@media screen and (min-width: 768px){#top .mv__bg{height:600px}}@media screen and (min-width: 1024px){#top .mv__bg{width:1600px;height:900px}}#top .mv__bg img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear;animation-delay:3s}@media screen and (min-width: 1024px){#top .mv__bg img{width:100%;height:100%;-o-object-fit:none;object-fit:none}}#top .mv__bg2:nth-of-type(2){width:200px;height:200px;position:absolute;top:-100px;left:50%;transform:translate(-50%) rotate(-90deg);z-index:-1;opacity:.3}@media screen and (min-width: 1024px){#top .mv__bg2:nth-of-type(2){width:400px;height:400px;top:-150px}}#top .mv__bg2:nth-of-type(2) circle{fill:rgba(0,0,0,0);stroke:#1e1d2b;stroke-dasharray:993;stroke-dashoffset:993}#top .mv__bg2:nth-of-type(2) svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .mv__bg2:nth-of-type(3){min-width:300px;aspect-ratio:222/47;background:url(../images/top/Interest-Driven2.svg) center center/contain no-repeat;position:absolute;top:-50px;left:50%;transform:translatex(-50%);z-index:-2}@media screen and (min-width: 1024px){#top .mv__bg2:nth-of-type(3){width:52.4%;height:82px;max-width:790px;top:-50px}}#top .mv__txt{margin-bottom:170px;font-size:12px;line-height:240%;text-align:center}@media screen and (min-width: 1024px){#top .mv__txt{margin-bottom:384px;font-size:20px}}#top .about{width:76%;margin:0 auto;margin-bottom:150px;padding-top:80px;position:relative}@media screen and (min-width: 1024px){#top .about{width:68.5%;margin:0 auto;margin-bottom:300px;padding-top:190px}}#top .about__ttl{width:auto;height:40px;margin-bottom:50px;aspect-ratio:1117/367;position:relative}@media screen and (min-width: 768px){#top .about__ttl{height:65px}}@media screen and (min-width: 1024px){#top .about__ttl{height:87px}}#top .about__ttl svg{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#top .about__content{display:flex;flex-direction:column-reverse;justify-content:center}@media screen and (min-width: 1024px){#top .about__content{margin-left:66px;flex-direction:row;gap:90px;transform:translateY(-75px)}}@media screen and (min-width: 768px){#top .about__box{margin:0 auto}}@media screen and (min-width: 1024px){#top .about__box{width:72.7%;max-width:567px}}#top .about__subttl{width:150px;aspect-ratio:271/41;margin-bottom:30px}@media screen and (min-width: 1024px){#top .about__subttl{margin-bottom:20px;padding-top:150px}}#top .about__subttl-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .about__txt{margin-bottom:20px;line-height:200%;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #000 100%);background-repeat:repeat-y;background-size:100% 2em}#top .about__photo{max-width:500px;aspect-ratio:5/6;margin:0 auto 30px;flex-shrink:0}@media screen and (min-width: 1024px){#top .about__photo{margin-bottom:0;width:43%}}#top .about__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .about__btn{width:171px;height:38px;margin-left:auto;margin-right:0;font-size:16px;text-align:center;line-height:38px;border:1px solid #1e1d2b;border-radius:999px;transition:.2s}#top .about__btn:hover{background:#861602}#top .about__btn:hover a{color:#e8e0dd}#top .about__link{display:block;text-decoration:none;color:#1e1d2b}#top .about__bg{width:370px;height:200px;position:absolute;bottom:0px;left:-80px;z-index:-100;opacity:.6}@media screen and (min-width: 1024px){#top .about__bg{width:1000px;height:500px;bottom:-52px;left:-365px}}#top .about__bg img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}#top .works{color:#e8e0dd;overflow-x:hidden;position:relative}#top .works__container{padding:80px 14% 80px;background:#3f3a38;position:relative}@media screen and (min-width: 1200px){#top .works__container{padding:165px 12.1% 156px}}@media screen and (min-width: 1500px){#top .works__container{padding:165px 12.1% 156px}}#top .works__bg3{width:320px;height:150px;position:absolute;top:500px;right:0px;z-index:1;opacity:.6}@media screen and (min-width: 1024px){#top .works__bg3{width:1000px;height:800px;top:500px;right:0px}}#top .works__bg3 img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}#top .works__bg4{width:300px;height:150px;position:absolute;top:1800px;left:0px;z-index:1;opacity:.6}@media screen and (min-width: 1024px){#top .works__bg4{width:1000px;height:800px}}#top .works__bg4 img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear;animation-delay:3s}#top .works__box{margin-bottom:50px}@media screen and (min-width: 768px){#top .works__box{display:flex}}@media screen and (min-width: 1024px){#top .works__box{margin-bottom:150px;gap:50px}}#top .works__ttl{width:auto;height:40px;aspect-ratio:288/87;position:relative}#top .works__ttl svg{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 768px){#top .works__ttl{height:66px}}@media screen and (min-width: 1024px){#top .works__ttl{height:87px}}#top .works__subttl{width:150px;margin-top:10px;margin-left:auto;font-size:18px;font-family:"Crimson Text",serif;align-self:flex-end;display:flex;gap:3px;align-items:center}@media screen and (min-width: 1024px){#top .works__subttl{width:auto;margin:0;margin-top:30px;font-size:40px;gap:7px;align-items:center}}#top .works__subttl:before{content:"";flex-grow:1;width:30px;height:1px;display:block;background:#e8e0dd}@media screen and (min-width: 1024px){#top .works__subttl:before{width:95px}}#top .works__bg,#top .works__bg2{height:100px}@media screen and (min-width: 768px){#top .works__bg,#top .works__bg2{width:100%;height:165px;aspect-ratio:1920/165}}#top .works__bg-line{width:3000px;height:1px;background-color:#e8e0dd;position:absolute;top:1500px;left:-500px;transform:rotate(-45deg);opacity:.5;z-index:1}#top .works__bgdot,#top .works__bgdot2{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .works__bg2{transform:translateY(-2px) rotate(180deg)}#top .works__content{margin-bottom:80px;display:flex;gap:30px;flex-direction:column-reverse;justify-content:center;align-items:start;position:relative;z-index:2}@media screen and (min-width: 1200px){#top .works__content{flex-direction:row;gap:90px}#top .works__content:not(:last-child){margin-bottom:230px}#top .works__content:last-child{margin-bottom:200px}}@media screen and (min-width: 1200px){#top .works__content:nth-of-type(even){flex-direction:row-reverse}}#top .works__content-txtbox{max-width:900px;margin:0 auto}@media screen and (min-width: 1200px){#top .works__content-txtbox{width:510px}}#top .works__content-ttl{margin-bottom:20px;font-family:"Crimson Text",serif;font-size:26px}@media screen and (min-width: 1200px){#top .works__content-ttl{margin-bottom:56px;font-size:64px}}#top .works__content-txt{margin-bottom:15px;font-size:16px;line-height:170%;letter-spacing:.1em}@media screen and (min-width: 1200px){#top .works__content-txt{margin-bottom:34px}}#top .works__content-deta{margin-bottom:30px;font-family:"Crimson Text",serif;font-size:16px;letter-spacing:.1em}@media screen and (min-width: 1200px){#top .works__content-deta{margin-bottom:40px;font-size:20px}}#top .works__content-btn{width:170px;height:38px;margin:0 auto;border-radius:999px;border:1px solid #e8e0dd;text-align:center;transition:.2s}@media screen and (min-width: 1200px){#top .works__content-btn{margin:0}}#top .works__content-btn:hover{background:#861602}#top .works__content-link{display:block;text-decoration:none;letter-spacing:.2em;line-height:38px;font-size:16px;color:#e8e0dd}#top .works__content-thumb{width:286px;aspect-ratio:848/490;margin:0 auto;flex-shrink:0}@media screen and (min-width: 500px){#top .works__content-thumb{width:96.6%;max-width:800px}}@media screen and (min-width: 1200px){#top .works__content-thumb{width:59.9%;max-width:848px;flex-shrink:1}}#top .works__content-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .works__more{width:100%;height:130px;background:#e8e0dd;transition:.2s}@media screen and (min-width: 1024px){#top .works__more{max-width:1320px;height:150px;margin:0 auto}}#top .works__more:hover{background:#861602}#top .works__more:hover svg{fill:#e8e0dd}#top .works__more:hover p{color:#e8e0dd}#top .works__more-link{height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;text-decoration:none;color:#e8e0dd}#top .works__more-img{width:160px;margin:0 auto}@media screen and (min-width: 1024px){#top .works__more-img{width:233px}}#top .works__more-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;fill:#1e1d2b}#top .works__more-txt{color:#1e1d2b;font-family:"Crimson Text",serif;font-size:16px;text-align:center;letter-spacing:-0.06em}@media screen and (min-width: 1024px){#top .works__more-txt{font-size:32px}}#top .skills{padding-top:80px;overflow-x:hidden;position:relative}@media screen and (min-width: 1024px){#top .skills{width:69vw;padding:340px 0 178px;margin:0 auto;overflow-x:visible}}#top .skills__ttl{width:auto;height:40px;aspect-ratio:228/88;margin:0 12% 50px;position:relative}@media screen and (min-width: 768px){#top .skills__ttl{height:67px}}@media screen and (min-width: 1024px){#top .skills__ttl{height:88px;margin:0 0 53px}}#top .skills__ttl-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#top .skills__list{display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #1e1d2b;background-repeat:repeat-y;background-size:100% 7vw;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 99%, #000 100%)}}#top .skills__skill{position:relative;width:80%;max-width:450px;height:7vw;padding:0 5%}@media screen and (min-width: 1024px){#top .skills__skill{width:auto;max-width:none;padding:0}}#top .skills__skill svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){#top .skills__skill:before{content:"";display:block;position:absolute;top:0;left:-10px;width:calc(100% + 20px);height:100%;background:#861602;z-index:-1;opacity:0}#top .skills__skill:hover path{fill:#e8e0dd}#top .skills__skill:hover:before{opacity:1}}#top .skills__txt{display:none}@media screen and (min-width: 1024px){#top .skills__txt{display:block;height:7vw;font-size:24px;text-align:center;border-bottom:1px solid #1e1d2b;display:flex;flex-direction:column-reverse}}#top .skills__HTML,#top .skills__Sass,#top .skills__Figma,#top .skills__XD,#top .skills__Photoshop,#top .skills__Github,#top .skills__jQuery,#top .skills__WordPress,#top .skills__SP,#top .skills__OD,#top .skills__Office,#top .skills__Backlog,#top .skills__Blender{max-width:500px;height:180px;margin-top:30px;padding:30px;border:1px solid #1e1d2b;border-radius:20px;background:hsla(0,0%,100%,.7450980392)}@media screen and (min-width: 1024px){#top .skills__HTML,#top .skills__Sass,#top .skills__Figma,#top .skills__XD,#top .skills__Photoshop,#top .skills__Github,#top .skills__jQuery,#top .skills__WordPress,#top .skills__SP,#top .skills__OD,#top .skills__Office,#top .skills__Backlog,#top .skills__Blender{width:400px;max-width:none;height:auto;margin:0;position:fixed;top:20px;left:20px;z-index:100;background:hsla(0,0%,100%,.9294117647);pointer-events:none;opacity:0}}#top .skills__scroll{width:200px;margin:0 auto;margin-bottom:30px;text-align:center}#top .skills__scroll-txt{font-size:15px}@media screen and (min-width: 1024px){#top .skills__scroll{display:none}}#top .skills__bg{width:200px;height:300px;position:absolute;top:100px;right:0px;z-index:-100;opacity:.6}@media screen and (min-width: 768px){#top .skills__bg{width:500px;height:300px;bottom:0px;right:0px}}@media screen and (min-width: 1024px){#top .skills__bg{width:1000px;height:500px}}#top .skills__bg img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}@media screen and (max-width: 1024px){#top .swiper-container{display:flex;flex-direction:column;gap:80px;background-repeat:repeat-y;background-size:100% 7vw;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #000 100%);position:relative}}#top .swiper-wrapper{width:100%;height:280px;transition-timing-function:linear}@media screen and (min-width: 1024px){#top .swiper-wrapper{width:auto;height:auto}}@media screen and (min-width: 1024px){#top .swiper-slide{width:auto}}#top .swiper-pagination{margin-bottom:50px;font-size:12px;letter-spacing:.1em;color:#1e1d2b}#top .bg{width:100%;display:flex;position:relative;bottom:-30px;left:0;z-index:-1;overflow-x:hidden}@media screen and (min-width: 1024px){#top .bg{bottom:-50px}}#top .bg__ttl{height:120px;aspect-ratio:7588/967}@media screen and (min-width: 1024px){#top .bg__ttl{height:225px}}#top .bg__ttl:first-child{animation:scroll-left1 40s -20s linear infinite}#top .bg__ttl:last-child{animation:scroll-left2 40s linear infinite}#top .bg__ttl-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#works{position:relative;overflow-x:hidden}#works .works__bg-line{width:3000px;height:1px;background-color:#1e1d2b;position:absolute;top:2100px;left:-500px;transform:rotate(-45deg);opacity:.2;z-index:-1}#works .works__bg-circle{width:80%;aspect-ratio:1/1;position:absolute;top:6800px;left:50%;transform:translate(-50%) rotate(-90deg);z-index:-1;opacity:.3}@media screen and (min-width: 768px){#works .works__bg-circle{top:7200px}}@media screen and (min-width: 1024px){#works .works__bg-circle{width:60%;top:4800px}}#works .works__bg-circle circle{fill:rgba(0,0,0,0);stroke:#1e1d2b;stroke-width:.8px;stroke-dasharray:993;stroke-dashoffset:993}@media screen and (min-width: 1024px){#works .works__bg-circle circle{stroke-width:.3px}}#works .works__bg-circle svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#works .site{padding:150px 15% 0;margin-bottom:200px;position:relative}#works .site__ttl{height:43px;margin-bottom:40px;aspect-ratio:275/66;position:relative}@media screen and (min-width: 768px){#works .site__ttl{width:275px;height:66px;margin-bottom:70px}}@media screen and (min-width: 1024px){#works .site__ttl{margin-bottom:110px}}#works .site__ttl svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;fill:rgba(0,0,0,0)}#works .site__ttl path{stroke-width:1px;stroke:#1e1d2b}#works .site__ttl-flame:nth-child(1){display:block;width:calc(100% + 50px);height:1px;transform:translateX(-50%);position:absolute;top:0;left:50%;background:linear-gradient(90deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 5%, #1E1D2B 95%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame1 1.6s}#works .site__ttl-flame:nth-child(2){display:block;width:calc(100% + 50px);height:1px;transform:translateX(-50%);position:absolute;bottom:0;left:50%;background:linear-gradient(90deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 5%, #1E1D2B 95%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame2 1.6s}#works .site__ttl-flame:nth-child(3){display:block;width:1px;height:calc(100% + 40px);transform:translatey(-50%);position:absolute;top:50%;left:0;background:linear-gradient(180deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 30%, #1E1D2B 70%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame3 1.6s}#works .site__ttl-flame:nth-child(4){display:block;width:1px;height:calc(100% + 40px);transform:translatey(-50%);position:absolute;top:50%;right:0;background:linear-gradient(180deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 30%, #1E1D2B 70%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame4 1.6s}@media screen and (min-width: 1024px){#works .site__wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8.5%}}#works .site__box{margin-bottom:80px}@media screen and (min-width: 1024px){#works .site__box{width:45.7%}}#works .site__pic{margin-bottom:37px;max-height:350px}#works .site__img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#works .site__detailttl{margin-bottom:20px;font-size:32px}@media screen and (min-width: 1200px){#works .site__detailttl{padding:0 46px}}#works .site__txt{margin-bottom:40px;font-size:16px;line-height:150%}@media screen and (min-width: 1200px){#works .site__txt{padding:0 46px}}#works .site__btn{width:170px;height:38px;margin:0 auto;border:1px solid #1e1d2b;border-radius:999px;text-align:center;line-height:38px;transition:.2s}#works .site__btn:hover{background:#861602}#works .site__btn:hover a{color:#e8e0dd}#works .site__link{display:block;text-decoration:none;color:#1e1d2b}#works .site__bg{width:90%;height:500px;position:absolute;top:500px;right:0px;z-index:-1;opacity:.3}@media screen and (min-width: 1024px){#works .site__bg{width:90%;height:40%;top:500px;right:0;opacity:.6}}#works .site__bg img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}#works .design{padding:0 15%;position:relative}#works .design__ttl{height:56px;margin-bottom:40px;aspect-ratio:407/86;position:relative}@media screen and (min-width: 768px){#works .design__ttl{height:86px;margin-bottom:70px}}@media screen and (min-width: 1024px){#works .design__ttl{margin-bottom:110px}}#works .design__ttl-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#works .design__wrap{margin-bottom:200px;display:flex;flex-wrap:wrap;justify-content:space-between}#works .design__box{margin-bottom:80px}@media screen and (min-width: 1024px){#works .design__box{width:45.7%}}#works .design__pic{margin-bottom:37px;max-height:350px}#works .design__img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#works .design__detailttl{margin-bottom:20px;font-size:32px}@media screen and (min-width: 1200px){#works .design__detailttl{padding:0 46px}}#works .design__txt{margin-bottom:40px;font-size:16px;line-height:150%}@media screen and (min-width: 1200px){#works .design__txt{padding:0 46px}}#works .design__btn{width:170px;height:38px;margin:0 auto;border:1px solid #1e1d2b;border-radius:999px;text-align:center;line-height:38px;transition:.2s}#works .design__btn:hover{background:#861602}#works .design__btn:hover a{color:#e8e0dd}#works .design__link{display:block;text-decoration:none;color:#1e1d2b}#works .design__bg{width:90%;height:500px;position:absolute;top:500px;left:0px;z-index:-1;opacity:.4}@media screen and (min-width: 1024px){#works .design__bg{width:90%;height:40%;top:500px;right:0;opacity:.6}}#works .design__bg img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}#works .banner{width:336px;margin:0 auto;position:relative}@media screen and (min-width: 500px){#works .banner{width:auto;margin:0;padding:0 15%}}#works .banner__ttl{height:43px;margin-bottom:40px;aspect-ratio:250/63;position:relative}@media screen and (min-width: 768px){#works .banner__ttl{width:250px;height:64px;margin-bottom:70px}}@media screen and (min-width: 1024px){#works .banner__ttl{margin-bottom:110px}}#works .banner__ttl-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#works .banner__wrap{margin-bottom:300px;display:flex;flex-wrap:wrap;justify-content:center}@media screen and (min-width: 1000px){#works .banner__wrap{justify-content:space-between}}#works .banner__box{margin-bottom:80px}@media screen and (min-width: 1000px){#works .banner__box{width:336px}}#works .banner__pic{width:336px;height:280px;margin:0 auto 37px}@media screen and (min-width: 1000px){#works .banner__pic{margin:0 0 37px}}#works .banner__detailttl{margin-bottom:20px;font-size:32px}#works .banner__txt{font-size:16px;line-height:150%}#works .banner__bg{width:100%;height:300px;position:absolute;bottom:100px;left:0px;z-index:-1;opacity:.4}@media screen and (min-width: 1024px){#works .banner__bg{width:90%;height:40%;top:300px;right:0;opacity:.6}}#works .banner__bg img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}#works .works__arrow{width:42px;height:57px;margin:0 auto;margin-bottom:240px;transform:rotate(90deg)}#works .works__arrow-svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){.contact__wrap{margin:76px 0 125px;display:flex;gap:1%;justify-content:center}}@media screen and (min-width: 1300px){.contact__wrap{gap:7%}}@media screen and (min-width: 1024px){.contact__box{width:38%;min-width:470px}}.contact__txt{margin-bottom:50px;padding:3% 0;font-size:16px;text-align:center;line-height:180%;letter-spacing:.02em}@media screen and (min-width: 1024px){.contact__txt{margin-top:200px;padding-left:7%;font-size:18px;line-height:230%;letter-spacing:.05em}}@media screen and (min-width: 1300px){.contact__txt{padding-left:5%;font-size:20px}}.contact__formbox{width:80%;max-width:700px;margin:0 auto}@media screen and (min-width: 1024px){.contact__formbox{width:38%;min-width:400px;margin:0}}.contact__ttl{display:none;aspect-ratio:240/64}@media screen and (min-width: 1024px){.contact__ttl{display:block;width:240px;margin-bottom:50px}}.contact__ttl-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact__spttl{width:240px;margin:80px auto 50px}@media screen and (min-width: 1024px){.contact__spttl{display:none}}.contact__subbox{display:flex;flex-direction:column}.contact__subbox:nth-last-child(2){margin-bottom:44px}.contact__subbox textarea{height:300px}.contact__bg{position:fixed;top:155px;left:50%;transform:translateX(-50%);z-index:-1}@media screen and (min-width: 768px){.contact__bg{display:flex;gap:25px;overflow:hidden;top:54px;left:150px;transform:none}}@media screen and (min-width: 1024px){.contact__bg{gap:50px;top:50px;left:350px}}.contact__bg-svg1{width:100px;align-self:end}.contact__bg-svg2{display:none}@media screen and (min-width: 768px){.contact__bg-svg2{display:block;padding-bottom:20px;align-self:start}}@media screen and (min-width: 1024px){.contact__bg-svg2{padding-bottom:40px}}.form__label{margin-left:10px;margin-bottom:5px;font-weight:600}@media screen and (min-width: 1024px){.form__label{margin-bottom:8px}}.form__label span{padding-left:3px;color:#861602}.form__imput{max-width:700px;margin-bottom:10px;padding:10px;border:none}@media screen and (min-width: 1024px){.form__imput{margin-bottom:20px}}.form__submit{height:60px;margin-bottom:100px;border:none;font-size:18px;letter-spacing:.1em;background:#861602;color:#e8e0dd;cursor:pointer}@media screen and (min-width: 1024px){.form__submit{margin-bottom:0;font-size:20px;letter-spacing:.26em}}#hobby .hobby__ttl{width:207px;margin:100px 0 30px;aspect-ratio:206/86;position:relative}@media screen and (min-width: 1024px){#hobby .hobby__ttl{width:207px;margin:190px 0 77px}}#hobby .hobby__ttl svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;fill:rgba(0,0,0,0);stroke-width:1px;stroke:#1e1d2b}#hobby .hobby__ttl span:nth-child(1){display:block;width:calc(100% + 50px);height:1px;transform:translateX(-50%);position:absolute;top:0;left:50%;background:linear-gradient(90deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 5%, #1E1D2B 95%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame1 1.6s}#hobby .hobby__ttl span:nth-child(2){display:block;width:calc(100% + 50px);height:1px;transform:translateX(-50%);position:absolute;bottom:0;left:50%;background:linear-gradient(90deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 5%, #1E1D2B 95%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame2 1.6s}#hobby .hobby__ttl span:nth-child(3){display:block;width:1px;height:calc(100% + 40px);transform:translatey(-50%);position:absolute;top:50%;left:0;background:linear-gradient(180deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 30%, #1E1D2B 70%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame3 1.6s}#hobby .hobby__ttl span:nth-child(4){display:block;width:1px;height:calc(100% + 40px);transform:translatey(-50%);position:absolute;top:50%;right:0;background:linear-gradient(180deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 30%, #1E1D2B 70%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame4 1.6s}#hobby .hobby__box{width:90%;margin:0 auto}@media screen and (min-width: 768px){#hobby .hobby__box{width:70%}}@media screen and (min-width: 1024px){#hobby .hobby__box{width:60%}}#hobby .hobby__subttl{font-size:16px;margin-bottom:10px}@media screen and (min-width: 1024px){#hobby .hobby__subttl{margin-bottom:8px;font-size:24px}}#hobby .hobby__txt{padding:0 10px;line-height:200%;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #000 100%);background-repeat:repeat-y;background-size:100% 2em}@media screen and (min-width: 768px){#hobby .hobby__txt{padding:0 30px}}@media screen and (min-width: 1024px){#hobby .hobby__txt{padding:0 50px}}#hobby .hobby__bg{width:1000px;height:500px;position:absolute;top:500px;right:0px;z-index:-100;opacity:.6}#hobby .hobby__bg img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}#hobby .hobby-swiper{margin:100px auto 300px}@media screen and (min-width: 1024px){#hobby .swiper{width:80%}}#hobby .swiper-wrapper{margin-bottom:80px;position:relative}#hobby .swiper-txt{width:100%;margin-bottom:10px;padding:10px 10px;font-size:12px;text-align:center;background:hsla(0,0%,100%,.5450980392);border-radius:10px;position:absolute;bottom:-50px;left:50%;z-index:2;transform:translateX(-50%)}@media screen and (min-width: 768px){#hobby .swiper-txt{font-size:18px;bottom:-60px}}#hobby .swiper-slide{opacity:.3;transform:scale(0.8);transition:.7s}#hobby .swiper-slide img{height:auto;width:100%}#hobby .swiper-slide-active{opacity:1;transform:scale(1);z-index:1}#hobby .swiper-pagination-bullet{background-color:#861602}#hobby .swiper-button-next,#hobby .swiper-button-prev{color:#3f3a38}.thanks__ttl{padding-top:300px;margin-bottom:60px;font-size:24px;text-align:center}@media screen and (min-width: 1024px){.thanks__ttl{font-size:30px}}.thanks__txt{margin-bottom:200px;text-align:center;font-size:16px}@media screen and (min-width: 768px){.thanks__txt{font-size:24px}}.thanks__pic{width:179px;height:63px;margin:0 auto;margin-bottom:50px;position:relative}.thanks__pic::after{content:"";width:150px;height:30px;border-radius:50%;background:#b9aaaa;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);z-index:-1}.thanks__top{text-align:center;margin-bottom:100px}.thanks__link{text-decoration:none;color:#1e1d2b}#WSS{padding-top:90px;position:relative;overflow:hidden}.WSS__bg-line{width:3000px;height:1px;background-color:#1e1d2b;position:absolute;bottom:800px;left:-500px;transform:rotate(-45deg);opacity:.2;z-index:-1}.WSS__image{width:100%;height:300px;background:url(../images/works/details/WSS_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.WSS__image{height:400px}}@media screen and (min-width: 1024px){.WSS__image{height:690px}}.WSS__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.WSS__mock-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.WSS__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.WSS__details{width:70%}}@media screen and (min-width: 1024px){.WSS__details{width:860px;margin:90px auto 120px}}.WSS__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.WSS__ttl{font-size:60px}}@media screen and (min-width: 1024px){.WSS__ttl{font-size:96px}}.WSS__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.WSS__txt{margin-bottom:100px}}.WSS__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;transition:.2s}.WSS__btn:hover{background:#861602}.WSS__btn:hover a{color:#e8e0dd}.WSS__btn:nth-of-type(2){display:none}@media screen and (min-width: 1400px){.WSS__btn{width:700px;height:100px}.WSS__btn:nth-of-type(2){display:block}}.WSS__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.WSS__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1400px){.WSS__link{font-size:40px;line-height:100px}}.WSS__menu{width:100%;position:sticky;top:0;left:0;z-index:5;justify-content:space-between}.WSS__menu-flex{display:flex;justify-content:space-between}.WSS__menu-box{width:100%;background:#3f3a38;text-align:center}.WSS__menu-link{padding:20px;display:block;text-decoration:none;color:#e8e0dd}@media screen and (min-width: 1400px){.WSS__menu{display:none}}@media screen and (min-width: 1400px){.WSS__wrap{display:flex;justify-content:center;gap:1%}}.WSS__box{width:75%;margin:0 auto;padding-top:100px}@media screen and (min-width: 1400px){.WSS__box{width:26%;margin:0}}.WSS__subttl{display:none}@media screen and (min-width: 1400px){.WSS__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}}@media screen and (min-width: 1500px){.WSS__subttl{font-size:20px;letter-spacing:.3em}}.WSS__scsh{margin:0 auto;margin-bottom:50px}@media screen and (min-width: 1400px){.WSS__scsh{margin-bottom:260px}}.WSS__scsh-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.nav__arrow-left{width:auto}}.nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.nav__arrow-right{width:auto}}.nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center}@media screen and (min-width: 500px){.nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.nav__viewall{width:225px;height:50px}}.nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.nav__viewall-link{font-size:24px;line-height:50px}}#Amber{padding-top:90px}.Amber__image{width:100%;height:300px;background:url(../images/works/details/Amber_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.Amber__image{height:400px}}@media screen and (min-width: 1024px){.Amber__image{height:690px}}.Amber__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.Amber__mock-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.Amber__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.Amber__details{width:70%}}@media screen and (min-width: 1024px){.Amber__details{width:860px;margin:90px auto 120px}}.Amber__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.Amber__ttl{font-size:60px}}@media screen and (min-width: 1024px){.Amber__ttl{font-size:96px}}.Amber__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.Amber__txt{margin-bottom:100px}}.Amber__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;position:sticky;top:0;left:0;z-index:5;transition:.2s}.Amber__btn:hover{background:#861602}.Amber__btn:hover a{color:#e8e0dd}@media screen and (min-width: 1024px){.Amber__btn{width:700px;height:100px;position:static}}.Amber__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.Amber__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1024px){.Amber__link{font-size:40px;line-height:100px}}.Amber__box{width:55%;margin:0 auto;padding-top:100px}.Amber__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}@media screen and (min-width: 1500px){.Amber{font-size:20px;letter-spacing:.3em}}.Amber__scsh{margin:0 auto;margin-bottom:260px}.Amber__scsh-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.nav__arrow-left{width:auto}}.nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.nav__arrow-right{width:auto}}.nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center}@media screen and (min-width: 500px){.nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.nav__viewall{width:225px;height:50px}}.nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.nav__viewall-link{font-size:24px;line-height:50px}}#azito{padding-top:90px}.azito__image{width:100%;height:300px;background:url(../images/works/details/azito_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.azito__image{height:400px}}@media screen and (min-width: 1024px){.azito__image{height:690px}}.azito__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.azito__mock-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.azito__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.azito__details{width:70%}}@media screen and (min-width: 1024px){.azito__details{width:860px;margin:90px auto 120px}}.azito__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.azito__ttl{font-size:60px}}@media screen and (min-width: 1024px){.azito__ttl{font-size:96px}}.azito__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.azito__txt{margin-bottom:100px}}.azito__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;position:sticky;top:0;left:0;z-index:5;transition:.2s}.azito__btn:hover{background:#861602}.azito__btn:hover a{color:#e8e0dd}@media screen and (min-width: 1024px){.azito__btn{width:700px;height:100px;position:static}}.azito__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.azito__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1024px){.azito__link{font-size:40px;line-height:100px}}.azito__box{width:55%;margin:0 auto;padding-top:100px}.azito__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}@media screen and (min-width: 1500px){.azito{font-size:20px;letter-spacing:.3em}}.azito__scsh{margin:0 auto;margin-bottom:260px}.azito__scsh-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#buncho{padding-top:90px}.buncho__image{width:100%;height:300px;background:url(../images/works/details/buncho_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.buncho__image{height:400px}}@media screen and (min-width: 1024px){.buncho__image{height:690px}}.buncho__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.buncho__mock-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.buncho__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.buncho__details{width:70%}}@media screen and (min-width: 1024px){.buncho__details{width:860px;margin:90px auto 120px}}.buncho__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.buncho__ttl{font-size:60px}}@media screen and (min-width: 1024px){.buncho__ttl{font-size:96px}}.buncho__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.buncho__txt{margin-bottom:100px}}.buncho__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;position:sticky;top:0;left:0;z-index:5;transition:.2s}.buncho__btn:hover{background:#861602}.buncho__btn:hover a{color:#e8e0dd}@media screen and (min-width: 1024px){.buncho__btn{width:700px;height:100px;position:static}}.buncho__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.buncho__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1024px){.buncho__link{font-size:40px;line-height:100px}}.buncho__box{width:55%;margin:0 auto;padding-top:100px}.buncho__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}@media screen and (min-width: 1500px){.buncho{font-size:20px;letter-spacing:.3em}}.buncho__scsh{margin:0 auto;margin-bottom:260px}.buncho__scsh-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.nav__arrow-left{width:auto}}.nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.nav__arrow-right{width:auto}}.nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center}@media screen and (min-width: 500px){.nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.nav__viewall{width:225px;height:50px}}.nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.nav__viewall-link{font-size:24px;line-height:50px}}#NEXTONE{padding-top:90px}.NEXTONE__image{width:100%;min-height:300px;background:url(../images/works/details/NEXTONE_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.NEXTONE__image{height:400px}}@media screen and (min-width: 1024px){.NEXTONE__image{height:690px}}.NEXTONE__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.NEXTONE__mock-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.NEXTONE__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;position:sticky;top:0;left:0;z-index:5;transition:.2s}.NEXTONE__btn:hover{background:#861602}.NEXTONE__btn:hover a{color:#e8e0dd}@media screen and (min-width: 1024px){.NEXTONE__btn{width:700px;height:100px;position:static}}.NEXTONE__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.NEXTONE__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1024px){.NEXTONE__link{font-size:40px;line-height:100px}}.NEXTONE__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.NEXTONE__details{width:70%}}@media screen and (min-width: 1024px){.NEXTONE__details{width:860px;margin:90px auto 120px}}.NEXTONE__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.NEXTONE__ttl{font-size:60px}}@media screen and (min-width: 1024px){.NEXTONE__ttl{font-size:96px}}.NEXTONE__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.NEXTONE__txt{margin-bottom:100px}}.NEXTONE__box{width:55%;margin:0 auto;padding-top:100px}.NEXTONE__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}@media screen and (min-width: 1500px){.NEXTONE{font-size:20px;letter-spacing:.3em}}.NEXTONE__scsh{margin:0 auto;margin-bottom:260px}.NEXTONE__scsh-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.nav__arrow-left{width:auto}}.nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.nav__arrow-right{width:auto}}.nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center}@media screen and (min-width: 500px){.nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.nav__viewall{width:225px;height:50px}}.nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.nav__viewall-link{font-size:24px;line-height:50px}}#KAMUY{padding-top:90px}.KAMUY__image{width:100%;height:300px;background:url(../images/works/details/KAMUY_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.KAMUY__image{height:400px}}@media screen and (min-width: 1024px){.KAMUY__image{height:690px}}.KAMUY__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.KAMUY__mock-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.KAMUY__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.KAMUY__details{width:70%}}@media screen and (min-width: 1024px){.KAMUY__details{width:860px;margin:90px auto 120px}}.KAMUY__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.KAMUY__ttl{font-size:60px}}@media screen and (min-width: 1024px){.KAMUY__ttl{font-size:96px}}.KAMUY__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.KAMUY__txt{margin-bottom:100px}}.KAMUY__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;position:sticky;top:0;left:0;z-index:5;transition:.2s}.KAMUY__btn:hover{background:#861602}.KAMUY__btn:hover a{color:#e8e0dd}@media screen and (min-width: 1024px){.KAMUY__btn{width:700px;height:100px;position:static}}.KAMUY__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.KAMUY__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1024px){.KAMUY__link{font-size:40px;line-height:100px}}.KAMUY__box{width:55%;margin:0 auto;padding-top:100px}.KAMUY__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}@media screen and (min-width: 1500px){.KAMUY{font-size:20px;letter-spacing:.3em}}.KAMUY__scsh{margin:0 auto;margin-bottom:260px}.KAMUY__scsh-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.nav__arrow-left{width:auto}}.nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.nav__arrow-right{width:auto}}.nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center}@media screen and (min-width: 500px){.nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.nav__viewall{width:225px;height:50px}}.nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.nav__viewall-link{font-size:24px;line-height:50px}}#dall{padding-top:90px;position:relative;overflow-x:hidden}.dall__bg{display:none}@media screen and (min-width: 1400px){.dall__bg{display:block;width:50%;height:500px;position:absolute;bottom:2500px;left:0px;z-index:-1;opacity:.3}.dall__bg img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}.dall__bg-line{width:3000px;height:1px;background-color:#1e1d2b;position:absolute;bottom:2100px;left:-500px;transform:rotate(-45deg);opacity:.2;z-index:-1}}.dall__image{width:100%;height:300px;background:url(../images/works/details/dall_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.dall__image{height:400px}}@media screen and (min-width: 1024px){.dall__image{height:690px}}.dall__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.dall__mock-img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dall__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.dall__details{width:70%}}@media screen and (min-width: 1024px){.dall__details{width:860px;margin:90px auto 120px}}.dall__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.dall__ttl{font-size:60px}}@media screen and (min-width: 1024px){.dall__ttl{font-size:96px}}.dall__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.dall__txt{margin-bottom:100px}}.dall__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;transition:.2s}.dall__btn:hover{background:#861602}.dall__btn:hover a{color:#e8e0dd}.dall__btn:nth-of-type(2){display:none}@media screen and (min-width: 1400px){.dall__btn{width:700px;height:100px}.dall__btn:nth-of-type(2){display:block}}.dall__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.dall__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1400px){.dall__link{font-size:40px;line-height:100px}}.dall__menu{width:100%;position:sticky;top:0;left:0;z-index:5;justify-content:space-between}.dall__menu-flex{display:flex;justify-content:space-between}.dall__menu-box{width:100%;background:#3f3a38;text-align:center}.dall__menu-link{padding:20px;display:block;text-decoration:none;color:#e8e0dd}@media screen and (min-width: 1400px){.dall__menu{display:none}}@media screen and (min-width: 1400px){.dall__wrap{display:flex;justify-content:center;gap:1%}}.dall__box{width:75%;margin:0 auto;padding-top:100px}@media screen and (min-width: 1400px){.dall__box{width:26%;margin:0}}.dall__subttl{display:none}@media screen and (min-width: 1400px){.dall__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}}@media screen and (min-width: 1500px){.dall__subttl{font-size:20px;letter-spacing:.3em}}.dall__scsh{width:100%;margin:0 auto;margin-bottom:50px}@media screen and (min-width: 1400px){.dall__scsh{margin-bottom:260px}}.dall__scsh-img{display:block;margin:0 auto;-o-object-fit:cover;object-fit:cover}.nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.nav__arrow-left{width:auto}}.nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.nav__arrow-right{width:auto}}.nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center}@media screen and (min-width: 500px){.nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.nav__viewall{width:225px;height:50px}}.nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.nav__viewall-link{font-size:24px;line-height:50px}}#Interest{padding-top:90px;position:relative;overflow-x:hidden}.Interest__bg{display:none}@media screen and (min-width: 1400px){.Interest__bg{display:block;width:50%;height:500px;position:absolute;bottom:2500px;left:0px;z-index:-1;opacity:.3}.Interest__bg img{display:block;width:100%;height:100%;-o-object-fit:none;object-fit:none;-webkit-mask-image:url(../images/gurad.png);mask-image:url(../images/gurad.png);-webkit-mask-size:500%;mask-size:500%;animation:bg forwards 10s infinite linear}.Interest__bg-line{width:3000px;height:1px;background-color:#1e1d2b;position:absolute;bottom:2100px;left:-500px;transform:rotate(-45deg);opacity:.2;z-index:-1}}.Interest__image{width:100%;height:300px;background:url(../images/works/details/interest_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.Interest__image{height:400px}}@media screen and (min-width: 1024px){.Interest__image{height:690px}}.Interest__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.Interest__mock-img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.Interest__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.Interest__details{width:70%}}@media screen and (min-width: 1024px){.Interest__details{width:860px;margin:90px auto 120px}}.Interest__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.Interest__ttl{font-size:60px}}@media screen and (min-width: 1024px){.Interest__ttl{font-size:96px}}.Interest__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.Interest__txt{margin-bottom:100px}}.Interest__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;transition:.2s}.Interest__btn:hover{background:#861602}.Interest__btn:hover a{color:#e8e0dd}.Interest__btn:nth-of-type(2){display:none}@media screen and (min-width: 1400px){.Interest__btn{width:700px;height:100px}.Interest__btn:nth-of-type(2){display:block}}.Interest__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.Interest__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1400px){.Interest__link{font-size:40px;line-height:100px}}.Interest__menu{width:100%;position:sticky;top:0;left:0;z-index:5;justify-content:space-between}.Interest__menu-flex{display:flex;justify-content:space-between}.Interest__menu-box{width:100%;background:#3f3a38;text-align:center}.Interest__menu-link{padding:20px;display:block;text-decoration:none;color:#e8e0dd}@media screen and (min-width: 1400px){.Interest__menu{display:none}}@media screen and (min-width: 1400px){.Interest__wrap{display:flex;justify-content:center;gap:1%}}.Interest__box{width:75%;margin:0 auto;padding-top:100px}@media screen and (min-width: 1400px){.Interest__box{width:26%;margin:0}}.Interest__subttl{display:none}@media screen and (min-width: 1400px){.Interest__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}}@media screen and (min-width: 1500px){.Interest__subttl{font-size:20px;letter-spacing:.3em}}.Interest__scsh{width:100%;margin:0 auto;margin-bottom:50px}@media screen and (min-width: 1400px){.Interest__scsh{margin-bottom:260px}}.Interest__scsh-img{border:1px solid #9b9292;display:block;margin:0 auto;-o-object-fit:cover;object-fit:cover}.nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.nav__arrow-left{width:auto}}.nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.nav__arrow-right{width:auto}}.nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center}@media screen and (min-width: 500px){.nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.nav__viewall{width:225px;height:50px}}.nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.nav__viewall-link{font-size:24px;line-height:50px}}#Mellifell{padding-top:90px}.Mellifell__image{width:100%;height:300px;background:url(../images/works/details/Mellifell_bg.png) center center/cover;position:relative}@media screen and (min-width: 500px){.Mellifell__image{height:400px}}@media screen and (min-width: 1024px){.Mellifell__image{height:690px}}.Mellifell__mock{width:60%;max-width:784px;min-width:275px;aspect-ratio:784/457;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.Mellifell__mock-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.Mellifell__details{width:80%;margin:50px auto 0}@media screen and (min-width: 500px){.Mellifell__details{width:70%}}@media screen and (min-width: 1024px){.Mellifell__details{width:860px;margin:90px auto 120px}}.Mellifell__ttl{font-size:46px;font-family:"Crimson Text",serif;font-weight:400}@media screen and (min-width: 500px){.Mellifell__ttl{font-size:60px}}@media screen and (min-width: 1024px){.Mellifell__ttl{font-size:96px}}.Mellifell__txt{margin-bottom:50px;line-height:150%}@media screen and (min-width: 1024px){.Mellifell__txt{margin-bottom:100px}}.Mellifell__btn{width:100%;height:80px;margin:0 auto;background:#fff;text-align:center;position:sticky;top:0;left:0;z-index:5;transition:.2s}.Mellifell__btn:hover{background:#861602}.Mellifell__btn:hover a{color:#e8e0dd}@media screen and (min-width: 1024px){.Mellifell__btn{width:700px;height:100px;position:static}}.Mellifell__link{display:block;text-decoration:none;font-family:"Crimson Text",serif;font-size:28px;line-height:80px;color:#1e1d2b}.Mellifell__link span{display:inline-block;transform:rotate(-45deg)}@media screen and (min-width: 1024px){.Mellifell__link{font-size:40px;line-height:100px}}.Mellifell__box{width:55%;margin:0 auto;padding-top:100px}.Mellifell__subttl{display:block;width:61.6%;max-width:300px;height:50px;margin:0 auto;margin-bottom:43px;background:#3f3a38;font-size:16px;letter-spacing:.15em;line-height:50px;text-align:center;color:#fff}@media screen and (min-width: 1500px){.Mellifell{font-size:20px;letter-spacing:.3em}}.Mellifell__scsh{margin:0 auto;margin-bottom:260px}.Mellifell__scsh-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav{margin-bottom:123px;padding:0 16%;display:flex;justify-content:space-between;align-items:center}.nav__arrow-left{width:35px;transform:rotate(90deg)}@media screen and (min-width: 500px){.nav__arrow-left{width:45px}}@media screen and (min-width: 800px){.nav__arrow-left{width:auto}}.nav__arrow-right{width:35px;transform:rotate(-90deg)}@media screen and (min-width: 500px){.nav__arrow-right{width:45px}}@media screen and (min-width: 800px){.nav__arrow-right{width:auto}}.nav__arrow-svg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav__viewall{width:120px;height:30px;border:1px solid #1e1d2b;border-radius:999px;text-align:center}@media screen and (min-width: 500px){.nav__viewall{width:180px;height:40px}}@media screen and (min-width: 800px){.nav__viewall{width:225px;height:50px}}.nav__viewall-link{display:block;font-size:16px;line-height:30px;text-decoration:none;color:#1e1d2b}@media screen and (min-width: 500px){.nav__viewall-link{font-size:18px;line-height:40px}}@media screen and (min-width: 800px){.nav__viewall-link{font-size:24px;line-height:50px}}.header-w a{color:#e8e0dd}.header-w svg{fill:#e8e0dd;color:#e8e0dd}.header__arrow-w{background:#e8e0dd}.header-workslogo svg{fill:#e8e0dd;color:#e8e0dd}.header__arrow-s{width:36px;transform:rotate(-180deg)}@media screen and (min-width: 1024px){.header__arrow-s{width:50px}}.burgerTop{transform:rotate(45deg)}.burgerMiddle{opacity:0}.burgerBottom{transform:rotate(-45deg)}@media screen and (max-width: 767px){.nav__cover{opacity:1;pointer-events:auto}.nav__cover a{color:#1e1d2b}}.header-menu svg{fill:#1e1d2b}.secttl__line-anime span:nth-child(1){display:block;width:calc(100% + 50px);height:1px;transform:translateX(-50%);position:absolute;top:0;left:50%;background:linear-gradient(90deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 5%, #1E1D2B 95%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame1 1.6s}.secttl__line-anime span:nth-child(2){display:block;width:calc(100% + 50px);height:1px;transform:translateX(-50%);position:absolute;bottom:0;left:50%;background:linear-gradient(90deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 5%, #1E1D2B 95%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame2 1.6s}.secttl__line-anime span:nth-child(3){display:block;width:1px;height:calc(100% + 40px);transform:translatey(-50%);position:absolute;top:50%;left:0;background:linear-gradient(180deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 30%, #1E1D2B 70%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame3 1.6s}.secttl__line-anime span:nth-child(4){display:block;width:1px;height:calc(100% + 40px);transform:translatey(-50%);position:absolute;top:50%;right:0;background:linear-gradient(180deg, rgba(30, 29, 43, 0) 0%, #1E1D2B 30%, #1E1D2B 70%, rgba(30, 29, 43, 0) 100%);opacity:0;animation:flame4 1.6s}.secttl__line-anime.is-white span:nth-child(1),.secttl__line-anime.is-white span:nth-child(2){background:linear-gradient(90deg, rgba(232, 224, 221, 0) 0%, #E8E0DD 5%, #E8E0DD 95%, rgba(232, 224, 221, 0) 100%)}.secttl__line-anime.is-white span:nth-child(3),.secttl__line-anime.is-white span:nth-child(4){background:linear-gradient(180deg, rgba(232, 224, 221, 0) 0%, #E8E0DD 30%, #E8E0DD 70%, rgba(232, 224, 221, 0) 100%)}#top .showElement{opacity:1;transform:translateY(0)}#top .circle-drow circle{animation:circle 1.5s ease forwards}#works .header-works a{color:#1e1d2b}#works .circle-drow circle{animation:circle 1.5s ease forwards}/*# sourceMappingURL=style.css.map */