@media screen and (min-width:960px){.p-service-head{max-width:1440px;margin-inline:auto;padding:60px 0 80px}}@media screen and (max-width:959px){.p-service-head{padding:60px 20px}}.p-service-head__title{font-family:var(--f-en);font-weight:700;letter-spacing:-.035em;line-height:1}@media screen and (min-width:960px){.p-service-head__title{font-size:8.8rem;font-weight:600;letter-spacing:-.02rem}}@media screen and (max-width:959px){.p-service-head__title{margin-inline-start:-3px;font-size:4rem;letter-spacing:-.02em;line-height:1.4}}@media screen and (min-width:960px){.p-service-head__body{display:grid;grid-template-columns:minmax(0px,627px) minmax(0px,700px);column-gap:90px;align-items:start;margin-block-start:40px}}@media screen and (max-width:959px){.p-service-head__body{display:flex;flex-direction:column;margin-block-start:40px}}.p-service-head__copy{display:flex;flex-direction:column}@media screen and (max-width:959px){.p-service-head__copy{display:contents}}.p-service-head__intro{max-width:499px;font-family:var(--f-jp);font-size:1.4rem;font-weight:400;letter-spacing:-.02em;line-height:1.8}@media screen and (min-width:960px){.p-service-head__intro{max-width:600px;font-size:1.6rem}}@media screen and (max-width:959px){.p-service-head__intro{order:1;font-size:1.4rem}}@media screen and (min-width:960px){.p-service-head__nav{margin-block-start:55px}}@media screen and (max-width:959px){.p-service-head__nav{order:3;margin-block-start:60px}.p-service-head__nav .js-hover-item.is-hovered,.p-service-head__nav .js-hover-item.is-dimmed{opacity:1!important}}.p-service-head__nav li{font-family:var(--f-en);font-weight:600}@media screen and (min-width:960px){.p-service-head__nav li{font-size:3rem;font-weight:700;letter-spacing:0;line-height:54px}}@media screen and (max-width:959px){.p-service-head__nav li{font-size:2.6rem;line-height:54px}}.p-service-head__nav a{display:inline-flex;align-items:center;color:var(--c-white)}.p-service-head__nav a:before{flex-shrink:0;width:0;height:0;margin-inline-end:8px;border-inline:5px solid transparent;border-block-start:7px solid currentColor;position:relative;top:2px;content:""}.p-service-head__visual.mask-slideshow-container{height:auto;aspect-ratio:16/9}@media screen and (max-width:959px){.p-service-head__visual.mask-slideshow-container{order:2;margin-block-start:59px}}.p-service-head__visual.mask-slideshow-container .mask-slide{height:100%}html[lang=en] .p-service-head__intro{font-family:var(--f-en)}.p-service-offers{display:grid}@media screen and (min-width:960px){.p-service-offers{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 40px}}@media screen and (max-width:959px){.p-service-offers{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:30px}}.p-service-offers__title{font-family:var(--f-jp);font-weight:700;line-height:1.5}@media screen and (min-width:960px){.p-service-offers__title{font-size:1.4rem;font-weight:500}}@media screen and (max-width:959px){.p-service-offers__title{font-size:1.4rem}}.p-service-offers__details{margin-block-start:8px;color:var(--c-gray);font-family:var(--f-jp);font-weight:400;letter-spacing:-.02em;line-height:1.75}@media screen and (min-width:960px){.p-service-offers__details{position:relative;left:16px;font-size:1.2rem}.p-service-offers__details li{list-style-type:disc}}@media screen and (max-width:959px){.p-service-offers__details{margin-block-start:6px;font-size:1.3rem;line-height:1.75}}.p-service-project-card{min-width:0}@media screen and (min-width:960px){.p-service-project-card.mouse-over:hover .p-service-project-card__media{clip-path:inset(7px)}}.p-service-project-card__link{display:block;color:var(--c-white)}.p-service-project-card__media{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background-color:#111;clip-path:inset(0px);transition:clip-path .4s cubic-bezier(.16,1.02,.52,1.03)}.p-service-project-card__media picture,.p-service-project-card__media img,.p-service-project-card__media video{display:block;width:100%;height:100%}.p-service-project-card__media img,.p-service-project-card__media video{object-fit:cover}.p-service-project-card__media--placeholder{display:grid;place-items:center;border:1px solid var(--c-gray02);color:var(--c-gray03);font-size:1rem;letter-spacing:.08em}.p-service-project-card__client{margin-block-start:8px;font-size:1.2rem;font-weight:700;line-height:1.4}.p-service-projects{display:grid;grid-template-columns:minmax(0,1fr)}@media screen and (min-width:960px){.p-service-projects{row-gap:49px}}@media screen and (max-width:959px){.p-service-projects{row-gap:36px}}@media screen and (min-width:960px){.p-service-projects__category{display:grid;grid-template-columns:calc(25% - 5px) minmax(0,1fr);align-items:start}}.p-service-projects__label{font-size:1.6rem;font-weight:700;line-height:1.4}@media screen and (max-width:959px){.p-service-projects__label{margin-block-end:18px;font-size:1.4rem}}@media screen and (min-width:960px){.p-service-projects__label{font-size:1.8rem;line-height:40px}}.p-service-projects__content{min-width:0}@media screen and (min-width:960px){.p-service-projects__content{grid-column:2}}.p-service-projects__slider{overflow:hidden}@media screen and (min-width:960px){.p-service-projects__slider{overflow:visible}.p-service-projects__slider .swiper-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;transform:none!important}.p-service-projects__slider .swiper-slide{width:auto!important}.p-service-projects__slider .swiper-pagination{display:none}}@media screen and (max-width:959px){.p-service-projects__slider .swiper-wrapper{display:flex}.p-service-projects__slider .swiper-slide{height:auto}.p-service-projects__slider .swiper-pagination{display:flex;justify-content:flex-end;position:static;margin-block-start:13px;gap:7px}.p-service-projects__slider .swiper-pagination-bullet{width:5px;height:5px;margin:0!important;background:var(--c-gray02);opacity:1}.p-service-projects__slider .swiper-pagination-bullet-active{background:var(--c-white)}}.p-service-section{border-block-start:1px solid var(--c-white);outline:none}@media screen and (min-width:960px){.p-service-section{max-width:1440px;margin-inline:auto;padding:80px 0}}@media screen and (max-width:959px){.p-service-section{padding:59px 20px 79px}}@media screen and (min-width:960px){.p-service-section__heading{display:grid;grid-template-columns:calc(25% + 7.5px) minmax(0,1fr);align-items:start}}.p-service-section__heading h2{font-family:var(--f-en);font-size:3.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;white-space:normal}.p-service-section__heading p{font-family:var(--f-jp);font-size:1.4rem;font-weight:400;letter-spacing:-.02em;line-height:1.8;white-space:pre-line}@media screen and (min-width:960px){.p-service-section__heading p{max-width:calc(66.666667% - 10px)}}@media screen and (max-width:959px){.p-service-section__heading p{margin-block-start:28px;font-size:1.4rem}}@media screen and (min-width:960px){.p-service-section__offers{margin-block-start:61px}}@media screen and (max-width:959px){.p-service-section__offers{margin-block-start:29px}}@media screen and (min-width:960px){.p-service-section__projects{margin-block-start:186px}}@media screen and (max-width:959px){.p-service-section__projects{margin-block-start:58px}}@media screen and (min-width:960px){#branding.p-service-section,#web-design.p-service-section{padding:80px 0}#web-design.p-service-section .p-service-section__heading{grid-template-rows:auto}#web-design.p-service-section .p-service-section__heading p{line-height:2}#web-design.p-service-section .p-service-section__offers{margin-block-start:80px}#web-design.p-service-section .p-service-section__projects{margin-block-start:120px}#web-design.p-service-section .p-service-projects{row-gap:64px}#video-production.p-service-section{padding-block-end:100px}#video-production.p-service-section .p-service-section__projects{margin-block-start:107px}#video-production.p-service-section .p-service-projects{row-gap:64px}#art-direction.p-service-section{padding-block-end:96px}#art-direction.p-service-section .p-service-section__projects{margin-block-start:162px}#content-production.p-service-section{padding-block-end:182px}#content-production.p-service-section .p-service-section__projects{margin-block-start:115px}}html[lang=en] .p-service-section__heading p,html[lang=en] .p-service-section .p-service-offers__title{font-size:1.6rem}html[lang=en] .p-service-section__heading p,html[lang=en] .p-service-section .p-service-offers__title,html[lang=en] .p-service-section .p-service-offers__details{font-family:var(--f-en)}