@keyframes top-module-scss-module__saSg3G__scroll{0%{background-position:0}to{background-position:-2000px}}@media (min-width:768px){@keyframes top-module-scss-module__saSg3G__scroll{0%{background-position:0}to{background-position:-3000px}}}@keyframes top-module-scss-module__saSg3G__swing{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes top-module-scss-module__saSg3G__swing2{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (min-width:768px){.top-module-scss-module__saSg3G__topContainer{height:calc(100vh - 130px);min-height:930px;max-height:1810px}}@media (min-width:1024px){.top-module-scss-module__saSg3G__topContainer{height:calc(100vh - 150px)}}.top-module-scss-module__saSg3G__list{grid-template-columns:repeat(1,1fr);gap:10px;height:100%;display:grid;position:relative}@media (min-width:768px){.top-module-scss-module__saSg3G__list{display:block}}.top-module-scss-module__saSg3G__list li{background:#fff;border-radius:10px;width:100%;position:relative;overflow:hidden}@media (min-width:768px){.top-module-scss-module__saSg3G__list li{border-radius:20px;position:absolute}}.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg{width:100%;height:100%;position:absolute;top:0;left:0}.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg.top-module-scss-module__saSg3G__Link{transition:opacity .3s}.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg.top-module-scss-module__saSg3G__Link:hover{opacity:.6}.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg.top-module-scss-module__saSg3G__Link:hover .top-module-scss-module__saSg3G__ItemBox:before{background-image:url(../media/link-arrow_b.0s1jtxzcgncf_.svg)}.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg.top-module-scss-module__saSg3G__Link:hover .top-module-scss-module__saSg3G__ItemBox .top-module-scss-module__saSg3G__ItemImg{transform:scale(1.05)}.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg.top-module-scss-module__saSg3G__Link .top-module-scss-module__saSg3G__ItemBox:before{content:"";z-index:4;background-image:url(../media/link-arrow_w.0y0xc0j464fjs.svg);background-size:contain;width:70px;height:70px;position:absolute;bottom:20px;right:20px}@media (max-width:1023px){.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg.top-module-scss-module__saSg3G__Link .top-module-scss-module__saSg3G__ItemBox:before{width:40px;height:40px;bottom:10px;right:10px}}.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg .top-module-scss-module__saSg3G__ItemBox{z-index:3;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}@media (min-width:768px){.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg .top-module-scss-module__saSg3G__ItemBox{position:absolute;top:0;left:0}}.top-module-scss-module__saSg3G__list li .top-module-scss-module__saSg3G__ItemBg .top-module-scss-module__saSg3G__ItemImg{z-index:3;height:auto;transition:transform .3s;position:relative}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__works{height:calc(100vw - 20px)}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__works{width:calc(56.25% - 5px);height:calc(80% - 5px);top:calc(20% + 5px);left:0}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__works .top-module-scss-module__saSg3G__ItemBg{background-image:url(../media/bg_mesh.065qzk~nfzzp1.jpg);background-repeat:repeat;background-size:200px}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__works .top-module-scss-module__saSg3G__ItemBg .top-module-scss-module__saSg3G__ItemBox{padding-left:7.27273%}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__skills{min-height:170px}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__skills{width:calc(43.75% - 5px);height:calc(60% - 5px);top:calc(20% + 5px);right:0}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__skills .top-module-scss-module__saSg3G__ItemBg{background-color:#00b2ff}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__skills .top-module-scss-module__saSg3G__ItemBg:before{content:"";z-index:1;background-image:url(../media/bg_skill.0htl8c.km.bxk.svg);background-repeat:repeat-x;background-size:2000px;width:100%;height:100%;animation:30s linear infinite top-module-scss-module__saSg3G__scroll;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__skills .top-module-scss-module__saSg3G__ItemBg:before{background-size:3000px;height:53%}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__skills .top-module-scss-module__saSg3G__ItemBg .top-module-scss-module__saSg3G__ItemBox img{z-index:3;position:relative}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about{min-height:170px}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about{width:calc(68.75% - 5px);height:calc(20% - 5px);top:0;right:0}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg{background-color:#95c036}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg:before,.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg:after{content:"";z-index:1;background-repeat:no-repeat;background-size:contain;position:absolute}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg:before,.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg:after{margin:auto;top:0;bottom:0}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg:before{background-image:url(../media/about_left.0f_m6s11ct360.svg);width:max(32.8205vw,156px);height:max(23.0769vw,110px);animation:3s ease-in-out infinite top-module-scss-module__saSg3G__swing2;bottom:-3px;left:-19px}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg:before{background-position:0;background-size:calc(100% + 5px);width:40%;max-width:269px;height:100%;left:-5px}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg:after{background-image:url(../media/about_right.0t3bt-edsriik.svg);width:max(23.0769vw,113px);height:max(23.0769vw,110px);animation:3s ease-in-out infinite top-module-scss-module__saSg3G__swing;bottom:-3px;right:13px}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg:after{background-position:100%;background-size:contain;width:30%;max-width:189px;height:100%;right:30px}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg .top-module-scss-module__saSg3G__ItemBox picture{width:100%}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg .top-module-scss-module__saSg3G__ItemBox picture img{width:100%;max-width:290px;margin:auto}@media (min-width:1280px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__about .top-module-scss-module__saSg3G__ItemBg .top-module-scss-module__saSg3G__ItemBox picture img{max-width:782px}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__contact{min-height:170px}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__contact button{cursor:pointer;transition:opacity .3s}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__contact button:hover{opacity:.6}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__contact{width:calc(43.75% - 5px);height:calc(20% - 10px);top:calc(80% + 10px);right:0}}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__contact .top-module-scss-module__saSg3G__ItemBg{background-color:#999}.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__port{min-height:130px}@media (min-width:768px){.top-module-scss-module__saSg3G__list li.top-module-scss-module__saSg3G__port{width:calc(31.25% - 5px);height:calc(20% - 5px);top:0;left:0}}
.contactModal-module-scss-module__1kFE3W__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:auto}.contactModal-module-scss-module__1kFE3W__inner{grid-template-columns:100%;align-content:center;gap:30px;width:calc(100% - 40px);max-width:500px;min-height:100dvh;margin:0 auto;padding:40px 0;display:grid}.contactModal-module-scss-module__1kFE3W__modal{font-family:var(--font-noto),sans-serif;background:#f5f5f5;border-radius:20px;padding:90px 20px;position:relative}.contactModal-module-scss-module__1kFE3W__closeBtn{cursor:pointer;z-index:20;background:0 0;border:none;width:30px;height:30px;position:absolute;top:10px;right:10px}@media (min-width:768px){.contactModal-module-scss-module__1kFE3W__closeBtn{cursor:pointer;transition:opacity .3s}.contactModal-module-scss-module__1kFE3W__closeBtn:hover{opacity:.6}}@media (min-width:1280px){.contactModal-module-scss-module__1kFE3W__closeBtn{width:40px;height:40px;top:20px;right:20px}}.contactModal-module-scss-module__1kFE3W__closeBtn span{background:#0c0c0c;border-radius:2px;width:25px;height:4px;margin:auto;transition:all .1s;display:block;position:absolute;inset:0}@media (min-width:1280px){.contactModal-module-scss-module__1kFE3W__closeBtn span{width:30px}}.contactModal-module-scss-module__1kFE3W__closeBtn span:first-child{transform:rotate(-45deg)}.contactModal-module-scss-module__1kFE3W__closeBtn span:nth-child(2){transform:rotate(45deg)}.contactModal-module-scss-module__1kFE3W__mailText{color:#222;font-size:1.6rem}@media (min-width:768px){.contactModal-module-scss-module__1kFE3W__mailText{font-size:clamp(16px,1.5625vw,20px)}}.contactModal-module-scss-module__1kFE3W__mailLink{color:#222;border:2px solid #0c0c0c;border-radius:40px;justify-content:center;align-items:center;width:calc(100% - 60px);max-width:350px;height:50px;margin:20px auto 0;transition:background-color .5s,color .5s;display:flex;position:relative}@media (min-width:768px){.contactModal-module-scss-module__1kFE3W__mailLink{height:clamp(50px,4.6875vw,60px);margin-top:clamp(20px,2.34375vw,30px)}.contactModal-module-scss-module__1kFE3W__mailLink:hover{color:#f5f5f5;background-color:#0c0c0c}.contactModal-module-scss-module__1kFE3W__mailLink:hover span:before{background-color:#f5f5f5}}.contactModal-module-scss-module__1kFE3W__mailLink span{align-items:center;font-size:1.6rem;line-height:1;display:flex}@media (min-width:768px){.contactModal-module-scss-module__1kFE3W__mailLink span{font-size:clamp(16px,1.5625vw,20px)}}.contactModal-module-scss-module__1kFE3W__mailLink span:before{content:"";background-color:#0c0c0c;width:24px;height:24px;margin-top:3px;margin-right:5px;transition:background-color .5s;display:inline-block;-webkit-mask-image:url(../media/icon_mail.035q3y10rxny..svg);mask-image:url(../media/icon_mail.035q3y10rxny..svg);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (min-width:768px){.contactModal-module-scss-module__1kFE3W__mailLink span:before{width:clamp(24px,1.875vw,32px);height:clamp(24px,1.875vw,32px)}}