*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;-webkit-font-smoothing:antialiased}img,picture,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}input,textarea,select{font:inherit;color:inherit}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;font-weight:400;color:#121212;background-color:#fff;line-height:1.75;font-feature-settings:"palt" 1;overflow-x:hidden}img{vertical-align:bottom}.l-sidebar{position:fixed;top:0;left:0;z-index:100;width:100%;height:72px;background-color:#fff;box-shadow:0 1px 6px #00000014}@media screen and (min-width: 960px){.l-sidebar{inset:0 auto 0 0;width:300px;height:auto;padding:40px 0 40px 45px;overflow-y:auto;box-shadow:none}}.l-sidebar__bar{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 18px}@media screen and (min-width: 960px){.l-sidebar__bar{display:block;height:auto;padding:0}}.l-sidebar__logo{display:block}.l-sidebar__logo img{width:180px;height:auto}@media screen and (min-width: 960px){.l-sidebar__logo img{width:200px}}.l-sidebar__nav{position:fixed;top:0;right:0;z-index:90;width:300px;max-width:85%;height:100dvh;padding:35px 25px;background-color:#fff;overflow-y:auto;transform:translate(100%);visibility:hidden;transition:transform .3s ease,visibility .3s ease}.is-nav-open .l-sidebar__nav{transform:translate(0);visibility:visible}@media screen and (min-width: 960px){.l-sidebar__nav{position:static;width:auto;max-width:none;height:auto;padding:0;margin-top:38px;overflow:visible;transform:none;visibility:visible;transition:none}}.l-sidebar__menu{display:flex;flex-direction:column;gap:20px;font-size:14px;line-height:20px}.l-sidebar__menu a{display:inline-block}@media (hover: hover){.l-sidebar__menu a:hover{color:#fd0}}@media screen and (min-width: 960px){.l-sidebar__menu{gap:16px}}.l-sidebar__sns{display:flex;flex-direction:column;gap:20px;margin-top:50px;font-size:14px;line-height:20px}.l-sidebar__sns a{display:inline-block}@media (hover: hover){.l-sidebar__sns a:hover{color:#fd0}}@media screen and (min-width: 960px){.l-sidebar__sns{gap:16px;margin-top:76px}}.l-main{padding-top:72px}@media screen and (min-width: 960px){.l-main{padding-top:0;margin-left:300px}}.l-video{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background-color:#dedede}@media screen and (min-width: 960px){.l-video{left:300px}}.l-video__media{width:100%;height:100%;object-fit:cover}.l-footer{display:flex;flex-direction:column;align-items:center;gap:40px;padding:50px 20px 20px;background-color:#121212;color:#fff}@media screen and (min-width: 960px){.l-footer{gap:60px;padding:50px 0 20px}}.l-footer__menu{display:flex;flex-wrap:wrap;justify-content:center;row-gap:12px}.l-footer__menu li:not(:last-child){border-right:1px solid rgba(255,255,255,.4)}.l-footer__menu a{display:inline-block;padding:0 20px;font-size:14px;line-height:1}@media (hover: hover){.l-footer__menu a:hover{color:#fd0}}.l-footer__copyright{font-size:12px;line-height:1;text-align:center}.c-hamburger{position:relative;z-index:110;width:30px;height:26px}@media screen and (min-width: 960px){.c-hamburger{display:none}}.c-hamburger__lines,.c-hamburger__lines:before,.c-hamburger__lines:after{position:absolute;left:0;width:30px;height:2px;background-color:#121212;transition:transform .3s ease,background-color .3s ease,top .3s ease}.c-hamburger__lines{top:50%;transform:translateY(-50%)}.c-hamburger__lines:before,.c-hamburger__lines:after{content:""}.c-hamburger__lines:before{top:-10px}.c-hamburger__lines:after{top:10px}.is-nav-open .c-hamburger__lines{background-color:transparent}.is-nav-open .c-hamburger__lines:before{top:0;transform:rotate(45deg)}.is-nav-open .c-hamburger__lines:after{top:0;transform:rotate(-45deg)}.c-sec-title{display:flex;align-items:center;justify-content:center;gap:16px;color:#fff;font-weight:700;font-size:20px;line-height:1.4;text-align:center}.c-sec-title:before,.c-sec-title:after{content:"";flex:1 1 auto;height:1px;background-color:currentColor}@media screen and (min-width: 960px){.c-sec-title{gap:24px;font-size:28px}}.c-sec-title__text{flex:0 0 auto}.c-sec-title--dark{color:#121212}.c-pagetop{position:fixed;right:25px;bottom:25px;z-index:90;display:grid;place-items:center;width:50px;height:50px;border:1px solid #ffffff;border-radius:50%;background-color:#121212;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.c-pagetop.is-visible{opacity:1;visibility:visible}.c-pagetop__arrow{width:10px;height:10px;margin-top:3px;border-top:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(45deg)}.p-mv{height:528px}@media screen and (min-width: 960px){.p-mv{height:600px}}.p-project{position:relative;padding-block:60px;background:linear-gradient(to bottom,#0000,#000c);box-shadow:0 4px 4px #00000040}@media screen and (min-width: 960px){.p-project{padding-block:80px}}.p-project__inner{width:100%;max-width:1100px;margin-inline:auto;padding-inline:20px}@media screen and (min-width: 960px){.p-project__inner{padding-inline:120px}}.p-project__list{display:grid;grid-template-columns:1fr;gap:30px;margin-top:30px}@media screen and (min-width: 960px){.p-project__list{grid-template-columns:repeat(2,1fr);gap:50px 56px;margin-top:60px}}.p-project__item{position:relative;aspect-ratio:402/256;border:1px solid #ffffff;overflow:hidden}.p-project__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -30px 15px 1px #121212;pointer-events:none}.p-project__img{width:100%;height:100%;object-fit:cover}.p-project__label{position:absolute;left:7px;bottom:10px;z-index:1;color:#fff;font-size:12px;line-height:1;letter-spacing:.05em;text-transform:uppercase}.p-feature{position:relative;padding-block:60px;background-color:#000c}@media screen and (min-width: 960px){.p-feature{padding-block:80px}}.p-feature__inner{width:100%;max-width:1100px;margin-inline:auto;padding-inline:20px}@media screen and (min-width: 960px){.p-feature__inner{padding-inline:120px}}.p-feature__list{display:flex;justify-content:space-between;gap:18px;margin-top:30px}@media screen and (min-width: 960px){.p-feature__list{gap:43px;margin-top:60px}}.p-feature__item{flex:1 1 0;max-width:258px;text-align:center}@media (hover: hover){.p-feature__item:hover .p-feature__circle:before{transform:scaleX(1)}.p-feature__item:hover .p-feature__en{color:#121212}}.p-feature__circle{position:relative;width:100%;aspect-ratio:1;margin-inline:auto;border:1px solid #ffffff;border-radius:50%;overflow:hidden}.p-feature__circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fd0;transform:scaleX(0);transform-origin:left center;transition:transform .4s ease}.p-feature__en{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#fff;font-size:14px;line-height:1;transition:color .4s ease}.p-feature__label{margin-top:15px;color:#fff;font-weight:700;font-size:16px;line-height:1.4}.p-feature__text{margin-top:6px;color:#fff;font-size:14px;line-height:1.5}.p-flow{position:relative;padding-block:60px;background-color:#fff}@media screen and (min-width: 960px){.p-flow{padding-block:120px 50px}}.p-flow__inner{width:100%;max-width:1100px;margin-inline:auto;padding-inline:20px}@media screen and (min-width: 960px){.p-flow__inner{padding-inline:120px}}.p-flow__lead{margin-top:30px;font-size:16px}@media screen and (min-width: 960px){.p-flow__lead{margin-top:60px}}.p-flow__body{margin-top:40px}@media screen and (min-width: 960px){.p-flow__body{display:flex;justify-content:space-between;margin-top:60px}}.p-flow__figures{position:relative;display:flex;flex-direction:column;gap:30px;width:260px;margin-inline:auto}.p-flow__figures:before{content:"";position:absolute;left:50%;top:0;bottom:70px;width:50px;transform:translate(-50%);background-color:#fd0;z-index:0}@media screen and (min-width: 960px){.p-flow__figures{width:200px;margin-inline:0}}.p-flow__figure{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:110px;padding-bottom:30px;background-color:#414141;color:#fff;font-size:14px;line-height:1;clip-path:polygon(0 0,100% 0,100% 72.73%,50% 100%,0 72.73%)}.p-flow__steps{display:flex;flex-direction:column;gap:43px;margin-top:50px}@media screen and (min-width: 960px){.p-flow__steps{flex:0 0 619px;max-width:619px;margin-top:0}}.p-flow__step{display:flex;align-items:flex-start;gap:10px}.p-flow__num{flex:0 0 35px;display:grid;place-items:center;width:35px;height:35px;margin-top:2px;border-radius:50%;background-color:#414141;color:#fff;font-size:16px;line-height:1}.p-flow__step-body{flex:1 1 auto}.p-flow__step-title{padding-bottom:8px;border-bottom:1px solid #121212;color:#121212;font-weight:400;font-size:20px;line-height:1.4}.p-flow__step-text{margin-top:9px;color:#121212;font-size:16px;line-height:1.6}.p-contact{position:relative;padding-block:60px;background-color:#fff}@media screen and (min-width: 960px){.p-contact{padding-block:80px}}.p-contact__inner{width:100%;max-width:1100px;margin-inline:auto;padding-inline:20px}@media screen and (min-width: 960px){.p-contact__inner{padding-inline:120px}}.p-contact__lead{margin-top:30px;font-size:16px}@media screen and (min-width: 960px){.p-contact__lead{margin-top:60px}}.p-contact__list{display:flex;flex-direction:column;gap:20px;margin-top:30px}@media screen and (min-width: 960px){.p-contact__list{flex-direction:row;justify-content:space-between;gap:46px;margin-top:60px}}@media screen and (min-width: 960px){.p-contact__item{flex:0 0 256px}}.p-contact__card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;max-width:256px;margin-inline:auto;padding-block:50px;border:1px solid #121212;color:#121212}.p-contact__card:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:13px solid #121212;border-left:13px solid transparent}@media (hover: hover){.p-contact__card:hover{box-shadow:inset 0 0 0 2px #121212}}.p-contact__icon{width:64px;height:64px}.p-contact__label{font-size:14px;line-height:1.4}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
