:root{--page-padding:90px;--page-padding-mobile:45px;--max-width:1000px}body{color:#fff;background:#242628;line-height:1.5;margin:0}main{max-width:var(--max-width);margin:0 auto;padding-left:90px;padding-right:90px;padding-top:80px}@media(max-width:768px){main{padding-top:40px;padding-left:45px;padding-right:45px}}html,body{font-family:teachers,sans-serif}:lang(ja),:lang(ja-jp){font-family:sawarabi gothic,sans-serif}h1,h2,h3{font-family:alata,sans-serif!important;font-weight:400;font-style:normal}h1{font-size:64px}h2{font-size:37px}h3{font-size:24px}a{color:#eee;text-decoration:underline}body.home main{opacity:0;transition:opacity .5s ease}body.home main.visible{opacity:1}body:not(.home) main{opacity:1;transition:none}#loading{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:0 0;z-index:9999;max-width:100%;padding:3rem;box-sizing:border-box;pointer-events:auto}#loading.load-end{animation:fade-out .5s ease forwards}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}.loading-video{width:20rem;height:auto;object-fit:contain;width:100%;max-width:20rem}.home-title{font-size:clamp(64px,10vw,80px);margin-top:-10px;margin-bottom:5px;margin-left:0}.home-title-wrap{display:flex;align-items:center;gap:10px}.home-title-img{height:65px;margin-top:-3px}.hero-area{position:relative;width:100%;overflow:hidden}.hero-page-selector{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:10}.btn-page-hero{width:15px;height:15px;border:2px solid #c5c5c5;cursor:pointer;font-family:alata,sans-serif;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:50%}@media(max-width:768px){.hero-page-selector{flex-direction:column;gap:13px}.btn-page-hero{width:20px;height:20px}}.btn-page-hero.active{background:#e9e9e9;pointer-events:none}.hero-inner{position:relative;width:100%;aspect-ratio:16/9}.hero{width:100%;height:100%;object-fit:cover;border-radius:80px;opacity:1;transition:opacity .1s ease}.fade-out{opacity:0}.hero-mobile{display:none}@media(max-width:768px){.hero-inner{aspect-ratio:9/16}.hero-pc{display:none}.hero-mobile{display:block}}header{margin-bottom:1rem}.pinned-header{position:fixed;top:0;left:0;width:100%;height:65px;background-color:#4b4b4b;color:#fff;z-index:999;pointer-events:auto}@media(max-width:768px){.pinned-header{background-color:initial;pointer-events:none}}.header-inner{max-width:1200px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding-left:40px;padding-right:40px;column-gap:40px}@media(max-width:768px){.header-inner{justify-content:flex-end;padding-left:20px;padding-right:20px}}.header-left{display:flex;font-size:32px;letter-spacing:.05em;gap:2rem}@media(max-width:768px){.header-left{display:none}}.header-logo{font-family:alata,sans-serif;transition:transform .1s ease;text-decoration:none}.header-logo:hover{transform:scale(1.1)}.header-social-icons{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.header-social-icons a{display:inline-block;transition:transform .2s ease}.header-social-icons a:hover{transform:rotate(0)scale(1.2)}.header-social-icons svg{width:30px;height:30px;stroke-width:1.5}.header-right{position:relative;display:inline-block}.toggle-menu{display:none}.btn-menu{display:flex;align-items:center;gap:.8rem;font-size:18px;padding:3px 20px;border:1.5px solid #fff;background-color:#4b4b4b;color:#fff;cursor:pointer;transition:all .25s ease;letter-spacing:.05em}.text-menu{font-family:teachers,sans-serif;position:relative;top:1px}.btn-menu:hover{background-color:#fff;color:#000}.icon-menu{display:inline-block;text-align:right;position:relative;top:1px;left:5px;width:28px;height:28px}.icon-menu .icon-open,.icon-menu .icon-close{position:absolute;top:0;left:0;width:100%;height:100%}.icon-menu .icon-close{opacity:0;pointer-events:none}.toggle-menu:checked+.btn-menu .icon-open{opacity:0}.toggle-menu:checked+.btn-menu .icon-close{opacity:1}.btn-menu .icon-tabler-hand-finger .btn-menu .icon-tabler-cross{transform:translateY(-2px);stroke-width:1.5}.dropdown-menu{position:absolute;top:100%;left:0;min-width:100%;background-color:#000;border:2px solid #fff;border-top:none;box-sizing:border-box;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease;z-index:998}.toggle-menu:checked~.dropdown-menu{max-height:500px;opacity:1}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:6px 20px;color:#fff;text-decoration:none;font-family:teachers,sans-serif;font-size:16px;letter-spacing:.05em;border-top:1px solid #fff;background:#292929}.dropdown-menu a:hover{background-color:#fff;color:#000}@media(max-width:768px){.header-right,.btn-menu,.toggle-menu,.dropdown-menu{pointer-events:auto}}.pinned-footer{position:fixed;bottom:0;left:0;height:64px;background-color:initial;display:flex;justify-content:flex-start;width:100%;padding-left:1rem;pointer-events:none}.pinned-footer-inner{display:flex;align-items:center;gap:.6rem;position:relative;top:7px;padding:0 1.6rem;background-color:#4b4b4b;border-top-left-radius:20px;border-top-right-radius:20px;z-index:997;pointer-events:auto}@media(min-width:769px){.pinned-footer-inner{display:none}}.pinned-footer a{display:inline-block;transition:transform .2s ease;pointer-events:auto}.pinned-footer a:hover{transform:rotate(0)scale(1.2)}.pinned-footer svg{width:30px;height:30px;stroke-width:1.5}.footer-wrapper{background:0 0;padding:1rem 0;margin-top:3rem;border-top:3px solid #4b4b4b}.footer-text::before{content:attr(data-text);display:block;width:100%;text-align:center;font-family:teachers,sans-serif;font-size:18px;color:silver}@media(max-width:768px){.footer-text{margin-bottom:4.7rem}}.btn-to-top{display:none;position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;border:1.5px solid #fff;background-color:#4b4b4b;color:#fff;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;z-index:998;opacity:0;transition:opacity 1.5s ease;transform:none!important;pointer-events:auto}@media(max-width:768px){.btn-to-top{bottom:12px;right:12px;width:45px;height:45px}}.btn-to-top.visible{display:flex;opacity:1}.btn-to-top .icon-tabler-arrow-up{width:1.5em;height:1.5em;stroke-width:1.5;transform:translateY(-1px)}@media(hover:hover) and (pointer:fine){.btn-to-top:hover{background-color:#fff;color:#000}}.btn-to-top:active{background-color:#fff;color:#000}#contact{padding:32px 0}#contact .btn-wrapper{margin-top:0}.contact-wrapper{position:relative;width:100%;height:auto;overflow:hidden}.contact-image{position:relative;display:block;width:320px;margin:0 auto 0}@media(max-width:768px){.contact-image{width:clamp(200px,60vw,320px)}}.copy-success-msg,.copy-fallback-msg{font-size:14px;display:none}.copy-success-msg .success-ja,.copy-fallback-msg .fallback-ja{font-family:sawarabi gothic,sans-serif}.copy-success-msg .success-en,.copy-fallback-msg .fallback-en{font-family:teachers,sans-serif}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:min(.08vw,24px);justify-items:center}.work-card{display:block;padding:12px}@media(max-width:1024px){.works-grid{grid-template-columns:repeat(2,1fr);gap:min(.05vw,7px)}}@media(max-width:768px){.works-grid{grid-template-columns:repeat(1,1fr)}.work-card{width:100%;max-width:350px}}.work-card .thumb{width:100%;height:auto;display:block;border-radius:4px}.work-card .category-wrapper{text-align:right}.work-card .category{border:1px solid #888;border-radius:10px;margin-top:8px;font-size:12px;font-family:teachers,sans-serif;color:silver;display:inline-block;padding:0 10px;text-transform:uppercase}.work-single h3{text-align:center}.work-single .thumb{display:block;margin:0 auto;width:80%}.work-title .eng{font-family:alata,sans-serif}.work-title .jp{font-family:sawarabi gothic,sans-serif}.work-details{display:flex;justify-content:center;align-items:flex-start;margin-top:24px;gap:24px;font-size:16px;color:silver}.work-details .credit{width:30%}.work-details .description{width:45%}@media(max-width:768px){.work-details{font-size:14px;flex-direction:column;gap:25px;align-items:flex-start}.work-details .credit,.work-details .description{width:100%}}.media-wrapper{display:flex;justify-content:center;align-items:center;margin:2rem 0;flex-direction:column}.media-youtube{width:80%;max-width:1200px;aspect-ratio:16/9}.media-gif,.media-video,.media-image{width:auto;max-width:80%;height:auto;display:block;margin:0 auto}@media(max-width:768px){.media-youtube{width:100%}.media-gif,.media-video,.media-image{max-width:100%}}.post-nav{text-align:center;margin-top:40px}.nav-item{display:inline-block;font-family:teachers,sans-serif;font-size:17px;padding:12px 28px;border:2px solid #fff;color:#fff;text-decoration:none;transition:all .25s ease;letter-spacing:.05em;margin:30px;background-color:initial}.back-desktop{padding:20px 32px}.nav-item:hover{background-color:#fff;color:#000}@media(max-width:768px){.row-main{display:flex;justify-content:center;gap:24px}.nav-item{font-size:15px;padding:10px 20px;margin:0}.back-desktop{display:none}.back-mobile{margin-top:20px}.back-mobile a{padding:16px 32px}}@media(min-width:769px){.row-back{display:none}}.btn-wrapper{text-align:center;margin-top:40px;position:relative}.btn{display:inline-block;font-family:teachers,sans-serif;font-size:20px;padding:12px 64px;border:2px solid #fff;color:#fff;text-decoration:none;transition:all .25s ease;letter-spacing:.05em;margin:20px;background-color:initial}#contact::before,#contact::after{display:none!important}@media(hover:hover) and (pointer:fine){.btn:hover{background-color:#fff;color:#000}}.btn.viewmore{padding:16px 46px;padding-left:64px;display:inline-block}@media(max-width:768px){.btn.viewmore{padding:16px 28px;padding-right:20px}}.btn.copy_mail{appearance:none;-webkit-appearance:none;background-color:initial;border:2px solid #fff;color:#fff;padding:16px 32px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover) and (pointer:fine){.btn.copy_mail:hover{background-color:#fff;color:#000}}.btn.copy_mail:active{background-color:#fff;color:#000}.copy-fallback-msg{position:static;margin-top:12px}.btn.viewmore .feather-arrow-right{margin-left:8px;transform:translateY(-2px);vertical-align:middle;width:1.5em;height:1.5em;stroke-width:1.5}.btn.prev,.btn.next{padding:8px 32px}.btn.back{padding:12px 48px}.btn.disabled{opacity:.4;border-color:#aaa;color:#aaa;cursor:not-allowed;pointer-events:none}.btn.disabled:hover{background-color:initial;color:#aaa}.pagination{display:flex;justify-content:center;gap:8px;margin-top:2rem;list-style:none;padding:0}.pagination li{display:inline-block}.pagination a,.pagination span{justify-content:center;padding:4px 8px;text-decoration:none;color:#fff;background:0 0;border:none;transition:all .25s ease}.pagination .nav-link{font-family:teachers,sans-serif;font-size:18px}.pagination .number-link{font-family:alata,sans-serif;font-size:17px}.pagination .page-item.active a,.pagination .page-item.active span{color:#fff;background-color:#4d4d4d;padding:4px 12px}.pagination .page-item.prev,.pagination .page-item.next{margin:0 35px}.pagination .page-item.next a,.pagination .page-item.prev a{border:1px solid #fff;background-color:initial;padding:10px 20px}.pagination .page-item.disabled a,.pagination .page-item.disabled span{opacity:.4;pointer-events:none;border-color:#777}.pagination a:hover,.pagination span:hover{color:#000;background-color:#fff}.pagination .page-item.next a:hover,.pagination .page-item.prev a:hover{color:#000;background-color:#fff}@media(max-width:768px){.pagination{flex-direction:column;align-items:center;gap:16px}.pagination .nav-link{font-size:15px}.pagination .number-link{font-size:17px}.normal-row{display:none}.numbers-row{display:flex;gap:8px}.nav-row{display:flex;gap:20px;margin-top:10px}.pagination .page-item.prev,.pagination .page-item.next{margin:0}}@media(min-width:769px){.numbers-row,.nav-row{display:none}.normal-row{display:flex;gap:8px;align-items:center}}#profile{padding:32px 0}.profile-inner{display:flex;gap:5vw;align-items:center;padding:0 50px}.profile-image{flex:0 0 35%}.profile-image img{width:100%;height:auto;border-radius:50%;object-fit:cover;display:block}.profile-text{flex:1;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.profile-inner{flex-direction:column;padding:0;padding-bottom:20px;gap:0}.profile-image{width:60%;max-width:300px;min-width:200px}.profile-text{margin-left:0;margin-top:0}}.profile-text .profile-name{color:#fff;font-family:alata,sans-serif;font-size:32px;margin-bottom:1rem}.profile-text .profile-ja{color:silver;font-family:sawarabi gothic,sans-serif;font-size:15px;margin-bottom:1.5rem;line-height:1.7}.profile-text .profile-en{color:silver;font-family:teachers,sans-serif;font-size:17px;letter-spacing:.02em;line-height:1.6}.copy-fallback-msg{color:#fff;font-size:.9em;margin-top:8px;display:none}.copy-fallback-msg .fallback-ja{font-family:sawarabi gothic,sans-serif}.copy-fallback-msg .fallback-en{font-family:teachers,sans-serif;margin-top:4px}