@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Noto+Sans+JP:wght@300;400;500&family=Bebas+Neue&display=swap");:root{interpolate-size:allow-keywords;--black: #080808;--offwhite: #f0ede8;--gold: #c9a84c;--mid: #1a1a1a;--text-light: #aaa}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Sans JP", sans-serif;font-size:16px;line-height:1.5;background:var(--black);color:var(--offwhite);font-weight:300;overflow-x:hidden}@media screen and (max-width: 1280px){body{font-size:calc(16 / 1280 * 100vw)}}@media screen and (max-width: 750px){body{font-size:calc(16 / 750 * 100vw)}}li{list-style:none}a{color:#000}@media screen and (max-width: 750px){.pc{display:none}}@media screen and (min-width: 751px){.sp{display:none}}img,picture{display:block;max-width:100%}.common-inner{max-width:1000px;margin:0 auto;position:relative}.trim{text-box-trim:trim-both;text-box-edge:cap alphabetic}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:calc(22 / 16 * 1em) calc(48 / 16 * 1em);background:rgba(8,8,8,0.75);backdrop-filter:blur(0.75em);border-bottom:1px solid rgba(255,255,255,0.06)}nav .logo-wrap{display:flex;align-items:center;gap:1em}nav .logo-wrap .logo_01{display:block}nav .logo-wrap .logo_01 img{height:calc(24 / 16 * 1em)}nav .logo-wrap .logo_02{display:block}nav .logo-wrap .logo_02 img{width:calc(100 / 16 * 1em)}nav .nav-links{display:flex;gap:2em;list-style:none;align-items:center}nav .nav-links a{color:var(--offwhite);text-decoration:none;font-size:calc(12 / 16 * 1em);letter-spacing:10%;text-transform:uppercase;opacity:0.75;transition:opacity 0.2s}nav .nav-links a:hover{opacity:1}nav .nav-lang{font-size:calc(12 / 16 * 1em);letter-spacing:10%;opacity:0.5;margin-left:1em}@media screen and (max-width: 750px){nav{font-size:16px;padding:0 1em;height:70px}nav .logo-wrap .logo_01 img{height:20px}nav .logo-wrap .logo_02 img{width:80px}nav .navi{position:absolute;right:0;top:100%;background-color:#000;height:0;overflow:hidden}nav .nav-links{display:block;gap:0}nav .nav-links li{width:100%}nav .nav-links a{display:block;padding:.5em 1.5em}nav .nav-lang{margin-left:0;padding:.5em 1.5em;display:block}}.hero{position:relative;width:100%;height:100vh;height:100dvh;transition:.5s;overflow:hidden}.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out;background-size:cover;background-position:center}.hero .slide.active{opacity:1}.hero .slide::after{content:'';position:absolute;inset:0;background:linear-gradient(to right, rgba(8,8,8,0.72) 40%, rgba(8,8,8,0.2) 100%)}.hero .slide-1{background-image:url("../img/kv_01.jpg")}.hero .slide-2{background-image:url("../img/kv_02.jpg")}.hero .slide-3{background-image:url("../img/kv_03.jpg")}.hero .hero-content{position:absolute;z-index:2;bottom:0;left:0;padding:0 calc(80 / 16 * 1em) calc(100 / 16 * 1em)}.hero .hero-label{font-size:calc(12 / 16 * 1em);font-weight:500;letter-spacing:20%;text-transform:uppercase;color:var(--gold);opacity:0.9}.hero .hero-title{margin-top:calc(20 / 52 * 1em);font-family:'Noto Sans JP', sans-serif;font-size:calc(52 / 16 * 1em);font-weight:300;line-height:1.35;letter-spacing:5%}.hero .hero-desc{margin:1.5em auto 0;font-size:calc(14 / 16 * 1em);line-height:2;opacity:0.7}.hero .scroll-cue{position:absolute;bottom:0;left:calc(20 / 16 * 1em);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:calc(10 / 16 * 1em)}.hero .scroll-cue span{font-size:calc(11 / 16 * 1em);letter-spacing:0.22em;text-transform:uppercase;opacity:0.45}.hero .scroll-line{width:1px;height:60px;background:linear-gradient(to bottom, rgba(255,255,255,0.4), transparent);animation:scrollPulse 2s infinite}@media screen and (max-width: 750px){.hero .hero-content{padding:0 calc(50 / 16 * 1em) calc(150 / 16 * 1em)}.hero .hero-label{font-size:calc(16 / 16 * 1em)}.hero .hero-title{font-size:calc(56 / 16 * 1em)}.hero .hero-desc{font-size:calc(18 / 16 * 1em)}.hero .scroll-cue{left:calc(50 / 16 * 1em)}}@keyframes scrollPulse{0%,
	100%{transform:scaleY(1);opacity:0.4}50%{transform:scaleY(0.6);opacity:0.15}}.slide-dots{position:absolute;bottom:calc(40 / 16 * 1em);right:calc(100 / 16 * 1em);z-index:10;display:flex;gap:calc(10 / 16 * 1em)}.dot{width:calc(6 / 16 * 1em);aspect-ratio:1 / 1;border-radius:50%;background:rgba(255,255,255,0.25);cursor:pointer;transition:background 0.3s, transform 0.3s}.dot.active{background:var(--gold);transform:scale(1.3)}section{padding:calc(120 / 16 * 1em) 0;max-width:1080px;margin:0 auto}.section-wrap{border-top:1px solid rgba(255,255,255,0.08);padding-top:calc(120 / 16 * 1em);margin:0 calc(100 / 16 * 1em)}.section-wrap .section-label{font-size:calc(12 / 16 * 1em);font-weight:500;letter-spacing:28%;text-transform:uppercase;color:var(--text-light);margin-bottom:3em}.section-wrap .section-title{font-size:calc(42 / 16 * 1em);font-weight:300;line-height:1.5;letter-spacing:4%;margin-bottom:.5em}.section-wrap .section-body{font-size:calc(14 / 16 * 1em);line-height:2.1;opacity:0.68}.section-wrap .view-more{display:inline-flex;align-items:center;gap:1em;font-size:calc(12 / 16 * 1em);letter-spacing:22%;text-transform:uppercase;color:var(--offwhite);text-decoration:none;opacity:0.55;transition:opacity 0.2s, gap 0.2s;margin-top:3em}.section-wrap .view-more:hover{opacity:1;gap:1.5em}.section-wrap .view-more::after{content:'→'}.section-wrap .two-col{display:grid;grid-template-columns:1fr 1fr;gap:calc(80 / 16 * 1em);align-items:center}.section-wrap .two-col.reverse{direction:rtl}.section-wrap .two-col.reverse>*{direction:ltr}.section-wrap .section-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}@media screen and (max-width: 750px){.section-wrap{margin:0 calc(50 / 16 * 1em)}.section-wrap .section-label{font-size:calc(16 / 16 * 1em)}.section-wrap .section-title{font-size:calc(52 / 16 * 1em)}.section-wrap .section-body{font-size:calc(18 / 16 * 1em)}.section-wrap .view-more{font-size:calc(16 / 16 * 1em)}.section-wrap .two-col{grid-template-columns:1fr;gap:calc(50 / 16 * 1em)}}.works-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5em;margin-top:3em;padding:0 5%}@media screen and (max-width: 750px){.works-grid{grid-template-columns:1fr;padding:0}}.works-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 0.5s ease;overflow:hidden}.works-grid-item{overflow:hidden;position:relative}.contact-wrap{text-align:center;padding:calc(120 / 16 * 1em) calc(100 / 16 * 1em);border-top:1px solid rgba(255,255,255,0.08)}.contact-wrap .section-label{font-size:calc(12 / 16 * 1em);font-weight:500;letter-spacing:28%;text-transform:uppercase;color:var(--text-light);margin-bottom:3em}.contact-wrap .contact-title{font-size:2em;font-weight:300;letter-spacing:4%;margin-bottom:.5em}.contact-wrap .contact-sub{font-size:calc(14 / 16 * 1em);line-height:2;opacity:0.55;margin-bottom:3em}.contact-wrap .contact-btn{display:inline-flex;align-items:center;gap:1em;padding:1em 3em;border:1px solid rgba(255,255,255,0.25);color:var(--offwhite);text-decoration:none;font-size:calc(12 / 16 * 1em);letter-spacing:22%;text-transform:uppercase;transition:border-color 0.3s, background 0.3s}.contact-wrap .contact-btn:hover{border-color:var(--gold);background:rgba(201,168,76,0.08)}.contact-wrap .contact-btn::after{content:'→'}@media screen and (max-width: 750px){.contact-wrap{padding:calc(120 / 16 * 1em) calc(50 / 16 * 1em)}.contact-wrap .section-label{font-size:calc(16 / 16 * 1em)}.contact-wrap .contact-title{font-size:calc(40 / 16 * 1em)}.contact-wrap .contact-sub{font-size:calc(18 / 16 * 1em)}.contact-wrap .contact-btn{font-size:calc(18 / 16 * 1em)}}footer{border-top:1px solid rgba(255,255,255,0.07);padding:3em calc(100 / 16 * 1em);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5em}@media screen and (max-width: 750px){footer{padding:4em calc(50 / 16 * 1em)}}.footer-logos{display:flex;align-items:center;gap:2em}.footer-logo-text{font-family:'Bebas Neue', sans-serif;font-size:calc(18 / 16 * 1em);letter-spacing:10%;color:var(--gold);opacity:0.7}.footer-company{font-size:calc(12 / 16 * 1em);opacity:0.4;letter-spacing:6%}.footer-copy{font-size:calc(12 / 16 * 1em);opacity:0.3;letter-spacing:8%}.gold-line{width:3em;height:1px;background:var(--gold);margin-bottom:2em;opacity:0.6}
/*# sourceMappingURL=style.css.map */