.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.about__name-position{display:inline-block;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.about__name-position.visible{opacity:1;transform:translateY(0)}.about__profile{width:100%}.about__title{font-size:3.2vw;text-align:center;letter-spacing:.1em;margin:0 0 7.5vw}.about__name{font-size:2vw;letter-spacing:.1em;margin:1vw 0 7.5vw;position:relative}.about__name-position{font-size:1.1vw;letter-spacing:.1em;vertical-align:middle;position:absolute;right:0;line-height:3vw;border-left:1px solid #9c9c9b;color:#9c9c9b;font-weight:400;padding-left:2.5vw}.about__sentence{font-size:1.1vw;font-family:Yu Gothic,sans-serif;line-height:2.2em;text-align:justify;letter-spacing:.075em}@media screen and (max-width: 767px){.about__title{font-size:5.4vw}.about__name{font-size:3vw;letter-spacing:.05em;margin:1.5vw 0 14.5vw;display:flex;align-items:center}.about__name-position{letter-spacing:.1em;top:0%;line-height:4.5vw;font-size:2.1vw;padding-left:4vw}.about__sentence{font-size:2.9vw;letter-spacing:.1em}}@media (min-width: 768px){.line-break{display:block}}@media (max-width: 767px){.line-break{display:none}}.content__form{width:69.2vw;margin:0 auto}.contact_form_block{margin-bottom:4.25vw}.content .contact_form_input{display:block;width:96%;height:3.5vw;border:none;padding:2%;font-size:1.4vw}.contact_form_block label{display:block;margin-bottom:.7vw;font-size:1.3vw;letter-spacing:.1em;font-weight:600}input,select{vertical-align:middle}.content .contact_form_input--message{height:22.5vw}.content .contact_form_button:disabled{cursor:default;opacity:.5}.content .contact_form_button{width:18vw;height:5vw;line-height:5vw;display:block;color:#ecece7;font-size:1.1vw;background-color:#a28d69;letter-spacing:.1em;margin:7.5vw auto 0;text-align:center;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;border:none}.content .contact_form_button:not(:disabled){opacity:1}.contact_form_input:focus{outline:none}@media screen and (max-width: 767px){.content__form{width:86vw}.contact_form{padding-bottom:27vw}.contact_form_block label{font-size:3.2vw;margin-bottom:2vw}.content .contact_form_input{width:calc(100vw / var(--viewport)* 580);height:14.7vw;font-size:16px;padding-top:calc(100vw / var(--viewport)* 10);padding-bottom:calc(100vw / var(--viewport)* 10);padding-left:calc(100vw / var(--viewport)* 32);padding-right:calc(100vw / var(--viewport)* 32)}.content .contact_form_block{margin-bottom:9.3vw}.content .contact_form_button{width:100%;height:18.5vw;line-height:18.5vw;margin:18.7vw auto 0;font-size:3.2vw;font-weight:700}}.works_listItem_eyecatch{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.works_listItem_eyecatch.visible{opacity:1;transform:translateY(0)}.works_listItem_textblock{transition:opacity 1s ease}.works_listItem_eyecatch.fadein,.works_listItem_eyecatch.scrollin{transition:opacity 1s ease,transform 1s ease}.works_title{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.works_title.visible{opacity:1;transform:translateY(0)}.works_list{width:72vw;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:5vw auto 0}.works_listItem{display:block;padding-bottom:7.5vw}.works_listItem_eyecatch{width:34vw}.works_listItem_textblock{padding:.8vw 0 0}.works_title{font-family:NotoSans SemiBold,sans-serif;font-size:1.3vw;letter-spacing:.05em;color:#a28d69;margin:0}@media screen and (max-width: 767px){.works_list{width:86vw;margin-bottom:13vw;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap;margin:5vw auto 7.5vw}.wrapper--top .main_works_listItem{padding-bottom:13vw}.works_listItem_eyecatch{width:100%}.works_listItem_textblock{padding:.7vw 0 0}.works_title{font-size:3.2vw}}@media screen and (min-width: 768px){.works_listItem img:hover{opacity:.8}}.footer{width:100vw;height:20vw;display:block;background-color:#191919;position:relative}.footer_inner{height:100%}.footer_inner_copy{color:#e5e5de;font-size:1.3vw;font-family:PT Sans Narrow,sans-serif;font-weight:700;letter-spacing:.5em;display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.footer-container{max-width:640px;width:100%;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.footer-icons{position:absolute;top:22%;left:50%;transform:translate(-50%);display:flex;justify-content:center}.footer-icon{width:1.5rem;height:1.5rem;margin:0 1rem;transition:opacity .3s;color:#e5e5de}.footer-icon:hover{opacity:.7}.footer-text{color:#fff;text-align:center;padding:1rem;font-size:14px}@media screen and (max-width: 767px){.footer{height:53vw}.footer_inner_copy{width:100vw;text-align:center;font-size:2.7vw}.footer-icon{width:calc(100vw / 750 * 38);height:calc(100vw / 750 * 38)}}:root{--viewport: 750}.scroll{position:fixed;left:50%;bottom:30px;transform:translate(-50%)}@media screen and (max-width: 767px){.scroll{position:absolute;bottom:calc(100vw / var(--viewport)* 30)}}.scroll-down5{width:2px;height:110px;background:transparent;animation:scrollDown5 1.5s ease infinite;border-radius:100%;margin:0 auto}.scroll-down5:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(transparent,#f5f5f5,transparent)}@keyframes scrollDown5{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.outer-menu{position:fixed;top:1vh;right:0;z-index:3}.outer-menu .menu.skip-animation>div{transition:none!important;transform:scale(0)!important}.outer-menu .menu.skip-animation>div>div{transition:none!important;opacity:0!important}.outer-menu .menu ul li a{color:#fefefe;text-decoration:none}.outer-menu .checkbox-toggle{position:absolute;top:0;right:0;z-index:4;cursor:pointer;width:12vw;height:10vw;opacity:0}.outer-menu .checkbox-toggle:checked+.hamburger>div{transform:rotate(135deg)}.outer-menu .checkbox-toggle:checked+.hamburger>div:before,.outer-menu .checkbox-toggle:checked+.hamburger>div:after{top:0;transform:rotate(90deg)}.outer-menu .checkbox-toggle:checked+.hamburger>div:after{opacity:0}.outer-menu .checkbox-toggle:checked~.menu{pointer-events:auto;visibility:visible}.outer-menu .checkbox-toggle:checked~.menu>div{transform:scale(1);transition-duration:.75s}.outer-menu .checkbox-toggle:checked~.menu>div>div{opacity:1;transition:opacity .3s ease .3s}.outer-menu .checkbox-toggle:checked:hover+.hamburger>div{transform:rotate(225deg)}.outer-menu .hamburger{position:absolute;top:0;right:0;z-index:3;width:8vw;height:8vw;padding:.5em 1em;border-radius:.12em 0 0 .12em;cursor:pointer;transition:box-shadow .4s ease;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.outer-menu .hamburger>div{position:relative;flex:none;width:100%;height:2px;background:#fefefe;transition:all .4s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #00000059,0 2px 4px #00000040}.outer-menu .hamburger>div:before,.outer-menu .hamburger>div:after{content:"";position:absolute;z-index:3;top:-10px;left:0;width:100%;height:2px;background:#fefefe;transition:all .4s ease;box-shadow:0 6px 12px #00000059,0 2px 4px #00000040}.outer-menu .hamburger>div:after{top:10px}.outer-menu .menu{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;visibility:hidden;overflow:hidden;backface-visibility:hidden;outline:1px solid transparent;display:flex;align-items:center;justify-content:center}.outer-menu .menu>div{width:300vw;height:300vw;color:#fefefe;background:transparent;border-radius:50%;transition:all .4s ease;flex:none;transform:scale(0);backface-visibility:hidden;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#292929}.outer-menu .menu>div>div{text-align:center;max-width:90vw;max-height:100vh;opacity:0;transition:opacity .4s ease;overflow-y:auto;flex:none;display:flex;align-items:center;justify-content:center}.outer-menu .menu>div>div>ul{list-style:none;padding:0 1em;margin:0;display:block;max-height:100vh}.outer-menu .menu>div>div>ul>li{padding:0;margin:1em;font-size:24px;display:block}.outer-menu .menu>div>div>ul>li>a{position:relative;display:inline;cursor:pointer;transition:color .4s ease;letter-spacing:.1em}.outer-menu .menu>div>div>ul>li>a:hover{color:#e5e5e5}.outer-menu .menu>div>div>ul>li>a:hover:after{width:100%;opacity:.7}.outer-menu .menu>div>div>ul>li>a:after{content:"";position:absolute;z-index:3;bottom:-.15em;left:0;width:0;height:2px;background:#e5e5e5;transition:width .4s ease}body{padding:0;margin:0;background-color:#ecece7;font-family:Montserrat,sans-serif}::-webkit-scrollbar{display:none}.content__title{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.content__title.visible{opacity:1;transform:translateY(0)}header{width:100vw;height:auto;padding:2.9vw 0 0 2.5vw;position:fixed;top:0;z-index:100}.header_inner{display:flex;align-items:center}.header_inner_list{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:5.5vw;line-height:4.5vw}.header_inner_listItem{margin-left:1.8vw}.link-fff,.link-gold{font-size:1.1vw;font-weight:600;letter-spacing:.1em}.link-fff{color:#fff}.link-gold{color:#a28d69}ul{list-style:none;padding:0;margin:0}ul li a{text-decoration:none}.content{width:100vw;display:flex;align-items:center;justify-content:center;background-color:#ecece7;padding:5.5vw 0}.content_inner{width:72vw;margin:0 auto}.content__title{font-size:3.2vw;text-align:center;letter-spacing:.1em;margin:0 0 7.5vw}.main-visual{position:relative;width:100%;height:100vh;background:linear-gradient(#0003,#0003),url(/assets/photo-DvYQ86Ix.png);background-attachment:fixed;background-size:cover;background-position:center}.main-visual__title{margin:0;position:fixed;top:calc(50% - .5em);left:50%;transform:translate(-50%);width:100%;text-align:center;line-height:1;letter-spacing:.2em;font-size:2.25vw;color:#f9f9f9;z-index:1}.main-visual__subtitle{font-size:1.125vw;display:block;letter-spacing:.9em;padding-top:1.1em}@media screen and (max-width: 767px){.content{padding-top:25vw}.content_inner{width:86vw}.header{padding:7vw 0 0}.header_inner_listItem{margin-left:5.3vw}.header_inner_listItem a{font-size:2.7vw;line-height:10.5vw}.main-visual{background-position:calc(62% + 10vw) center;background-attachment:scroll}.main-visual__title{position:absolute;font-size:4.8vw;line-height:2em}.main-visual__subtitle{font-size:3vw;letter-spacing:.5em;line-height:2em}.content__title{font-size:5.4vw}}