@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=Permanent+Marker&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&family=Roboto:ital,wght@1,300&display=swap");@supports (-webkit-touch-callout:none){html{height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available}}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#302b27;background-color:#f5f3f5}}.fadeup-name{animation-name:fadeup;animation-duration:1s}.fadeup-logo{animation-name:fadeup;animation-duration:3s}.timeline{width:92%;max-width:940px;margin-right:auto;margin-left:auto;padding:1.5em;border-radius:150px 20px/100px 100px;border:8px solid #576ca8;z-index:100}.timeline-list{padding:0}.timeline-list-item{display:flex;line-height:1.5;font-size:16px}.timeline-list-item .date{width:35%;padding:0 0 0 1px;color:#302b27;font-family:Noto Sans JP,sans-serif;font-size:12px}.timeline-list-item .content{position:relative;width:70%;padding:0 0 10px 20px;border-left:2px solid #1b264f;font-size:16px;color:#302b27;font-family:Meiryo}.timeline-list-item .content:before{content:"";position:absolute;top:0;left:-10px;width:20px;height:20px;background-color:#576ca8;border-radius:10px;z-index:1}.title{font-family:Permanent Marker,cursive;font-size:30px}.fadeup-overall{animation-name:fadeup;animation-duration:2s}.fadeup-logo2{animation-name:fadeup2;animation-duration:5s}@keyframes fadeup2{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.profile{width:95%;max-width:940px;margin-right:auto;margin-left:auto;padding:2em;border-radius:100px 120px/100px 100px;border:8px solid #00916e;z-index:100}#card{background-color:#f7f7f7;height:auto;width:85%;margin:auto;border-radius:25px;padding-bottom:1px;box-shadow:3px 3px 8px #f5f5f5}h1{color:#1b264f;text-align:center;width:100%;background-color:#efefef;border-radius:25px 25px 0 0;color:#393b45;padding:30px 0;font-weight:400;margin:0;font-size:22px}.image-crop{display:block;position:relative;background-color:#e6ebee;width:180px;height:180px;margin:30px auto 0;overflow:hidden;border-radius:50%;box-shadow:2px 2px 3px #f5f5f5;z-index:30}#avatar{display:inline;height:230px;width:100%;z-index:10}#bio{display:block;margin:30px auto;width:80%;height:auto}#bio p{color:#1b264f;font-weight:lighter;font-family:Meiryo;font-size:15px;text-align:justify}#stats{flex-direction:row;height:auto;width:280px;justify-content:space-between;margin:0 auto;font-weight:500}#stats,.col{display:flex;align-items:center}.col{flex-direction:column;justify-content:center;width:auto}.stat{font-size:20px}.label,.stat{margin:0}#buttons{display:flex;margin:0 auto;justify-content:space-between;width:280px}button{display:block;position:relative;padding:10px 0;width:130px;margin:30px 0;border-radius:25px;border:none;font-size:20px;letter-spacing:.2px;font-weight:500;background-color:#4069e2;color:#e6ebee}button:hover{transform:scale(1.03);cursor:pointer;transition:all .2s ease-in-out}#msg{background-color:#e6ebee;color:#393b45}.Form{margin-top:80px;margin-left:auto;margin-right:auto;max-width:720px}@media screen and (max-width:480px){.Form{margin-top:40px}}.Form-Item{font-family:Meiryo;padding-top:24px;padding-bottom:24px;width:100%;display:flex;align-items:center}@media screen and (max-width:480px){.Form-Item{padding:16px 14px;flex-wrap:wrap}}.Form-Item-Label{width:100%;max-width:248px;letter-spacing:.05em;font-weight:700;font-size:18px}@media screen and (max-width:480px){.Form-Item-Label{max-width:inherit;display:flex;align-items:center;font-size:15px}}.Form-Item-Label.isMsg{margin-top:8px;margin-bottom:auto}@media screen and (max-width:480px){.Form-Item-Label.isMsg{margin-top:0}}.Form-Item-Label-Required{border-radius:6px;margin-right:8px;padding-top:8px;padding-bottom:8px;width:48px;display:inline-block;text-align:center;background:#545454;color:#fff;font-size:14px}@media screen and (max-width:480px){.Form-Item-Label-Required{border-radius:4px;padding-top:4px;padding-bottom:4px;width:32px;font-size:10px}}.Form-Item-Input{border:1px solid #ddd;border-radius:6px;margin-left:40px;padding-left:1em;padding-right:1em;height:48px;flex:1 1;width:100%;max-width:410px;background:#eaedf2;font-size:18px}@media screen and (max-width:480px){.Form-Item-Input{margin-left:0;margin-top:18px;height:40px;flex:inherit;font-size:15px}}.Form-Item-Textarea{border:1px solid #ddd;border-radius:6px;margin-left:40px;padding-left:1em;padding-right:1em;height:216px;flex:1 1;width:100%;max-width:410px;background:#eaedf2;font-size:18px}@media screen and (max-width:480px){.Form-Item-Textarea{margin-top:18px;margin-left:0;height:200px;flex:inherit;font-size:15px}}.Form-Btn{border-radius:6px;margin-top:32px;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:20px;width:280px;display:block;letter-spacing:.05em;background:#545454;color:#fff;font-weight:700;font-size:20px}@media screen and (max-width:480px){.Form-Btn{margin-top:24px;padding-top:8px;padding-bottom:8px;font-size:16px}.sample{position:relative;overflow:hidden;width:100%;height:300px;z-index:1;transform:rotate(180deg)}.sample:after,.sample:before{position:absolute;left:-40%;width:200%;height:200%;content:"";background-color:#3168dd;animation:wave 10s linear infinite}.sample:before{top:-150%;border-radius:50% 50%/50% 70%}.sample:after{top:-146%;border-radius:30% 70%/30% 50%;opacity:.2;animation-delay:s}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}.font-theme{font-family:"Noto Serif JP",serif}.h1-head{display:flex;align-items:center;justify-content:center;font-family:Permanent Marker,cursive;background-color:transparent}.h1-head:after,.h1-head:before{content:"";flex-grow:0.8;height:3px}.timeline2{width:90%;max-width:940px;margin-right:auto;margin-left:auto;padding:1.5em;border-radius:160px 200px/100px 200px;border:5px solid #c2c871;z-index:100}@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");.cards{list-style:none;white-space:nowrap;max-width:calc(var(--cover-size) * 6);overflow:scroll}.cards li{display:inline-block;width:var(--cover-size);aspect-ratio:1}.cards li img{width:100%;height:auto;-webkit-box-reflect:below .5em linear-gradient(transparent,rgba(0,0,0,.25))}.cards li{view-timeline-name:--li-in-and-out-of-view;view-timeline-axis:inline}@keyframes adjust-z-index{0%{z-index:1}50%{z-index:100}to{z-index:1}}@keyframes rotate-cover{0%{transform:translateX(-100%) rotateY(90deg)}to{transform:translateX(100%) rotateY(90deg)}}.cards li{animation:adjust-z-index linear both;animation-timeline:--li-in-and-out-of-view;perspective:40em}.cards li>img{animation:rotate-cover linear both;animation-timeline:--li-in-and-out-of-view}.test-div{color:#576ca8;position:fixed;bottom:50px;right:50px;z-index:1}.fadeup-button{font-family:Noto Sans JP;animation-name:fadeup;animation-duration:5s}@keyframes fadeup{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.lotate-logo{justify-content:"center";align-items:"center";height:"100vh";width:"100px"}.container{overflow:hidden;width:100%;height:100px}.scroll-parent{overflow:hidden;position:relative;width:270%;height:inherit}.scroll-child{display:flex;align-items:center;justify-content:space-around;position:absolute;width:100%;height:100%;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite}.scroll-child:first-child{animation-name:first}.scroll-child:nth-child(2){animation-name:second}@keyframes first{0%{left:0}to{left:-100%}}@keyframes second{0%{left:100%}to{left:0}}#page-top{position:fixed;right:3%;bottom:20px;height:50px;text-decoration:none;font-weight:700;transform:rotate(90deg);font-size:90%;line-height:1.5rem;color:#fff;padding:0 0 0 35px;border-top:1px solid;animation:flicker 1.5s linear infinite}#page-top:before{content:"";display:block;position:absolute;top:-1px;left:0;width:15px;border-top:1px solid;transform:rotate(35deg);transform-origin:left top}@keyframes flicker{0%,to{opacity:0}50%{opacity:1}}.profile-name{font-family:Roboto,sans-serif}@keyframes move{to{transform:translateX(calc(-100% + 100vw));left:0}}#sectionPin{height:500vh;overflow:visible;view-timeline-name:--section-pin-tl;view-timeline-axis:block}.pin-wrap-sticky{height:100vh;width:600vw;position:-webkit-sticky;position:sticky;top:0;width:100vw;overflow-x:hidden;color:#f7f4f0}.pin-wrap{height:90vh;width:250vmax;display:flex;margin:auto;will-change:transform;animation:move linear forwards;animation-timeline:--section-pin-tl;animation-range:contain 0 contain 100%}.scrolldown1{position:absolute;left:50%;bottom:10px;height:50px}.scrolldown1 span{position:absolute;left:-15px;top:-15px;font-size:.7rem;letter-spacing:.05em}.scrolldown1:after{content:"";position:absolute;top:0;width:1px;height:30px;background:#eee;animation:pathmove 1.4s ease-in-out infinite;opacity:0}.scrolldown2{position:absolute;left:50%;bottom:10px;height:50px}.scrolldown2 span{position:absolute;left:-15px;top:-15px;font-size:.7rem;letter-spacing:.05em}.scrolldown2:after{content:"";position:absolute;top:0;width:1px;height:30px;background:#000;animation:pathmove 1.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:30px;opacity:1}to{height:0;top:50px;opacity:0}}