html{scroll-behavior:smooth}body{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'メイリオ',Meiryo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:"palt";background:#000;line-height:1.4;min-width:320px}address,dd,dl,figure,h1,h2,h3,h4,h5,h6,label,p,ul{margin-bottom:0}.curtain{background:#000;display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);z-index:99999999}.curtain .curtain__logo{aspect-ratio:1280/500;width:300px;filter:blur(20px);opacity:0}html.js .curtain{display:flex;animation:2s curtain forwards}html.js .curtain .curtain__logo{animation:1s curtain-logo forwards}@keyframes curtain{50%{background:#000}100%{background:#ccc;opacity:1}}@keyframes curtain-logo{10%{opacity:1}100%{opacity:1;filter:blur(0)}}html.mv-ready.dom-ready .curtain{animation:1s curtain-close forwards}@keyframes curtain-close{100%{opacity:0;filter:blur(20px)}}html.mv-ready.done .curtain{display:none}body.modal-open{width:100%;width:calc(100% - var(--sbw));overflow:hidden}.modal{position:fixed;top:0;left:0;width:100%;width:calc(100% - var(--sbw));height:100vh;height:calc(var(--vh,1vh) * 100);z-index:9999;justify-content:center;align-items:center}.modal:not(:target){display:none}.modal:target{display:flex}.modal__window{background:#f6f6f6;max-width:800px;max-height:80vh;max-height:calc(var(--vh,1vh) * 80);border-radius:1vw;margin:2vh 2vw;z-index:1;display:flex;flex-direction:column}.modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);z-index:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__header{display:flex;justify-content:center}.modal__title{line-height:2rem;font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal__footer{display:flex;justify-content:center}.modal__content{background:#fff;border:solid 1px #eee;margin:0 min(1vw,1rem);padding:min(2vh,2rem) min(2vw,2rem);border-radius:1vw;overflow-y:auto;overscroll-behavior-y:contain}.modal__close{background:#fff;color:#000;border:solid 1px #eee;text-decoration:none;line-height:2rem;border-radius:1rem;padding:0 16px;font-size:1rem}.modal--max .modal__window{max-width:none;width:100%;height:80vh;height:calc(var(--vh,1vh) * 80)}.totop{display:block;width:3rem;height:3rem;border-radius:1.5rem;position:fixed;z-index:1;right:-3rem;bottom:4vh;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7);border:solid 1px #eee;transition:right 1s}.totop svg{transform:rotate(-180deg);width:2rem;height:calc(2rem * .865);margin-bottom:calc(2rem * .1);pointer-events:none}.show-totop .totop{right:4vw}body.modal-open.show-totop .totop{margin-right:0;margin-right:var(--sbw)}.nowrap{white-space:nowrap}.cta{list-style:none;padding:0}.tags{list-style:none;padding:0}.tags .tags__item::before{content:'#'}.button{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#000;background:linear-gradient(135deg,rgba(0,255,255,.5),rgba(255,255,0,.5));animation:huerotate 12s linear infinite;border:none;width:100%}@media (any-hover:hover){.button:hover{animation:huerotate 2s linear infinite}}button.button{cursor:pointer}.button{min-height:3vw;border-radius:1.5vw;font-size:1.6vw}@media screen and (max-width:1023px){.button{min-height:4vw;border-radius:2vw;font-size:2vw}}@media screen and (max-width:639px){.button{min-height:6vw;border-radius:3vw;font-size:3vw}}.playbutton{display:flex;align-items:center;justify-content:center}.playbutton .playbutton__label{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,255,255,.5),rgba(255,255,0,.5));animation:huerotate 12s linear infinite;pointer-events:none}@media (any-hover:hover){.playbutton:hover .playbutton__label{animation:huerotate 2s linear infinite}}.playbutton__label svg{transform:rotate(-90deg);pointer-events:none}@keyframes huerotate{0%{filter:hue-rotate(360deg)}100%{filter:hue-rotate(0)}}.thumbnail{display:grid;grid-template-columns:auto;grid-template-rows:auto}.thumbnail .thumbnail__frame{display:contents}.thumbnail .thumbnail__image{grid-column:1/span 1;grid-row:1/span 1;width:fit-content;height:fit-content;object-fit:contain}.thumbnail .thumbnail__overlay{grid-column:1/span 1;grid-row:1/span 1}.section{background:#f6f6f6;position:relative;z-index:1;padding-bottom:4vh}.section--dark{background:#181818;color:#fff}.section__header{padding:8vh 4vw}@media (orientation:portrait){.section__header{padding:6vh 4vw}}.section .section__header .section__title{margin:calc((4vw - 4vw * 1.4)/ 2) 0;font-size:4vw;padding-left:2vw;color:#aaa;text-align:center;text-shadow:rgba(246,246,246,.4) -1px -1px 4px,rgba(246,246,246,.4) 1px -1px 4px,rgba(246,246,246,.4) 1px 1px 4px,rgba(246,246,246,.4) -1px 1px 4px}.section .section__header .section__title strong{white-space:nowrap;color:#000}.section--dark .section__header .section__title{color:#999;text-shadow:rgba(24,24,24,.4) -1px -1px 4px,rgba(24,24,24,.4) 1px -1px 4px,rgba(24,24,24,.4) 1px 1px 4px,rgba(24,24,24,.4) -1px 1px 4px}.section--dark .section__header .section__title strong{color:#fff}@media screen and (max-width:639px){.section .section__header .section__title{margin:calc((4.8vw - 4.8vw * 1.4)/ 2) 0;font-size:4.8vw;padding-left:2.4vw}}.section .section__header .section__title{transition:transform 1s,opacity 1s}.section .section__header .section__title.intersect-under.intersect-invisible{transform:translateY(8vh);opacity:0}.section .section__header .section__title.intersect-under.intersect-visible--peak,.section .section__header .section__title.intersect-upper{transform:translateY(0);opacity:1}.contents{list-style:none;padding:0;margin:0 4vw;display:flex;flex-direction:column}.contents .contents__block{background:#fff;border-radius:1vw;border:solid 1px #eee}.contents .contents__block+.contents__block{margin-top:3vh}.section--dark .contents .contents__block{background:#222;border:solid 1px #111}.contents .contents__block{transition:transform 1s,opacity 1s}.contents .contents__block.intersect-under.intersect-invisible{transform:translateY(8vw);opacity:0}.contents .contents__block.intersect-under.intersect-visible--peak,.contents .contents__block.intersect-upper{transform:translateY(0);opacity:1}.text-panel{font-size:2vw;margin:calc((2vw - (2vw * 1.4))/ 2) 0}.text-wrapper{padding:3vh 3vw}@media screen and (max-width:639px){.text-panel{font-size:4vw;margin:calc((4vw - (4vw * 1.4))/ 2) 0}}.hero{width:100%;min-height:100vh;min-height:calc(var(--vh,1vh) * 100);transition:height .3s;position:relative;overflow:hidden}.hero .hero__fg{position:relative;z-index:1;margin:4vh 4vw;min-height:calc(100vh - 8vh);min-height:calc((var(--vh,1vh) * 100) - 8vh);transition:height .3s;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:solid 1px rgba(255,255,255,.3);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr}.hero .hero__bg{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}.hero .hero__bg .hero__bg-video{width:100%;height:100%;object-fit:cover}.hero__center{grid-column:2/span 1;grid-row:2/span 1;text-align:center}.hero__center .hero__logo{width:34vw;height:calc(34vw * (500 / 1280))}.hero__center .hero__catch{font-size:2.4vw;margin-right:-1.2vw}.hero__top{grid-column:2/span 1;grid-row:1/span 1;position:relative}.hero__bottom{grid-column:2/span 1;grid-row:3/span 1;position:relative;padding-bottom:48px}.hero__prompt{position:absolute;bottom:0;left:50%;margin:0 -16px;width:32px;height:32px;animation:1s cubic-bezier(.455,.03,.515,.955) 0s infinite normal none running hero-prompt}@keyframes hero-prompt{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@media screen and (max-height:359px){.hero .hero__fg .hero__prompt{display:none}}@media screen and (min-height:360px){.hero .hero__fg{transition:transform .5s,background-color .5s}.hero.intersect-visible--full .hero__fg{transform:scale(1)}.hero:not(.intersect-visible--full) .hero__fg{transform:scale(.97);background:rgba(153,153,153,.4)}.hero .hero__fg .cta{transition:opacity .5s}.hero.intersect-visible--full .hero__fg .cta{opacity:1}.hero:not(.intersect-visible--full) .hero__fg .cta{opacity:0;pointer-events:none}.hero .hero__fg .hero__prompt{transition:opacity .5s}.hero.intersect-visible--full .hero__fg .hero__prompt{opacity:1}.hero:not(.intersect-visible--full) .hero__fg .hero__prompt{opacity:0}}@media screen and (max-width:639px){.hero__center .hero__logo{width:60vw;height:calc(60vw * (500 / 1280))}.hero__center .hero__catch{font-size:4vw;margin-right:-2vw}}#services{padding-bottom:0}.services{position:relative;width:100%}.services .services__instance{min-height:100vh;min-height:max(100vh,calc(var(--vh,1vh) * 100));display:grid;grid-template-columns:50% 50%}.services .services__instance .services__poster{grid-column:1;position:relative;z-index:0;width:100%;height:100vh;height:max(100vh,calc(var(--vh,1vh) * 100));overflow:hidden}.services .services__instance .services__poster-image{width:100%;height:100%;object-fit:cover}.services__instance.intersect-under.intersect-visible--full .services__poster,.services__instance.intersect-upper .services__poster{position:fixed;left:0;top:0;width:50%}.services__instance.intersect-upper.intersect-invisible .services__poster{position:relative}.services__instance .services__poster .services__poster-image{transition:transform 4s}.services__instance .services__poster.intersect-under.intersect-invisible .services__poster-image{transform:scale(1.4)}.services__instance .services__poster.intersect-under.intersect-visible--peak .services__poster-image,.services__instance .services__poster.intersect-upper .services__poster-image{transform:scale(1)}.services .services__instance .services__caption{grid-column:2;position:relative;z-index:1;width:100%;min-height:100vh;transition:height .3s;display:grid;grid-template-rows:1fr auto auto auto 1fr;text-align:center}.services .services__instance .services__caption::before{content:'';grid-column:1;grid-row:1;background:linear-gradient(0deg,rgba(246,246,246,.7),rgba(246,246,246,0))}.services .services__instance .services__caption::after{content:'';grid-column:1;grid-row:5;background:linear-gradient(180deg,rgba(246,246,246,.7),rgba(246,246,246,1))}.services .services__instance .services__caption .services__headline{grid-column:1;grid-row:2;background:rgba(246,246,246,.7);font-size:2vw;width:100%;padding-left:1vw;font-weight:700}.services .services__instance .services__caption .services__catch{grid-column:1;grid-row:3;background:rgba(246,246,246,.7);font-size:4vw;width:100%;padding-left:2vw;font-weight:700}.services .services__instance .services__caption .services__text{grid-column:1;grid-row:4;background:rgba(246,246,246,.7);font-size:1.4vw;width:100%;padding-left:.7vw;font-weight:700}.services .services__instance--b2b .services__caption .services__catch mark,.services .services__instance--event .services__caption .services__catch mark,.services .services__instance--wedding .services__caption .services__catch mark{background-repeat:no-repeat;background-size:cover;-webkit-background-clip:text;background-clip:text;color:transparent}.services .services__instance--wedding .services__caption .services__catch mark{background-image:url(../img/services-wedding-mark_bg.jpg)}.services .services__instance--event .services__caption .services__catch mark{background-image:url(../img/services-event-mark_bg.jpg)}.services .services__instance--b2b .services__caption .services__catch mark{background-image:url(../img/services-b2b-mark_bg.jpg)}.services .services__instance .services__caption .services__catch mark{transition:background-position-y 6s}.services .services__instance .services__caption .services__catch.intersect-invisible mark{background-position-y:top}.services .services__instance .services__caption .services__catch.intersect-under.intersect-visible--peak mark,.services .services__instance .services__caption .services__catch.intersect-upper mark{background-position-y:bottom}.services .services__instance .services__caption>*{transition:opacity 3s}.services .services__instance .services__caption>.intersect-under.intersect-invisible,.services .services__instance .services__caption>.intersect-under:not(.intersect-visible--full){opacity:0}.services .services__instance .services__caption>.intersect-under.intersect-visible--peak,.services .services__instance .services__caption>.intersect-upper{opacity:1}@media screen and (max-width:1023px){.services .services__instance{display:block}.services .services__instance .services__poster{position:-webkit-sticky;position:sticky;top:0}.services__instance.intersect-under.intersect-visible--full .services__poster,.services__instance.intersect-upper .services__poster{position:-webkit-sticky;position:sticky;width:100%}.services .services__instance .services__caption>.intersect-under.intersect-invisible,.services .services__instance .services__caption>.intersect-under:not(.intersect-visible--full){opacity:1}.services .services__instance .services__caption .services__headline{font-size:5vw;padding-left:2.5vw}.services .services__instance .services__caption .services__catch{font-size:10vw;padding-left:5vw}.services .services__instance .services__caption .services__text{font-size:2.8vw;padding-left:1.4vw}}@media screen and (max-width:639px){.services .services__instance .services__caption .services__headline{font-size:6vw;padding-left:3vw}.services .services__instance .services__caption .services__catch{font-size:11vw;padding-left:5.5vw}.services .services__instance .services__caption .services__text{font-size:4.8vw;padding-left:2.4vw}}@media screen and (max-width:479px){.services .services__instance .services__caption .services__text{letter-spacing:-1px}}.work-sample{display:flex}.work-sample .work-sample__thumbnail{width:33%;border-radius:1vw 0 0 1vw;overflow:hidden}.work-sample .work-sample__thumbnail.thumbnail{transform:scale(1)}.work-sample .work-sample__thumbnail.thumbnail .thumbnail__image{border-radius:1vw 0 0 1vw;transform:scale(1.4);will-change:transform;transition:transform .3s}.work-sample .work-sample__thumbnail.thumbnail .thumbnail__overlay{position:relative;z-index:1}@media (any-hover:hover){.work-sample .work-sample__thumbnail.thumbnail:hover{transform:scale(1)}.work-sample .work-sample__thumbnail.thumbnail:hover .thumbnail__image{transform:scale(1.5)}}.work-sample .work-sample__information{width:67%;border-radius:0 1vw 1vw 0}.work-sample .work-sample__information .tags{display:flex;flex-wrap:wrap;margin-left:-2rem!important}.work-sample .work-sample__information .tags .tags__item{margin-left:2rem}.work-sample .work-sample__thumbnail.thumbnail .thumbnail__overlay.playbutton .playbutton__label{width:6vw;height:6vw;border-radius:3vw}.work-sample .work-sample__thumbnail.thumbnail .thumbnail__overlay.playbutton .playbutton__label svg{width:2vw;height:calc(2vw * .865);margin-left:calc(2vw * .25)}@media screen and (max-width:1023px){.work-sample{flex-direction:column}.work-sample .work-sample__thumbnail{width:100%;border-radius:1vw 1vw 0 0}.work-sample .work-sample__thumbnail.thumbnail .thumbnail__image{border-radius:1vw 1vw 0 0}.work-sample .work-sample__information{width:100%;border-radius:0 0 1vw 1vw}.work-sample .work-sample__information .tags{flex-direction:column;margin-left:0!important}.work-sample .work-sample__information .tags .tags__item{margin-left:0}.work-sample .work-sample__thumbnail.thumbnail .thumbnail__overlay.playbutton .playbutton__label{width:12vw;height:12vw;border-radius:6vw}.work-sample .work-sample__thumbnail.thumbnail .thumbnail__overlay.playbutton .playbutton__label svg{width:4vw;height:calc(4vw * .865);margin-left:calc(4vw * .25)}}@media screen and (max-width:639px){.work-sample .work-sample__thumbnail.thumbnail .thumbnail__overlay.playbutton .playbutton__label{width:24vw;height:24vw;border-radius:12vw}.work-sample .work-sample__thumbnail.thumbnail .thumbnail__overlay.playbutton .playbutton__label svg{width:8vw;height:calc(8vw * .865);margin-left:calc(8vw * .25)}}.sns{background:#222;border:solid 1px #111;margin-top:3vh;margin-inline:4vw;border-radius:1vw;padding:3vh 3vw}.sns__title{font-size:max(2vw,16px);text-align:center;color:#999}.sns__title strong{color:#fff}.sns__list{list-style:none;padding:0;display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,128px);justify-content:center}.sns__link{display:block;color:currentColor}.sns__name{text-align:center}.sns{transition:transform 1s,opacity 1s}.sns.intersect-under.intersect-invisible{transform:translateY(8vh);opacity:0}.sns.intersect-under.intersect-visible--peak,.sns.intersect-upper{transform:translateY(0);opacity:1}.contact-method{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.contact-method .contact-method__title{grid-column:1/span 1;grid-row:1/span 2;font-size:3vw;margin-top:calc((3vw - (3vw * 1.4))/ 2);margin-right:3vw;color:#999}.contact-method .contact-method__title strong{color:#000}.contact-method .contact-method__content{grid-column:2/span 1;grid-row:1/span 1}.contact-method .cta{grid-column:2/span 1;grid-row:2/span 1;margin-top:3vh}.contact-method .cta .cta__item+.cta__item{margin-top:3vh}@media screen and (max-width:1023px){.contact-method{grid-template-columns:1fr;grid-template-rows:auto auto auto}.contact-method .contact-method__title{grid-column:1/span 1;grid-row:1/span 1;text-align:center}.contact-method .contact-method__content{margin-top:3vh;grid-column:1/span 1;grid-row:2/span 1}.contact-method .cta{grid-column:1/span 1;grid-row:3/span 1}}@media screen and (max-width:639px){.contact-method .contact-method__title{font-size:4vw}}#mottoes{background-image:url(../img/mottoes_bg.jpg);background-size:cover}#mottoes .section__header .section__title{color:#ccc}.mottoes{list-style:none;background:rgba(0,0,0,.3);border:solid 1px rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0 4vw;padding:0 4vw;font-size:14vw;font-weight:700;display:flex;flex-direction:column}.mottoes .mottoes__one{display:flex;justify-content:space-between}.mottoes .mottoes__one+.mottoes__one{border-top:solid 1px #ddd}.mottoes .mottoes__one.intersect-under.intersect-invisible span{transform:scale(1.6);filter:blur(20px);opacity:0}.mottoes .mottoes__one.intersect-under.intersect-visible--peak span:nth-child(1),.mottoes .mottoes__one.intersect-upper span:nth-child(1){animation:.6s linear 0s normal both running focus-in}.mottoes .mottoes__one.intersect-under.intersect-visible--peak span:nth-child(2),.mottoes .mottoes__one.intersect-upper span:nth-child(2){animation:.6s linear .2s normal both running focus-in}.mottoes .mottoes__one.intersect-under.intersect-visible--peak span:nth-child(3),.mottoes .mottoes__one.intersect-upper span:nth-child(3){animation:.6s linear .4s normal both running focus-in}.mottoes .mottoes__one.intersect-under.intersect-visible--peak span:nth-child(4),.mottoes .mottoes__one.intersect-upper span:nth-child(4){animation:.6s linear .6s normal both running focus-in}.mottoes .mottoes__one.intersect-under.intersect-visible--peak span:nth-child(5),.mottoes .mottoes__one.intersect-upper span:nth-child(5){animation:.6s linear .8s normal both running focus-in}.mottoes .mottoes__one.intersect-under.intersect-visible--peak span:nth-child(6),.mottoes .mottoes__one.intersect-upper span:nth-child(6){animation:.6s linear 1s normal both running focus-in}@keyframes focus-in{0%{transform:scale(1.6);filter:blur(20px);opacity:0}100%{transform:scale(1);filter:blur(0);opacity:1}}.profile{padding:3vh 3vw;font-size:2vw}.profile .profile__title{font-size:3vw;text-align:center}.profile .profile__intro{margin-top:2vh;text-align:justify}.profile .profile__sheet{margin-top:2vh;columns:2;column-rule:solid 1px #ddd;column-gap:4vw}.profile .profile__sheet.sheet .sheet__row{padding:1.2vh 0;display:flex;flex-wrap:wrap;align-items:baseline;break-inside:avoid;page-break-inside:avoid}.profile .profile__sheet.sheet .sheet__row .sheet__subject{width:20%;margin-right:5%;font-weight:700;display:flex;justify-content:space-between}.profile .profile__sheet.sheet .sheet__row .sheet__content{width:75%}@media screen and (max-width:639px){.profile{font-size:4vw}.profile .profile__title{font-size:4vw}.profile .profile__sheet{columns:1}}.footer{padding:4vw;font-size:1vw;text-align:center;background:#eee}@media screen and (max-width:639px){.footer{font-size:3vw}}.modal[id^=works-] .modal__window .video-js.modal__content,.modal[id^=works-] .modal__window video.modal__content{background:#000;border:none;margin:0;padding:0;border-radius:0;width:100%;height:calc(100% - 2rem - 2rem);object-fit:contain}.modal#privacy-policy .article+.article{margin-top:min(2vh,2rem)}.modal#privacy-policy .article__text{text-align:justify}.modal#privacy-policy .article__list{margin-top:0;padding-left:2rem}