*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}body{color:#333;background:#fff;font-family:Noto Sans JP,sans-serif;font-size:16px;line-height:1.5}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:all .3s}[id]{scroll-margin-top:60px}@media (width>=768px){[id]{scroll-margin-top:90px}}.l-inner{width:100%;max-width:1100px;margin-inline:auto;padding-left:20px;padding-right:20px}.l-header{z-index:100;background:#ffffffb3;width:100vw;height:60px;padding:8px 0;position:fixed;top:0;left:0;box-shadow:0 2px 5px #0000001a}@media (width>=768px){.l-header{height:90px;padding:16px}}.l-header__container{justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.l-header__container{max-width:initial}}.l-header__logo{letter-spacing:.08em;font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.33;display:block}@media (width>=768px){.l-header__logo{font-size:1.5rem}}.l-header__logo a{transition:all .3s}.l-header__logo a:hover{color:#4a90e2;transition:all .3s}.l-header__nav{background:#f7f3f8e6;width:100%;padding-bottom:10px;transition:all .4s ease-in-out;position:absolute;top:60px;left:0;transform:translate(-100%)}@media (width>=768px){.l-header__nav{transform:initial;padding-bottom:initial;background:initial;top:initial;left:initial;width:fit-content;position:relative}}.l-header__nav.is-active{transition:all .5s ease-in-out;transform:translate(0)}.l-header__nav-title{color:#333;text-align:center;padding-top:20px;font-family:Libre Baskerville,serif;font-size:1.5rem;font-style:italic}@media (width>=768px){.l-header__nav-title{display:none}}.l-header__nav-title:before{content:"~";margin-right:10px;font-family:Libre Baskerville,serif;font-size:1.5rem;display:inline-block}.l-header__nav-title:after{content:"~";margin-left:10px;font-family:Libre Baskerville,serif;font-size:1.5rem;display:inline-block}.l-header__nav-lists{padding:0 50px;list-style:inside}@media (width>=768px){.l-header__nav-lists{padding:initial;flex-direction:row;column-gap:24px;list-style:none;display:flex}}.l-header__nav-list{color:#333;border-bottom:1px solid #333;padding:12px 10px 4px;font-family:Libre Baskerville,serif;font-size:1.25rem;position:relative}@media (width>=768px){.l-header__nav-list{text-shadow:0 2px 5px #0000001a;letter-spacing:.05em;color:#333;border-bottom:initial;padding:initial;font-size:1.5rem}}.l-header__nav-list>a{opacity:1;width:80%;padding:8px;transition:all .4s;display:inline-block}@media (width>=768px){.l-header__nav-list>a{padding:16px}}.l-header__nav-list>a:hover{opacity:.7;color:#4a90e2;cursor:pointer;transition:all .7s}.l-footer{background-color:#111;padding:24px}@media (width>=768px){.l-footer{padding:40px}}.l-footer__logo{letter-spacing:.08em;text-align:center;color:#fff;margin-top:vw(24);width:fit-content;margin:0 auto;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.33;display:block}@media (width>=768px){.l-footer__logo{font-size:2rem}}.l-footer__logo:hover{color:#4a90e2;transition:all .3s}.l-footer__copyright{text-align:center;color:#fff;width:100%;margin-top:16px;font-size:.75rem;line-height:1.5;display:inline-block}@media (width>=768px){.l-footer__copyright{margin-top:24px;font-size:1.125rem}}.l-grid{gap:24px;display:grid}.l-grid--3{grid-template-columns:1fr}@media (width>=768px){.l-grid--3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.l-grid--3{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.l-grid--3>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;max-width:400px}}@media (width>=1024px){.l-grid--3>:last-child:nth-child(odd){grid-column:initial}}.c-title{text-shadow:3px 3px 3px #a64a9729;letter-spacing:.08em;font-family:Libre Baskerville,serif;font-size:1.5rem;font-style:italic;font-weight:500;position:relative}@media (width<=767px){.c-title{text-align:left;border-bottom:1px solid #4a90e2;margin-left:calc(50% - 50vw);margin-right:55%;padding-left:calc(50% - 30vw)}}@media (width>=768px){.c-title{text-align:center;margin-bottom:40px;font-size:3rem}.c-title:after{content:"";background-color:#000;width:60px;height:1px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}}.c-button{text-align:center;color:#fff;background-color:#a64a97;border:1px solid #fff;border-radius:4px;width:fit-content;padding:16px 30px;font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:500;transition:opacity .3s;display:block;position:relative;overflow:hidden;box-shadow:2px 3px 6px #00000029}@media (width>=768px){.c-button{border-radius:16px;padding:32px 60px;font-size:1.5rem}}.c-button:hover{transition:all .5s}.c-button:hover:before{content:"";background-image:linear-gradient(100deg,#fff0 10%,#ffffff80 100%,#fff0 0%);width:40px;height:82%;animation:2s ease-in-out infinite shiny;position:absolute;top:-8%;left:-20%;transform:scale(2)rotate(20deg)}.c-button--link{background-color:#4a90e2e6;border-radius:4px;padding:16px 60px}@media (width>=768px){.c-button--link{padding:28px 80px}}@keyframes shiny{0%{opacity:0;transform:scale(0)rotate(25deg)}10%{opacity:1;transform:scale(1)rotate(25deg)}40%{opacity:.3;transform:scale(100)rotate(25deg)}to{opacity:0;transform:scale(100)rotate(25deg)}}.c-image{width:100%}.c-image img{width:100%;height:auto;display:block}.c-image--cover{aspect-ratio:4/3;overflow:hidden}.c-image--cover img{object-fit:cover;width:100%;height:100%}.c-image--contain{aspect-ratio:4/3}.c-image--contain img{object-fit:contain;width:100%}.c-image--radius img{border-radius:10px}.c-image--shadow img{box-shadow:0 10px 20px #0000001a}.c-image--zoom{overflow:hidden}.c-image--zoom img{transition:all .4s}.c-image--zoom:hover img{transform:scale(1.05)}.c-image--gray img{filter:grayscale()}.c-image--gray:hover img{filter:none}.c-image--circle img{border-radius:50%}.c-image--square{aspect-ratio:1}.c-image--video{aspect-ratio:16/9}.c-image--card{aspect-ratio:4/3}.c-image--portfolio{aspect-ratio:3/2}.c-section{padding:24px 0 40px}.c-section:nth-child(2n){background:#f7f3f8}@media (width>=768px){.c-section{padding:64px 0 96px}}.c-hamburger{cursor:pointer;width:40px;height:40px;display:block;position:relative}.c-hamburger__bar{background:#333;border-radius:2px;width:30px;height:2px;transition:all .4s;display:block;position:absolute;left:6px}.c-hamburger__bar:first-of-type{top:8px}.c-hamburger__bar:nth-of-type(2){top:15px}.c-hamburger__bar:nth-of-type(3){top:22px}.c-hamburger__text{letter-spacing:.12em;font-family:Libre Baskerville,serif;font-size:10px;font-style:italic;transition:all .4s;display:block;position:absolute;top:26px;left:6px}.c-hamburger.is-active .c-hamburger__bar:first-of-type{top:20px;transform:rotate(-45deg)}.c-hamburger.is-active .c-hamburger__bar:nth-of-type(2){opacity:0}.c-hamburger.is-active .c-hamburger__bar:nth-of-type(3){top:20px;transform:rotate(45deg)}.c-hamburger.is-active .c-hamburger__text{opacity:0;transition:all .4s}@media (width>=768px){.c-hamburger{display:none}}.c-tag{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}@media (width>=768px){.c-tag{gap:16px;max-width:600px}}.c-tag li{background:#eaeaea;border-radius:20px;padding:6px 12px;font-size:.75rem}@media (width>=768px){.c-tag li{font-size:1rem}}.p-fv{margin-top:60px;padding-bottom:64px}@media (width>=768px){.p-fv{background-image:linear-gradient(#fff,#f7f3f8 13%,#cfa7cd);min-height:80vh;margin-top:90px;padding-bottom:100px}.p-fv__inner{flex-direction:column;align-items:center;gap:clamp(40px,6vw,80px);max-width:1200px;margin-inline:auto;padding:60px 24px clamp(80px,10vw,140px);display:flex}}@media (width>=1024px){.p-fv__inner{flex-direction:row-reverse}}.p-fv__image{width:100%}@media (width>=1024px){.p-fv__image{max-width:700px}}.p-fv__catch-container{max-width:450px;margin-top:16px;padding:24px 16px 40px}@media (width>=768px){.p-fv__catch-container{max-width:800px;padding:24px 24px 0}}.p-fv__title{font-size:1.75rem;font-weight:700;line-height:1.4}@media (width>=768px){.p-fv__title{font-size:48px;line-height:1.4}}@media (width>=1024px){.p-fv__title{font-size:clamp(44px,4vw,48px)}}.p-fv__title-accent{background:linear-gradient(#0000 60%,#f2c94c 60%) 0 0/0% 100% no-repeat;transition:background-size .8s .6s}.p-fv__title-accent.is-active{background-size:100% 100%}.p-fv__text{color:#555;background-color:#f7f3f8;border:1px solid #707070;max-width:480px;margin-top:16px;padding:16px;font-size:1rem;box-shadow:0 2px 5px #0000001a}@media (width>=768px){.p-fv__text{max-width:initial;margin-top:40px;font-size:1.5rem}}.p-fv__skills{margin-top:24px}.p-fv__button-container{margin-inline:auto;width:fit-content;margin-top:40px}@media (width>=768px){.p-fv__button-container{margin-top:64px}}.p-service{background:#f7f3f8}.p-service__cards{gap:40px;margin-top:40px}.p-service__card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014}@media (width>=768px){.p-service__card{max-width:400px;margin-inline:auto;padding:32px 24px 38px}}.p-service__card-title{text-align:center;text-shadow:0 2px 8px #333;color:#fff;background:linear-gradient(135deg,#a64a97 0%,#c86fc9 100%);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;margin-inline:auto;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0000001a}@media (width>=768px){.p-service__card-title{text-shadow:0 2px 8px #333;color:#fff;border-radius:50%;width:254px;height:254px;font-size:1.5rem;font-weight:700;line-height:2;box-shadow:0 2px 5px #0000001a}}.p-service__card-title--secondary{background:linear-gradient(135deg,#4a90e2 0%,#3ec1d3 100%)}.p-service__card-title--thirdly{background:linear-gradient(135deg,#e06baa 0%,#f2c1e0 100%)}.p-service__card-text{color:#333;background:#f7f3f8;min-height:100px;margin-top:24px;padding:6px 10px 8px;font-size:.875rem;line-height:1.6;box-shadow:0 2px 5px #0000001a}@media (width>=768px){.p-service__card-text{min-height:240px;margin-top:40px;padding:16px 18px 20px;font-size:1.125rem}}.p-service__card-text p+p{margin-top:10px}.p-service__list{border-radius:8px;margin-top:16px;list-style:inside}@media (width>=768px){.p-service__list{margin-top:24px}}.p-service__list-item{font-size:.875rem}@media (width>=768px){.p-service__list-item{font-size:1rem}}.p-service__list-item+.p-service__list-item{margin-top:8px}.p-works{padding:clamp(80px,10vw,120px) 0;overflow:hidden}.p-works__inner{position:relative}.p-works__cards{flex-direction:column;gap:96px;margin-top:40px;margin-bottom:40px;display:flex;position:relative}@media (width>=768px){.p-works__cards{row-gap:150px;margin-top:64px;margin-bottom:64px}}.p-works__card{background:#fffffff2;padding:12px 16px 14px;position:relative;box-shadow:0 2px 5px #0000001a}@media (width>=768px){.p-works__card{flex-direction:row;padding:60px 40px 68px}.p-works__card:nth-child(odd) .p-works__card-inner{flex-direction:row-reverse}}.p-works__card-title{color:#4a90e2;font-size:1.5rem}@media (width>=768px){.p-works__card-title{font-size:2rem}}.p-works__card-inner{flex-direction:column;justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.p-works__card-inner{flex-direction:row;column-gap:40px}}.p-works__meta-container{padding:16px 0}.p-works__meta+.p-works__meta{margin-top:16px}.p-works__meta-title{font-size:1rem}@media (width>=768px){.p-works__meta-title{font-size:1.125rem}}.p-works__tag-lists{margin-top:8px}.p-works__card-image{border-radius:2px;margin-top:16px;box-shadow:0 2px 5px #0000001a}@media (width>=768px){.p-works__card-image{margin-top:40px;border-radius:4px;max-width:800px;margin-inline:auto}}.p-works__link{margin-inline:auto;margin-top:24px}@media (width>=768px){.p-works__link{margin-top:40px}}.p-works__card-contents{background-color:#fff;border:1px solid #707070;border-radius:4px;margin-top:40px;padding:22px 16px 24px;position:relative;box-shadow:0 2px 5px #0000001a}@media (width>=768px){.p-works__card-contents{margin-inline:auto;max-width:450px;margin-top:40px;padding:38px 42px 40px 48px}}.p-works__card-contents.is-active{opacity:1;filter:blur();transition:all 1.3s ease-in-out}.p-works__card-content+.p-works__card-content{margin-top:40px}.p-works__card-subtitle{letter-spacing:.06em;margin-left:8px;font-size:20px;font-weight:700}@media (width>=768px){.p-works__card-subtitle{margin-bottom:4px;margin-left:16px;font-size:24px;font-weight:700}}.p-works__card-text{letter-spacing:.03em;margin-top:8px;font-size:1rem;line-height:1.5}@media (width>=768px){.p-works__card-text{margin-top:16px;font-size:1.25rem}}.p-works__bg--primary{z-index:-1;opacity:0;background-color:#a64a97;width:100%;height:100%;display:block;position:absolute;top:5px;transform:translate(4px)}@media (width>=768px){.p-works__bg--primary{width:min(vwpc(1150), 1150px);height:min(vwpc(650), 650px);top:min(vwpc(20), 20px)}}.p-works__bg--primary.is-active{opacity:1;transition:all .7s .6s;transform:translate(4px)translateY(-4px)rotate(8deg)}.p-works__bg--secondary{z-index:-1;opacity:.7;background-color:#a64a97;width:100%;height:100%;display:block;position:absolute;top:5px;transform:translate(4px)}@media (width>=768px){.p-works__bg--secondary{width:min(vwpc(1130), 1130px);height:min(vwpc(639), 639px);top:0}}.p-works__bg--secondary.is-active{transition:all .5s .6s;transform:translate(8px)translateY(0)rotate(16deg)}.p-cta{background:#f7f3f8;padding:40px 16px}@media (width>=768px){.p-cta{padding:40px}}.p-cta__container{text-align:center;max-width:900px}.p-cta__text{font-size:1.125rem;line-height:1.5}@media (width>=768px){.p-cta__text{font-size:1.5rem;line-height:1.7}}.p-cta__button{margin-inline:auto;margin-top:24px}@media (width>=768px){.p-cta__button{margin-top:40px}}.p-cta__note{color:#666;margin-top:16px;font-size:1rem}@media (width>=768px){.p-cta__note{margin-top:24px}}.p-about__inner{padding-inline:32px;position:relative}.p-about__title{z-index:150}.p-about__card-container{margin-top:64px;position:relative;transform:translateY(0)}@media (width>=768px){.p-about__card-container{margin-inline:auto;max-width:800px;margin-top:96px}}.p-about__card-container.is-active{opacity:1;transition:all 2s ease-in-out;transform:translateY(0)}.p-about__card{background-color:#fff;border:1px solid #000;padding:26px 20px 40px 24px;box-shadow:5px 5px 12px #0000004d}@media (width>=768px){.p-about__card{padding:32px 48px 42px 80px}}.p-about__card-title{letter-spacing:.08em;margin-top:16px;margin-left:8px;font-size:1.125rem;font-weight:700}@media (width>=768px){.p-about__card-title{font-size:2rem}}.p-about__card-text{letter-spacing:.03em;text-align:left;margin-top:8px;font-size:1rem;line-height:1.5}.p-about__card-text:nth-child(2){margin-top:24px}@media (width>=768px){.p-about__card-text{font-size:1.5rem;line-height:1.5}}.p-about__bg--primary{z-index:-1;background-color:#4a90e2;width:100%;height:100%;display:block;position:absolute}.p-about__bg--primary.is-active{transition:all .7s .6s;transform:translate(-14px)translateY(-18px)rotate(-4deg)}@media (width>=768px){.p-about__bg--primary.is-active{transform:translate(-12px)translateY(-28px)rotate(-4deg)}}.p-about__bg--secondary{z-index:-1;opacity:.6;background-color:#4a90e2;width:100%;height:100%;display:block;position:absolute}.p-about__bg--secondary.is-active{transition:all .5s .6s;transform:translate(-30px)translateY(-32px)rotate(-8deg)}@media (width>=768px){.p-about__bg--secondary.is-active{transform:translate(-32px)translateY(-58px)rotate(-8deg)}}.p-contact{background-image:linear-gradient(#f7f3f8,#f7f3f8 13%,#cfa7cd)}.p-contact__title{text-shadow:3px 3px 3px #a64a9729;letter-spacing:.08em;text-align:right;text-align:center;margin-bottom:40px;font-family:Libre Baskerville,serif;font-size:1.5rem;font-style:italic;font-weight:500;position:relative}@media (width>=768px){.p-contact__title{font-size:3rem}}.p-contact__title:after{content:"";background-color:#000;width:60px;height:1px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.p-contact__catch{color:#333;background:#fff9;border:1px solid #333;padding:8px 12px 10px;box-shadow:5px 5px 12px #0000004d}@media (width>=768px){.p-contact__catch{margin-inline:auto;max-width:800px;margin-top:64px;padding:32px 32px 36px 66px;font-size:1.5rem;line-height:2;box-shadow:5px 5px 12px #0000004d}}.p-contact__button{margin:40px auto 0}@media (width>=768px){.p-contact__button{margin-top:64px}}.u-mt--sm{margin-top:16px}@media (width>=768px){.u-mt--sm{margin-top:20px}}.u-mt--md{margin-top:20px}@media (width>=768px){.u-mt--md{margin-top:24px}}.u-mt--lg{margin-top:24px}@media (width>=768px){.u-mt--lg{margin-top:32px}}.u-mb--sm{margin-top:16px}@media (width>=768px){.u-mb--sm{margin-top:20px}}.u-mb--md{margin-top:20px}@media (width>=768px){.u-mb--md{margin-top:24px}}.u-mb--lg{margin-top:24px}@media (width>=768px){.u-mb--lg{margin-top:32px}}.u-text--center{text-align:center}.u-hidden,.u-sp__non-display{display:none}@media (width>=768px){.u-pc__non-display{display:none}}.js-animate{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(40px)}.js-animate.is-active{opacity:1;transform:none}.js-slide-up{transform:translateY(40px)}.js-slide-left{transform:translate(-40px)}.js-slide-right{transform:translate(40px)}.js-delay-1{transition-delay:.2s}.js-delay-2{transition-delay:.4s}.js-delay-3{transition-delay:.6s}