@charset "utf-8";*{font-family:'Outfit','Noto Sans JP',sans-serif;color:#000;font-size:14px;-webkit-tap-highlight-color:transparent}html{height:100%;scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;margin:0;height:100%}::selection{background-color:#000;color:#fff}img{border:0;display:block;outline:none}h1,h2,h3,h4{line-height:normal;margin:0}button{background-color:transparent;border:none;box-sizing:border-box;cursor:pointer;padding:0}a.button{background-color:#000;border-radius:50em;box-sizing:border-box;color:#fff;display:inline-block;font-weight:700;letter-spacing:2px;line-height:normal;padding:20px 40px;text-decoration:none}.layout{padding-left:25px;padding-right:25px;margin:0 auto;max-width:1000px}header{background-color:rgba(255,255,255,.8);backdrop-filter:blur(12px);position:fixed;top:0;transition:background-color 0.5s ease-in-out;width:100%;z-index:50;.layout{align-items:center;display:flex;height:96px;justify-content:space-between}}.logo img{height:24px}.pc-menu{display:none;a{box-sizing:border-box;display:block;font-weight:700;letter-spacing:2px;margin-left:40px;padding:4px 0;position:relative;overflow:hidden;text-decoration:none;&::after{background-color:#000;bottom:0;content:'';height:2px;left:0;position:absolute;transform:translateX(-101%);transition:transform 0.4s ease;width:100%}&:hover::after{transform:translateX(0)}}}.hamburger-button{display:none;height:18px;width:24px}.hamburger-button span{background-color:#000;height:2px}header.black{background-color:rgba(0,0,0,.1);.logo{img{filter:invert(1)}}.pc-menu{a{color:#fff;&::after{background-color:#fff}}}.hamburger-button span{background-color:#fff}}.mobile-menu-overlay{background-color:#000;height:0;overflow:hidden;position:fixed;top:0;transition:all 0.5s ease-in-out;z-index:55;width:100%}.mobile-menu-close-button{height:24px;opacity:0;position:absolute;right:25px;top:36px;transition:all 0.5s ease-in-out;width:24px;span{background-color:#fff;height:2px;left:0;position:absolute;transition:all 0.5s ease-in-out;width:24px;&:first-child{top:0}&:last-child{top:24px}}}.mobile-menu{height:100%;div{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:scroll;padding:60px 0;scrollbar-width:none;&::-webkit-scrollbar{display:none}a{color:#fff;display:block;font-size:48px;font-weight:700;line-height:1;margin-top:40px;opacity:0;text-align:center;text-decoration:none;transition:all 0.5s ease-in-out;&:first-child{margin:0}}}}.mobile-menu-overlay.active{display:block;font-size:48px;height:100%;.mobile-menu-close-button{opacity:1;span:first-child{rotate:225deg;top:12px}span:last-child{rotate:-225deg;top:12px}}.mobile-menu a{opacity:1}}section{box-sizing:border-box;min-height:100vh;padding-bottom:60px;padding-top:25vh;position:relative;scroll-margin-top:0;.hero{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0;img{height:100%;object-fit:cover;width:100%}.cover{background-color:rgba(255,255,255,.7);inset:0;position:absolute}}.content{opacity:0;position:relative;transform:translateY(40px);transition:all 1.2s cubic-bezier(.16,1,.3,1);z-index:10;&.active{opacity:1;transform:translateY(0)}.title{font-size:100px;font-weight:900;letter-spacing:-5px;line-height:.9;text-transform:uppercase;.serif-italic{font-family:'Cormorant',serif;font-size:inherit;font-style:italic;font-weight:700;letter-spacing:0;text-transform:none}}.message{font-size:20px;font-weight:300;line-height:30px;margin:60px 0;*{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}br.sp{display:block}br.pc{display:none}}}}section.service{.content{.steps{display:grid;gap:30px;grid-template-columns:repeat(1,1fr);.step{.heading{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px;h3{font-size:24px;font-weight:700;text-transform:uppercase}p{font-size:16px;font-weight:700;margin:10px 0 0 0}}p{font-weight:300;line-height:24px}}}}}section.works{*{color:#fff}.hero{.cover{background-color:rgba(0,0,0,.3)}}.content{.swiper{margin:60px 0;padding-bottom:60px;.swiper-wrapper{.swiper-slide{.project{align-items:center;display:flex;.image{aspect-ratio:16 / 9;border-radius:10px;flex:0 0 50%;overflow:hidden;img{height:100%;object-fit:cover;width:100%}}.detail{padding:0 30px;h4{font-size:24px;margin:32px 0}.description{font-size:18px;line-height:28px;margin:32px 0}}}}}.swiper-button-next{bottom:var(--swiper-pagination-bottom,8px);height:20px;margin:0;top:unset;width:20px;z-index:20}.swiper-button-prev{bottom:var(--swiper-pagination-bottom,8px);height:20px;margin:0;top:unset;width:20px;z-index:20}.swiper-pagination{line-height:20px}}}}section.company{.hero{.cover{background-color:rgba(255,255,255,.9)}}.content{h3{font-size:32px;margin:50px 0}.info{.row{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-top:32px;padding-bottom:16px;.label{color:#999;font-size:18px;text-wrap:nowrap}.value{font-size:18px;line-height:28px;text-align:right;div{font-size:inherit;line-height:inherit}.google-map a{font-size:14px}.detail{color:#666;font-size:14px;line-height:24px;margin-top:10px}}}}.executive{h4{font-size:24px;margin:5px 0}span{font-size:12px;font-weight:300;letter-spacing:normal}.summary{p{color:#666}}}}}footer{background-color:#eee;padding:40px 0;text-align:center}@media (max-width:400px){section.home,section.vision{.content{.layout{padding-right:0}}}}@media (max-width:768px){.hamburger-button{display:flex;flex-direction:column;justify-content:space-between}section{.content{.title{font-size:46px;letter-spacing:-2px}.message{font-size:16px;line-height:26px;margin:40px 0}}}section.works{.content{.swiper{padding-bottom:30px;.swiper-wrapper{.swiper-slide{.project{display:block;.detail{padding:0 10px;h4{font-size:18px;margin:28px 0}.description{font-size:14px;line-height:24px;margin:28px 0}}}}}}}}section.company{.content{h3{font-size:24px;margin:40px 0}.info{.row{.label{font-size:14px}.value{font-size:14px;line-height:24px;div{font-size:inherit;line-height:inherit}.google-map a{font-size:12px}.detail{font-size:12px;line-height:22px}}}}.executive{h4{font-size:18px}span{font-size:12px}}}}}@media (min-width:768px){.pc-menu{display:flex}section{.content{.message{br.sp{display:none}}}}section.service{.content{.steps{grid-template-columns:repeat(3,1fr)}}}}@media (orientation:landscape){.mobile-menu div{display:block}}@keyframes hero-home-animation{0%,100%{transform:scale(1.05) translateY(0)}50%{transform:scale(1.15) translateY(-30px)}}.hero-home{animation:hero-home-animation 18s ease-in-out infinite}@keyframes hero-vision-animation{0%{transform:translateX(-5%) scale(1.1)}100%{transform:translateX(5%) scale(1.1)}}.hero-vision{animation:hero-vision-animation 30s linear infinite alternate}@keyframes hero-service-animation{0%{transform:scale(1)}100%{transform:scale(1.15)}}.hero-service{animation:hero-service-animation 40s ease-in-out infinite alternate}@keyframes hero-works-animation{0%{transform:translateX(5%) scale(1.1)}100%{transform:translateX(-5%) scale(1.1)}}.hero-works{animation:hero-works-animation 30s linear infinite alternate}@keyframes hero-company-animation{0%{transform:translateY(-3%) scale(1.1)}100%{transform:translateY(3%) scale(1.1)}}.hero-company{animation:hero-company-animation 25s ease-in-out infinite alternate}@keyframes hero-contact-animation{0%,100%{transform:scale(1);opacity:.15}50%{transform:scale(1.08);opacity:.25}}.hero-contact{animation:hero-contact-animation 15s ease-in-out infinite}