@charset "uft-8";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:"YakuHanJP","Noto Sans JP","Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x:hidden;background-color:#F5E9CF;scroll-behavior:smooth;color:#3B3C38}#noise-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:.2;z-index:1}a{text-decoration:none;color:inherit}ul,li{list-style:none}button{all:unset;font:inherit;cursor:pointer}img{vertical-align:bottom}:root{--textcolor:#3B3C38;--btncolor:#D26F39;--maincolor:#F5E9CF;--accentcolor:#50747C}.l-container{max-width:1100px;margin:0 auto;padding:130px 15px;position:relative}.l-main{margin-top:100px}.l-header{position:fixed;top:0;left:0;width:100%;height:100px;background-color:var(--maincolor);box-shadow:0 1px 20px #00000025;z-index:3}.l-nav{height:100%}.l-nav__list{width:fit-content;height:100%;display:flex;align-items:center;gap:48px;margin:0 auto}.l-nav__item--link{padding:4px 0;position:relative;font-family:'Goblin One';font-size:14px}.l-nav__item--link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--textcolor);transform-origin:right top;transform:scale(0,1);transition:transform 0.5s ease}.l-nav__item--link:hover::after{transform-origin:left top;transform:scale(1,1)}.c-hamburgerMenu{display:none}.l-footer{width:100%;height:200px;background-color:#94ADA4;position:relative}.l-footer__inner{width:fit-content;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto;gap:36px}.c-button--contact{width:fit-content;display:inline-block;font-family:'Goblin One';font-size:32px;padding:20px 24px;text-align:center;margin:0 auto;background-color:var(--maincolor);transition:all 0.5s ease}.c-button--contact:hover{background-color:var(--textcolor);color:var(--maincolor);transition:all 0.5s ease}.p-footer__copyright{color:var(--maincolor);font-family:'Josefin Sans'}.p-section__header{display:flex;position:relative;padding:0 0 0 20px;z-index:2}.p-section__title{font-family:"Goblin One";color:var(--accentcolor);font-size:48px;margin-top:10px}.p-camera{position:relative}.p-camera__wheel.wheel-1{position:absolute;top:-10px;left:-30px;animation:spin 4s linear infinite}.p-camera__wheel.wheel-2{position:absolute;top:-25px;left:15px;animation:reversespin 4s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes reversespin{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}.c-button--block{width:fit-content;display:block;border:1px solid var(--btncolor);margin:24px auto}.c-button--block .c-button{display:block;padding:18px 30px;background-color:var(--btncolor);color:var(--maincolor);font-family:Goblin One;transform:translate(-5px,-5px);transition:transform 0.3s ease}.c-button:hover{transform:translate(0,0);transition:transform 0.3s ease}.slide-in{opacity:0;transform:translateX(-50px)}.slide-out{opacity:0;transform:translateX(50px)}.slide-in.appear,.slide-out.appear{opacity:1;transform:translateX(0);transition:all 1s ease-out}.slide-up{opacity:0;transform:translateY(10px)}.slide-up.appear{opacity:1;transform:translateY(0);transition:all 1s ease}.fade-in,.fade-in-soft{opacity:0}.fade-in.appear{opacity:1;transition:all 1.5s linear}.fade-in-soft.appear{opacity:.2;transition:all 1.5s linear}.p-hero{width:100%;height:calc(100vh - 100px);position:relative}.p-hero__mainvg-list{width:100%;height:100%;border:20px solid #272727;border-width:40px 0 40px 0;position:relative}.p-hero__mainvg-item{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;animation:fadeIn 21s infinite;overflow:hidden}.p-hero__mainvg-img{width:100%;height:100%;object-fit:cover}.p-hero__mainvg-item:nth-child(1){animation-delay:0s}.p-hero__mainvg-item:nth-child(2){animation-delay:7s}.p-hero__mainvg-item:nth-child(3){animation-delay:14s}@keyframes fadeIn{0%{opacity:0}15%{opacity:1}30%{opacity:1}45%{opacity:0}100%{opacity:0}}.p-hero__textwrapper{width:100%;padding:20px 10%;position:absolute;top:50%;left:0%;transform:translateY(-50%);color:var(--maincolor);z-index:2}.p-hero__main-text{font-family:'Goblin One';font-size:48px;margin-bottom:40px;letter-spacing:8px;transform:translateY(40px);opacity:0}.p-hero__main-text.fade-up{transform:translateX(0);opacity:1;transition:all 2s 1s ease-out}.p-hero__main-text-line{display:block}.p-hero__sub-text--jp,.p-hero__sub-text--en{font-size:14px;letter-spacing:4px;opacity:0;transform:translateY(40px)}.p-hero__sub-text--en{font-family:'Josefin Sans';margin-top:8px}.p-hero__sub-text--jp.fade-up{transform:translateX(0);opacity:1;transition:all 2s 1.5s ease-out}.p-hero__sub-text--en.fade-up{transform:translateX(0);opacity:1;transition:all 1.5s 2s ease-out}.p-works{z-index:2}.p-works__list-wrapper{width:100%;display:flex;gap:30px;flex-wrap:wrap}.p-works__list{width:calc((100% - (30px * 2)) / 3);margin-bottom:24px}.p-works__item{width:100%;height:225px;padding:8px;background-color:#FBF4E5;box-shadow:0 1px 10px #00000025;transition:all 0.5s ease}.p-works__thumb{width:100%;height:100%;overflow:hidden}.p-works__thumb-img{width:100%;height:100%;object-fit:contain;transition:all 0.5s ease}.p-works__link:hover .p-works__thumb-img{scale:1.1;opacity:.7;transition:all 0.5s ease}.p-works__content{margin-top:16px}.p-works__item-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:8px}.p-works__item-link{flex:1}.p-works__item-heading{font-weight:400;font-size:16px}.p-works__meta{display:flex;gap:4px}.p-works__category,.p-works__tag{display:inline;color:var(--accentcolor);font-family:'Josefin Sans';padding:2px;font-size:12px}.p-works__category{width:80px;border:1px solid var(--accentcolor);border-radius:30px;text-align:center}.p-works__description{font-size:14px}.p-category__block{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin:20px 0 40px;transition:all 0.3s ease}.p-category-title{font-family:'Josefin Sans'}.p-category__block .p-works__category:hover{background-color:var(--accentcolor);color:var(--maincolor);transition:all 0.3s ease}.p-category__block .p-works__category.is-active{background-color:var(--accentcolor);color:var(--maincolor)}.c-button--pagenation{display:flex;justify-content:center;gap:16px;margin:24px auto 0}.page-numbers{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;border:1px solid var(--btncolor);font-family:'Goblin One';color:var(--btncolor);transition:all 0.3s ease}.page-numbers:hover{background-color:var(--btncolor);color:var(--maincolor);transition:all 0.3s ease}.prev.page-numbers,.next.page-numbers{display:none}.page-numbers.current{background-color:var(--btncolor);color:var(--maincolor)}.p-works_single__wrapper{width:100%;max-width:1000px;z-index:2}.p-works_single__header{display:flex;align-items:center;gap:24px}.p-works_single__title{font-weight:400;font-size:24px}.p-works_single__detail{width:100%;margin-top:16px}.p-works_single__thumbnail{background-color:#FBF4E5;position:relative;text-align:center}.p-works_single__thumbnail-img{display:inline-block;width:auto;height:auto;max-width:100%}.p-works_single__thumbnail .c-button--block{position:absolute;bottom:0;right:5%}.c-button.c-button--mini{padding:15px;font-size:12px}.p-works_single__text-wrapper{width:100%;height:fit-content;margin:32px 0 56px;padding:64px 40px;background-color:#FBF4E5;box-shadow:0 1px 10px #00000025}.p-works__single-text{width:100%;display:flex;gap:32px;margin-bottom:48px}.p-works__single__title{width:15%;font-size:16px;color:var(--accentcolor)}.p-works__single__description{width:85%;font-size:15px;line-height:1.5rem;overflow-wrap:anywhere}.p-works__single__link:hover{opacity:.5}.c-button__icon{vertical-align:middle;margin-right:16px}.p-works_single__overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--maincolor);overflow-y:auto;opacity:0;transition:all 0.5s ease-out}.p-works_single__overlay--inner{width:100%;height:100%;margin:0 auto;padding:50px 0;display:flex;gap:20px;justify-content:center}.p-works_single__overlay.open{opacity:1;transition:all 0.5s ease-out;z-index:5}.p-works_single__overlay--image{max-width:500px;height:fit-content}.p-works_single__overlay--img{width:100%;height:100%}.p-works_single__btn--close{width:35px;height:35px;border:2px solid var(--btncolor);display:flex;justify-content:center;align-items:center}.c-works_single__btn__line1,.c-works_single__btn__line2{position:absolute;width:20px;height:2px;background-color:var(--btncolor)}.c-works_single__btn__line1{transform:rotate(45deg)}.c-works_single__btn__line2{transform:rotate(-45deg)}.no-scroll{overflow-y:hidden;height:100vh}.p-about__content{width:100%;height:fit-content;display:flex;justify-content:space-between;gap:8%}.p-about__imageBox{width:100%;max-height:350px;flex:1;border:20px solid #272727;border-width:20px 8px 20px 8px;overflow:hidden}.p-about--profile-image{width:100%;height:100%;object-fit:cover}.p-about__textBox{flex:1}.p-about__name{font-size:22px;font-family:'Josefin Sans';color:var(--accentcolor);font-weight:400}.p-about__name--en{margin-left:16px}.p-about__profileList{margin-left:24px}.p-about__profileTerm{margin-top:24px;position:relative}.p-about__profileDescription{font-size:15px;line-height:2rem}.p-about__profileTerm::before{content:'';width:12px;height:12px;background-color:var(--accentcolor);position:absolute;top:8px;left:-24px}.p-about__gallery{width:100%;height:293px;background-image:url(images/slide-back.jpg)}.swiper-wrapper{height:100%;align-items:center;transition-timing-function:linear!important}.swiper-slide{max-width:300px;max-height:200px;margin-right:20px;overflow:hidden}.swiper-slide img{max-width:100%;height:auto;object-fit:contain}.p-skill{width:100%;height:fit-content;padding:150px 0;margin:200px 0 0;background-image:url('images/About\ skill\ backimage.jpg');background-position:center;background-size:cover}.p-skill .p-section__header{max-width:1100px;margin:0 auto;padding:0 40px;display:flex;flex-direction:row-reverse}.p-skill .p-camera__base{transform:scaleX(-1);position:relative}.p-skill .p-camera__wheel.wheel-1{position:absolute;top:-25px;left:120px;animation:spin 4s linear infinite}.p-skill .p-camera__wheel.wheel-2{position:absolute;top:-10px;left:160px;animation:reversespin 4s linear infinite}.p-skill__content{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;gap:24px;justify-content:space-between;align-items:flex-start}.p-skill__itme{width:calc((100% - (24px * 2)) / 3);height:auto;min-height:300px;background-color:#fbf4e5c9;padding:40px 36px;text-align:center;z-index:2}.p-skill__itme:nth-of-type(3){padding:20px 36px 40px}.p-skill__title{text-align:center;font-family:'Josefin Sans';font-size:20px;color:var(--btncolor);margin-bottom:24px}.p-skill__subtitle{font-size:16px}.p-skill__icon{max-width:110px;height:auto;margin-bottom:24px}.p-skill__text{text-align:left;font-size:14px;margin-bottom:24px;line-height:1.5rem}.p-skill__tool{display:block;font-size:14px;text-align:left}.p-others{width:100%;min-height:500px;position:relative}.p-others__image{position:absolute;bottom:0;right:-50px}.p-others__text{width:50%;margin-top:50px;margin-left:20px;line-height:2rem}.p-contact{z-index:2}.p-contact .p-section__header{justify-content:center}.submit-icon{width:18px;margin-left:8px;vertical-align:top}.p-contact__lead{margin:64px 0 80px;text-align:center;line-height:30px}form.wpcf7-form{max-width:1000px;margin:0 auto}.p-contact__field{width:100%;display:flex;gap:24px;justify-content:space-between;margin-bottom:40px}.p-contact__label{display:block;flex:1;text-align:left;color:var(--accentcolor);font-weight:700}.wpcf7-form-control-wrap{width:80%}.p-contact__input,.wpcf7-form-control.p-contact__input{width:100%;min-height:50px;background-color:#FBF4E5;border:1px solid var(--accentcolor);padding:8px;box-sizing:border-box}.p-contact__textarea,.wpcf7-form-control.p-contact__textarea{width:100%;min-height:200px;background-color:#FBF4E5;border:1px solid var(--accentcolor);resize:none;padding:8px;box-sizing:border-box}.c-button--block{text-align:center;margin-top:40px}.c-button{background-color:var(--btncolor);color:var(--maincolor);padding:12px 24px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.c-button img.submit-icon{width:20px;height:20px}.wpcf7 form.invalid .wpcf7-response-output{border:2px solid #dc3232}.wpcf7 form.sent .wpcf7-response-output{border:2px solid var(--accentcolor)}.p-404{z-index:2}.p-404{width:100%;height:calc(100vh - 200px)}.p-404 .p-section__header{justify-content:center}.p-section__subtitle{font-size:30px;margin-left:16px}.p-404__leadWrapper{text-align:center;margin:50px 0}.p-404__lead--jp{margin-bottom:24px}.p-404__lead--bold{font-size:24px;font-weight:700;color:var(--accentcolor)}@media(max-width:1100px){.p-section__title{font-family:"Goblin One";color:var(--accentcolor);font-size:40px}.l-footer{height:180px}.l-footer__inner{gap:20px}.c-button--contact{font-size:24px}.p-hero__main-text{font-family:'Goblin One';font-size:32px;margin-bottom:30px;letter-spacing:8px}.p-works{max-width:800px}.p-works__list-wrapper{gap:20px}.p-works__list{width:calc((100% - 20px) / 2);margin-bottom:16px}.p-works__category,.p-works__tag{font-size:10px}.p-works__category{width:80px;border:1px solid var(--accentcolor);border-radius:30px;text-align:center}.p-works__single-text{display:block}.p-works__single__title{width:100%;margin-bottom:16px}.p-works__single__description{width:100%}.p-works_single__overlay--image{max-width:400px;height:fit-content}.p-skill__content{gap:16px}.p-skill__itme{width:calc((100% - (16px * 2)) / 3);padding:24px 16px;min-height:400px}.p-skill__itme:nth-of-type(3){padding:12px 16px 12px}.p-contact__field{display:block}.p-contact__label{margin-bottom:8px}@media(max-width:680px){.p-works__item-title{display:flex;flex-direction:column-reverse;margin-bottom:4px}.p-works_single__header{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:8px}.p-about,.p-others{max-width:500px}.p-skill .p-section__header{max-width:500px}.p-about__content{display:block}.p-about__textBox{flex:1;margin-top:24px}.p-skill__content{display:block}.p-skill__itme{width:80%;min-height:300px;margin:0 auto 24px}.p-others__text{width:80%}@media(max-width:430px){.p-section__title{font-family:"Goblin One";color:var(--accentcolor);font-size:30px;margin-top:5px}.p-camera{position:relative}.p-camera__base{width:100px;position:relative}.p-camera__wheel{width:30px}.p-camera__wheel.wheel-1{position:absolute;top:-5px;left:-20px;animation:spin 4s linear infinite}.p-camera__wheel.wheel-2{position:absolute;top:-15px;left:5px;animation:reversespin 4s linear infinite}.l-nav{display:none}.c-hamburgerMenu{width:100%;height:100%;display:block;font-family:'Goblin One'}.c-hamburger__btn--open{display:block;margin:30px 16px 0 auto;padding:8px 12px;border:1px solid var(--textcolor)}.c-hamburger__nav{width:100%;height:100vh;background-color:var(--maincolor);position:fixed;top:0;left:0;color:var(--textcolor);transform:translateY(-100%);transition:transform 0.3s ease}.c-hamburger__nav.open{transform:translateY(0%);transition:transform 0.3s ease}.c-hamburger__btn--close{width:35px;height:35px;border:1px solid var(--textcolor);position:fixed;top:30px;right:16px;display:flex;justify-content:center;align-items:center}.c-hamburgerMenu__line1,.c-hamburgerMenu__line2{position:absolute;width:20px;height:1px;background-color:var(--textcolor)}.c-hamburgerMenu__line1{transform:rotate(45deg)}.c-hamburgerMenu__line2{transform:rotate(-45deg)}.c-hamburger__lists{width:80%;margin:100px auto 0;text-align:center}.c-hamburger__list{margin-bottom:40px;opacity:0;transform:translateX(40px);transition:all 0.3s ease-in-out}.c-hamburger__list.slide{opacity:1;transform:translateX(0);transition:all 0.3s ease-in-out}.p-hero__textwrapper{width:100%;padding:20px 5%}.p-hero__sub-text--jp,.p-hero__sub-text--en{font-size:10px;letter-spacing:4px}.p-works__list-wrapper{display:block}.p-works__list{width:100%;margin-bottom:32px}.p-works_single__wrapper{padding:50px 15px}.p-works_single__title{font-size:20px;margin-bottom:10px}.p-works_single__text-wrapper{padding:48px 24px}.p-works_single__overlay--inner{width:100%;padding:16px;gap:16px}.p-works_single__overlay--image{max-width:230px;height:fit-content}.p-skill .p-camera__wheel.wheel-1{position:absolute;top:0;left:90px;animation:spin 4s linear infinite}.p-skill .p-camera__wheel.wheel-2{position:absolute;top:-10px;left:70px;animation:reversespin 4s linear infinite}.p-skill__itme{width:100%;min-height:300px;margin:0 auto 24px}.p-others__text{width:80%}.p-others .p-section__header{justify-content:center}.p-others__text{width:80%;margin:50px auto 0}}}}