@import url("https://use.typekit.net/ntk3kbq.css");body,html{height:100%;margin:0;padding:0;scroll-behavior:smooth}body{font-family:itc-avant-garde-gothic-pro,sans-serif;font-style:normal;font-weight:700}#loading{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}#count{color:#263238;font-size:14px;margin-bottom:60px}#line{background-color:#eceff1;bottom:50%;height:1px;left:0;position:absolute;-webkit-transform:translateY(50%);transform:translateY(50%);width:0%}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards}@-webkit-keyframes lineAnimation{0%{width:0%}to{width:100%}}@keyframes lineAnimation{0%{width:0%}to{width:100%}}#loading .animate-line{-webkit-animation:lineAnimation 3s ease-in-out;animation:lineAnimation 3s ease-in-out}#cursor{background-color:#eceff1;border-radius:50%;height:20px;mix-blend-mode:difference;opacity:0;position:fixed;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0.1s ease;transition:opacity 0.2s ease-in-out,-webkit-transform 0.1s ease;transition:opacity 0.2s ease-in-out,transform 0.1s ease;transition:opacity 0.2s ease-in-out,transform 0.1s ease,-webkit-transform 0.1s ease;pointer-events:none;width:20px;z-index:4000}@-webkit-keyframes fadeInCursor{0%{opacity:0}to{opacity:1}}@keyframes fadeInCursor{0%{opacity:0}to{opacity:1}}body.loaded #cursor{-webkit-animation:fadeInCursor 1s ease-out forwards;animation:fadeInCursor 1s ease-out forwards;-webkit-animation-delay:2s;animation-delay:2s}#nav-about,#nav-contact,#title{color:#eceff1;mix-blend-mode:difference;opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;line-height:1}@-webkit-keyframes fadeInFromBottom{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInFromBottom{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInFromTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInFromTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}body.loaded #nav-about,body.loaded #title{-webkit-animation:fadeInFromTop 1s ease-out forwards;animation:fadeInFromTop 1s ease-out forwards;-webkit-animation-delay:2s;animation-delay:2s}body.loaded #nav-contact{-webkit-animation:fadeInFromBottom 1s ease-out forwards;animation:fadeInFromBottom 1s ease-out forwards;-webkit-animation-delay:2s;animation-delay:2s}#nav-about,#nav-contact,#scroll-icon,#scroll-text,#title{position:fixed;z-index:3000}#nav-about{font-size:14px;letter-spacing:0.2rem;right:60px;top:60px}#nav-contact{font-size:14px;letter-spacing:0.2rem;bottom:60px;right:60px}#nav-about a,#nav-contact a{color:inherit}#title{font-size:14px;letter-spacing:0.2rem;left:60px;top:60px}#text{color:#eceff1;font-size:72px;line-height:1;mix-blend-mode:difference;pointer-events:none;position:fixed;text-align:center;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1000}#text .letters{margin:1em 0}#text .letters span{display:inline-block;opacity:0;width:9%}@-webkit-keyframes fadeInText{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInText{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}body.loaded #text span{-webkit-animation:fadeInText 0.5s ease-out forwards;animation:fadeInText 0.5s ease-out forwards}body.loaded #text span:first-child{-webkit-animation-delay:0s;animation-delay:0s}body.loaded #text span:nth-child(2){-webkit-animation-delay:0.1s;animation-delay:0.1s}body.loaded #text span:nth-child(3){-webkit-animation-delay:0.2s;animation-delay:0.2s}body.loaded #text span:nth-child(4){-webkit-animation-delay:0.3s;animation-delay:0.3s}body.loaded #text span:nth-child(5){-webkit-animation-delay:0.4s;animation-delay:0.4s}body.loaded #text span:nth-child(6){-webkit-animation-delay:0.5s;animation-delay:0.5s}body.loaded #text span:nth-child(7){-webkit-animation-delay:0.6s;animation-delay:0.6s}body.loaded #text span:nth-child(8){-webkit-animation-delay:0.7s;animation-delay:0.7s}body.loaded #text span:nth-child(9){-webkit-animation-delay:0.8s;animation-delay:0.8s}body.loaded #text span:nth-child(10){-webkit-animation-delay:0.9s;animation-delay:0.9s}#scroll-text{bottom:60px;height:180px;left:60px;opacity:0;pointer-events:none;text-align:center;mix-blend-mode:difference;width:180px}#scroll-text>img:first-of-type{-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite;display:inline-block;height:auto;width:100%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes fadeInScroll{0%{opacity:0}to{opacity:1}}@keyframes fadeInScroll{0%{opacity:0}to{opacity:1}}body.loaded #scroll-text{-webkit-animation:fadeInScroll 1s ease-out forwards;animation:fadeInScroll 1s ease-out forwards;-webkit-animation-delay:2s;animation-delay:2s}#scroll-icon{bottom:60px;height:180px;left:60px;opacity:0;pointer-events:none;text-align:center;width:180px}body.loaded #scroll-icon{-webkit-animation:fadeInScroll 1s ease-out forwards;animation:fadeInScroll 1s ease-out forwards;-webkit-animation-delay:2s;animation-delay:2s}#seagull{height:52px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:71px}#content{overflow-y:auto}#achievements{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:100vh;opacity:0;-webkit-transition:opacity 1.5s ease-in-out 2s;transition:opacity 1.5s ease-in-out 2s;overflow-y:auto}.achievement{position:relative;width:calc(100% - 20vw);max-width:100%;max-height:calc(100vh - 20vw)}.achievement a{pointer-events:none}.achievement img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;max-height:calc(100vh - 20vw);-webkit-transition:-webkit-transform 0.5s ease-out,-webkit-filter 0.5s ease-out;transition:-webkit-transform 0.5s ease-out,-webkit-filter 0.5s ease-out;transition:transform 0.5s ease-out,filter 0.5s ease-out;transition:transform 0.5s ease-out,filter 0.5s ease-out,-webkit-transform 0.5s ease-out,-webkit-filter 0.5s ease-out}.achievement.scrolling img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:blur(5px);filter:blur(5px)}@-webkit-keyframes fadeInAchievements{0%{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:scale(0.75) translateY(-10000px);transform:scale(0.75) translateY(-10000px)}to{-webkit-filter:blur(0);filter:blur(0);-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fadeInAchievements{0%{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:scale(0.75) translateY(-10000px);transform:scale(0.75) translateY(-10000px)}to{-webkit-filter:blur(0);filter:blur(0);-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}body.loaded #achievements{-webkit-animation:fadeInAchievements 3s cubic-bezier(0.8,-0.2,0.2,1.2) forwards;animation:fadeInAchievements 3s cubic-bezier(0.8,-0.2,0.2,1.2) forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s;opacity:1}.more-link{margin:120px 0;text-align:center}.more-link a{font-size:14px;letter-spacing:0.2rem;}#about,#contact{background-color:#000000;color:#eceff1}#about{padding-top:45vh;position:relative;text-align:center;z-index:2000}#about .section-title{font-size:72px;letter-spacing:2rem;line-height:1;margin-bottom:270px;margin-left:2rem;text-align:center}#about .section-title span{display:inline-block;opacity:0}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#about .section-title.animate span{-webkit-animation:slideUp 0.5s ease-out forwards;animation:slideUp 0.5s ease-out forwards}#about .section-title.animate span:first-child{-webkit-animation-delay:0s;animation-delay:0s}#about .section-title.animate span:nth-child(2){-webkit-animation-delay:0.1s;animation-delay:0.1s}#about .section-title.animate span:nth-child(3){-webkit-animation-delay:0.2s;animation-delay:0.2s}#about .section-title.animate span:nth-child(4){-webkit-animation-delay:0.3s;animation-delay:0.3s}#about .section-title.animate span:nth-child(5){-webkit-animation-delay:0.4s;animation-delay:0.4s}#about .sub-title{position:relative;font-size:20px;letter-spacing:0.5rem;line-height:1;margin:auto;margin-bottom:90px;margin-top:180px;text-align:center;text-indent:0.5rem;color:#eceff1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden}#about .sub-title .text{margin-left:0.5rem;opacity:0}#about .sub-title .highlight{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#eceff1;-webkit-transform:translate(-102%,0);transform:translate(-102%,0)}#about .sub-title.animate .text{opacity:1;-webkit-animation:fadeInSubTitle 1s cubic-bezier(0.5,0,0.1,1) forwards;animation:fadeInSubTitle 1s cubic-bezier(0.5,0,0.1,1) forwards}#about .sub-title.animate .highlight{-webkit-animation:highlightAnimation 1s cubic-bezier(0.5,0,0.1,1) forwards;animation:highlightAnimation 1s cubic-bezier(0.5,0,0.1,1) forwards}@-webkit-keyframes fadeInSubTitle{0%{opacity:0}20%{opacity:0}50%{opacity:1}}@keyframes fadeInSubTitle{0%{opacity:0}20%{opacity:0}50%{opacity:1}}@-webkit-keyframes highlightAnimation{0%{-webkit-transform:translate(-102%,0);transform:translate(-102%,0)}20%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}to{-webkit-transform:translate(102%,0);transform:translate(102%,0)}}@keyframes highlightAnimation{0%{-webkit-transform:translate(-102%,0);transform:translate(-102%,0)}20%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}to{-webkit-transform:translate(102%,0);transform:translate(102%,0)}}#about .profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:left;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#about #name{font-size:16px;letter-spacing:0.1rem;margin:0 auto 30px;opacity:0;text-align:center;-webkit-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out;width:calc(100% - 20vw)}#about #name.animate{opacity:1}#about .intro{letter-spacing:0.1rem;line-height:3;text-align:center;margin:0 auto;width:calc(100% - 20vw)}#about .intro-ja{opacity:0;-webkit-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out}#about .intro-en{font-size:12px;margin-top:30px;opacity:0;-webkit-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out}#about .hashtag{font-size:12px;letter-spacing:0.1rem;margin:30px auto 0;opacity:0;-webkit-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out;width:calc(100% - 20vw)}#about .hashtag.animate,#about .intro-en.animate,#about .intro-ja.animate{opacity:1}#about .services{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;margin:-15px auto 0;opacity:0;-webkit-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out;width:calc(100% - 20vw)}#about .services li{letter-spacing:0.1rem;margin-top:20px;text-align:center}#about .services-en{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;margin:30px auto 45px;opacity:0;text-align:center;-webkit-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out;width:calc(100% - 20vw)}#about .services-en li{letter-spacing:0.1rem;margin-top:20px}#about .services-en.animate,#about .services.animate{opacity:1}#contact{padding:45vh 0;position:relative;text-align:center;z-index:2000}#contact .section-title{font-size:72px;letter-spacing:2rem;line-height:1;margin-bottom:270px;margin-left:2rem;text-align:center}#contact .section-title span{display:inline-block;opacity:0}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#contact .section-title.animate span{-webkit-animation:slideUp 0.5s ease-out forwards;animation:slideUp 0.5s ease-out forwards}#contact .section-title.animate span:first-child{-webkit-animation-delay:0s;animation-delay:0s}#contact .section-title.animate span:nth-child(2){-webkit-animation-delay:0.1s;animation-delay:0.1s}#contact .section-title.animate span:nth-child(3){-webkit-animation-delay:0.2s;animation-delay:0.2s}#contact .section-title.animate span:nth-child(4){-webkit-animation-delay:0.3s;animation-delay:0.3s}#contact .section-title.animate span:nth-child(5){-webkit-animation-delay:0.4s;animation-delay:0.4s}#contact .section-title.animate span:nth-child(6){-webkit-animation-delay:0.5s;animation-delay:0.5s}#contact .section-title.animate span:nth-child(7){-webkit-animation-delay:0.6s;animation-delay:0.6s}#contact .message-ja{letter-spacing:0.1rem;line-height:3;text-align:center;margin:0 auto;width:calc(100% - 20vw);opacity:0;-webkit-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out}#contact .message-en{font-size:12px;letter-spacing:0.1rem;line-height:3;text-align:center;margin:30px auto 0;width:calc(100% - 20vw);opacity:0;-webkit-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out}#contact .message-en.animate,#contact .message-ja.animate{opacity:1}#contact .mailto-link{display:inline-block;position:relative;font-size:16px;letter-spacing:0.1rem;line-height:1;margin:auto;margin-top:60px;text-align:center;text-indent:0.1rem;color:#eceff1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden}#contact .mailto-link .text{margin-left:0.1rem;opacity:0}#contact .mailto-link .highlight{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#eceff1;-webkit-transform:translate(-102%,0);transform:translate(-102%,0)}#contact .mailto-link.animate .text{opacity:1;-webkit-animation:fadeInMailto 1s cubic-bezier(0.5,0,0.1,1) forwards;animation:fadeInMailto 1s cubic-bezier(0.5,0,0.1,1) forwards}#contact .mailto-link.animate .highlight{-webkit-animation:highlightAnimation 1s cubic-bezier(0.5,0,0.1,1) forwards;animation:highlightAnimation 1s cubic-bezier(0.5,0,0.1,1) forwards}@-webkit-keyframes fadeInMailto{0%{opacity:0}20%{opacity:0}50%{opacity:1}}@keyframes fadeInMailto{0%{opacity:0}20%{opacity:0}50%{opacity:1}}@media (max-width:768px){#count{font-size:12px}#nav-about,#nav-contact,#title{font-size:12px}#nav-about{right:40px;top:40px}#nav-contact{bottom:40px;right:40px}#title{left:40px;top:40px}#text{font-size:30px}#text .letters span{width:8.5%}#scroll-icon,#scroll-text{bottom:20px;height:126px;left:20px;width:126px}#seagull{zoom:0.7}.more-link{margin:40px 0}.more-link a{font-size:12px}#about .section-title{font-size:30px;letter-spacing:1rem;margin-bottom:180px;margin-left:1rem}#about .sub-title{font-size:18px;margin-bottom:60px;margin-top:120px}#about #name{font-size:14px}#about .intro-ja{font-size:12px}#about .intro-ja br{display:none}#about .intro-en{font-size:10px}#about .intro-en br{display:none}#about .hashtag{font-size:10px}#about .services{font-size:12px}#about .services-en{font-size:10px}#contact .section-title{font-size:30px;letter-spacing:1rem;margin-bottom:180px;margin-left:1rem}#contact .message-ja{font-size:12px}#contact .message-en{font-size:10px}#contact .mailto-link{font-size:14px}}@media (max-width:1024px){#cursor{display:none}}