:root{--design-main-color:#ffb6a0;--design-color:#FF5E2E;--design-bg-color:#FFF5F5;--design-gray-color:#FCAFB5;--coding-main-color:#adc7e2;--coding-bg-color:#F3FBFD;--coding-gray-color:#9BDAE8;--coding-color:#4DA4FF;--bg-color:#f4f4f4;--bg-dark-color:#edeae8;--base-color:#333;--black:#000;--gray:#a8a8a8;--border-color:#D3D3D3;--line-height:1.22222222222;--leading-trim:calc((1em - 1lh)/2);--line-space:(var(--line-height) - 1)/2;--is-support-lh:initial;--is-support-not-lh:"";--base-font-family:"Noto Sans JP", sans-serif;--en-font-family:"Sen", sans-serif;--frame-width:1366;--frame-width-px:calc(var(--frame-width) * 1px);--outer-width:1240;--outer-width-px:calc(var(--outer-width) * 1px);--inner-width:1176;--inner-width-px:calc(var(--inner-width) * 1px);--inner-padding:32px;--outer-padding:63px;--vw:1vw;--vh:1vh;--slope-1px:clamp(0px, -.95663px + .2551vw, 1px);--header-height:60px;--ovall-radius:calc(1px / 0)}@media screen and (max-width:767px){:root{--outer-padding:30px;--inner-padding:16px}}:root{--button-animation:cubic-bezier(.455, .03, .515, .955)}:root{--logo:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><path fill-rule="evenodd" d="M44.9,76.9h-21.4c-8.8,0-16-7.2-16-16v-1.7c0-8.8,7.2-16,16-16h17.4c2.5,0,4.9-.6,7.1-1.7l41.3-20.4c10.6-5.2,23.1,2.5,23.1,14.3v.8c0,6.2-3.5,11.8-9.1,14.4l-51.5,24.6c-2.1,1-4.5,1.6-6.9,1.6h0ZM96.6,67.2l5.8,2.4c6,2.4,10,8.3,10,14.8h0c0,11.9-12.5,19.6-23.1,14.3l-34.6-17.3v-.2l29.1-13.7c4-1.9,8.6-2,12.8-.4h0Z"></path></svg>')}:root{--icon-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path fill='currentColor' fill-rule='evenodd' d='M6.61336 18.9111C6.37887 18.6766 6.24714 18.3585 6.24714 18.0268C6.24714 17.6951 6.37887 17.3771 6.61336 17.1425L12.8048 10.951L6.61336 4.75959C6.38552 4.52368 6.25944 4.20773 6.26229 3.87977C6.26514 3.55182 6.39669 3.2381 6.6286 3.00619C6.8605 2.77429 7.17422 2.64274 7.50218 2.63989C7.83013 2.63704 8.14609 2.76312 8.38199 2.99096L15.4578 10.0667C15.6922 10.3013 15.824 10.6194 15.824 10.951C15.824 11.2827 15.6922 11.6008 15.4578 11.8354L8.38199 18.9111C8.14743 19.1456 7.82934 19.2773 7.49767 19.2773C7.16601 19.2773 6.84792 19.1456 6.61336 18.9111Z'/></svg>")}.p-index-mv{display:flex;align-items:center;justify-content:center;width:100%;position:relative;padding-block:100px;border-bottom:1px solid var(--border-color)}.p-index-mv:before{content:"";width:100vw;transform:translate(-50%);left:50%;height:100%;position:absolute;z-index:-1;background:var(--bg-color);top:0}.p-index-mv__inner{width:100%;margin-inline:auto;display:flex;justify-content:center;align-items:flex-start;font-family:Sen,monospace;text-align:center;gap:1lh;flex-direction:column;margin-right:auto;margin-left:0;flex-wrap:wrap}@media screen and (max-width:767px){.p-index-mv__inner{flex-direction:column;justify-content:center}}.p-index-mv__item{display:flex;justify-content:center;align-items:baseline;letter-spacing:.05em;font-size:80px;gap:.25em;position:relative;background-clip:text;-webkit-background-clip:text;color:transparent;--y-0:99%;--c-0:hsla(13.894736842105251, 100%, 59%, 1);--x-0:0%;--y-1:94%;--c-1:hsla(210.56603773584914, 100%, 65%, 1);--x-1:46%;--x-2:89%;--y-2:8%;--c-2:hsla(289.85294117647055, 100%, 9%, 1);--x-3:89%;--y-3:8%;--c-3:hsla(206, 100%, 9%, 1);--x-4:93%;--c-4:hsla(236, 100%, 23%, 1);--y-4:95%;--y-5:8%;--c-5:hsla(0, 100%, 99%, 1);--x-5:89%;--y-6:8%;--x-6:89%;--c-6:hsla(55, 94%, 54%, 1);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1746 1746' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4),var(--c-4) var(--s-start-4),transparent var(--s-end-4)),radial-gradient(circle at var(--x-5) var(--y-5),var(--c-5) var(--s-start-5),transparent var(--s-end-5)),radial-gradient(circle at var(--x-6) var(--y-6),var(--c-6) var(--s-start-6),transparent var(--s-end-6));animation:hero-gradient-animation 10s linear infinite alternate;background-blend-mode:overlay,normal,normal,normal,normal,normal,normal,normal}@media screen and (max-width:767px){.p-index-mv__item{font-size:8vw}}.p-index-mv__item span{text-align:center;display:flex;align-items:center;justify-content:center;letter-spacing:0;position:relative;color:#bababa}@keyframes hero-gradient-animation{0%{--y-0:99%;--c-0:hsla(13.894736842105251, 100%, 59%, 1);--x-0:0%;--s-start-0:0%;--s-end-0:67%;--s-start-1:0%;--s-end-1:81%;--y-1:94%;--c-1:hsla(210.56603773584914, 100%, 65%, 1);--x-1:46%;--s-start-2:0%;--s-end-2:150%;--x-2:89%;--y-2:8%;--c-2:hsla(289.85294117647055, 100%, 9%, 1);--x-3:89%;--y-3:8%;--s-start-3:0%;--s-end-3:150%;--c-3:hsla(206, 100%, 9%, 1);--x-4:93%;--s-start-4:0%;--s-end-4:66%;--c-4:hsla(236, 100%, 23%, 1);--y-4:95%;--y-5:8%;--s-start-5:0%;--s-end-5:150%;--c-5:hsla(0, 100%, 99%, 1);--x-5:89%;--y-6:8%;--s-start-6:0%;--s-end-6:150%;--x-6:89%;--c-6:hsla(55, 94%, 54%, 1)}to{--y-0:88%;--c-0:hsla(13.894736842105267, 100%, 81%, 1);--x-0:98%;--s-start-0:17;--s-end-0:63;--s-start-1:17;--s-end-1:63;--y-1:41%;--c-1:hsla(210.56603773584905, 47%, 78%, 1);--x-1:1%;--s-start-2:17;--s-end-2:63;--x-2:94%;--y-2:15%;--c-2:hsla(304, 100%, 9%, 1);--x-3:18%;--y-3:20%;--s-start-3:17;--s-end-3:63;--c-3:hsla(206, 100%, 9%, 1);--x-4:66%;--s-start-4:17;--s-end-4:63;--c-4:hsla(236, 100%, 23%, 1);--y-4:65%;--y-5:11%;--s-start-5:17;--s-end-5:63;--c-5:hsla(0, 100%, 99%, 1);--x-5:23%;--y-6:52%;--s-start-6:17;--s-end-6:63;--x-6:11%;--c-6:hsla(55, 94%, 54%, 1)}}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:99%}@property --c-0{syntax:"<color>";inherits:false;initial-value:#ff5e2e}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:67%}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:81%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:94%}@property --c-1{syntax:"<color>";inherits:false;initial-value:#4da4ff}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:46%}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:150%}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:89%}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:8%}@property --c-2{syntax:"<color>";inherits:false;initial-value:#26002e}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:89%}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:8%}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:150%}@property --c-3{syntax:"<color>";inherits:false;initial-value:#001a2e}@property --x-4{syntax:"<percentage>";inherits:false;initial-value:93%}@property --s-start-4{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-4{syntax:"<percentage>";inherits:false;initial-value:66%}@property --c-4{syntax:"<color>";inherits:false;initial-value:#000875}@property --y-4{syntax:"<percentage>";inherits:false;initial-value:95%}@property --y-5{syntax:"<percentage>";inherits:false;initial-value:8%}@property --s-start-5{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-5{syntax:"<percentage>";inherits:false;initial-value:150%}@property --c-5{syntax:"<color>";inherits:false;initial-value:snow}@property --x-5{syntax:"<percentage>";inherits:false;initial-value:89%}@property --y-6{syntax:"<percentage>";inherits:false;initial-value:8%}@property --s-start-6{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-6{syntax:"<percentage>";inherits:false;initial-value:150%}@property --x-6{syntax:"<percentage>";inherits:false;initial-value:89%}@property --c-6{syntax:"<color>";inherits:false;initial-value:#f8e61b}.p-index-work{padding-block-start:8rem;position:relative}.p-index-work__head{width:100%;margin-inline:auto;margin-bottom:calc(40px + var(--slope-1px)*20)}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}