@charset "UTF-8";*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}body{padding:30px;background:#fffcf9 url(/_astro/background.BEqOSpU8.jpg);background-size:300px 300px;background-repeat:repeat;font-family:Noto Sans JP,sans-serif;font-weight:500;line-height:1.6}@media only screen and (max-width: 767px){body{padding:10px}}.elevator{padding:10px;position:fixed;bottom:10px;right:10px;z-index:10;border-radius:10px;background-color:#ffffff80;backdrop-filter:blur(1px)}.elevator li{padding:10px 20px;border-radius:10px;font-size:.875rem;cursor:pointer;transition:background .2s}.elevator li:not(:last-child){margin-bottom:10px}@media only screen and (min-width: 1201px){.elevator li:hover{background-color:#fbcc6ccc}}.elevator li.active{background-color:#fbcc6ccc}.outer{margin:0 auto;max-width:960px;width:100%}.outer .wrapper{padding:40px;position:relative}.outer .corner{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}.outer .corner span{position:absolute;width:20px;height:20px;background-color:#fbcc6c}.outer .corner span:before{position:absolute;top:0;left:0;background:#fffcf9 url(/_astro/background.BEqOSpU8.jpg);background-size:300px 300px;background-repeat:repeat;width:100%;height:100%;content:""}.outer .corner span:nth-child(1){top:0;left:0}.outer .corner span:nth-child(1):before{border-radius:500px 0 0}.outer .corner span:nth-child(2){top:0;right:0}.outer .corner span:nth-child(2):before{border-radius:0 500px 0 0}.outer .corner span:nth-child(3){bottom:0;left:0}.outer .corner span:nth-child(3):before{border-radius:0 0 0 500px}.outer .corner span:nth-child(4){bottom:0;right:0}.outer .corner span:nth-child(4):before{border-radius:0 0 500px}@media only screen and (max-width: 767px){.outer .wrapper{padding:20px}}.heading.active .title:before{max-width:400px;transition:max-width 1s .2s cubic-bezier(.22,1,.36,1)}.heading.active .title span{opacity:1;transition:opacity .4s}.heading .date{margin-bottom:10px;font-size:1.25rem;font-family:Pirata One,cursive;text-align:center;letter-spacing:10px}.heading .title{position:relative;z-index:1;font-size:6.25rem;line-height:1;font-family:Pirata One,cursive;text-align:center;letter-spacing:5px}.heading .title:before{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:-1;display:block;background-color:#fbcc6c;max-width:0;width:100%;height:30px;content:""}.heading .title span{opacity:0}@media only screen and (max-width: 767px){.heading.active .title:before{max-width:260px}.heading .date{font-size:1.125rem;letter-spacing:5px}.heading .title{font-size:3.75rem}.heading .title:before{height:20px}}.intro.active .shot:before{opacity:.15;transition:opacity .4s}.intro.active .text{opacity:1;transition:opacity .4s}.intro .container{display:flex;align-items:flex-start;gap:40px}.intro .container a,.intro .container span{display:flex}.intro .shot{position:relative;flex-shrink:0;border:4px solid #FBCC6C;border-radius:15px;aspect-ratio:200/250;max-width:220px;width:100%}@media only screen and (min-width: 1201px){.intro .shot:hover .emoji .👍{opacity:1;transform:rotate(-15deg) translateZ(0)}.intro .shot:hover .emoji .☀️{opacity:1;transform:translateZ(0)}}.intro .shot:before{position:absolute;top:0;left:0;z-index:1;display:block;background-color:#fbcc6c;width:100%;height:100%;content:""}.intro .shot img{border-radius:10px;display:block;width:100%;height:100%;object-fit:cover}.intro .emoji{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-family:emoji}.intro .emoji .👍{position:absolute;bottom:5%;left:-10%;transform:rotate(15deg) translate3d(15px,15px,0);font-size:2.375rem;opacity:0;transition:opacity .4s,transform .4s}.intro .emoji .☀️{position:absolute;top:5%;right:-7%;font-size:2rem;transform:translate3d(10px,-10px,0);opacity:0;transition:opacity .4s,transform .4s}.intro .text{opacity:0}.intro .text span{font-size:.875rem}@media only screen and (max-width: 767px){.intro .container{display:block}.intro .shot{margin-bottom:20px;margin-right:20px;float:left;max-width:160px}.intro .text{font-size:.875rem}}.skill.active .group{opacity:1;transform:translateZ(0);transition:opacity .6s,transform .6s}.skill.active .group:nth-child(2){transition-delay:.2s}.skill.active .group:nth-child(3){transition-delay:.4s}.skill .container{display:flex;gap:20px}.skill .group{opacity:0;transform:translate3d(0,10px,0);width:calc((100% - 40px) / 3)}.skill .title{padding:0 10px;display:inline-block;background-color:#fbcc6c80;font-size:1.25rem;font-family:"Noto Serif JP",serif;font-weight:700}.skill .dep{margin-top:10px;font-size:.875rem}.skill ul{margin-top:10px}.skill li{display:flex;align-items:center}.skill li:before{margin-right:8px;display:block;border-radius:500px;background-color:#fbcc6c;width:4px;height:4px;content:""}@media only screen and (max-width: 767px){.skill .container{flex-direction:column}.skill .group{width:100%}.skill .title{font-size:1.125rem}.skill ul{font-size:.875rem}}.works.active .tip span:before{transform:translate3d(-15px,-5px,0) scale(1);transition:transform .8s}.works.active .head:before{width:100%;transition:width .6s .4s}.works.active .head .type:after{height:100%;transition:height .6s .2s}.works.active .title,.works.active .photo,.works.active .content{opacity:1;transform:translateZ(0);transition:opacity .8s,transform .8s}.works.active .title{transition-delay:.6s}.works.active .photo{transition-delay:.7s}.works.active .content{transition-delay:.8s}.works .tip{margin-bottom:30px;font-size:1.5rem;font-family:"Noto Serif JP",serif;text-align:center}.works .tip span{position:relative;z-index:1;display:inline-block}.works .tip span:before{position:absolute;top:0;left:0;transform:translate3d(-15px,-5px,0) scale(0);z-index:-1;display:block;border-radius:500px;background-color:#fbcc6c;width:30px;height:30px;content:""}.works ul{display:flex;gap:40px;flex-wrap:wrap;counter-reset:li}.works li{width:calc((100% - 40px)/2);counter-increment:li}.works li:nth-child(2n) .group{flex-direction:row-reverse}.works .head{margin-bottom:20px;padding:10px 0;position:relative;display:flex;align-items:center}.works .head:before{position:absolute;bottom:0;left:0;display:block;background-color:#27222380;width:0;height:1px;content:""}.works .head span{width:50%}.works .head .type{position:relative;text-align:center}.works .head .type:after{position:absolute;top:0;right:0;display:block;background-color:#27222380;width:1px;height:0;content:""}.works .head .index:before{display:block;font-size:2rem;font-family:Concert One,cursive;line-height:1;text-align:center;content:"#" counter(li,decimal-leading-zero)}.works .title{margin-bottom:20px;font-size:1.5rem;font-family:"Noto Serif JP",serif;text-align:center;opacity:0;transform:translate3d(0,10px,0)}.works .photo{position:relative;display:block;flex-shrink:0;width:100%;aspect-ratio:16/9;opacity:0;transform:translate3d(0,10px,0)}.works .photo.contain img{object-fit:contain}.works .photo img{display:block;width:100%;height:100%;border-radius:10px;object-fit:cover;object-position:center top}.works .emoji{position:absolute;opacity:0;transition:opacity .4s}.works .emoji span{display:block;transform:translate3d(-50%,-50%,0)}.works .content{margin-top:20px;padding:0 10px;opacity:0;transform:translate3d(0,10px,0)}.works .dep{font-size:.875rem}.works .links{margin-top:20px;display:flex;align-items:center;gap:20px}.works .links a{display:flex;align-items:center;gap:8px}@media only screen and (max-width: 767px){.works li{width:100%}}.footer{margin-top:20px;font-size:.875rem;text-align:center}.footer .wrapper{padding-top:10px;background:url(/_astro/background_ground.BnR3slWv.png);background-size:cover;background-repeat:no-repeat;background-position:center 72%}.footer .container{display:flex;align-items:center;justify-content:center;flex-direction:column}.footer .to-top{display:inline-block;font-size:1.25rem;cursor:pointer}@media only screen and (max-width: 767px){.footer .wrapper{padding:10px 40px 40px}}html,body{margin:0;width:100%;height:100%}