*{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#0B1C2C;--navy-mid:#12263A;--navy-light:#1A3450;
  --gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;
  --text-muted:rgba(247,245,241,0.55);
}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);min-height:100vh;display:flex;flex-direction:column}

/* ===== NAV ===== */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.5rem 4rem;
  background:transparent;
  transition:background 0.4s,backdrop-filter 0.4s;
}
nav.scrolled{
  background:rgba(11,28,44,0.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(184,151,106,0.15);
}
.nav-logo{
  font-family:"Cormorant Garamond",serif;
  font-size:1.5rem;font-weight:300;letter-spacing:0.15em;
  color:var(--white);text-decoration:none;
}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{
  font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);
  text-decoration:none;transition:color 0.3s;font-weight:300;
}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}

/* ===== HAMBURGER ===== */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ===== MOBILE MENU ===== */
.mobile-menu{
  position:fixed;top:0;left:0;right:0;
  z-index:99;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.2);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}

/* ===== FOOTER ===== */
footer{
  padding:4rem;
  border-top:1px solid rgba(184,151,106,0.15);
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;
  margin-top:auto;
}
.footer-logo{
  font-family:"Cormorant Garamond",serif;
  font-size:1.3rem;font-weight:300;letter-spacing:0.15em;margin-bottom:1rem;
}
.footer-logo span{color:var(--gold)}
.footer-desc{font-size:0.8rem;line-height:1.9;color:var(--text-muted);font-weight:300}
.footer-col h4{font-size:0.72rem;letter-spacing:0.15em;color:var(--gold);margin-bottom:1.5rem;font-weight:400}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:0.8rem}
.footer-col ul li a{font-size:0.8rem;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.footer-col ul li a:hover{color:var(--white)}
.footer-bottom{
  padding:1.5rem 4rem;
  border-top:1px solid rgba(184,151,106,0.08);
  display:flex;justify-content:space-between;align-items:center;
}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300;letter-spacing:0.05em}
.footer-links{display:flex;gap:2rem}
.footer-links a{font-size:0.72rem;color:var(--text-muted);text-decoration:none;font-weight:300;transition:color 0.3s}
.footer-links a:hover{color:var(--gold)}

/* ===== COMMON COMPONENTS ===== */
.section-label{
  font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);
  margin-bottom:1.5rem;font-weight:400;
  display:flex;align-items:center;gap:1rem;
}
.section-label::before{content:"";width:30px;height:1px;background:var(--gold)}
.section-title{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2.2rem,4vw,3.8rem);font-weight:300;
  line-height:1.2;margin-bottom:1.5rem;
}
.section-title em{font-style:italic;color:var(--gold)}
.btn-primary{
  padding:0.9rem 2.8rem;background:var(--gold);color:var(--navy);
  font-size:0.8rem;letter-spacing:0.12em;border:none;
  font-family:"Noto Sans JP",sans-serif;font-weight:500;
  transition:all 0.3s;text-decoration:none;display:inline-block;cursor:pointer;
}
.btn-primary:hover{background:var(--gold-light)}
.btn-ghost{
  font-size:0.8rem;letter-spacing:0.1em;color:var(--text-muted);
  cursor:pointer;background:none;border:none;
  display:inline-flex;align-items:center;gap:0.5rem;
  transition:color 0.3s;font-family:"Noto Sans JP",sans-serif;
  text-decoration:none;
}
.btn-ghost:hover{color:var(--white)}
.btn-ghost::after{content:"→";transition:transform 0.3s}
.btn-ghost:hover::after{transform:translateX(4px)}
.btn-outline{
  padding:0.9rem 2.8rem;border:1px solid rgba(184,151,106,0.45);
  background:transparent;color:var(--gold);font-size:0.8rem;
  letter-spacing:0.1em;font-family:"Noto Sans JP",sans-serif;
  font-weight:300;transition:all 0.3s;text-decoration:none;display:inline-block;
}
.btn-outline:hover{border-color:var(--gold);background:rgba(184,151,106,0.06)}
.divider{width:40px;height:1px;background:var(--gold);opacity:0.4;margin:2rem 0}
.page-hero{padding:10rem 4rem 5rem;border-bottom:1px solid rgba(184,151,106,0.1);position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(rgba(184,151,106,0.8) 1px,transparent 1px),linear-gradient(90deg,rgba(184,151,106,0.8) 1px,transparent 1px);background-size:80px 80px}
.hero-inner{position:relative;z-index:1;max-width:680px}
.page-eyebrow{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:1.5rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.page-eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.1;margin-bottom:1.5rem}
.page-title em{font-style:italic;color:var(--gold)}
.page-sub{font-size:0.95rem;color:var(--text-muted);line-height:2;font-weight:300;max-width:520px}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:none}
.reveal-d1{transition-delay:0.12s}
.reveal-d2{transition-delay:0.24s}

/* ===== MOBILE ===== */
@media(max-width:900px){
  nav{padding:1rem 1.5rem}
  .nav-links{display:none!important}
  .hamburger{display:flex!important}
  nav.scrolled{border-bottom:none}
  footer{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}
  .footer-bottom{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}
  .page-hero{padding:8rem 1.5rem 4rem}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}


/* ===== PAGE SPECIFIC STYLES ===== */

/* --- top.css --- */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#0B1C2C;
  --navy-mid:#12263A;
  --navy-light:#1A3450;
  --gold:#B8976A;
  --gold-light:#D4B48E;
  --white:#F7F5F1;
  --text-muted:rgba(247,245,241,0.55);
  --accent:#4A7FA5;
}
html{scroll-behavior:smooth}
body{
  font-family:'Noto Sans JP',sans-serif;
  background:var(--navy);
  color:var(--white);
  overflow-x:hidden;
}
/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.5rem 4rem;
  background:transparent;
  transition:background 0.4s,backdrop-filter 0.4s;
}
nav.scrolled{
  background:rgba(11,28,44,0.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(184,151,106,0.15);
}
.nav-logo{
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;font-weight:300;letter-spacing:0.15em;
  color:var(--white);text-decoration:none;
}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{
  font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);
  text-decoration:none;transition:color 0.3s;font-weight:300;
}
.nav-links a:hover{color:var(--gold)}
.nav-cta{
  font-size:0.75rem;letter-spacing:0.1em;
  padding:0.6rem 1.6rem;
  border:1px solid var(--gold);
  color:var(--gold);background:transparent;
  cursor:pointer;transition:all 0.3s;
  font-family:'Noto Sans JP',sans-serif;font-weight:300;
}
.nav-cta:hover{background:var(--gold);color:var(--navy)}

/* HERO */
.hero{
  position:relative;height:100vh;min-height:680px;
  display:flex;flex-direction:column;justify-content:center;
  padding:0 4rem;overflow:hidden;
}
.hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 80% at 70% 50%, rgba(74,127,165,0.08) 0%, transparent 60%),
    radial-gradient(ellipse 40% 60% at 20% 30%, rgba(184,151,106,0.06) 0%, transparent 50%),
    var(--navy);
}
.hero-grid{
  position:absolute;inset:0;opacity:0.04;
  background-image:linear-gradient(rgba(184,151,106,0.8) 1px,transparent 1px),linear-gradient(90deg,rgba(184,151,106,0.8) 1px,transparent 1px);
  background-size:80px 80px;
}
.hero-eyebrow{
  font-size:clamp(0.6rem,2vw,0.72rem);letter-spacing:0.15em;color:var(--gold);
  margin-bottom:2rem;opacity:0;
  animation:fadeUp 0.9s 0.3s ease forwards;
  font-weight:400;
}
.hero-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,6vw,6rem);
  font-weight:300;line-height:1.1;
  margin-bottom:2rem;
  opacity:0;animation:fadeUp 0.9s 0.5s ease forwards;
}
.hero-title em{font-style:italic;color:var(--gold)}
.hero-subtitle{
  font-size:clamp(0.82rem,2.5vw,0.95rem);line-height:1.9;color:var(--text-muted);
  max-width:480px;margin-bottom:3rem;font-weight:300;
  opacity:0;animation:fadeUp 0.9s 0.7s ease forwards;
}
.hero-actions{
  display:flex;gap:1.5rem;align-items:center;
  opacity:0;animation:fadeUp 0.9s 0.9s ease forwards;
}
.btn-primary{
  padding:0.8rem 1.8rem;background:var(--gold);color:var(--navy);
  font-size:0.8rem;letter-spacing:0.12em;cursor:pointer;border:none;
  font-family:'Noto Sans JP',sans-serif;font-weight:500;
  transition:all 0.3s;
}
.btn-primary:hover{background:var(--gold-light)}
.btn-ghost{
  font-size:0.8rem;letter-spacing:0.1em;color:var(--text-muted);
  cursor:pointer;background:none;border:none;
  display:flex;align-items:center;gap:0.5rem;
  transition:color 0.3s;font-family:'Noto Sans JP',sans-serif;
}
.btn-ghost:hover{color:var(--white)}
.btn-ghost::after{content:'→';transition:transform 0.3s}
.btn-ghost:hover::after{transform:translateX(4px)}
.hero-scroll{
  position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:0.75rem;
  font-size:0.68rem;letter-spacing:0.2em;color:var(--text-muted);
  opacity:0;animation:fadeUp 0.9s 1.1s ease forwards;
}
.scroll-line{
  width:1px!important;height:40px!important;
  background:var(--gold)!important;opacity:0.5;
  animation:scrollPulse 1.8s ease-in-out infinite;
}
@keyframes scrollPulse{0%,100%{opacity:0.3;transform:scaleY(0.6)}50%{opacity:0.8;transform:scaleY(1)}}
.scroll-line-old{width:40px;height:1px;background:var(--gold);opacity:0.5}
.hero-number{
  position:absolute;right:4rem;bottom:2.5rem;
  font-family:'Cormorant Garamond',serif;
  font-size:8rem;font-weight:300;
  color:rgba(184,151,106,0.06);line-height:1;
  user-select:none;pointer-events:none;
}

/* SECTION BASE */
section{padding:7rem 4rem}
.section-label{
  font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);
  margin-bottom:1.5rem;font-weight:400;
  display:flex;align-items:center;gap:1rem;
}
.section-label::before{content:'';width:30px;height:1px;background:var(--gold)}
.section-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.2rem,4vw,3.8rem);font-weight:300;
  line-height:1.2;margin-bottom:1.5rem;
}
.section-title em{font-style:italic;color:var(--gold)}

/* ABOUT */
.about-grid{
  display:block;margin-top:4rem;max-width:640px;
}
.about-text p{
  font-size:0.92rem;line-height:2;color:rgba(247,245,241,0.75);
  margin-bottom:1.5rem;font-weight:300;
}
.about-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:2rem;
}
.stat-item{
  padding:2rem;
  border:1px solid rgba(184,151,106,0.2);
  position:relative;overflow:hidden;
}
.stat-item::before{
  content:'';position:absolute;top:0;left:0;
  width:3px;height:0;background:var(--gold);
  transition:height 0.6s ease;
}
.stat-item:hover::before{height:100%}
.stat-num{
  font-family:'Cormorant Garamond',serif;
  font-size:3rem;font-weight:300;color:var(--gold);line-height:1;
  margin-bottom:0.5rem;
}
.stat-label{font-size:0.75rem;letter-spacing:0.1em;color:var(--text-muted);font-weight:300}

/* SERVICES */
.services-intro{max-width:560px;margin-bottom:5rem}
.services-intro p{font-size:0.92rem;line-height:2;color:var(--text-muted);font-weight:300}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent}
.service-card{
  background:var(--navy);
  padding:3rem 2.5rem;position:relative;overflow:hidden;
  cursor:pointer;transition:background 0.4s;
  border:1px solid rgba(184,151,106,0.12);
}
.service-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:2px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;
  transition:transform 0.4s ease;
}
.service-card:hover{background:var(--navy-mid)}
.service-card:hover::after{transform:scaleX(1)}
.service-num{
  font-family:'Cormorant Garamond',serif;
  font-size:0.95rem;color:var(--gold);letter-spacing:0.1em;
  margin-bottom:2rem;font-weight:300;
}
.service-name{
  font-size:1.15rem;font-weight:400;margin-bottom:1rem;letter-spacing:0.05em;
  line-height:1.4;
}
.service-desc{font-size:0.82rem;line-height:1.8;color:var(--text-muted);font-weight:300}
.service-arrow{
  position:absolute;bottom:2rem;right:2.5rem;
  color:var(--gold);font-size:1.1rem;opacity:0;
  transition:opacity 0.3s,transform 0.3s;
}
.service-card:hover .service-arrow{opacity:1;transform:translateX(4px)}

/* FLOW */
.flow-bg{background:var(--navy-mid)}
.flow-steps{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:0;margin-top:5rem;position:relative;
}
.flow-steps::before{
  content:'';position:absolute;top:28px;left:10%;right:10%;
  height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0.3;
}
.flow-step{text-align:center;padding:0 1rem}
.step-circle{
  width:56px;height:56px;border-radius:50%;
  border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1.5rem;
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;color:var(--gold);font-weight:300;
  position:relative;background:var(--navy-mid);
  transition:background 0.3s;
}
.flow-step:hover .step-circle{background:var(--gold);color:var(--navy)}
.step-title{font-size:0.82rem;font-weight:500;margin-bottom:0.75rem;letter-spacing:0.05em}
.step-desc{font-size:0.75rem;line-height:1.7;color:var(--text-muted);font-weight:300}

/* VOICE */
.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem}
.voice-card{
  padding:2.5rem;
  border:1px solid rgba(184,151,106,0.15);
  position:relative;
}
.voice-quote{
  font-family:'Cormorant Garamond',serif;
  font-size:2.5rem;color:var(--gold);opacity:0.4;
  line-height:1;margin-bottom:1rem;
}
.voice-text{font-size:0.88rem;line-height:2;color:rgba(247,245,241,0.75);margin-bottom:1.5rem;font-weight:300}
.voice-meta{display:flex;align-items:center;gap:1rem}
.voice-avatar{
  width:40px;height:40px;min-width:40px;border-radius:50%;
  background:var(--navy-light);border:1px solid var(--gold);opacity:0.6;
  display:flex;align-items:center;justify-content:center;
  font-size:0.75rem;color:var(--gold);
  flex-shrink:0;
}
.voice-name{font-size:0.8rem;font-weight:400;margin-bottom:0.2rem}
.voice-role{font-size:0.72rem;color:var(--text-muted);font-weight:300}

/* CTA BANNER */
.cta-section{
  text-align:center;padding:8rem 4rem;
  background:linear-gradient(135deg,var(--navy-mid) 0%,var(--navy-light) 100%);
  border-top:1px solid rgba(184,151,106,0.15);
  border-bottom:1px solid rgba(184,151,106,0.15);
}
.cta-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,4vw,3.5rem);font-weight:300;
  margin-bottom:1rem;
}
.cta-sub{font-size:0.9rem;color:var(--text-muted);margin-bottom:3rem;font-weight:300;line-height:1.8}
.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}

/* FOOTER */
footer{
  padding:4rem;
  border-top:1px solid rgba(184,151,106,0.15);
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;
}
.footer-brand{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:300;letter-spacing:0.15em;margin-bottom:1rem}
.footer-brand span{color:var(--gold)}
.footer-desc{font-size:0.8rem;line-height:1.9;color:var(--text-muted);font-weight:300}
.footer-col h4{font-size:0.72rem;letter-spacing:0.15em;color:var(--gold);margin-bottom:1.5rem;font-weight:400}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:0.8rem}
.footer-col ul li a{font-size:0.8rem;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.footer-col ul li a:hover{color:var(--white)}
.footer-bottom{
  padding:1.5rem 4rem;
  border-top:1px solid rgba(184,151,106,0.08);
  display:flex;justify-content:space-between;align-items:center;
}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300;letter-spacing:0.05em}

/* ANIM */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:0.1s}
.reveal-delay-2{transition-delay:0.2s}
.reveal-delay-3{transition-delay:0.3s}

/* DIVIDER */
.divider{width:60px;height:1px;background:var(--gold);opacity:0.4;margin:2rem 0}

@media(max-width:600px){
  .hero-title{font-size:clamp(1.8rem,8vw,2.8rem)!important;line-height:1.15!important}
  .hero-subtitle{font-size:0.8rem!important}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:1rem}
  .btn-primary{padding:0.8rem 1.8rem;font-size:0.78rem}
  .hero-eyebrow{font-size:0.6rem;letter-spacing:0.12em}
  nav{padding:1rem 1.2rem}
}
@media(max-width:900px){
  nav{padding:1rem 1.2rem;border-bottom:1px solid rgba(184,151,106,0.2)!important}
  .nav-links{display:none}
  section{padding:5rem 1.5rem}
  .hero{padding:0 1.5rem}.hero-title{font-size:clamp(1.8rem,8vw,3rem)!important}.hero-subtitle{font-size:0.82rem!important}
  .hero-number{display:none}
  .hero-scroll{left:50%!important;transform:translateX(-50%)!important;right:auto!important}
  .about-grid{grid-template-columns:1fr;gap:3rem}
  .services-grid{grid-template-columns:1fr;gap:0}
  .flow-steps{grid-template-columns:1fr;gap:2.5rem}
  .flow-steps::before{display:none}
  .voice-grid{grid-template-columns:1fr}
  footer{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:1rem;text-align:center}
}





/* --- about.css --- */
/* about page styles */

*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1C2C;--navy-mid:#12263A;--navy-light:#1A3450;--gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;--text-muted:rgba(247,245,241,0.55)}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);display:flex;flex-direction:column;min-height:100vh}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;background:rgba(11,28,44,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,151,106,0.15)}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:300;letter-spacing:0.15em;color:var(--white);text-decoration:none}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-cta{font-size:0.75rem;letter-spacing:0.1em;padding:0.6rem 1.6rem;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;transition:all 0.3s;font-family:"Noto Sans JP",sans-serif;font-weight:300}
.nav-cta:hover{background:var(--gold);color:var(--navy)}
.page-hero{padding:12rem 4rem 7rem;position:relative;overflow:hidden;border-bottom:1px solid rgba(184,151,106,0.1)}
.hero-bg-grid{position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(rgba(184,151,106,0.8) 1px,transparent 1px),linear-gradient(90deg,rgba(184,151,106,0.8) 1px,transparent 1px);background-size:80px 80px}
.hero-inner{position:relative;z-index:1;max-width:700px}
.page-eyebrow{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:1.5rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.page-eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:300;line-height:1.1;margin-bottom:2rem}
.page-title em{font-style:italic;color:var(--gold)}
.page-sub{font-size:0.95rem;color:var(--text-muted);line-height:2;font-weight:300;max-width:540px}
.hero-deco{position:absolute;right:4rem;bottom:3rem;font-family:"Cormorant Garamond",serif;font-size:10rem;font-weight:300;color:rgba(184,151,106,0.04);line-height:1;user-select:none;pointer-events:none}
.section-wrap{padding:7rem 4rem;border-bottom:1px solid rgba(184,151,106,0.1)}
.section-wrap.mid{background:var(--navy-mid)}
.section-label{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:1.5rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.section-label::before{content:"";width:30px;height:1px;background:var(--gold)}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start;margin-top:3rem}
.mission-lead{font-family:"Cormorant Garamond",serif;font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:300;line-height:1.6;color:var(--white)}
.mission-lead em{font-style:italic;color:var(--gold)}
.mission-body{display:flex;flex-direction:column;gap:1.5rem}
.mission-body p{font-size:0.9rem;line-height:2.1;color:var(--text-muted);font-weight:300}
.divider{width:40px;height:1px;background:var(--gold);opacity:0.35;margin:0.5rem 0 1rem}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(184,151,106,0.12);margin-top:4rem}
.value-card{background:var(--navy);padding:3rem 2.5rem;position:relative;overflow:hidden;transition:background 0.4s}
.value-card::after{content:"";position:absolute;top:0;left:0;width:2px;height:0;background:var(--gold);transition:height 0.5s ease}
.value-card:hover{background:var(--navy-light)}
.value-card:hover::after{height:100%}
.value-num{font-family:"Cormorant Garamond",serif;font-size:2.5rem;font-weight:300;color:rgba(184,151,106,0.12);line-height:1;margin-bottom:1.5rem}
.value-title{font-size:1rem;font-weight:500;margin-bottom:1rem;letter-spacing:0.05em}
.value-desc{font-size:0.82rem;line-height:1.9;color:var(--text-muted);font-weight:300}
.profile-wrap{max-width:760px;margin-top:3rem}
.profile-row{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid rgba(184,151,106,0.1)}
.profile-row:first-child{border-top:1px solid rgba(184,151,106,0.1)}
.profile-key{padding:1.4rem 0;font-size:0.8rem;color:var(--text-muted);font-weight:300;letter-spacing:0.05em}
.profile-val{padding:1.4rem 0;font-size:0.88rem;line-height:1.8;font-weight:300}
.profile-val a{color:var(--gold);text-decoration:none;transition:color 0.3s}
.profile-val a:hover{color:var(--gold-light)}
.cta-section{padding:7rem 4rem;text-align:center}
.cta-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:300;margin-bottom:1rem}
.cta-sub{font-size:0.88rem;color:var(--text-muted);line-height:2;margin-bottom:3rem;font-weight:300}
.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.btn-primary{padding:0.9rem 2.8rem;background:var(--gold);color:var(--navy);font-size:0.8rem;letter-spacing:0.12em;cursor:pointer;border:none;font-family:"Noto Sans JP",sans-serif;font-weight:500;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-primary:hover{background:var(--gold-light)}
.btn-outline{padding:0.9rem 2.8rem;border:1px solid rgba(184,151,106,0.45);background:transparent;color:var(--gold);font-size:0.8rem;letter-spacing:0.1em;cursor:pointer;font-family:"Noto Sans JP",sans-serif;font-weight:300;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-outline:hover{border-color:var(--gold);background:rgba(184,151,106,0.08)}
footer{padding:3rem 4rem;border-top:1px solid rgba(184,151,106,0.15);display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.page-eyebrow{animation:fadeUp 0.8s 0.2s ease both}
.page-title{animation:fadeUp 0.8s 0.35s ease both}
.page-sub{animation:fadeUp 0.8s 0.5s ease both}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:none}
.reveal-d1{transition-delay:0.12s}
.reveal-d2{transition-delay:0.24s}
@media(max-width:900px){
  nav{padding:1.2rem 1.5rem}.nav-links{display:none}
  .page-hero,.section-wrap,.cta-section{padding-left:1.5rem;padding-right:1.5rem}
  .mission-grid{grid-template-columns:1fr;gap:3rem}
  .values-grid{grid-template-columns:1fr}
  .profile-row{grid-template-columns:110px 1fr}
  .hero-deco{display:none}
  footer{padding:2rem 1.5rem}
}



/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;top:60px;left:0;right:0;
  z-index:9998;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:1.5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.25);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}
@media(max-width:900px){
  .nav-links{display:none!important;visibility:hidden!important}
  .hamburger{display:flex!important}
  nav{z-index:9999!important;padding:1rem 1.2rem!important}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}
}


/* --- service.css --- */
/* service page styles */

*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1C2C;--navy-mid:#12263A;--navy-light:#1A3450;--gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;--text-muted:rgba(247,245,241,0.55)}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);display:flex;flex-direction:column;min-height:100vh}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;background:rgba(11,28,44,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,151,106,0.15)}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:300;letter-spacing:0.15em;color:var(--white);text-decoration:none}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-cta{font-size:0.75rem;letter-spacing:0.1em;padding:0.6rem 1.6rem;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;transition:all 0.3s;font-family:"Noto Sans JP",sans-serif;font-weight:300}
.nav-cta:hover{background:var(--gold);color:var(--navy)}

/* HERO */
.page-hero{padding:12rem 4rem 7rem;position:relative;overflow:hidden;border-bottom:1px solid rgba(184,151,106,0.1)}
.hero-grid{position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(rgba(184,151,106,0.8) 1px,transparent 1px),linear-gradient(90deg,rgba(184,151,106,0.8) 1px,transparent 1px);background-size:80px 80px}
.hero-inner{position:relative;z-index:1;max-width:680px}
.page-eyebrow{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:1.5rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.page-eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:300;line-height:1.1;margin-bottom:2rem}
.page-title em{font-style:italic;color:var(--gold)}
.page-sub{font-size:0.95rem;color:var(--text-muted);line-height:2;font-weight:300;max-width:520px}
.hero-deco{position:absolute;right:4rem;bottom:2rem;font-family:"Cormorant Garamond",serif;font-size:9rem;font-weight:300;color:rgba(184,151,106,0.04);line-height:1;user-select:none}

/* SERVICE CARDS */
.services-wrap{padding:6rem 4rem;flex:1}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.service-card{
  background:var(--navy-mid);
  border:1px solid rgba(184,151,106,0.12);
  padding:3rem 2.5rem 4rem;
  position:relative;overflow:hidden;
  text-decoration:none;color:inherit;display:flex;flex-direction:column;
  transition:background 0.4s,border-color 0.4s;
}
.service-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform 0.5s ease;
}
.service-card:hover{background:var(--navy-light);border-color:rgba(184,151,106,0.3)}
.service-card:hover::before{transform:scaleX(1)}
.card-num{
  font-family:"Cormorant Garamond",serif;
  font-size:3.5rem;font-weight:300;color:rgba(184,151,106,0.1);
  line-height:1;margin-bottom:1.5rem;
  transition:color 0.4s;
}
.service-card:hover .card-num{color:rgba(184,151,106,0.2)}
.card-tag{font-size:0.62rem;letter-spacing:0.2em;color:var(--gold);font-weight:300;margin-bottom:0.8rem}
.card-title{font-size:1.25rem;font-weight:400;margin-bottom:1.2rem;letter-spacing:0.04em;line-height:1.4}
.card-desc{font-size:0.83rem;line-height:1.9;color:var(--text-muted);font-weight:300;flex:1}
.card-brand{
  margin-top:2rem;padding:1rem 1.2rem;
  border:1px solid rgba(184,151,106,0.2);
  background:rgba(184,151,106,0.03);
}
.card-brand-label{font-size:0.6rem;letter-spacing:0.18em;color:var(--gold);font-weight:300;margin-bottom:0.4rem}
.card-brand-name{font-family:"Cormorant Garamond",serif;font-size:1.1rem;font-weight:300;letter-spacing:0.08em}
.card-brand-name em{font-style:italic;color:var(--gold)}
.card-brand-sub{font-size:0.72rem;color:var(--text-muted);font-weight:300;margin-top:0.3rem;line-height:1.5}
.card-arrow{
  position:absolute;bottom:2.5rem;right:2.5rem;
  width:36px;height:36px;border:1px solid rgba(184,151,106,0.3);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--gold);font-size:0.9rem;
  opacity:0;transition:opacity 0.3s,transform 0.3s;
}
.service-card:hover .card-arrow{opacity:1;transform:translateX(3px)}

/* FLOW バナー */
.flow-banner{
  background:var(--navy-mid);border-top:1px solid rgba(184,151,106,0.1);
  border-bottom:1px solid rgba(184,151,106,0.1);
  padding:5rem 4rem;
}
.flow-label{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:3rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.flow-label::before{content:"";width:30px;height:1px;background:var(--gold)}
.flow-steps{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.flow-steps::before{content:"";position:absolute;top:20px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(184,151,106,0.25),transparent)}
.flow-step{text-align:center;padding:0 0.8rem}
.step-dot{
  width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(184,151,106,0.4);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1.2rem;
  font-family:"Cormorant Garamond",serif;font-size:0.9rem;color:var(--gold);font-weight:300;
  background:var(--navy-mid);
  transition:background 0.3s,border-color 0.3s;
}
.flow-step:hover .step-dot{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.step-title{font-size:0.8rem;font-weight:500;margin-bottom:0.5rem}
.step-desc{font-size:0.72rem;line-height:1.7;color:var(--text-muted);font-weight:300}

/* CTA */
.cta-section{padding:7rem 4rem;text-align:center}
.cta-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:300;margin-bottom:1rem}
.cta-sub{font-size:0.88rem;color:var(--text-muted);line-height:2;margin-bottom:3rem;font-weight:300}
.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.btn-primary{padding:0.9rem 2.8rem;background:var(--gold);color:var(--navy);font-size:0.8rem;letter-spacing:0.12em;border:none;font-family:"Noto Sans JP",sans-serif;font-weight:500;transition:all 0.3s;text-decoration:none;display:inline-block;cursor:pointer}
.btn-primary:hover{background:var(--gold-light)}
.btn-outline{padding:0.9rem 2.8rem;border:1px solid rgba(184,151,106,0.45);background:transparent;color:var(--gold);font-size:0.8rem;letter-spacing:0.1em;font-family:"Noto Sans JP",sans-serif;font-weight:300;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-outline:hover{border-color:var(--gold);background:rgba(184,151,106,0.06)}

footer{padding:3rem 4rem;border-top:1px solid rgba(184,151,106,0.15);display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}

@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.page-eyebrow{animation:fadeUp 0.8s 0.2s ease both}
.page-title{animation:fadeUp 0.8s 0.35s ease both}
.page-sub{animation:fadeUp 0.8s 0.5s ease both}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:none}
.reveal-d1{transition-delay:0.12s}
.reveal-d2{transition-delay:0.24s}

@media(max-width:900px){
  nav{padding:1.2rem 1.5rem}.nav-links{display:none}
  .page-hero,.services-wrap,.flow-banner,.cta-section{padding-left:1.5rem;padding-right:1.5rem}
  .services-grid{grid-template-columns:1fr;gap:0}
  .flow-steps{grid-template-columns:1fr 1fr;gap:2rem}
  .flow-steps::before{display:none}
  .hero-deco{display:none}
  footer{padding:2rem 1.5rem}
}



/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;top:60px;left:0;right:0;
  z-index:9998;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:1.5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.25);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}
@media(max-width:900px){
  .nav-links{display:none!important;visibility:hidden!important}
  .hamburger{display:flex!important}
  nav{z-index:9999!important;padding:1rem 1.2rem!important}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}
}


/* --- recruitment.css --- */
/* recruitment page styles */

*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1C2C;--navy-mid:#12263A;--navy-light:#1A3450;--gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;--text-muted:rgba(247,245,241,0.55)}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);display:flex;flex-direction:column;min-height:100vh}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;background:rgba(11,28,44,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,151,106,0.15)}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:300;letter-spacing:0.15em;color:var(--white);text-decoration:none}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-size:0.75rem;letter-spacing:0.1em;padding:0.6rem 1.6rem;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;transition:all 0.3s;font-family:"Noto Sans JP",sans-serif;font-weight:300}
.nav-cta:hover{background:var(--gold);color:var(--navy)}
.page-hero{padding:12rem 4rem 7rem;position:relative;overflow:hidden;border-bottom:1px solid rgba(184,151,106,0.1)}
.hero-grid{position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(rgba(184,151,106,0.8) 1px,transparent 1px),linear-gradient(90deg,rgba(184,151,106,0.8) 1px,transparent 1px);background-size:80px 80px}
.hero-inner{position:relative;z-index:1}
.breadcrumb{font-size:0.7rem;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:2rem;display:flex;align-items:center;gap:0.6rem}
.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color 0.3s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb span{color:var(--gold)}
.hero-brand{
  display:inline-flex;align-items:center;gap:1rem;
  border:1px solid rgba(184,151,106,0.25);padding:0.6rem 1.2rem;
  margin-bottom:2rem;
}
.hero-brand-label{font-size:0.6rem;letter-spacing:0.18em;color:var(--text-muted);font-weight:300}
.hero-brand-name{font-family:"Cormorant Garamond",serif;font-size:1.1rem;font-weight:300;letter-spacing:0.12em;color:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:300;line-height:1.1;margin-bottom:2rem}
.page-title em{font-style:italic;color:var(--gold)}
.page-sub{font-size:0.95rem;color:var(--text-muted);line-height:2;font-weight:300;max-width:540px}
.hero-deco{position:absolute;right:4rem;top:50%;transform:translateY(-30%);font-family:"Cormorant Garamond",serif;font-size:12rem;font-weight:300;color:rgba(184,151,106,0.04);line-height:1;user-select:none}
.section-wrap{padding:6rem 4rem;border-bottom:1px solid rgba(184,151,106,0.08)}
.section-wrap.mid{background:var(--navy-mid)}
.section-label{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:2rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.section-label::before{content:"";width:30px;height:1px;background:var(--gold)}
.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(184,151,106,0.1);margin-top:1rem}
.feature{background:var(--navy);padding:2.5rem;position:relative;overflow:hidden;transition:background 0.3s}
.feature::after{content:"";position:absolute;top:0;left:0;width:2px;height:0;background:var(--gold);transition:height 0.5s ease}
.feature:hover{background:var(--navy-light)}
.feature:hover::after{height:100%}
.feature-num{font-family:"Cormorant Garamond",serif;font-size:2rem;color:rgba(184,151,106,0.15);font-weight:300;line-height:1;margin-bottom:1.2rem}
.feature-title{font-size:1rem;font-weight:500;margin-bottom:0.8rem;letter-spacing:0.03em}
.feature-desc{font-size:0.82rem;line-height:1.9;color:var(--text-muted);font-weight:300}
.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}
.target-item{padding:2rem;border:1px solid rgba(184,151,106,0.15);text-align:center}
.target-icon{font-size:1.8rem;margin-bottom:1rem;opacity:0.7}
.target-title{font-size:0.9rem;font-weight:500;margin-bottom:0.5rem}
.target-desc{font-size:0.78rem;color:var(--text-muted);line-height:1.7;font-weight:300}
.flow-list{display:flex;flex-direction:column;gap:0;margin-top:1rem}
.flow-item{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid rgba(184,151,106,0.1)}
.flow-item:first-child{border-top:1px solid rgba(184,151,106,0.1)}
.flow-step-num{padding:1.8rem 0;font-family:"Cormorant Garamond",serif;font-size:1.5rem;color:var(--gold);font-weight:300;opacity:0.5}
.flow-step-body{padding:1.8rem 0}
.flow-step-title{font-size:0.9rem;font-weight:500;margin-bottom:0.4rem}
.flow-step-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.7;font-weight:300}
.cta-strip{margin:0;padding:5rem 4rem;text-align:center}
.cta-title{font-family:"Cormorant Garamond",serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;margin-bottom:1rem}
.cta-sub{font-size:0.88rem;color:var(--text-muted);line-height:2;margin-bottom:2.5rem;font-weight:300}
.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.btn-primary{padding:0.9rem 2.8rem;background:var(--gold);color:var(--navy);font-size:0.8rem;letter-spacing:0.12em;border:none;font-family:"Noto Sans JP",sans-serif;font-weight:500;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-primary:hover{background:var(--gold-light)}
.btn-outline{padding:0.9rem 2.8rem;border:1px solid rgba(184,151,106,0.4);background:transparent;color:var(--gold);font-size:0.8rem;letter-spacing:0.1em;font-family:"Noto Sans JP",sans-serif;font-weight:300;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-outline:hover{border-color:var(--gold);background:rgba(184,151,106,0.06)}
footer{padding:3rem 4rem;border-top:1px solid rgba(184,151,106,0.15);display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.breadcrumb{animation:fadeUp 0.7s 0.1s ease both}
.hero-brand{animation:fadeUp 0.7s 0.2s ease both}
.page-title{animation:fadeUp 0.8s 0.35s ease both}
.page-sub{animation:fadeUp 0.8s 0.5s ease both}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:none}
.reveal-d1{transition-delay:0.1s}.reveal-d2{transition-delay:0.2s}
@media(max-width:900px){nav{padding:1.2rem 1.5rem}.nav-links{display:none}.page-hero,.section-wrap,.cta-strip{padding-left:1.5rem;padding-right:1.5rem}.features-grid{grid-template-columns:1fr}.target-grid{grid-template-columns:1fr}.hero-deco{display:none}footer{padding:2rem 1.5rem}}



/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;top:60px;left:0;right:0;
  z-index:9998;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:1.5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.25);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}
@media(max-width:900px){
  .nav-links{display:none!important;visibility:hidden!important}
  .hamburger{display:flex!important}
  nav{z-index:9999!important;padding:1rem 1.2rem!important}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}
}


/* --- coaching.css --- */
/* coaching page styles */

*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1C2C;--navy-mid:#12263A;--navy-light:#1A3450;--gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;--text-muted:rgba(247,245,241,0.55)}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);display:flex;flex-direction:column;min-height:100vh}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;background:rgba(11,28,44,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,151,106,0.15)}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:300;letter-spacing:0.15em;color:var(--white);text-decoration:none}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-size:0.75rem;letter-spacing:0.1em;padding:0.6rem 1.6rem;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;transition:all 0.3s;font-family:"Noto Sans JP",sans-serif;font-weight:300}
.nav-cta:hover{background:var(--gold);color:var(--navy)}
.page-hero{padding:12rem 4rem 7rem;position:relative;overflow:hidden;border-bottom:1px solid rgba(184,151,106,0.1)}
.hero-grid{position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(rgba(184,151,106,0.8) 1px,transparent 1px),linear-gradient(90deg,rgba(184,151,106,0.8) 1px,transparent 1px);background-size:80px 80px}
.hero-inner{position:relative;z-index:1}
.breadcrumb{font-size:0.7rem;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:2rem;display:flex;align-items:center;gap:0.6rem}
.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color 0.3s}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span{color:var(--gold)}
.hero-brand{display:inline-flex;align-items:center;gap:1rem;border:1px solid rgba(184,151,106,0.25);padding:0.6rem 1.2rem;margin-bottom:2rem}
.hero-brand-label{font-size:0.6rem;letter-spacing:0.18em;color:var(--text-muted);font-weight:300}
.hero-brand-name{font-family:"Cormorant Garamond",serif;font-size:1.1rem;font-weight:300;letter-spacing:0.08em;color:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:300;line-height:1.1;margin-bottom:2rem}
.page-title em{font-style:italic;color:var(--gold)}
.page-sub{font-size:0.95rem;color:var(--text-muted);line-height:2;font-weight:300;max-width:540px}
.hero-deco{position:absolute;right:4rem;top:50%;transform:translateY(-30%);font-family:"Cormorant Garamond",serif;font-size:12rem;font-weight:300;color:rgba(184,151,106,0.04);line-height:1;user-select:none}
.section-wrap{padding:6rem 4rem;border-bottom:1px solid rgba(184,151,106,0.08)}
.section-wrap.mid{background:var(--navy-mid)}
.section-label{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:2rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.section-label::before{content:"";width:30px;height:1px;background:var(--gold)}
.message-block{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:1rem}
.message-lead{font-family:"Cormorant Garamond",serif;font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:300;line-height:1.6}
.message-lead em{font-style:italic;color:var(--gold)}
.message-body{display:flex;flex-direction:column;gap:1.2rem}
.message-body p{font-size:0.88rem;line-height:2;color:var(--text-muted);font-weight:300}
.divider{width:36px;height:1px;background:var(--gold);opacity:0.35;margin:0.5rem 0}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(184,151,106,0.1);margin-top:1rem}
.feature{background:var(--navy-mid);padding:2.5rem;position:relative;overflow:hidden;transition:background 0.3s}
.feature::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}
.feature:hover{background:var(--navy-light)}.feature:hover::after{transform:scaleX(1)}
.feature-num{font-family:"Cormorant Garamond",serif;font-size:2rem;color:rgba(184,151,106,0.15);font-weight:300;line-height:1;margin-bottom:1.2rem}
.feature-title{font-size:0.95rem;font-weight:500;margin-bottom:0.8rem}
.feature-desc{font-size:0.8rem;line-height:1.9;color:var(--text-muted);font-weight:300}
.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}
.voice-card{padding:2.5rem;border:1px solid rgba(184,151,106,0.15)}
.voice-quote{font-family:"Cormorant Garamond",serif;font-size:2rem;color:var(--gold);opacity:0.3;line-height:1;margin-bottom:0.8rem}
.voice-text{font-size:0.85rem;line-height:2;color:rgba(247,245,241,0.75);margin-bottom:1.5rem;font-weight:300}
.voice-meta{font-size:0.75rem;color:var(--text-muted);font-weight:300;border-top:1px solid rgba(184,151,106,0.1);padding-top:1rem}
.flow-list{display:flex;flex-direction:column;max-width:680px}
.flow-item{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid rgba(184,151,106,0.1)}
.flow-item:first-child{border-top:1px solid rgba(184,151,106,0.1)}
.flow-num{padding:1.8rem 0;font-family:"Cormorant Garamond",serif;font-size:1.5rem;color:var(--gold);font-weight:300;opacity:0.5}
.flow-body{padding:1.8rem 0}
.flow-title{font-size:0.9rem;font-weight:500;margin-bottom:0.4rem}
.flow-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.7;font-weight:300}
.cta-strip{padding:6rem 4rem;text-align:center;border-top:1px solid rgba(184,151,106,0.1)}
.cta-title{font-family:"Cormorant Garamond",serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;margin-bottom:1rem}
.cta-sub{font-size:0.88rem;color:var(--text-muted);line-height:2;margin-bottom:2.5rem;font-weight:300}
.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.btn-primary{padding:0.9rem 2.8rem;background:var(--gold);color:var(--navy);font-size:0.8rem;letter-spacing:0.12em;border:none;font-family:"Noto Sans JP",sans-serif;font-weight:500;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-primary:hover{background:var(--gold-light)}
.btn-outline{padding:0.9rem 2.8rem;border:1px solid rgba(184,151,106,0.4);background:transparent;color:var(--gold);font-size:0.8rem;letter-spacing:0.1em;font-family:"Noto Sans JP",sans-serif;font-weight:300;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-outline:hover{border-color:var(--gold);background:rgba(184,151,106,0.06)}
footer{padding:3rem 4rem;border-top:1px solid rgba(184,151,106,0.15);display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.breadcrumb{animation:fadeUp 0.7s 0.1s ease both}.hero-brand{animation:fadeUp 0.7s 0.2s ease both}.page-title{animation:fadeUp 0.8s 0.35s ease both}.page-sub{animation:fadeUp 0.8s 0.5s ease both}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:none}
.reveal-d1{transition-delay:0.1s}.reveal-d2{transition-delay:0.2s}
@media(max-width:900px){nav{padding:1.2rem 1.5rem}.nav-links{display:none}.page-hero,.section-wrap,.cta-strip{padding-left:1.5rem;padding-right:1.5rem}.message-block{grid-template-columns:1fr;gap:2rem}.features-grid{grid-template-columns:1fr}.voice-grid{grid-template-columns:1fr}.hero-deco{display:none}footer{padding:2rem 1.5rem}}



/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;top:60px;left:0;right:0;
  z-index:9998;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:1.5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.25);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}
@media(max-width:900px){
  .nav-links{display:none!important;visibility:hidden!important}
  .hamburger{display:flex!important}
  nav{z-index:9999!important;padding:1rem 1.2rem!important}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}
}


/* --- bizboost.css --- */
/* bizboost page styles */

*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1C2C;--navy-mid:#12263A;--navy-light:#1A3450;--gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;--text-muted:rgba(247,245,241,0.55)}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);display:flex;flex-direction:column;min-height:100vh}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;background:rgba(11,28,44,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,151,106,0.15)}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:300;letter-spacing:0.15em;color:var(--white);text-decoration:none}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-size:0.75rem;letter-spacing:0.1em;padding:0.6rem 1.6rem;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;transition:all 0.3s;font-family:"Noto Sans JP",sans-serif;font-weight:300}
.nav-cta:hover{background:var(--gold);color:var(--navy)}
.page-hero{padding:12rem 4rem 7rem;position:relative;overflow:hidden;border-bottom:1px solid rgba(184,151,106,0.1)}
.hero-grid{position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(rgba(184,151,106,0.8) 1px,transparent 1px),linear-gradient(90deg,rgba(184,151,106,0.8) 1px,transparent 1px);background-size:80px 80px}
.hero-inner{position:relative;z-index:1}
.breadcrumb{font-size:0.7rem;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:2rem;display:flex;align-items:center;gap:0.6rem}
.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color 0.3s}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span{color:var(--gold)}
.hero-brand{display:inline-flex;align-items:center;gap:1rem;border:1px solid rgba(184,151,106,0.25);padding:0.6rem 1.2rem;margin-bottom:2rem}
.hero-brand-label{font-size:0.6rem;letter-spacing:0.18em;color:var(--text-muted);font-weight:300}
.hero-brand-name{font-family:"Cormorant Garamond",serif;font-size:1.1rem;font-weight:300;letter-spacing:0.08em;color:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:300;line-height:1.1;margin-bottom:2rem}
.page-title em{font-style:italic;color:var(--gold)}
.page-sub{font-size:0.95rem;color:var(--text-muted);line-height:2;font-weight:300;max-width:540px}
.hero-deco{position:absolute;right:4rem;top:50%;transform:translateY(-30%);font-family:"Cormorant Garamond",serif;font-size:12rem;font-weight:300;color:rgba(184,151,106,0.04);line-height:1;user-select:none}
.section-wrap{padding:6rem 4rem;border-bottom:1px solid rgba(184,151,106,0.08)}
.section-wrap.mid{background:var(--navy-mid)}
.section-label{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:2rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.section-label::before{content:"";width:30px;height:1px;background:var(--gold)}
.solutions-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(184,151,106,0.12);margin-top:1rem}
.solution-panel{background:var(--navy-mid);padding:3.5rem 3rem;position:relative;overflow:hidden;transition:background 0.4s}
.solution-panel::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}
.solution-panel:hover{background:var(--navy-light)}.solution-panel:hover::after{transform:scaleX(1)}
.sol-tag{font-size:0.62rem;letter-spacing:0.2em;color:var(--gold);font-weight:300;margin-bottom:1rem}
.sol-title{font-size:1.4rem;font-weight:400;margin-bottom:1.2rem;letter-spacing:0.04em}
.sol-desc{font-size:0.84rem;line-height:1.9;color:var(--text-muted);font-weight:300;margin-bottom:1.5rem}
.sol-list{list-style:none;display:flex;flex-direction:column;gap:0.6rem}
.sol-list li{font-size:0.8rem;color:var(--text-muted);font-weight:300;display:flex;align-items:flex-start;gap:0.6rem}
.sol-list li::before{content:"—";color:var(--gold);flex-shrink:0}
.reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(184,151,106,0.1);margin-top:1rem}
.reason{background:var(--navy);padding:2.5rem;position:relative;overflow:hidden;transition:background 0.3s}
.reason::after{content:"";position:absolute;top:0;left:0;width:2px;height:0;background:var(--gold);transition:height 0.5s ease}
.reason:hover{background:var(--navy-light)}.reason:hover::after{height:100%}
.reason-num{font-family:"Cormorant Garamond",serif;font-size:2rem;color:rgba(184,151,106,0.15);font-weight:300;line-height:1;margin-bottom:1rem}
.reason-title{font-size:0.95rem;font-weight:500;margin-bottom:0.7rem}
.reason-desc{font-size:0.8rem;line-height:1.9;color:var(--text-muted);font-weight:300}
.cta-strip{padding:6rem 4rem;text-align:center}
.cta-title{font-family:"Cormorant Garamond",serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;margin-bottom:1rem}
.cta-sub{font-size:0.88rem;color:var(--text-muted);line-height:2;margin-bottom:2.5rem;font-weight:300}
.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.btn-primary{padding:0.9rem 2.8rem;background:var(--gold);color:var(--navy);font-size:0.8rem;letter-spacing:0.12em;border:none;font-family:"Noto Sans JP",sans-serif;font-weight:500;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-primary:hover{background:var(--gold-light)}
.btn-outline{padding:0.9rem 2.8rem;border:1px solid rgba(184,151,106,0.4);background:transparent;color:var(--gold);font-size:0.8rem;letter-spacing:0.1em;font-family:"Noto Sans JP",sans-serif;font-weight:300;transition:all 0.3s;text-decoration:none;display:inline-block}
.btn-outline:hover{border-color:var(--gold);background:rgba(184,151,106,0.06)}
footer{padding:3rem 4rem;border-top:1px solid rgba(184,151,106,0.15);display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.breadcrumb{animation:fadeUp 0.7s 0.1s ease both}.hero-brand{animation:fadeUp 0.7s 0.2s ease both}.page-title{animation:fadeUp 0.8s 0.35s ease both}.page-sub{animation:fadeUp 0.8s 0.5s ease both}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:none}
.reveal-d1{transition-delay:0.12s}
@media(max-width:900px){nav{padding:1.2rem 1.5rem}.nav-links{display:none}.page-hero,.section-wrap,.cta-strip{padding-left:1.5rem;padding-right:1.5rem}.solutions-grid{grid-template-columns:1fr}.reasons-grid{grid-template-columns:1fr}.hero-deco{display:none}footer{padding:2rem 1.5rem}}



/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;top:60px;left:0;right:0;
  z-index:9998;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:1.5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.25);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}
@media(max-width:900px){
  .nav-links{display:none!important;visibility:hidden!important}
  .hamburger{display:flex!important}
  nav{z-index:9999!important;padding:1rem 1.2rem!important}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}
}


/* --- contact.css --- */
/* contact page styles */

*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1C2C;--navy-mid:#12263A;--navy-light:#1A3450;--gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;--text-muted:rgba(247,245,241,0.55)}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);min-height:100vh;display:flex;flex-direction:column}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;white-space:nowrap;background:rgba(11,28,44,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,151,106,0.15)}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:300;letter-spacing:0.15em;color:var(--white);text-decoration:none}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none;flex-wrap:nowrap}
.nav-links a{font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-size:0.75rem;letter-spacing:0.1em;padding:0.6rem 1.6rem;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;transition:all 0.3s;font-family:"Noto Sans JP",sans-serif;font-weight:300}
.nav-cta:hover{background:var(--gold);color:var(--navy)}
.page-hero{padding:10rem 4rem 5rem;border-bottom:1px solid rgba(184,151,106,0.1)}
.page-eyebrow{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:1.5rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.page-eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.15;margin-bottom:1.5rem}
.page-title em{font-style:italic;color:var(--gold)}
.page-sub{font-size:0.9rem;color:var(--text-muted);line-height:1.9;font-weight:300;max-width:520px}
.page-content{padding:5rem 4rem;max-width:860px;flex:1}
.section-label{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:1.5rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.section-label::before{content:"";width:30px;height:1px;background:var(--gold)}
.wip-box{border:1px solid rgba(184,151,106,0.2);padding:3rem;margin-top:2rem;font-size:0.88rem;line-height:2;color:var(--text-muted)}
footer{padding:3rem 4rem;border-top:1px solid rgba(184,151,106,0.15);display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.page-eyebrow{animation:fadeUp 0.8s 0.2s ease both}
.page-title{animation:fadeUp 0.8s 0.35s ease both}
.page-sub{animation:fadeUp 0.8s 0.5s ease both}



/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;top:60px;left:0;right:0;
  z-index:9998;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:1.5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.25);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}
@media(max-width:900px){
  .nav-links{display:none!important;visibility:hidden!important}
  .hamburger{display:flex!important}
  nav{z-index:9999!important;padding:1rem 1.2rem!important}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}
}


/* --- privacy.css --- */
/* privacy page styles */

*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1C2C;--navy-mid:#12263A;--gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;--text-muted:rgba(247,245,241,0.55)}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);display:flex;flex-direction:column;min-height:100vh}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;background:rgba(11,28,44,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,151,106,0.15)}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:300;letter-spacing:0.15em;color:var(--white);text-decoration:none}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.nav-links a:hover{color:var(--gold)}
.page-hero{padding:10rem 4rem 4rem;border-bottom:1px solid rgba(184,151,106,0.1)}
.page-eyebrow{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:1.2rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.page-eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:300;line-height:1.15;margin-bottom:1rem}
.page-updated{font-size:0.75rem;color:var(--text-muted);font-weight:300;letter-spacing:0.05em}
.doc-content{padding:5rem 4rem;flex:1;max-width:800px}
.doc-section{margin-bottom:3.5rem}
.doc-section h2{font-family:"Cormorant Garamond",serif;font-size:1.4rem;font-weight:300;color:var(--white);margin-bottom:1.2rem;padding-bottom:0.8rem;border-bottom:1px solid rgba(184,151,106,0.15)}
.doc-section p{font-size:0.88rem;line-height:2.1;color:var(--text-muted);font-weight:300;margin-bottom:1rem}
.doc-section ul{margin:0.5rem 0 1rem 1.2rem;display:flex;flex-direction:column;gap:0.5rem}
.doc-section ul li{font-size:0.88rem;line-height:1.8;color:var(--text-muted);font-weight:300}
footer{padding:3rem 4rem;border-top:1px solid rgba(184,151,106,0.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.page-eyebrow{animation:fadeUp 0.7s 0.2s ease both}
.page-title{animation:fadeUp 0.8s 0.35s ease both}
@media(max-width:768px){nav{padding:1.2rem 1.5rem}.nav-links{display:none}.page-hero,.doc-content{padding-left:1.5rem;padding-right:1.5rem}footer{padding:2rem 1.5rem}}



/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;top:60px;left:0;right:0;
  z-index:9998;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:1.5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.25);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}
@media(max-width:900px){
  .nav-links{display:none!important;visibility:hidden!important}
  .hamburger{display:flex!important}
  nav{z-index:9999!important;padding:1rem 1.2rem!important}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}
}


/* --- terms.css --- */
/* terms page styles */

*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1C2C;--navy-mid:#12263A;--gold:#B8976A;--gold-light:#D4B48E;--white:#F7F5F1;--text-muted:rgba(247,245,241,0.55)}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;background:var(--navy);color:var(--white);display:flex;flex-direction:column;min-height:100vh}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;background:rgba(11,28,44,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,151,106,0.15)}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:300;letter-spacing:0.15em;color:var(--white);text-decoration:none}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-size:0.78rem;letter-spacing:0.12em;color:var(--text-muted);text-decoration:none;transition:color 0.3s;font-weight:300}
.nav-links a:hover{color:var(--gold)}
.page-hero{padding:10rem 4rem 4rem;border-bottom:1px solid rgba(184,151,106,0.1)}
.page-eyebrow{font-size:0.68rem;letter-spacing:0.3em;color:var(--gold);margin-bottom:1.2rem;font-weight:400;display:flex;align-items:center;gap:1rem}
.page-eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:300;line-height:1.15;margin-bottom:1rem}
.page-updated{font-size:0.75rem;color:var(--text-muted);font-weight:300;letter-spacing:0.05em}
.doc-content{padding:5rem 4rem;flex:1;max-width:800px}
.doc-section{margin-bottom:3.5rem}
.doc-section h2{font-family:"Cormorant Garamond",serif;font-size:1.4rem;font-weight:300;color:var(--white);margin-bottom:1.2rem;padding-bottom:0.8rem;border-bottom:1px solid rgba(184,151,106,0.15)}
.doc-section p{font-size:0.88rem;line-height:2.1;color:var(--text-muted);font-weight:300;margin-bottom:1rem}
.doc-section ul{margin:0.5rem 0 1rem 1.2rem;display:flex;flex-direction:column;gap:0.5rem}
.doc-section ul li{font-size:0.88rem;line-height:1.8;color:var(--text-muted);font-weight:300}
footer{padding:3rem 4rem;border-top:1px solid rgba(184,151,106,0.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:0.72rem;color:var(--text-muted);font-weight:300}
.back-link{font-size:0.78rem;color:var(--gold);text-decoration:none;letter-spacing:0.1em;font-weight:300;transition:color 0.3s}
.back-link:hover{color:var(--gold-light)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.page-eyebrow{animation:fadeUp 0.7s 0.2s ease both}
.page-title{animation:fadeUp 0.8s 0.35s ease both}
@media(max-width:768px){nav{padding:1.2rem 1.5rem}.nav-links{display:none}.page-hero,.doc-content{padding-left:1.5rem;padding-right:1.5rem}footer{padding:2rem 1.5rem}}



/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
  cursor:pointer;background:none;border:none;padding:6px;
  flex-shrink:0;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);
  transition:all 0.3s ease;transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;top:60px;left:0;right:0;
  z-index:9998;
  background:rgba(11,28,44,0.98);
  backdrop-filter:blur(12px);
  padding:1.5rem 2rem 2rem;
  display:flex;flex-direction:column;
  transform:translateY(-110%);
  transition:transform 0.35s ease;
  border-bottom:1px solid rgba(184,151,106,0.25);
}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{
  font-size:1rem;font-weight:300;letter-spacing:0.08em;
  color:var(--white);text-decoration:none;
  padding:1.1rem 0;
  border-bottom:1px solid rgba(184,151,106,0.1);
  display:block;transition:color 0.2s;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--gold)}
@media(max-width:900px){
  .nav-links{display:none!important;visibility:hidden!important}
  .hamburger{display:flex!important}
  nav{z-index:9999!important;padding:1rem 1.2rem!important}
}
@media(min-width:901px){
  .mobile-menu{display:none!important}
}
}