/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:rgba(0,0,0,0);text-decoration:none;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:rgba(0,0,0,0);padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}:root{--font-en: "Anton", sans-serif}body{font-family:"Shippori Mincho","YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif}html{font-size:62.5%}@media screen and (max-width: 1023px){main{padding-bottom:4rem}}html,body{scroll-behavior:smooth}.section{margin-left:8rem;background-repeat:no-repeat;background-size:cover;height:100vh;scroll-snap-align:start;overflow:hidden}@media screen and (max-width: 1023px){.section{margin-left:0;height:auto}}.section--hero{background-image:url(/img/home/bg_hero.webp)}.section--web{background-image:url(/img/web/bg_web.webp)}.section--flyer{background-image:url(/img/flyer/bg_flyer.webp)}.section--banner{background-image:url(/img/banner/bg_banner.webp)}.section--about{background-image:url(/img/about/bg_about.webp)}.section-container{padding-left:6rem}@media screen and (max-width: 1023px){.section-container{padding-inline:5%}}.section-ttl{display:inline-block;font-family:var(--font-en);font-size:9.2rem;letter-spacing:.1em;position:relative}.section-ttl::after{content:"";position:absolute;bottom:0px;right:-35px;background-image:url("/img/global/text_astrid-works.svg");background-size:contain;background-repeat:no-repeat;width:188px;height:56px;filter:blur(1.6px);-webkit-transform:skew(0deg, -3deg)}.section-txt{line-height:2;font-size:1.6rem;font-weight:900}.section-txt span{font-size:1.25em;color:#000;background-color:#fff;margin-inline:.2em}.text-indent{text-indent:1em}@media screen and (max-width: 1023px){.display-none--tab{display:none !important}}.display-none--pc{display:none}@media screen and (max-width: 767px){.display-none--pc{display:block}}@media screen and (max-width: 767px){.display-none--sp{display:none !important}}.move-order .animation-bg .animation-bg-element{position:fixed;top:0;left:0;height:100%;width:10%;z-index:999;-webkit-animation-name:PageAnime-move-order;animation-name:PageAnime-move-order;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.move-order .animation-bg .animation-bg-element:nth-child(2){left:10%;-webkit-animation-delay:.1s;animation-delay:.1s}.move-order .animation-bg .animation-bg-element:nth-child(3){left:20%;-webkit-animation-delay:.2s;animation-delay:.2s}.move-order .animation-bg .animation-bg-element:nth-child(4){left:30%;-webkit-animation-delay:.3s;animation-delay:.3s}.move-order .animation-bg .animation-bg-element:nth-child(5){left:40%;-webkit-animation-delay:.4s;animation-delay:.4s}.move-order .animation-bg .animation-bg-element:nth-child(6){left:50%;-webkit-animation-delay:.5s;animation-delay:.5s}.move-order .animation-bg .animation-bg-element:nth-child(7){left:60%;-webkit-animation-delay:.6s;animation-delay:.6s}.move-order .animation-bg .animation-bg-element:nth-child(8){left:70%;-webkit-animation-delay:.7s;animation-delay:.7s}.move-order .animation-bg .animation-bg-element:nth-child(9){left:80%;-webkit-animation-delay:.8s;animation-delay:.8s}.move-order .animation-bg .animation-bg-element:nth-child(10){left:90%;-webkit-animation-delay:.9s;animation-delay:.9s}.move-order .animation-bg .animation-bg-element::before{background:red;box-shadow:0 0 0 1px #ba0000;content:"";position:absolute;top:0;left:0;width:100%;height:100%}@-webkit-keyframes PageAnime-move-order{0%{transform:translateY(0)}100%{transform:translateY(100%)}}@keyframes PageAnime-move-order{0%{transform:translateY(0)}100%{transform:translateY(100%)}}.header{position:fixed;width:100%;padding-inline:8rem 4rem;color:#fff;padding-block:3em;z-index:10}@media screen and (max-width: 1023px){.header{padding-inline:5%;padding-block:2em}}.header__container{display:flex;justify-content:space-between;align-items:center;padding-left:6rem}@media screen and (max-width: 1023px){.header__container{padding-left:0}}.header__container ul{display:flex;font-family:var(--font-en)}.header__container ul a{font-size:2.2rem;padding-inline:1.5em}.header__container ul a:hover{color:red}@media screen and (max-width: 1023px){.header__container ul a{font-size:1.6rem;padding-inline:0em;padding-block:0em}}.header__container ul a:first-child{padding-left:0}.header .toggle-wrapper{display:flex;align-items:center;gap:.75rem}.header .toggle-wrapper .toggle-label{font-size:1.6rem;transition:color .3s}.header .toggle-wrapper .toggle-label--ja.active,.header .toggle-wrapper .toggle-label--en.active{color:#000;font-weight:bold}.header .toggle{position:relative;width:50px;height:22px;cursor:pointer}.header .toggle .toggle__input{opacity:0;width:0;height:0}.header .toggle .toggle__input:checked+.toggle__slider::before{transform:translateX(26px)}.header .toggle .toggle__slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;border-radius:100vh;transition:.4s}.header .toggle .toggle__slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;top:2px;background:red;border-radius:50%;transition:.3s;box-shadow:0 0 3px rgba(0,0,0,.4)}.header .menu-close{font-size:0em;opacity:0;text-align:center;font-weight:bold;transition:.2s}@media screen and (max-width: 1023px){.header .menu-global{z-index:-1;position:absolute;left:0;height:3px;width:100%;background-color:#fff;transition:.2s;display:flex;align-items:center;justify-content:center}.header .menu-global a{display:block;width:100%;height:100%;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center}.header .menu-global:hover{left:10px;transition:all .2s}.header .menu-text{opacity:0;font-size:0em;transition:.1s}.header .menu{cursor:pointer;position:relative;width:36px;height:36px;text-align:right}.header .menu-close{font-size:0em;opacity:0;text-align:center;font-weight:bold;transition:.2s}.header .menu-close-visible{color:red;font-size:4.6rem;opacity:1;transition:.2s .4s}.header .menu-top{top:0}.header .menu-second{top:8px}.header .menu-third{top:16px}.header .menu-fourth{top:24px}.header .menu-bottom{top:32px}.header .expand{width:150px;height:40px;border-radius:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 0px #fff,0 0 60px #fff,0 0 10px #fff}.header .menu-top-expand{top:50px;background:#c00;transition:all .5s .2s,left .1s;transition-delay:.4s}.header .menu-second-expand{top:100px;background:#c00;transition:all .5s .2s,left .1s;transition-delay:.3s}.header .menu-third-expand{top:150px;background:#c00;transition:all .5s .2s,left .1s;transition-delay:.2s}.header .menu-fourth-expand{top:200px;background:#c00;transition:all .5s .2s,left .1s;transition-delay:.1s}.header .menu-bottom-expand{top:250px;background:#c00;transition:all .5s .2s,left .1s;transition-delay:0s}.header .menu-text-expand{color:#fff;opacity:1;font-size:1.6rem;transition:all .2s .7s,font-size .1s}}.fixed-cta{position:fixed;z-index:100;height:100vh;background-color:red;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:8rem}@media screen and (max-width: 1023px){.fixed-cta{flex-direction:row;width:100vw;height:auto;bottom:0}}.fixed-cta__top{width:100%}@media screen and (max-width: 1023px){.fixed-cta__top{display:flex;flex-direction:row}}.fixed-cta a{display:flex;flex-direction:column;align-items:center;gap:.5em;font-size:2.2rem;padding-block:2.5em;font-family:var(--font-en)}.fixed-cta a:hover{opacity:.8}@media screen and (max-width: 1023px){.fixed-cta a{flex-direction:row;justify-content:center;width:50%;font-size:1.8rem;padding-block:.5em}}.fixed-cta p{writing-mode:vertical-rl;color:#fff}@media screen and (max-width: 1023px){.fixed-cta p{writing-mode:horizontal-tb}}.fixed-cta__works{background-color:#ba0000;display:inline-block;width:100%;-webkit-transform:skew(0deg, -20deg)}@media screen and (max-width: 1023px){.fixed-cta__works{-webkit-transform:skew(0deg, 0deg)}}.fixed-cta__works img,.fixed-cta__works p{-webkit-transform:skew(0deg, 20deg)}@media screen and (max-width: 1023px){.fixed-cta__works img,.fixed-cta__works p{-webkit-transform:skew(0deg, 0deg)}}.fixed-cta__bottom{font-size:1.2rem;padding-bottom:2rem}.hero{position:relative}.hero__main-container{padding-top:clamp(12rem,30vw,20rem);color:#fff}.hero__text-clip{background-color:red;display:inline-block;position:relative;-webkit-clip-path:polygon(0 0, 100% 0, 100% calc(100% - 60px), calc(100% - 20px) 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% calc(100% - 60px), calc(100% - 20px) 100%, 0 100%)}.hero__text-clip p{font-family:var(--font-en);color:#000;font-size:clamp(1.6rem,5vw,3.6rem);padding-block:clamp(.3em,3vw,.2em);padding-left:clamp(.3em,3vw,.3em);padding-right:clamp(1.2em,10vw,.2em)}.hero h1{position:relative;display:table;font-family:var(--font-en)}.hero__ttl{display:block}.hero__ttl--main{letter-spacing:.1em;font-weight:400;margin-block:1rem;font-size:clamp(6rem,18vw,16rem)}.hero__ttl--img{position:absolute;right:-5%;top:40%;filter:blur(1.6px);width:clamp(200px,51vw,520px);-webkit-transform:skew(0deg, -3deg)}.hero__ttl--sub{font-size:clamp(1.8rem,5vw,4.2rem);letter-spacing:.02em;margin-bottom:2rem}.hero__years{font-size:2.8rem;letter-spacing:.02em;font-family:var(--font-en);display:flex;align-items:center;gap:.5em;margin-bottom:2rem}.hero__years-bar{background-color:#fff;display:inline-block;width:5rem;height:3px}.hero__copy{font-size:2.2rem}@media screen and (max-width: 1023px){.hero__copy{line-height:2}}.hero .accent-red{color:red}.hero__scrollbar{writing-mode:vertical-rl;font-family:var(--font-en);display:flex;align-items:center;margin-top:5rem}.hero__scrollbar p{font-size:2.2rem;margin-bottom:1rem;letter-spacing:.1em}@media screen and (max-width: 1023px){.hero__scrollbar p{font-size:1.6rem}}@-webkit-keyframes moveDot{0%{transform:translateY(0);opacity:1}100%{transform:translateY(300px);opacity:0}}@keyframes moveDot{0%{transform:translateY(0);opacity:1}100%{transform:translateY(300px);opacity:0}}.hero__scrollbar span{position:relative;background-color:#fff;display:inline-block;width:1px;height:100vh}@media screen and (max-width: 1023px){.hero__scrollbar span{height:120px}}.hero__scrollbar span::before{content:"";position:absolute;top:0;left:-5px;width:10px;height:10px;background-color:#fff;border-radius:50%;-webkit-animation:moveDot 4s linear infinite;animation:moveDot 4s linear infinite}#particles-js{position:absolute;bottom:0;right:0;width:60%;height:50%}#freelance-text{stroke-dasharray:1000;stroke-dashoffset:1000}#freelance-text path{stroke-width:5px}.trans3d{-webkit-transform-style:preserve-3d;-webkit-transform:translate3d(0, 0, 0);-moz-transform-style:preserve-3d;-moz-transform:translate3d(0, 0, 0);-ms-transform-style:preserve-3d;-ms-transform:translate3d(0, 0, 0);transform-style:preserve-3d;transform:translate3d(0, 0, 0)}#contentContainer{position:absolute;margin-left:-500px;margin-top:100px;left:50%;top:50%;width:1000px}@media screen and (max-width: 1023px){#contentContainer{margin-top:100px}}@media screen and (max-width: 767px){#contentContainer{margin-top:80px}}#carouselContainer{position:absolute;margin-left:-500px;margin-top:-500px;left:50%;top:50%;width:1000px;height:1000px}.carouselItem{width:320px;height:130px;position:absolute;left:50%;top:50%;margin-left:-160px;margin-top:-90px;visibility:hidden}.carouselItemInner{width:320px;position:absolute;left:50%;top:50%;margin-left:-160px;margin-top:-90px;text-align:center}.carouselItemInner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.web{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 1023px){.web{padding-inline:5%;padding-block:10rem}}.web__container{position:relative;color:#fff;text-align:center}.web__container h2{font-size:clamp(7.5rem,21vw,9.2rem);margin-top:80px;margin-bottom:.3em;text-align:center;display:inline-block;position:relative}@media screen and (max-width: 1023px){.web__container h2{margin-top:0px}}.web__container p{text-align:center}.web__skill{margin-top:220px;width:660px;margin-bottom:2rem;margin-inline:auto;position:relative}@media screen and (max-width: 1023px){.web__skill{margin-top:340px}}@media screen and (max-width: 767px){.web__skill{margin-top:220px;width:330px}}.web__lists{text-align:left;width:660px;overflow:hidden;margin-inline:auto}@media screen and (max-width: 767px){.web__lists{width:330px}}.web__list-container{display:flex;flex-direction:column;width:auto;margin-inline:10px}.web__list{font-size:1.6rem;width:calc(100% - 10px);display:flex;align-items:center;gap:.5em;margin-block:.5em;padding-inline:1em;padding-block:.5em;background:rgba(255,255,255,.2);border-radius:2px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5.3px);-webkit-backdrop-filter:blur(5.3px);border:1px solid rgba(255,255,255,.29)}.web__list img{width:25px}@media screen and (max-width: 767px){.web__list{height:60px}}.web .slick-track{display:flex}.web .prev-arrow,.web .next-arrow{display:block;width:40px;height:40px;transition:all .3s ease;cursor:pointer;position:absolute}.web .prev-arrow img,.web .next-arrow img{width:100%}.web .slick-list{position:relative}.web .prev-arrow,.web .next-arrow{position:absolute;z-index:1;top:50%;transform:translate(-50%, -50%)}.web .prev-arrow{left:-30px}@media screen and (max-width: 420px){.web .prev-arrow{left:0px}}.web .next-arrow{right:-60px}@media screen and (max-width: 420px){.web .next-arrow{right:-30px}}.web .slick-slide{margin:0 !important;padding:0 !important;display:block !important}.web .btn{margin-inline:auto}.btn--with-offset-border{background-color:red;color:#fff;font-family:var(--font-en);display:flex;align-items:center;gap:.7em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:.6em;padding-inline:2em;font-size:2.2rem;text-align:center;position:relative;cursor:pointer;transition:.5s all}.btn--with-offset-border span{transform:translate(2px, -2px)}.btn--with-offset-border:hover{opacity:.8}.btn--with-offset-border:hover span{transform:translate(0, 0)}.btn--with-offset-border::before{content:"";position:absolute;inset:0;border:solid 1px #fff;transform:translate(4px, -4px);pointer-events:none;transition:transform .1s ease-in-out}.btn--with-offset-border:hover::before{transform:translate(0, 0)}.btn__arrow{display:inline-block;width:0;height:0;border-style:solid;border-width:8px 0 8px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}.btn__arrow--red{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) red}.flyer__container{padding-left:6rem;height:100%;display:flex;align-items:center;gap:36px}@media screen and (max-width: 1023px){.flyer__container{flex-direction:column;padding-inline:5%;padding-block:10rem;gap:4rem;align-items:flex-start}}@media screen and (max-width: 767px){.flyer__container{align-items:center}}.flyer__info-container{color:#fff}@media screen and (max-width: 767px){.flyer__info-container{display:flex;flex-direction:column;align-items:center}}.flyer__info-container h2{margin-bottom:2rem}.flyer__info-container p{font-size:1.6rem;line-height:2;margin-bottom:2.2rem}.flyer__category-container{display:flex;gap:2em;margin-bottom:2rem}.flyer__category-container h3{display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:600;background-color:#fff;width:110px;aspect-ratio:1;border-radius:50%;text-align:center;color:red;position:relative}.flyer__category-container h3::before{content:"";position:absolute;inset:0;border:solid 1px red;transform:translate(4px, -4px);border-radius:50%;pointer-events:none;transition:transform .1s ease-in-out}@media screen and (max-width: 767px){.flyer__category-container h3{font-size:clamp(1.8rem,5vw,2rem);width:clamp(90px,25vw,110px)}.flyer__category-container h3::before{border:solid 1px red;transform:translate(2.5px, -2.5px)}}.flyer__works-container{position:relative}.flyer .container{aspect-ratio:210/297;width:500px;background:#f5f5f5;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 0px #fff,0 0 60px #fff,0 0 10px #fff}.flyer .container img{width:100%}.flyer .container .slide .item{width:210px;height:297px;position:absolute;top:50%;transform:translate(0, -50%);border-radius:10px;background-position:50% 50%;background-size:cover;display:inline-block;transition:.5s}.flyer .slide .item:nth-child(1),.flyer .slide .item:nth-child(2){top:0;left:0;transform:translate(0, 0);border-radius:0;width:100%;height:100%}.flyer .slide .item:nth-child(3){left:75%}.flyer .slide .item:nth-child(4){left:calc(75% + 220px)}.flyer .slide .item:nth-child(5){left:calc(75% + 440px)}.flyer .slide .item:nth-child(n+6){left:calc(75% + 660px);opacity:0}.flyer .item .content{position:absolute;top:50%;left:100px;width:300px;text-align:left;color:#eee;transform:translate(0, -50%);font-family:system-ui;display:none}.flyer .slide .item:nth-child(2) .content{display:block}.flyer .content .name{font-size:40px;text-transform:uppercase;font-weight:bold;opacity:0;-webkit-animation:animate 1s ease-in-out 1 forwards;animation:animate 1s ease-in-out 1 forwards}.flyer .content .des{margin-top:10px;margin-bottom:20px;opacity:0;-webkit-animation:animate 1s ease-in-out .3s 1 forwards;animation:animate 1s ease-in-out .3s 1 forwards}.flyer .content button{padding:10px 20px;border:none;cursor:pointer;opacity:0;-webkit-animation:animate 1s ease-in-out .6s 1 forwards;animation:animate 1s ease-in-out .6s 1 forwards}@-webkit-keyframes animate{from{opacity:0;transform:translate(0, 100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes animate{from{opacity:0;transform:translate(0, 100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.flyer .button{width:100%;text-align:center;position:absolute;bottom:-55px}.flyer .button img{width:45px}@media screen and (max-width: 767px){.flyer .container{width:clamp(280px,82vw,700px);aspect-ratio:210/297;background:#f5f5f5;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 0px #fff,0 0 60px #fff,0 0 10px #fff}.flyer .container .slide .item{width:210px;height:297px;position:absolute;top:50%;transform:translate(0, -50%);border-radius:10px;background-position:50% 50%;background-size:cover;display:inline-block;transition:.5s}.flyer .slide .item:nth-child(1),.flyer .slide .item:nth-child(2){top:0;left:0;transform:translate(0, 0);border-radius:0;width:100%;height:100%}.flyer .slide .item:nth-child(3){left:150%}.flyer .slide .item:nth-child(4){left:150%}.flyer .slide .item:nth-child(5){left:150%}.flyer .slide .item:nth-child(n+6){left:calc(75% + 660px);opacity:0}.flyer .item .content{position:absolute;top:50%;left:100px;width:300px;text-align:left;color:#eee;transform:translate(0, -50%);font-family:system-ui;display:none}.flyer .slide .item:nth-child(2) .content{display:block}.flyer .content .name{font-size:40px;text-transform:uppercase;font-weight:bold;opacity:0;-webkit-animation:animate 1s ease-in-out 1 forwards;animation:animate 1s ease-in-out 1 forwards}.flyer .content .des{margin-top:10px;margin-bottom:20px;opacity:0;-webkit-animation:animate 1s ease-in-out .3s 1 forwards;animation:animate 1s ease-in-out .3s 1 forwards}.flyer .content button{padding:10px 20px;border:none;cursor:pointer;opacity:0;-webkit-animation:animate 1s ease-in-out .6s 1 forwards;animation:animate 1s ease-in-out .6s 1 forwards}@-webkit-keyframes animate{from{opacity:0;transform:translate(0, 100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes animate{from{opacity:0;transform:translate(0, 100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.flyer .button{width:100%;text-align:center;position:absolute;bottom:-55px}.flyer .button img{width:45px}}.banner__container{padding-left:6rem;height:100%;align-items:center;display:grid;grid-template-columns:auto 55%;gap:10px}@media screen and (max-width: 1023px){.banner__container{grid-template-columns:1fr;padding-block:10rem;padding-inline:5%}}.banner__info-container{color:#fff}@media screen and (max-width: 1023px){.banner__info-container{display:flex;flex-direction:column;align-items:center}}.banner__info-container h2{margin-bottom:2rem}.banner__info-container p{font-size:1.6rem;line-height:2;margin-bottom:2.2rem}.banner__category-lists{display:grid;grid-template-columns:260px 260px;row-gap:1.5em;-moz-column-gap:3.5em;column-gap:3.5em;margin-bottom:2.2rem}@media screen and (max-width: 767px){.banner__category-lists{grid-template-columns:clamp(240px,54vw,320px)}}.banner__category-list{display:flex;align-items:center;justify-content:space-between;padding-block:.8em;background:rgba(255,255,255,.2);border-radius:5px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5.3px);-webkit-backdrop-filter:blur(5.3px)}.banner__category-list img{width:100px;transform:scale(1.4)}.banner__category-ttl{margin-left:16px}.banner__category-ttl p{font-family:var(--font-en);font-size:1.6rem;line-height:1;margin-bottom:.3rem}.banner__category-ttl h3{font-size:2rem}.banner input[type=radio]{display:none}.banner .card{position:absolute;transition:transform .4s ease;cursor:pointer}.banner .container{height:100%;transform-style:preserve-3d;display:flex;justify-content:center;flex-direction:column;margin-bottom:10rem}@media screen and (max-width: 1023px){.banner .container{margin-bottom:0rem}}.banner .cards{display:flex;justify-content:center;position:relative;width:100%;margin-bottom:clamp(270px,26vw,350px)}@media screen and (max-width: 1023px){.banner .cards{margin-bottom:clamp(110px,24vw,250px)}}.banner .cards img{width:clamp(240px,24vw,320px)}@media screen and (max-width: 1023px){.banner .cards img{width:clamp(100px,24vw,260px)}}.banner .card img{box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 0px #fff,0 0 60px #fff,0 0 10px #fff;transition:box-shadow .3s ease}@-webkit-keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}.banner #item-1:checked~.cards #song-3,.banner #item-2:checked~.cards #song-1,.banner #item-3:checked~.cards #song-2{transform:translatex(-40%) scale(0.8) rotate(-7deg);z-index:0}.banner #item-1:checked~.cards #song-2,.banner #item-2:checked~.cards #song-3,.banner #item-3:checked~.cards #song-1{transform:translatex(40%) scale(0.8) rotate(7deg);z-index:0}.banner #item-1:checked~.cards #song-1,.banner #item-2:checked~.cards #song-2,.banner #item-3:checked~.cards #song-3{transform:translatex(0) scale(1);opacity:1;z-index:1}.banner__works-cards{color:#fff}.banner__works-cards-inner{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:auto}.banner__works-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:5px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5.3px);-webkit-backdrop-filter:blur(5.3px);width:140px}.banner__works-card--purpose,.banner__works-card--category{padding-block:.8rem}.banner__works-card--purpose{grid-row:1}.banner__works-card--category{grid-row:2}.banner__works-card--color{grid-column:2;grid-row:1/3}.banner__works-card--color p{margin-bottom:.5em}.banner__works-card--color li{font-size:1.6rem;padding-block:.3em;padding-inline:1em;text-align:center;color:#000}.banner__works-card--color-1 li:nth-child(1){background-color:#fff}.banner__works-card--color-1 li:nth-child(2){background-color:#d6acf2}.banner__works-card--color-1 li:nth-child(3){color:#fff;background-color:#9b3b72}.banner__works-card--color-2 li:nth-child(1){color:#fff;background-color:#d60213}.banner__works-card--color-2 li:nth-child(2){color:#fff;background-color:#d8b355}.banner__works-card--color-2 li:nth-child(3){color:#fff;background-color:#1a2a47}.banner__works-card--color-3 li:nth-child(1){background-color:#fff}.banner__works-card--color-3 li:nth-child(2){background-color:#f2bf45}.banner__works-card--color-3 li:nth-child(3){background-color:#e1548d}.banner__works-card-ttl{font-size:1.2rem}.banner__works-card-bar{margin-block:.5rem .35rem;background-color:currentColor;display:inline-block;width:3rem;height:1px}.banner__works-card-txt{font-size:1.6rem}.banner__works-card-size{margin-top:1rem;font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:.3em}.banner__works-card-size span{margin-left:.3em;font-size:1.8rem}.banner__works-card-size::before{content:"";display:block;background-image:url(/img/global/icon_check-mark_white.svg);background-repeat:no-repeat;background-size:13px;background-position:center;background-color:red;width:20px;border-radius:50%;aspect-ratio:1}#test{display:flex;justify-content:center}.banner__works-cards-outer{display:flex;justify-content:center;align-items:center;overflow:hidden}.banner__works-cards{position:absolute;transition:transform .5s ease,opacity .5s ease;opacity:0;transform:translateX(-100%);z-index:0}#item-1:checked~.banner__works-cards-outer #banner__works-info--1,#item-2:checked~.banner__works-cards-outer #banner__works-info--2,#item-3:checked~.banner__works-cards-outer #banner__works-info--3{transform:translateX(0);opacity:1;z-index:1}#item-1:checked~.banner__works-cards-outer #banner__works-info--2,#item-2:checked~.banner__works-cards-outer #banner__works-info--3,#item-3:checked~.banner__works-cards-outer #banner__works-info--1{transform:translateX(-100%);opacity:0;z-index:0}#item-1:checked~.banner__works-cards-outer #banner__works-info--3,#item-2:checked~.banner__works-cards-outer #banner__works-info--1,#item-3:checked~.banner__works-cards-outer #banner__works-info--2{transform:translateX(100%);opacity:0;z-index:0}.about__container{height:100%;display:grid;grid-template-columns:38.5% auto;gap:36px}@media screen and (max-width: 1023px){.about__container{grid-template-columns:1fr;padding-block:10rem}}.about__info-container{align-self:start;margin-top:13.5rem;overflow:hidden;color:#fff}@media screen and (max-width: 1023px){.about__info-container{margin-top:0}}.about__info-container h2{margin-bottom:2rem}.about__info-container h3{font-size:clamp(2.6rem,2.8vw,4.6rem);margin-bottom:2rem}.about__info-container p{font-size:1.6rem;line-height:2;margin-bottom:2.2rem}.about .slider-track{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:scroll-left 20s linear infinite;animation:scroll-left 20s linear infinite;margin-bottom:2rem}.about .slider-track:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.about__my-skills{display:flex;flex-shrink:0}.about__my-skills img{width:70px;margin-inline:.5em}@-webkit-keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.about__sns-container{align-self:end;justify-self:end;margin-bottom:2rem;margin-right:2rem}@media screen and (max-width: 1023px){.about__sns-container{margin-right:0}}.about__instagram-container ul{margin-bottom:2.5rem;display:grid;grid-template-columns:repeat(6, 1fr);gap:1.5em}@media screen and (max-width: 767px){.about__instagram-container ul{grid-template-columns:repeat(3, 1fr)}}.about__instagram-container ul img{width:100%;-o-object-fit:cover;object-fit:cover;box-shadow:5px 5px 5px #000;border-radius:5px;transition:.3s}.about__instagram-container ul a{position:relative;display:flex;align-items:center;justify-content:center}.about__instagram-container ul a:hover img{filter:brightness(50%)}.about__instagram-container ul a:hover .instagram-txt{opacity:1}.about__instagram-container ul .instagram-like,.about__instagram-container ul .instagram-comment{display:inline-block;width:15px;height:15px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-right:4px}.about__instagram-container ul .instagram-like{background-image:url(/img/about/icon_like.svg)}.about__instagram-container ul .instagram-comment{background-image:url(/img/about/icon_comment.svg);margin-left:10px}.about__instagram-container ul .instagram-thumbnail{aspect-ratio:1}.about__instagram-container ul .instagram-txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;font-size:1.4rem;color:#fff;display:flex;justify-content:center;align-items:center}.about__instagram-ttl{width:220px;padding-block:.8em;font-size:1.6rem;margin-bottom:1rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:.3em;background:rgba(255,255,255,.2);border-radius:5px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5.3px);-webkit-backdrop-filter:blur(5.3px)}.about__instagram-ttl::before{content:url(/img/about/icon_instagram.svg);width:25px}.about__instagram-ttl:hover{color:red}.about #column-lists{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5em}@media screen and (max-width: 767px){.about #column-lists{grid-template-columns:1fr}}.about #column-lists li{background-color:#fff;border-radius:5px;box-shadow:5px 5px 5px #000}.about #column-lists img{width:100%}.about #column-lists .column-inner{padding-inline:1.5em;padding-block:2em}.about #column-lists .time-and-category{display:flex;align-items:center;gap:.6em;margin-bottom:.8rem}.about #column-lists .time-and-category p:first-child{font-size:1.4rem}.about #column-lists .time-and-category p:last-child{width:70px;text-align:center;font-size:1rem;background-color:red;color:#fff;padding-block:.2em;border-radius:100vh}.about #column-lists h3{font-size:1.6rem;margin-bottom:.8rem}.about #column-lists .column-txt{font-size:1.4rem;color:#6f6f6f}.about #column-lists a{transition:1s all}.about #column-lists .column-txt-hide{position:absolute;top:-100%;opacity:0;font-size:1.6rem;color:#fff;display:flex;justify-content:center;align-items:center}.about #column-lists .img-box{position:relative;overflow:hidden;border-radius:5px 5px 0 0}.about #column-lists a:hover img{filter:brightness(50%);transform:scale(1.1);transition:.3s}.about #column-lists a:hover .column-txt-hide{top:50%;left:50%;transform:translate(-50%, -50%);opacity:1;z-index:15}.btn__about{width:calc(100% - 4px);justify-content:center;font-family:"Shippori Mincho","YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;font-size:1.6rem;padding-block:1em}.btn__about--white{background-color:#fff;color:red;margin-bottom:1em}.btn__about--white::before{border:solid 1px red}.contact{margin-left:8rem;background-image:url(/img/contact/bg_contact_blur.webp);background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;align-items:center;justify-content:center;padding-inline:5%}@media screen and (max-width: 1023px){.contact{margin-left:0;height:auto;padding-block:6rem}}.contact__container{background-image:url(/img/contact/bg_contact.webp);background-repeat:no-repeat;background-size:cover;border-radius:5px;box-shadow:5px 5px 5px #000;color:#fff;display:flex;align-items:center;justify-content:center;padding-inline:5%;width:min(100%,1000px);height:700px}@media screen and (max-width: 1023px){.contact__container{height:auto;padding-block:5em}}.contact h1{text-align:center;font-size:6rem;margin-bottom:2rem;font-family:var(--font-en);letter-spacing:.1em}.contact__txt{text-align:center;font-size:1.6rem;margin-bottom:2rem;line-height:2}.contact__inner ul{display:grid;grid-template-columns:repeat(2, 320px);justify-content:center;gap:12px;margin-bottom:2rem}@media screen and (max-width: 1023px){.contact__inner ul{grid-template-columns:1fr;width:100%}}.contact__inner li{position:relative;display:flex;flex-direction:column}.contact__inner li:last-child{grid-column:1/-1}.contact__inner form{display:flex;flex-direction:column;align-items:center}.contact__inner input,.contact__inner textarea{padding:12px 10px;font-size:16px;border-radius:5px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5.3px);backdrop-filter:blur(5.3px)}.contact__inner input.filled,.contact__inner input:focus,.contact__inner textarea.filled,.contact__inner textarea:focus{background:#fff;color:#000}.contact__inner input{width:320px}@media screen and (max-width: 1023px){.contact__inner input{width:100%}}.contact__inner textarea{height:200px}.contact__inner label{position:absolute;left:10px;top:12px;font-size:16px;transition:all .2s;pointer-events:none}.contact__inner button{font-size:1.6rem;line-height:2;border-radius:5px;border:1px solid #fff;width:660px;margin-inline:auto;text-align:center}.contact__inner button:hover{background-color:#fff;color:#000}@media screen and (max-width: 1023px){.contact__inner button{width:100%}}.contact__inner li:has(input:focus) label,.contact__inner li:has(input.filled) label,.contact__inner li:has(textarea:focus) label,.contact__inner li:has(textarea.filled) label{top:-8px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5.3px);backdrop-filter:blur(5.3px);font-size:1.1rem}.contact__confirm dl{font-size:1.6rem;padding-inline:2em;padding-block:3em 2em;background:rgba(255,255,255,.2);border-radius:5px;-webkit-backdrop-filter:blur(5.3px);backdrop-filter:blur(5.3px);display:grid;grid-template-columns:repeat(2, 320px);margin-bottom:2rem}@media screen and (max-width: 1023px){.contact__confirm dl{grid-template-columns:1fr}}.contact__confirm dt,.contact__confirm dd{border-bottom:1px solid #fff;padding-bottom:.5em;margin-bottom:1em}.contact__confirm-btn{display:flex;justify-content:center;gap:20px}.contact__confirm-btn button{width:200px}@media screen and (max-width: 1023px){.contact__confirm-btn{flex-direction:column;gap:10px}}.contact__thanks p{font-size:1.6rem;text-align:center;margin-bottom:1em}.portfolio{margin-left:8rem;padding-left:6rem;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100vh;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;display:flex;align-items:center;color:#fff}@media screen and (max-width: 1023px){.portfolio{display:block;margin-left:0;padding-inline:5%;height:auto;overflow-x:auto}}.portfolio--web{background-image:url(/img/web/bg_web.webp)}.portfolio--flyer{background-image:url(/img/flyer/bg_flyer.webp)}.portfolio--banner{background-image:url(/img/banner/bg_banner.webp)}.portfolio__head{margin-top:8rem;display:flex;justify-content:space-between;position:fixed;left:0;padding-inline:14rem 6rem;width:100%}@media screen and (max-width: 1023px){.portfolio__head{position:static;padding-inline:0}}.portfolio__head-info ul{display:flex;gap:1.5em;margin-bottom:2.5rem}.portfolio__head-info a{display:block;text-align:center;font-family:var(--font-en);background:rgba(255,255,255,.2);border-radius:4px;font-size:2.2rem;padding-block:.5em;width:clamp(85px,26vw,150px)}.portfolio__head-info a:hover{color:#000;background-color:#fff}.portfolio__head-info p{font-size:5.6rem;font-family:var(--font-en);letter-spacing:.05em;margin-bottom:1rem}.portfolio__head-info h1{font-size:3.2rem}.portfolio__head-arrow{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.portfolio__head-arrow .btn-move{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100px;height:100px;z-index:3;display:flex;align-items:center;justify-content:center;text-decoration:none}.portfolio__head-arrow img{width:100px;height:auto;z-index:1}.portfolio__head-arrow .arrow-left{width:50px;height:2px;border-radius:9999px;background-color:#fff;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.portfolio__head-arrow .arrow-left::before,.portfolio__head-arrow .arrow-left::after{content:"";position:absolute;top:0;left:0;width:25px;height:2px;border-radius:9999px;background-color:#fff;transform-origin:left center}.portfolio__head-arrow .arrow-left::before{transform:rotate(45deg)}.portfolio__head-arrow .arrow-left::after{transform:rotate(-45deg)}@media screen and (max-width: 1023px){.portfolio__head-arrow{position:fixed;bottom:85px;right:35px;z-index:100;transform:rotate(90deg)}.portfolio__head-arrow .btn-move{width:50px;height:50px;background:#fff;border-radius:50%;box-shadow:5px 5px 5px #000}.portfolio__head-arrow .arrow-left{width:30px;height:4px;background-color:#000;border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.portfolio__head-arrow .arrow-left::before,.portfolio__head-arrow .arrow-left::after{content:"";position:absolute;width:15px;height:4px;background-color:#000;border-radius:9999px;top:0;left:0;transform-origin:left center}.portfolio__head-arrow .arrow-left::before{transform:rotate(45deg)}.portfolio__head-arrow .arrow-left::after{transform:rotate(-45deg)}}.portfolio__web-body{margin-top:32rem}@media screen and (max-width: 1023px){.portfolio__web-body{margin-top:2rem}}.portfolio__web-body ul{display:flex}.portfolio__web-body ul li:first-child a{padding-left:0}.portfolio__web-body ul li:last-child a{border-right:none}@media screen and (max-width: 1023px){.portfolio__web-body ul{flex-direction:column}}.portfolio__web-body li a{display:block;position:relative;padding-inline:4.5rem;border-right:1px solid #fff}.portfolio__web-body li a:hover .portfolio-img img{filter:brightness(50%);transform:scale(1.1)}.portfolio__web-body li a:hover .txt-hide{opacity:1}@media screen and (max-width: 1023px){.portfolio__web-body li a{padding-inline:0;border-right:none;padding-block:2rem;border-bottom:1px solid #fff}}.portfolio__web-body .portfolio-img{position:relative;overflow:hidden;box-shadow:5px 5px 5px #000;margin-bottom:4rem;width:450px}@media screen and (max-width: 1023px){.portfolio__web-body .portfolio-img{width:100%}}.portfolio__web-body .portfolio-img img{width:100%;transition:.3s}.portfolio__web-body .portfolio-img .txt-hide{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.6rem;color:#fff;z-index:15;opacity:0;transition:opacity .3s;pointer-events:none;display:flex;justify-content:center;align-items:center;text-align:center}.portfolio__web-body .info-box{display:flex;gap:1em;margin-bottom:2rem}.portfolio__web-body .company-name{font-size:2rem}.portfolio__web-body .category{color:#000;background-color:#fff;font-size:1.2rem;padding-block:.2em;width:120px;display:flex;align-items:center;justify-content:center;border-radius:100vh}.portfolio__web-body .work-info{font-size:1.6rem;line-height:1.5}.portfolio__flyer-body{margin-top:32rem}@media screen and (max-width: 1023px){.portfolio__flyer-body{margin-top:2rem}}.portfolio__flyer-body ul{display:flex}.portfolio__flyer-body ul .portfolio-inner:first-child{padding-left:0}.portfolio__flyer-body ul .portfolio-inner:last-child{border-right:none}@media screen and (max-width: 1023px){.portfolio__flyer-body ul{flex-direction:column}}.portfolio__flyer-body .portfolio-inner{display:grid;grid-template-columns:250px 220px;gap:2.5em;position:relative;padding-inline:4.5rem;border-right:1px solid #fff;cursor:pointer}@media screen and (max-width: 1023px){.portfolio__flyer-body .portfolio-inner{grid-template-columns:100%;padding-inline:0;border-right:none;padding-block:3rem 2rem;border-bottom:1px solid #fff}}.portfolio__flyer-body .portfolio-inner:hover .portfolio-img img{filter:brightness(50%);transform:scale(1.1)}.portfolio__flyer-body .portfolio-inner:hover .txt-hide{opacity:1}.portfolio__flyer-body .portfolio-img{position:relative;overflow:hidden;box-shadow:5px 5px 5px #000}@media screen and (max-width: 1023px){.portfolio__flyer-body .portfolio-img{width:100%}}.portfolio__flyer-body .portfolio-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:.3s}.portfolio__flyer-body .portfolio-img .txt-hide{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.6rem;color:#fff;z-index:15;opacity:0;transition:opacity .3s;pointer-events:none;display:flex;justify-content:center;align-items:center;text-align:center}.portfolio__flyer-body .category{color:#000;background-color:#fff;font-size:1.2rem;padding-block:.2em;width:120px;display:flex;align-items:center;justify-content:center;border-radius:100vh;margin-bottom:1rem}.portfolio__flyer-body .company-name{font-size:2rem;margin-bottom:1.5rem}.portfolio__flyer-body .work-info{font-size:1.6rem;line-height:1.5;margin-bottom:1rem}.portfolio__banner-body{margin-top:32rem;margin-right:4.5rem}@media screen and (max-width: 1023px){.portfolio__banner-body{margin-top:2rem;margin-right:0;margin-bottom:4rem}}.portfolio__banner-body img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:all .2s}.portfolio__banner-body img:hover{scale:1.1}@media screen and (max-width: 1023px){.portfolio__banner-body img:hover{scale:1}}.portfolio__banner-body li{width:100%;height:100%}.portfolio__banner-body ul{height:350px;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:grid;gap:30px;grid-template-columns:auto;grid-template-rows:repeat(6, 1fr);grid-template-areas:"A B D E F G I K N P Q R S U W Y" "A B D E F G I K N P Q R S U W Y" "A B D E F G I L N P Q R S U W Y" "A C D E F H J L O P Q R T V X Z" "A C D E F H J M O P Q R T V X Z" "A C D E F H J M O P Q R T V X Z"}@media screen and (max-width: 1023px){.portfolio__banner-body ul{margin-inline:auto;width:min(100%,600px);height:auto;grid-template-rows:repeat(13, auto);grid-template-areas:"A A" "B C" "D D" "E F" "G G" "H H" "I J" "K K" "L L" "M M" "N N" "O O" "P P" "Q R" "S T" "U U" "V V" "W X" "Y Z"}}.portfolio__banner-body ul li:nth-child(1){grid-area:A}.portfolio__banner-body ul li:nth-child(2){grid-area:B}.portfolio__banner-body ul li:nth-child(3){grid-area:C}.portfolio__banner-body ul li:nth-child(4){grid-area:D}.portfolio__banner-body ul li:nth-child(5){grid-area:E}.portfolio__banner-body ul li:nth-child(6){grid-area:F}.portfolio__banner-body ul li:nth-child(7){grid-area:G}.portfolio__banner-body ul li:nth-child(8){grid-area:H}.portfolio__banner-body ul li:nth-child(9){grid-area:I}.portfolio__banner-body ul li:nth-child(10){grid-area:J}.portfolio__banner-body ul li:nth-child(11){grid-area:K}.portfolio__banner-body ul li:nth-child(12){grid-area:L}.portfolio__banner-body ul li:nth-child(13){grid-area:M}.portfolio__banner-body ul li:nth-child(14){grid-area:N}.portfolio__banner-body ul li:nth-child(15){grid-area:O}.portfolio__banner-body ul li:nth-child(16){grid-area:P}.portfolio__banner-body ul li:nth-child(17){grid-area:Q}.portfolio__banner-body ul li:nth-child(18){grid-area:R}.portfolio__banner-body ul li:nth-child(19){grid-area:S}.portfolio__banner-body ul li:nth-child(20){grid-area:T}.portfolio__banner-body ul li:nth-child(21){grid-area:U}.portfolio__banner-body ul li:nth-child(22){grid-area:V}.portfolio__banner-body ul li:nth-child(23){grid-area:W}.portfolio__banner-body ul li:nth-child(24){grid-area:X}.portfolio__banner-body ul li:nth-child(25){grid-area:Y}.portfolio__banner-body ul li:nth-child(26){grid-area:Z}.portfolio__scrollbar{position:fixed;font-family:var(--font-en);display:flex;align-items:center;right:0;margin-top:3.5rem}.portfolio__scrollbar p{font-size:1.6rem;letter-spacing:.1em;margin-right:1rem}@media screen and (max-width: 1023px){.portfolio__scrollbar p{font-size:1.6rem}}@-webkit-keyframes moveDot-right{0%{transform:translateX(0);opacity:1}100%{transform:translateX(300px);opacity:0}}@keyframes moveDot-right{0%{transform:translateX(0);opacity:1}100%{transform:translateX(300px);opacity:0}}.portfolio__scrollbar span{position:relative;background-color:#fff;display:inline-block;width:150px;height:1px}.portfolio__scrollbar span::before{content:"";position:absolute;top:-5px;width:10px;height:10px;background-color:#fff;border-radius:50%;-webkit-animation:moveDot-right 4s linear infinite;animation:moveDot-right 4s linear infinite}.portfolio .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center;z-index:9999}.portfolio .modal-content{position:relative;max-width:90%;max-height:90%;text-align:center}.portfolio #modal-img{width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}.portfolio .close-modal{font-size:2.2rem;position:absolute;bottom:-4.2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;color:#fff;cursor:pointer}.portfolio .close-modal span{margin-right:.2em}.portfolio .close-modal:hover{opacity:.8}.shutter{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1e1e1e;z-index:9999;-webkit-animation:byeShutter 2.6s forwards;animation:byeShutter 2.6s forwards}.shutter::before,.shutter::after{content:"";position:absolute;top:0;left:0;bottom:0;margin:auto}.shutter::before{background-color:red;width:0;height:1px;-webkit-animation:shutterOpen1 2.6s forwards;animation:shutterOpen1 2.6s forwards}.shutter::after{width:120%;height:0;margin-left:-10%;background-color:#d47070;-webkit-animation:shutterOpen2 2.6s forwards;animation:shutterOpen2 2.6s forwards}@-webkit-keyframes byeShutter{70%{opacity:1}100%{opacity:0;display:none;z-index:-1}}@keyframes byeShutter{70%{opacity:1}100%{opacity:0;display:none;z-index:-1}}@-webkit-keyframes shutterOpen1{0%{width:0;height:1px}50%{width:100%;height:1px}90%{width:100%;height:100%}100%{width:100%;height:100%}}@keyframes shutterOpen1{0%{width:0;height:1px}50%{width:100%;height:1px}90%{width:100%;height:100%}100%{width:100%;height:100%}}@-webkit-keyframes shutterOpen2{60%{width:120%;height:0;transform:rotate(5deg)}90%{width:120%;height:100%;transform:rotate(-5deg)}100%{width:120%;height:100%;transform:rotate(-5deg)}}@keyframes shutterOpen2{60%{width:120%;height:0;transform:rotate(5deg)}90%{width:120%;height:100%;transform:rotate(-5deg)}100%{width:120%;height:100%;transform:rotate(-5deg)}}@-webkit-keyframes contentScale{70%{transform:perspective(800px) scale(0.9) rotateX(15deg)}100%{transform:perspective(800px) scale(1) rotateX(0)}}@keyframes contentScale{70%{transform:perspective(800px) scale(0.9) rotateX(15deg)}100%{transform:perspective(800px) scale(1) rotateX(0)}}.modal-mask{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#000;opacity:0;pointer-events:none;z-index:99;transition:opacity .4s ease}.modal-mask.activated{opacity:.85;cursor:pointer}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:100;color:#fff;padding-left:8rem;pointer-events:none;opacity:0;transform:translate(-50%, -50%) scale(0.95);transition:opacity .4s ease,transform .4s ease}@media screen and (max-width: 1023px){.modal{padding-left:0}}.modal ul{display:flex;gap:30px}@media screen and (max-width: 1023px){.modal ul{flex-direction:column;gap:clamp(35px,7vw,55px)}}.modal__link{display:block;position:relative;background-image:url(/img/home/bg_hero.webp);background-repeat:no-repeat;background-size:cover;width:clamp(260px,23vw,320px);height:230px;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 0px #fff,0 0 60px #fff,0 0 10px #fff;border-radius:10px}.modal__link:hover{opacity:.8;box-shadow:none}@media screen and (max-width: 1023px){.modal__link{height:clamp(130px,28vw,180px)}}.modal__link--web{background-image:url(/img/web/bg_web.webp)}.modal__link--flyer{background-image:url(/img/flyer/bg_flyer.webp)}.modal__link--flyer img{box-shadow:5px 5px 5px #000}.modal__link--banner{background-image:url(/img/banner/bg_banner.webp)}.modal__link--banner img{box-shadow:5px 5px 5px #000}.modal img,.modal h3,.modal p{position:absolute;left:50%;transform:translateX(-50%)}.modal img{width:auto;height:200px;top:-50px}@media screen and (max-width: 1023px){.modal img{height:clamp(100px,20vw,160px)}}@media screen and (max-width: 767px){.modal img{top:-30px}}.modal h3{font-family:var(--font-en);font-size:2.6rem;letter-spacing:.1em;bottom:3.2rem}@media screen and (max-width: 767px){.modal h3{font-size:2.2rem}}.modal p{font-size:1.6rem;bottom:1.2rem}@media screen and (max-width: 767px){.modal p{font-size:1.4rem}}.modal__btn{position:absolute;bottom:-50px;display:flex;align-items:center;font-size:2.2rem;left:50%;padding-left:8rem;transform:translateX(-50%);cursor:pointer}.modal__btn:hover{opacity:.8}@media screen and (max-width: 1023px){.modal__btn{padding-left:0}}.modal__btn span{margin-right:.2em}.modal.activated{opacity:1;pointer-events:auto;transform:translate(-50%, -50%) scale(1)}.lang-fade{-webkit-animation:fadeSlide .5s ease;animation:fadeSlide .5s ease}@-webkit-keyframes fadeSlide{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=style.min.css.map */