.p-header.is-change .p-header__nav-link::after,.p-header.is-change .p-header__toggle span,.p-header.is-change .p-header__toggle::after,.p-header.is-change .p-header__toggle::before,.p-header__toggle[aria-expanded=true] span,.p-header__toggle[aria-expanded=true]::after,.p-header__toggle[aria-expanded=true]::before{background:#ebebeb}.p-header__nav,.p-works__filter{visibility:hidden;inset:0 0 auto 0}.p-about,.p-footer,.p-works__btn-wrap,.p-works__hgroup{text-align:center}*,::after,::before{box-sizing:border-box;min-width:0;margin:0;padding:0;border:0 solid;font:inherit}:focus,:focus:not(:focus-visible){outline:0}:focus-visible{outline:#0071e3 solid 2px;outline-offset:-2px}html{line-height:1;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}main{display:block}img,svg{width:100%;height:auto}menu,ul{list-style:none}a{display:inline-block;background-color:transparent;color:inherit;text-decoration:none}small{font-size:inherit}button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background:0 0;color:inherit;text-align:inherit;text-transform:inherit;vertical-align:middle}button,input,label{cursor:pointer}button:disabled{cursor:default}body{background:linear-gradient(180deg,transparent 333px,#222 410px),url(../img/bg-sp.avif) 0 0/100% 410px no-repeat;color:#222;font-style:normal;font-weight:700;font-size:15px;font-family:"Noto Sans JP",sans-serif}body.is-no-scroll{overflow:hidden}.l-inner{width:calc(61.905% + 108.571px);max-width:1000px;margin:0 auto}.p-header{z-index:6;position:sticky;top:0;left:0;height:75px;transition:background-color 220ms}.p-header.is-change{background:rgba(100,100,100,.7)}.p-header.is-change .p-header__logo svg{fill:#ebebeb}.p-header__inner{display:grid;grid:75px/1fr 88px;max-width:1016px;margin:0 auto}.p-header__logo{display:grid;place-items:center;width:72px;height:100%;padding:0 20px}.p-header__logo-svg--pc,.p-header__toggle[aria-expanded=true] span{display:none}.p-header__logo g{transition:fill 220ms}.p-header__nav{z-index:7;position:fixed;height:0;overflow-y:scroll;background:#575656;transition:height 220ms,visibility 220ms}.p-header__nav[aria-hidden=false]{visibility:visible;height:100%}.p-header__nav-list{padding:72px 0 84px}.p-header__nav-link,.p-header__nav-link--4{display:grid;align-items:center;height:47px;padding-left:48px;color:#ebebeb}.p-header__nav-link::after{position:absolute;right:8px;bottom:3px;left:8px;height:1px;transform:scale(0,1);background:#222;content:"";transition:transform 220ms}.p-header__toggle{z-index:8;position:relative;flex-shrink:0;aspect-ratio:1/1;width:100%;height:100%;transition:opacity 220ms}.p-header__toggle span,.p-header__toggle::after,.p-header__toggle::before{position:absolute;top:50%;left:50%;width:48px;height:1px;background:#222}.p-header__toggle::before{transform:translate(-50%,calc(-50% + 12.5px));content:""}.p-header__toggle span{transform:translate(-50%,-50%)}.p-header__toggle::after{transform:translate(-50%,calc(-50% - 12.5px));content:""}.p-header__toggle[aria-expanded=true]::before,.p-works__filter-close::before{transform:translate(-50%,-50%) rotate(45deg)}.p-header__toggle[aria-expanded=true]::after{transform:translate(-50%,-50%) rotate(-45deg)}.p-fv{padding-top:11px}.p-fv__heading{color:#fff;font-weight:900;font-size:14px}.p-card__column-wrap,.p-fv__title-wrap{margin-top:18px}.p-fv__title{width:292px}.p-fv__title svg{fill:#fff}.p-fv__desc-wrap{margin-top:22px}.p-fv__desc{color:#fff;font-size:12px;line-height:165%}.p-gallery{padding-top:54px}.p-gallery__cards-wrap{position:relative;overflow:hidden}.p-gallery__cards{display:flex;overflow-x:scroll;gap:24px;scroll-snap-type:x mandatory;scrollbar-width:none}.p-gallery__cards::-webkit-scrollbar{display:none}.p-gallery__cards .p-card{height:100%;scroll-snap-align:center}.p-gallery__btn--prev{left:0}.p-gallery__btn--next{right:0}.p-gallery__btn--next,.p-gallery__btn--prev{position:absolute;top:0;bottom:0}.p-gallery__linear-nav-wrap{margin-top:45px}.p-gallery__linear-nav{position:relative;width:51.282%;max-width:400px;height:2px;margin:0 auto;background:#fff}.p-gallery__linear-nav span{position:absolute;inset:0 auto 0 0;background:#9f28fb}.p-card{flex:none;width:312px;padding:30px 19px 26px;border-radius:25px;background:#ebebeb}.p-card__tags{display:flex;gap:5px}.p-card__tag{padding:7px 12px;border-radius:99px;color:#ebebeb;font-size:13px;transition:opacity 220ms}.p-card__desc,.p-card__subheading{color:#6b6b6b;font-weight:400}.p-card__img-wrap{margin-top:16px}.p-card__img{width:274px;height:185px}.p-card__column{display:grid;grid-template-columns:1fr 35.5px}.p-card__hgroup{display:flex;flex-direction:column;gap:12px}.p-card__btn{width:44px;height:44px;margin:-10px -8.5px 0 0;border-radius:50%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 9 8" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 6.8C2.3 4.9.9 3.7.9 2.4c0-.9.7-1.5 1.6-1.5.7 0 1.3.4 1.6 1h.8c.3-.6 1-1 1.6-1 1 0 1.6.6 1.6 1.5 0 1.3-1.4 2.5-3.6 4.4zm2-6.8c-.8 0-1.5.4-2 1-.5-.6-1.2-1-2-1C1 0 0 1 0 2.4c0 1.6 1.5 3 3.8 5l.7.6.7-.6C7.5 5.4 9 4 9 2.4 9 1.1 8 0 6.5 0z" fill="%236b6b6b"/></svg>') 50% 11px/27px auto no-repeat;transition:background-color 220ms}.p-card__btn:checked{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 9 8" xmlns="http://www.w3.org/2000/svg"><path fill="%23F47B82" d="M6.5 0c-.8 0-1.5.4-2 1-.5-.6-1.2-1-2-1C1 0 0 1.1 0 2.4c0 1.6 1.5 3 3.8 5l.7.6.7-.6C7.5 5.4 9 4 9 2.4 9 1.1 8 0 6.5 0Z"/></svg>')}.p-card__heading{font-size:18px}.p-card__dev-name,.p-card__links{font-size:14px}.p-card__info-wrap{margin-top:17px}.p-card__info{display:flex;flex-direction:column;gap:4px}.p-card__dev{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:4px}.p-card__dev-icon{width:30px;height:30px;border-radius:50%}.p-card__desc-wrap{margin-top:12px}.p-card__desc{line-height:25px}.p-card__links-wrap{margin-top:31px}.p-card__links{display:flex;justify-content:space-between}.p-card__link-view{padding-right:13px}.p-card__link-view::after{position:absolute;top:0;right:0;width:9px;height:9px;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg"><path d="M1 .096A.096.096 0 0 0 .905 0H.163a.096.096 0 0 0 0 .19h.512L.03.838a.095.095 0 0 0 .134.135L.81.326v.511a.096.096 0 0 0 .19 0z" fill="%23222"/></svg>') 50%/contain no-repeat;content:""}.p-card__link-more,.p-card__link-view{position:relative;padding-bottom:6px;transition:opacity 220ms}.p-card__link-more::before,.p-card__link-view::before{position:absolute;right:0;bottom:0;left:0;height:1px;background:#222;content:""}.p-outline{padding-top:87px}.p-outline__inner{display:grid;grid-template-columns:1fr;max-width:850px;gap:41px}.p-outline__heading{width:190.398px}.p-outline__body{display:flex;flex-direction:column;gap:18px;color:#ebebeb;line-height:28px}.p-works{padding:92px 0 70px}.p-works__inner{margin:0 auto}.p-works__heading svg{width:105px}.p-works__subheading-wrap{margin-top:13px}.p-works__subheading{color:#ebebeb;font-size:13px}.p-works__filter,.p-works__filter-open,.p-works__search{font-size:16px;color:#ebebeb}.p-works__menu-wrap{margin-top:48px}.p-works__menu{display:flex;flex-direction:column;max-width:881px;margin:0 auto;gap:24px}.p-works__filter-open{width:250px;height:48px;margin:0 auto;padding-left:66px;border-radius:99px;background:url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 14 11" xmlns="http://www.w3.org/2000/svg"><path d="m1 1.5 6 7 6-7" stroke="%23ebebeb" stroke-width="2" /></svg>') 211px 50%/14px auto no-repeat #9f28fb}.p-works__filter{z-index:9;position:fixed;height:0;overflow-y:scroll;background:#575656;transition:height 220ms,visibility 220ms}.p-works__filter[aria-hidden=false]{visibility:visible;height:100%}.p-works__filter-close{position:absolute;top:0;right:0;width:88px;height:75px}.p-works__filter-close::after,.p-works__filter-close::before{position:absolute;top:50%;left:50%;width:48px;height:1px;background:#ebebeb;content:""}.p-works__filter-close::after{transform:translate(-50%,-50%) rotate(-45deg)}.p-works__filter-list{padding:68px 0}.p-works__filter-list label{display:grid;place-items:center;width:100%;height:72px}.p-works__filter-list input{display:none}.p-works__filter-list input:not(:checked)+span{border-color:#ebebeb;background:0 0}.p-works__filter-list span{display:inline-flex;align-items:center;height:40px;padding:0 40px;border-width:1px;border-radius:99px;transition:opacity 220ms}.p-works__filter-list--2{display:flex;flex-wrap:wrap;justify-content:center;max-width:310px;margin:0 auto;padding:84px 0;gap:32px}.p-works__filter-list--2 input,.u-display-md{display:none}.p-works__filter-list--2 input:checked+span{border-color:#727272;background:#727272}.p-works__filter-list--2 span{display:inline-flex;align-items:center;height:40px;padding:0 25px;border:1px solid #ebebeb;border-radius:99px;transition:opacity 220ms}.p-works__filter-btn--1 span{border-color:#9f28fb;background:#9f28fb}.p-works__filter-btn--2 span{border-color:#569aff;background:#569aff}.p-works__filter-btn--3 span{border-color:#ef6bab;background:#ef6bab}.p-works__filter-btn--4 span{border-color:#18be64;background:#18be64}.p-works__filter-btn--5 span{border-color:#ee933e;background:#ee933e}.p-works__search-wrap{display:none;margin-top:67px;text-align:center}.p-works__search{display:inline-flex;align-items:center;height:42px;padding:0 40px;gap:12px;border-radius:99px;background:#9f28fb}.p-works__search svg{width:14px}.p-about__btn-wrap,.p-works__cards-wrap{margin-top:56px}.p-works__cards{display:grid;justify-content:center;overflow:hidden;-moz-column-gap:32px;column-gap:32px}.p-works__cards>.p-card{margin-bottom:32px}.p-works__btn-wrap{margin-top:12px}.p-works__btn{display:inline-grid;place-items:center;width:248px;height:50px;border:1px solid #ebebeb;border-radius:99px;background:#222;color:#ebebeb}.p-about{z-index:1;position:relative;padding:54px 0 72px;background:url(../img/about_bg.webp) 50%/cover no-repeat}.p-about__bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.p-about__bg-shape--1,.p-about__bg-shape--2,.p-about__bg-shape--3,.p-about__bg-shape--4,.p-about__bg-shape--5{position:absolute;fill:rgba(197,197,197,.2509803922)}.p-about__bg-shape--1{top:31px;right:5.128%;width:207.182px}.p-about__bg-shape--2{top:293px;right:12.821%;width:149.404px}.p-about__bg-shape--3{top:416px;left:5.128%;width:207.182px}.p-about__bg-shape--4{top:197px;left:5.128%;width:110.886px}.p-about__bg-shape--5{top:582px;right:5.128%;width:110.886px}.p-about__note{font-size:14px;line-height:23px}.p-about__heading-wrap{margin-top:11px}.p-about__heading{display:flex;align-items:end;justify-content:center;gap:1px}.p-about__heading-svg{width:195px}.p-about__heading-text{font-weight:900;font-size:16px}.p-about__subheading-wrap{margin-top:26px}.p-about__subheading{line-height:25px}.p-about__item,.p-footer__note{line-height:21px;font-size:13px}.p-about__list-wrap{margin-top:39px}.p-about__list{display:grid;grid:repeat(3,66px)/248px;justify-content:center;gap:16px}.p-about__item{display:grid;place-items:center;border-radius:10px;background:#fff}.p-about__directory-wrap{display:none;margin-top:80px}.p-about__directory{-moz-text-align-last:left;display:grid;grid-template-columns:135px 1fr;width:650px;margin:0 auto;gap:35px;text-align-last:left}.p-about__directory-caption{padding-top:18px;border-top:1px solid #222}.p-about__directory-nav{display:flex;flex-direction:column;gap:40px}.p-about__directory-section{display:grid;grid-template-columns:172px 1fr;padding-top:10px;border-top:1px solid #6b6b6b}.p-about__directory-heading{position:relative;padding:8px 0 0 9px}.p-about__directory-heading::before{position:absolute;top:13px;left:0;width:6px;height:6px;border-radius:50%;background:#9f28fb;content:""}.p-about__directory-link{display:inline-flex;position:relative;align-items:center;height:31px;padding-left:19px;font-weight:400;transition:opacity 220ms}.p-about__directory-link::before{position:absolute;top:50%;left:8px;width:7px;height:1px;transform:translateY(-50%);background:#9f28fb;content:""}.p-about__btn{display:inline-grid;place-items:center;width:248px;height:50px;border-radius:30px;background:#9f28fb;color:#ebebeb;transition:opacity 220ms}.p-footer{padding:55px 0 42px;color:#ebebeb}.p-footer__block--1{display:flex;flex-direction:column;gap:34px}.p-footer__logo{width:270px}.p-footer__logo svg{fill:#ebebeb}.p-footer__sns{display:flex;justify-content:center;gap:48px}.p-footer__sns-link{width:44px;transition:opacity 220ms}.p-footer__block--2{display:flex;flex-direction:column;margin-top:49px;gap:64px}.p-footer__nav-list{display:flex;flex-wrap:wrap;justify-content:center;gap:25px 32px}.p-footer__nav-link{font-size:13px;transition:opacity 220ms}.p-footer__note{padding:0 13px;font-weight:400;text-align:left}.p-footer__copyright-wrap{margin-top:24px;text-align:center}.p-footer__copyright{font-weight:400;font-size:13px}.u-nowrap{display:inline-block}.u-status--video{color:#18be64}.u-status--design{color:#569aff}.u-status--coding{color:#ef6bab}.u-status--writing{color:#ee933e}.u-status--others{color:#727272}.u-tag--video{background:#18be64}.u-tag--design{background:#569aff}.u-tag--coding{background:#ef6bab}.u-tag--writing{background:#ee933e}.u-tag--others{background:#727272}@media (hover:hover){.p-about__btn:hover,.p-about__directory-link:hover,.p-card__link-more:hover,.p-card__link-view:hover,.p-card__tag:hover,.p-footer__nav-link:hover,.p-footer__sns-link:hover,.p-header__toggle:hover,.p-works__btn:hover,.p-works__filter-list label:hover input:not(:checked)+span,.p-works__filter-list--2 label:hover input:not(:checked)+span,.p-works__search:hover{opacity:.7}.p-card__btn:hover{background-color:rgba(0,0,0,.1)}.p-works__btn,.p-works__search{transition:opacity 220ms}}@media (hover:none){.p-works__btn:active,.p-works__search:active{opacity:.7}}@media not screen and (min-width:576px){.p-outline__inner{width:80%}}@media screen and (min-width:576px){.u-hidden-sm{display:none}}@media screen and (min-width:768px){.p-outline{padding-top:126px}.p-outline__inner{grid-template-columns:42.529% 1fr;gap:10.353%}.p-outline__heading{width:100%}.p-outline__body-wrap{margin-top:241px}.p-about{padding:88px 0 146px}.p-about__note{font-size:15px;line-height:1}.p-about__heading-wrap,.p-about__subheading-wrap{margin-top:26px}.p-about__heading{gap:13px}.p-about__heading-svg{width:315px}.p-about__heading-text{font-size:18px}.p-about__subheading{font-size:18px;line-height:30px}.p-about__list-wrap{margin-top:46px}.p-about__list{grid:99px/repeat(3,27.995%);justify-content:center}.p-about__directory-wrap,.u-display-md{display:block}.p-about__btn-wrap{margin-top:72px}.u-hidden-md{display:none}}@media screen and (min-width:992px){.p-header{height:80px}.p-header.is-change .p-header__nav-link{color:#ebebeb}.p-header.is-change .p-header__nav-link--4{background:#ebebeb;color:#222}.p-header__inner{display:flex;align-items:center;justify-content:space-between;width:calc(36.905% + 484.571px);height:80px}.p-header__logo{flex:none;width:241px;height:38px;padding:0 8px}.p-header__logo-svg--sp{display:none}.p-header__logo-svg--pc,.p-works__search-wrap{display:block}.p-header__nav{visibility:visible;position:static;width:100%;max-width:594px;height:auto;background:0 0}.p-header__nav-list{display:flex;align-items:center;justify-content:space-between;padding:0}.p-header__nav-item--last,.p-header__toggle,.p-works__filter-close,.p-works__filter-open{display:none}.p-header__nav-link,.p-header__nav-link--4{height:38px;padding:0 8px;transition:color 220ms,background-color 220ms}.p-header__nav-link{position:relative;color:#222}.p-header__nav-link--4{place-items:center;width:188px;margin:0 8px 0 10px;border-radius:99px;background:#222;color:#ebebeb;transition:color 220ms,background-color 220ms,opacity 220ms}.p-works__menu{gap:25px}.p-works__filter{visibility:visible;z-index:0;position:static;height:auto;background:0 0}.p-works__filter-list{display:flex;flex-wrap:wrap;justify-content:center;padding:0;gap:25px 20px}.p-works__filter-list label{width:auto;height:auto}.p-works__filter-list--2{max-width:100%;padding:0;gap:25px 20px}.p-about__bg-shape--1{top:50px;right:calc(50% - 720px + 123px);width:710px}.p-about__bg-shape--2{top:870px;right:calc(50% - 502px);width:512px}.p-about__bg-shape--3{top:541px;left:calc(50% - 720px + 122px);width:380px}.p-about__bg-shape--4,.p-about__bg-shape--5{display:none}.p-about__list{grid:99px/repeat(3,260px);justify-content:center;gap:2.431%}.p-footer{padding:42px 0 30px;text-align:left}.p-footer__inner{display:grid;grid-template-columns:52.5% 1fr}.p-footer__block--1{gap:26px}.p-footer__logo{width:280px}.p-footer__sns{justify-content:start;gap:20px}.p-footer__sns-link{width:36px}.p-footer__block--2{margin-top:10px;gap:73px}.p-footer__nav-list{justify-content:start;-moz-column-gap:54px;column-gap:54px}.p-footer__note{padding:0}.p-footer__copyright-wrap{margin-top:37px}}@media screen and (min-width:992px) and (hover:hover){.p-header__nav-link:hover::after{transform:scale(1)}.p-header__nav-link--4:hover{opacity:.7}}@media screen and (min-width:1200px){body{background:linear-gradient(180deg,transparent 490px,#222 665px),url(../img/bg.avif) 0 0/100% 665px no-repeat}.p-fv{padding-top:83px}.p-fv__heading{font-size:26px}.p-fv__title-wrap{margin-top:28px}.p-fv__title{width:613px}.p-fv__desc-wrap{margin-top:49px}.p-fv__desc{font-size:16px;line-height:1}.p-gallery{padding-top:127px}.p-gallery__cards{gap:32px}.p-gallery__linear-nav-wrap{margin-top:71px}.p-outline__body{gap:18px;font-size:18px;line-height:38px}.p-about__item,.p-works__subheading{font-size:15px}.p-works{padding:192px 0 144px}.p-works__inner{width:100%;max-width:1000px}.p-works__heading svg{width:120px}.p-works__subheading-wrap{margin-top:15px}.p-works__menu-wrap{margin-top:67px}.p-works__cards-wrap{margin-top:96px}.p-works__btn-wrap{margin-top:113px}.p-about__item{line-height:25px}.p-footer__nav-list{-moz-column-gap:70px;column-gap:70px}.p-footer__nav-link{font-size:14px}}@media screen and (min-width:1400px){.p-about__list{gap:35px}}