@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";
.index-module-scss-module__tbNv1a__iconLine{align-items:center;margin:10px;display:flex}.index-module-scss-module__tbNv1a__icon{margin-right:.5vw;font-size:3rem}.index-module-scss-module__tbNv1a__text{font-size:2rem}
.index-module-scss-module__6mORqW__icon{font-size:3rem}.index-module-scss-module__6mORqW__skilllist{margin-top:10px}.index-module-scss-module__6mORqW__skilllist h2{margin-top:20px;font-weight:700}.index-module-scss-module__6mORqW__skilllist div{flex-wrap:wrap;margin-left:20px;display:flex}@media screen and (max-width:800px){.index-module-scss-module__6mORqW__skilllist>div{display:block}}
.index-module-scss-module__CeWCOW__container{width:640px;height:360px;margin:20px;position:relative}.index-module-scss-module__CeWCOW__container:hover .index-module-scss-module__CeWCOW__img{animation:.2s ease-out both index-module-scss-module__CeWCOW__opacity}.index-module-scss-module__CeWCOW__container:hover .index-module-scss-module__CeWCOW__title,.index-module-scss-module__CeWCOW__container:hover .index-module-scss-module__CeWCOW__content{opacity:1;transition:opacity .2s ease-out}.index-module-scss-module__CeWCOW__container img{object-fit:contain;background-color:#fff;width:100%;height:100%;animation:.2s ease-out both index-module-scss-module__CeWCOW__opacity-out;position:absolute;right:0}.index-module-scss-module__CeWCOW__title{text-align:center;opacity:0;width:100%;font-size:3rem;transition:opacity .2s ease-out;position:absolute;top:5%}.index-module-scss-module__CeWCOW__content{text-align:center;opacity:0;width:100%;font-size:2rem;transition:opacity .2s ease-out;position:absolute;top:40%}@keyframes index-module-scss-module__CeWCOW__opacity{0%{opacity:1}to{opacity:.2}}@keyframes index-module-scss-module__CeWCOW__opacity-out{0%{opacity:.2}to{opacity:1}}@keyframes index-module-scss-module__CeWCOW__gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
.index-module-scss-module__ND6-VW__worklist{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:10px;display:flex}
.index-module-scss-module__LhyfTG__middle>h1:after{content:"";background-image:linear-gradient(45deg, var(--grad1), var(--grad2));background-size:400% 400%;border-radius:3px;width:100%;height:6px;animation:10s ease-in-out infinite index-module-scss-module__LhyfTG__gradient;position:absolute;bottom:0;left:0}.index-module-scss-module__LhyfTG__middle{margin:0 10%}.index-module-scss-module__LhyfTG__middle h1{padding:10px;position:relative}@keyframes index-module-scss-module__LhyfTG__gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
.page-module___8aEwW__background{z-index:0;position:relative}
.index-module-scss-module__Y2R5xG__top{width:100%;height:100vh}.index-module-scss-module__Y2R5xG__top h1{color:#fff;text-align:center;-webkit-text-stroke:3px #000;font-family:Yu Gothic,YuGothic;font-size:4rem;position:absolute;top:50%;left:0;right:0}.index-module-scss-module__Y2R5xG__canvas{position:absolute}.index-module-scss-module__Y2R5xG__arrow-1-down{--size:24px;--color:currentColor;--animation-timing-function:cubic-bezier(.85, 0, .15, 1);--animation-duration:2s;width:var(--size);height:var(--size);position:relative;top:90%;left:50%;overflow-y:hidden}.index-module-scss-module__Y2R5xG__arrow-1-down:before{content:"";background-color:var(--color);clip-path:polygon(0% 50%,50% 100%,100% 50%,75% 50%,75% 0%,25% 0%,25% 50%,0% 50%);animation:var(--animation-timing-function) var(--animation-duration) infinite index-module-scss-module__Y2R5xG__arrow-1-down-animation;position:absolute;inset:0;transform:translateY(-100%)}@keyframes index-module-scss-module__Y2R5xG__arrow-1-down-animation{0%{transform:translateY(-100%)}45%{transform:translateY(0%)}55%{transform:translateY(0%)}to{transform:translateY(100%)}}