:root{
  --u: calc(100vw / 1440);
  --white: #ffffff;
  --brown: #492710;
  --gold:  #bf954c;
  --blue:  #363eb6;
  --beige: #dbd6c9;      
  --cream: #f5f4eb;      
  --cream2:#eceadd;      
  --rust:  #903419;      
  --green: #6ba08c;      
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  background:#01114b;
  font-family:'Noto Sans JP', sans-serif;
  font-feature-settings:"palt" 1;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ display:block; }

.sp-bg, .sp-bg-illumi, .sp-join,
.sp-bg2-full, .sp-bg2-loc{ display:none; }  
.sp-br{ display:none; }            

.sr-only{
  position:absolute; width:1px; height:1px; margin:-1px;
  clip-path:inset(50%); overflow:hidden; white-space:nowrap;
}

html{ scroll-padding-top:calc(var(--u)*110); }  
.lp{
  position:relative;
  width:100%;
  height:calc(var(--u) * 6788);
  overflow:hidden;
  
  background:linear-gradient(180deg, #000107 0%, #000107 38%, var(--beige) 44%, var(--beige) 100%);
}
.abs{ position:absolute; }

.txt-serif{ font-family:'Noto Serif SC','Noto Serif JP',serif; font-weight:500; color:var(--white); }
.txt-sans{ font-family:'Noto Sans JP', sans-serif; font-weight:500; color:var(--white); }

.bg-full2{ left:0; top:calc(var(--u)*800); width:100%; height:calc(var(--u)*5698); }

.sky-night{ left:0; top:calc(var(--u)*6); width:100%; }
.sil-left{ left:0; top:calc(var(--u)*751); width:calc(var(--u)*476); }
.sil-right{ left:calc(var(--u)*1146); top:calc(var(--u)*790); width:calc(var(--u)*294); }
.h1-img{ left:0; top:calc(var(--u)*2141); width:100%; }
.h2-img{ left:0; top:calc(var(--u)*2916); width:100%; }
.h3-img{ left:0; top:calc(var(--u)*3056); width:100%; }

.kv-uni{ left:0; top:0; width:100%; }
.kv-dawn7{ left:0; top:0; width:100%; opacity:0; will-change:opacity; }   

.kv-copy{
  left:50%; top:calc(var(--u)*400); transform:translate(-50%,-50%);
  width:max-content; text-align:center; color:var(--white);
  font-family:'Noto Serif SC','Noto Serif JP',serif; font-weight:500;
  font-size:calc(var(--u)*28); line-height:2; letter-spacing:.2em;
  text-shadow:calc(var(--u)*2) calc(var(--u)*2) calc(var(--u)*6) rgba(1,17,75,.5);
  opacity:0; will-change:opacity;
}

.pl-hiru-migi,.pl-hiru-naka,.pl-yoru-ushiro,.pl-hiru-migishita,.pl-yoru-ue,.pl-yoru-shita{
  left:calc(var(--u)*-327); top:calc(var(--u)*-220); width:calc(var(--u)*2008);
}

.mo-sanshin { left:calc(var(--u)*985); top:calc(var(--u)*450); width:calc(var(--u)*278); }
.mo-hanagasa{ left:calc(var(--u)*5);   top:calc(var(--u)*90);  width:calc(var(--u)*273); }
.mo-pine    { left:calc(var(--u)*362); top:calc(var(--u)*499); width:calc(var(--u)*279); }
.mo-goya    { left:calc(var(--u)*582); top:calc(var(--u)*15);  width:calc(var(--u)*279); }
.mo-shisa   { left:calc(var(--u)*150); top:calc(var(--u)*293); width:calc(var(--u)*241); }
.mo-kuina   { left:calc(var(--u)*930); top:calc(var(--u)*189); width:calc(var(--u)*279); }

.ob{ opacity:0; will-change:transform, opacity; z-index:1; }
.kv-title, .kv-copy{ z-index:2; }

@keyframes puru{
  0%{ transform:scale(1) rotate(0deg); }
  30%{ transform:scale(1.05) rotate(1.6deg); }
  60%{ transform:scale(.97) rotate(-1.2deg); }
  100%{ transform:scale(1) rotate(0deg); }
}
.ob.puru{ animation:puru .45s cubic-bezier(.36,.07,.19,.97); }

@keyframes puruSoft{
  0%{ transform:translate(0,0) rotate(0deg) scale(1); }
  35%{ transform:translate(0,0) rotate(.5deg) scale(1.008); }
  70%{ transform:translate(0,0) rotate(-.35deg) scale(1); }
  100%{ transform:translate(0,0) rotate(0deg) scale(1); }
}
.ob.puru-soft{ animation:puruSoft .55s ease; }

.kv-title{
  left:calc(var(--u)*707.45); transform:translateX(-50%);
  top:calc(var(--u)*262);
  width:max-content; text-align:center; color:var(--white);
  font-weight:700; text-decoration:none;
  opacity:0; will-change:opacity;
}
.kv-title img{ display:block; width:calc(var(--u)*455); height:auto; }

.kv-title .kvt-sub{ width:calc(var(--u)*217.5); margin:calc(var(--u)*15) auto 0; }
.kvt-en{ display:block; font-family:'Noto Serif SC','Noto Serif JP',serif; font-size:calc(var(--u)*87); letter-spacing:.09em; line-height:1; }
.kvt-furi{ display:block; font-family:'Noto Serif SC','Noto Serif JP',serif; font-weight:700; font-size:calc(var(--u)*25); letter-spacing:.1em; line-height:1; margin-top:calc(var(--u)*19); }
.kvt-furi + .kvt-en{ margin-top:calc(var(--u)*16); }
.kvt-in{ display:block; font-family:'Noto Serif SC','Noto Serif JP',serif; font-size:calc(var(--u)*54); letter-spacing:.05em; line-height:1; margin-top:calc(var(--u)*10); }

.scroll-ind{
  position:fixed;
  left:calc(var(--u)*708);
  bottom:32px;
  z-index:10;
  pointer-events:none;
  opacity:0;   
}
.scroll-anim{
  position:relative;
  width:calc(var(--u)*29); height:calc(var(--u)*90);
  animation:scrollDrift 2.6s ease infinite;
  filter:drop-shadow(0 1px 4px rgba(1,17,75,.65));
}
.scroll-anim img{ display:block; width:100%; height:auto; }
@keyframes scrollDrift{
  0%{ opacity:0; transform:translateY(calc(var(--u)*-12)); }
  30%{ opacity:1; }
  70%{ opacity:1; }
  100%{ opacity:0; transform:translateY(calc(var(--u)*14)); }
}

.il-box{
  left:calc(var(--u)*324); top:calc(var(--u)*1167);
  width:calc(var(--u)*793); height:calc(var(--u)*335);
  background:var(--blue); mix-blend-mode:multiply;
}
.il-bracket1{
  left:calc(var(--u)*805); top:calc(var(--u)*1159);
  width:calc(var(--u)*320); height:calc(var(--u)*100);
  border-top:2px solid var(--gold); border-right:2px solid var(--gold);
}
.il-bracket2{
  left:calc(var(--u)*316); top:calc(var(--u)*1410);
  width:calc(var(--u)*320); height:calc(var(--u)*100);
  border-bottom:2px solid var(--gold); border-left:2px solid var(--gold);
}
.il-photo{
  left:calc(var(--u)*835); top:calc(var(--u)*1228);
  width:calc(var(--u)*210); height:calc(var(--u)*210);
  border-radius:50%; object-fit:cover;
  object-position:100% 50%;  
}
.il-head{
  left:calc(var(--u)*397); top:calc(var(--u)*1223);
  font-size:calc(var(--u)*22); letter-spacing:.2em; line-height:1.7;
}
.il-body{
  left:calc(var(--u)*396); top:calc(var(--u)*1278);
  width:calc(var(--u)*383);
  font-size:calc(var(--u)*14); line-height:2.4; letter-spacing:.1em;
}
.il-thanks{
  left:calc(var(--u)*874); top:calc(var(--u)*1399);
  width:calc(var(--u)*209);
}
.il-thanks img{ display:block; width:100%; height:auto; }

.t-transform{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*2086);
  width:max-content;
  font-size:calc(var(--u)*22); line-height:2; letter-spacing:.2em;  
  text-align:center;
}

.person{
  transform-origin:50% 100%;
  animation:pyoko 3s steps(1) var(--pdel,0s) infinite;
  z-index:2;  
}
@keyframes pyoko{
  0%, 50%, 100%{ transform:rotate(0deg); }
  25%{ transform:rotate(var(--pa,5deg)); }
  75%{ transform:rotate(calc(var(--pa,5deg) * -1)); }
}
.p-scope{ left:calc(var(--u)*1053); top:calc(var(--u)*2341); width:calc(var(--u)*56); }
.p-family{ left:calc(var(--u)*200); top:calc(var(--u)*2530); width:calc(var(--u)*95); }
.p-walker{ left:calc(var(--u)*1148); top:calc(var(--u)*2740); width:calc(var(--u)*51); }
.p-reader{ left:calc(var(--u)*995); top:calc(var(--u)*2986); width:calc(var(--u)*80); }
.p-group{ left:calc(var(--u)*295); top:calc(var(--u)*3707); width:calc(var(--u)*115); }

.t-lead{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*2399);
  width:max-content;
  font-size:calc(var(--u)*20); line-height:2; letter-spacing:.1em;  
  text-align:center;
}
.t-title-wrap{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*2460);
  text-align:center; white-space:nowrap;
}
.t-furigana{
  font-family:'Noto Serif SC','Noto Serif JP',serif; font-weight:500; color:var(--white);
  font-size:calc(var(--u)*12); letter-spacing:.05em; line-height:1.7;
}
.t-title{
  position:relative; z-index:1;
  font-family:'Noto Serif SC','Noto Serif JP',serif; font-weight:500; color:var(--white);
  font-size:calc(var(--u)*22.4); letter-spacing:.05em; line-height:1.7;
  margin-top:calc(var(--u)*4);
}
.t-bar{
  position:absolute;
  left:50%; transform:translateX(-50%);
  
  top:auto; bottom:calc(var(--u)*3);
  width:calc(100% - var(--u)*24); height:calc(var(--u)*12);
  background:var(--brown);
}
.t-birth{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*2543);
  font-size:calc(var(--u)*20); line-height:1.6; letter-spacing:.1em;
  text-align:center; white-space:nowrap;
}
.t-body1{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*2602);
  width:max-content;
  font-size:calc(var(--u)*12); line-height:2.4; letter-spacing:.1em;
  text-align:center;
}

.t-body3{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*3525);
  width:max-content;
  font-size:calc(var(--u)*24); line-height:2.4; letter-spacing:.2em;
  text-align:center;
  color:var(--brown);
}
.t-amk{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*3755);
  text-align:center; color:var(--brown); white-space:nowrap;
  font-family:'Noto Serif SC','Noto Serif JP',serif; font-weight:700;
}
.amk-adventure{ font-size:calc(var(--u)*80); letter-spacing:.05em; line-height:1; }
.amk-furigana{
  font-family:'Noto Serif SC','Noto Serif JP',serif; font-weight:700;
  font-size:calc(var(--u)*24); letter-spacing:.1em; line-height:1;
  margin-top:calc(var(--u)*22);
}
.amk-museum{ font-size:calc(var(--u)*80); letter-spacing:.05em; line-height:1; margin-top:calc(var(--u)*16); }
.amk-in{ font-size:calc(var(--u)*48); letter-spacing:.05em; line-height:1; margin-top:calc(var(--u)*13); }

.t-dates{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*4726);
  display:flex; align-items:flex-end; gap:calc(var(--u)*10);
  color:var(--brown); font-family:'Noto Serif SC','Noto Serif JP',serif; white-space:nowrap;
}
.d-col{ display:flex; flex-direction:column; align-items:flex-start; gap:calc(var(--u)*8); }
.d-y1{ font-size:calc(var(--u)*12.6); font-weight:500; letter-spacing:.1em; line-height:1; }
.d-day{ font-size:calc(var(--u)*44.8); font-weight:500; letter-spacing:.05em; line-height:1; }
.d-year{ font-size:calc(var(--u)*22.4); font-weight:900; letter-spacing:.05em; line-height:1.1; }
.d-dash{
  align-self:center;
  width:calc(var(--u)*45); height:calc(var(--u)*1.4);
  background:var(--brown);
  margin:0 calc(var(--u)*8);
  transform:translateY(calc(var(--u)*10));
}

.cta{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*5318);
  display:flex; align-items:center; justify-content:center;
  width:calc(var(--u)*276); height:calc(var(--u)*74);
  background:var(--brown);
  border-radius:calc(var(--u)*20);
  font-family:'Noto Sans JP', sans-serif; font-weight:500;
  font-size:calc(var(--u)*15); letter-spacing:.1em;
  color:var(--white); text-decoration:none;
  box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(73,39,16,.18);
}
.cta:hover{
  background:var(--gold);
  transform:translateX(-50%) translateY(calc(var(--u)*-6)) scale(1.02);
  box-shadow:0 calc(var(--u)*18) calc(var(--u)*36) rgba(73,39,16,.30);
  letter-spacing:.11em;
}
.cta:active{
  transform:translateX(-50%) translateY(calc(var(--u)*-2)) scale(1);
  box-shadow:0 calc(var(--u)*8) calc(var(--u)*16) rgba(73,39,16,.24);
  transition-duration:.15s;
}
.cta:focus-visible{ outline:3px solid var(--gold); outline-offset:3px; }
.cta-note{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*5411);
  width:max-content;
  font-family:'Noto Sans JP', sans-serif; font-weight:500;
  font-size:calc(var(--u)*12); letter-spacing:.1em; line-height:2;
  color:var(--brown);
}

.ft-bar{
  left:0; top:calc(var(--u)*6498);
  width:100%; height:calc(var(--u)*290);
  background:var(--brown);
}
.ft-title{
  left:calc(var(--u)*80); top:calc(var(--u)*6548);
  padding:0; background:none; border:none; cursor:pointer;
  transition:opacity .3s ease;
}
.ft-title img{ display:block; width:calc(var(--u)*210); height:auto; }  
.ft-title:hover{ opacity:.75; }
.ft-title:focus-visible{ outline:2px solid var(--gold); outline-offset:4px; }
.ft-nav{
  left:calc(var(--u)*330); top:calc(var(--u)*6576);
  display:flex; gap:calc(var(--u)*24); white-space:nowrap;
}
.ft-nav a{
  font-family:'Noto Sans JP', sans-serif; font-weight:500;
  font-size:calc(var(--u)*12); letter-spacing:.04em; line-height:2;
  color:var(--white); text-decoration:none; transition:opacity .3s ease;
}
.ft-nav a:hover{ opacity:.7; }
.ft-line{
  left:calc(var(--u)*40); top:calc(var(--u)*6655);
  width:calc(var(--u)*1360); height:1px;
  background:rgba(255,255,255,.35);
}
.ft-logo{
  left:calc(var(--u)*1143); top:calc(var(--u)*6687);
  display:block;
  transition:opacity .3s ease;
}
.ft-logo img{ display:block; width:calc(var(--u)*217); height:auto; }
.ft-logo:hover{ opacity:.75; }
.ft-copy{
  left:auto; right:calc(var(--u)*8);
  top:calc(var(--u)*6757);
  font-family:'Inter','Noto Sans JP', sans-serif; font-weight:500;
  font-size:calc(var(--u)*8.4); line-height:1.7; color:var(--white);
  white-space:nowrap;
}

.site-header{
  position:fixed; z-index:60;
  top:calc(var(--u)*54); left:50%; transform:translateX(-50%);
  width:calc(var(--u)*1140); height:calc(var(--u)*60);
  background:rgba(255,255,255,.85);  
  border-radius:calc(var(--u)*80);
  opacity:0; pointer-events:none;
  transition:opacity .9s ease;
}
body.intro-done .site-header{ opacity:1; pointer-events:auto; }
.hd-logo{
  position:absolute; left:calc(var(--u)*80); top:50%; transform:translateY(-50%);
  display:block; width:calc(var(--u)*86);
}
.hd-logo img{
  display:block; width:100%; height:auto;
  filter:brightness(0) opacity(.87);  
}
.hd-nav{
  position:absolute; left:calc(var(--u)*515); top:0; height:100%;
  display:flex; align-items:center; gap:calc(var(--u)*24); white-space:nowrap;
}
.hd-nav a{
  font-family:'Noto Sans JP', sans-serif; font-weight:500;
  font-size:calc(var(--u)*12); line-height:2; letter-spacing:.1em; color:#000;
  text-align:center; text-decoration:none;
  transition:color .3s ease, transform .3s cubic-bezier(.34,1.56,.64,1);
}
.hd-nav a:hover{ color:var(--rust); transform:scale(1.08); }

.stt-lang-select{
  position:fixed !important; left:auto !important;
  top:calc(var(--u)*66) !important; right:calc(var(--u)*230) !important;
  z-index:70 !important;
  border-radius:calc(var(--u)*10) !important;
  box-shadow:none !important; border:1px solid #d9d9d9 !important;
  overflow:hidden !important;
  transition:opacity .9s ease !important;
}
body:not(.intro-done) .stt-lang-select{
  opacity:0 !important; visibility:hidden !important; pointer-events:none !important;
}

body > .skiptranslate{ display:none; }
body{ top:0 !important; }
html.translated-ltr body, html.translated-rtl body{ top:0 !important; }

.anchor{ position:absolute; width:1px; height:1px; visibility:hidden; }
#about{    top:calc(var(--u)*3120); }
#theme{    top:calc(var(--u)*3920); }
#stay{     top:calc(var(--u)*5130); }
#location{ top:calc(var(--u)*5660); }

.sec-title{
  font-family:'Noto Serif SC','Noto Serif JP',serif; font-weight:500;
  font-size:calc(var(--u)*33); letter-spacing:.04em; line-height:1;
  color:var(--brown);
  display:flex; align-items:center; gap:calc(var(--u)*24);
  white-space:nowrap;
}
.kasuri{ display:block; transform:translateY(calc(var(--u)*3)); }  
.kasuri-s{ width:calc(var(--u)*202); height:calc(var(--u)*13); }
.kasuri-l{ width:calc(var(--u)*387); height:calc(var(--u)*13); }
.kasuri-loc{ width:calc(var(--u)*156); height:calc(var(--u)*13); }  
.sec-sub{
  font-family:'Noto Sans JP', sans-serif; font-weight:500;
  font-size:calc(var(--u)*10); letter-spacing:.04em; line-height:1;
  color:var(--brown);
}

.st-about{ left:calc(var(--u)*398); top:calc(var(--u)*3254); }
.st-about-sub{ left:calc(var(--u)*398); top:calc(var(--u)*3305); }
.about-body{
  left:calc(var(--u)*398); top:calc(var(--u)*3340);
  font-size:calc(var(--u)*12); line-height:2; letter-spacing:.1em;
  color:var(--brown);
}
.about-photo{
  left:calc(var(--u)*834); top:calc(var(--u)*3372);
  width:calc(var(--u)*606); height:calc(var(--u)*394);
  object-fit:cover;
  border-radius:calc(var(--u)*20);  
}

.st-theme{ left:50%; transform:translateX(-50%); top:calc(var(--u)*4022); }
.st-theme-sub{ left:50%; transform:translateX(-50%); top:calc(var(--u)*4070); }
.theme-card{
  left:50%; transform:translateX(-50%); top:calc(var(--u)*4288);
  width:calc(var(--u)*858); height:calc(var(--u)*704);
  background:var(--cream);
  border-radius:calc(var(--u)*20) calc(var(--u)*20) 0 0;  
}
.theme-kv{
  left:50%; transform:translateX(-50%); top:calc(var(--u)*4190);
  width:calc(var(--u)*600); height:calc(var(--u)*331);
  background:#d9d9d9; border-radius:calc(var(--u)*20);
  display:flex; align-items:center; justify-content:center;
}
.theme-kv span{
  font-family:'Noto Sans JP', sans-serif; font-weight:500;
  font-size:calc(var(--u)*16); letter-spacing:.1em; color:#8f8f8f;
}

.theme-kv img{
  width:100%; height:100%; object-fit:cover;
  border-radius:inherit; display:block;
}
a.theme-kv{ transition:opacity .3s ease; }
a.theme-kv:hover{ opacity:.85; }
.theme-title{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*4583);
  font-size:calc(var(--u)*22); letter-spacing:.04em; line-height:1.15;
  color:var(--brown); white-space:nowrap;
}
.theme-body{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*4628);
  width:max-content; text-align:center;
  font-size:calc(var(--u)*12); line-height:2; letter-spacing:.1em;
  color:var(--brown);
}

.btn-detail{
  left:50%; transform:translateX(-50%);
  top:calc(var(--u)*4835);
  display:flex; align-items:center; justify-content:center;
  width:calc(var(--u)*210); height:calc(var(--u)*74);
  background:var(--rust);
  border-radius:calc(var(--u)*20);
  font-family:'Noto Sans JP', sans-serif; font-weight:500;
  font-size:calc(var(--u)*15); letter-spacing:.1em;
  color:var(--white); text-decoration:none;
  box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(73,39,16,.18);
}
.btn-detail:hover{
  background:var(--gold);
  transform:translateX(-50%) translateY(calc(var(--u)*-6)) scale(1.02);
  box-shadow:0 calc(var(--u)*18) calc(var(--u)*36) rgba(73,39,16,.30);
  letter-spacing:.11em;
}
.btn-detail:active{
  transform:translateX(-50%) translateY(calc(var(--u)*-2)) scale(1);
  box-shadow:0 calc(var(--u)*8) calc(var(--u)*16) rgba(73,39,16,.24);
  transition-duration:.15s;
}
.btn-detail:focus-visible{ outline:3px solid var(--brown); outline-offset:3px; }

.stay-card{
  left:50%; transform:translateX(-50%); top:calc(var(--u)*5248);
  width:calc(var(--u)*864); height:calc(var(--u)*226);
  background:var(--cream2); border-radius:calc(var(--u)*20);  
}

.bg-lower{ left:0; top:calc(var(--u)*4400); width:100%; }  
.bg-mid{
  left:0; top:calc(var(--u)*4072); width:100%;  
  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
  mask-image:linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
}
.st-loc{ left:calc(var(--u)*398); top:calc(var(--u)*5762); color:var(--white); }
.st-loc-sub{ left:calc(var(--u)*398); top:calc(var(--u)*5812); color:var(--white); }
.loc-addr{
  left:calc(var(--u)*398); top:calc(var(--u)*5850);
  font-size:calc(var(--u)*12); line-height:2; letter-spacing:.1em;
  color:var(--white);
}
.loc-map{
  left:calc(var(--u)*634); top:calc(var(--u)*5943);
  width:calc(var(--u)*519); height:calc(var(--u)*338);
  overflow:hidden;
  background:#dfeee6;
}
.loc-map iframe{ display:block; width:100%; height:100%; border:0; }

.hd-menu, .sp-drawer{ display:none; }

@media (max-width:767px){
  
  .site-header{
    top:calc(var(--us)*24);
    width:calc(var(--us)*350); height:calc(var(--us)*62);
    border-radius:calc(var(--us)*80);
  }
  .hd-logo{ left:calc(var(--us)*28); width:calc(var(--us)*63); }
  .hd-nav{ display:none; }  
  .stt-lang-select{ top:calc(var(--us)*37) !important; right:calc(var(--us)*100) !important; }
  body.drawer-open .stt-lang-select{ display:none !important; }
  body.drawer-open{ overflow:hidden; }  
  .hd-menu{
    display:block; position:absolute;
    left:calc(var(--us)*294); top:50%; transform:translateY(-50%);
    width:calc(var(--us)*28); height:calc(var(--us)*22);
    background:none; border:none; padding:0; cursor:pointer;
  }
  .hd-menu span{
    display:block; width:100%; height:2px; background:#000;
    position:absolute; left:0; transition:transform .3s ease, opacity .3s ease;
  }
  .hd-menu span:nth-child(1){ top:0; }
  .hd-menu span:nth-child(2){ top:calc(50% - 1px); }
  .hd-menu span:nth-child(3){ bottom:0; }

  
  .sp-drawer{
    display:block; position:fixed; inset:0; z-index:80;
    background:#010A62;
    transform:translateX(100%);
    transition:transform .45s cubic-bezier(.22,1,.36,1);
    overflow-y:auto;
  }
  body.drawer-open .sp-drawer{ transform:none; }
  .dr-logo{
    position:absolute; left:calc(var(--us)*48); top:calc(var(--us)*42);
    width:calc(var(--us)*63); height:auto;
  }
  .dr-close{
    position:absolute; left:calc(var(--us)*310); top:calc(var(--us)*38);
    width:calc(var(--us)*34); height:calc(var(--us)*34);
    background:none; border:none; padding:0; cursor:pointer;
  }
  .dr-close span{
    position:absolute; left:calc(var(--us)*3); top:50%;
    width:calc(var(--us)*28); height:2px; background:var(--white);
  }
  .dr-close span:nth-child(1){ transform:rotate(45deg); }
  .dr-close span:nth-child(2){ transform:rotate(-45deg); }
  .dr-nav{
    position:absolute; left:calc(var(--us)*48); top:calc(var(--us)*133);
    display:flex; flex-direction:column; gap:calc(var(--us)*32);
  }
  .dr-nav a{
    font-family:'Noto Sans JP', sans-serif; font-weight:500;
    font-size:calc(var(--us)*20); line-height:2; letter-spacing:.04em;
    color:var(--white); text-decoration:none;
  }
}

.reveal{
  opacity:0; translate:0 calc(var(--u)*26);
  transition:opacity 1.1s cubic-bezier(.22,1,.36,1), translate 1.1s cubic-bezier(.22,1,.36,1);
}
.reveal[data-d="1"]{ transition-delay:.15s; }
.reveal[data-d="2"]{ transition-delay:.3s; }
.reveal[data-d="3"]{ transition-delay:.45s; }
.reveal.on{ opacity:1; translate:0 0; }
.il-box.reveal, .il-bracket1.reveal, .il-bracket2.reveal{ translate:0 0; }  

.cta.reveal, .btn-detail.reveal{
  transition:opacity 1.1s cubic-bezier(.22,1,.36,1) .45s,
             translate 1.1s cubic-bezier(.22,1,.36,1) .45s,
             background-color .45s ease 0s,
             box-shadow .45s cubic-bezier(.22,1,.36,1) 0s,
             transform .45s cubic-bezier(.34,1.56,.64,1) 0s,
             letter-spacing .45s ease 0s;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .kv-main, .kv-title, .scroll-ind{ animation:none; }
  .scroll-anim, .person{ animation:none; }
  .reveal{ opacity:1; translate:0 0; transition:none; }
}

.lang-en .kv-copy br,
.lang-en .il-body br,
.lang-en .t-transform br,
.lang-en .t-lead br,
.lang-en .t-body1 br,
.lang-en .t-body3 br{ display:none; }
.lang-en .kvt-furi{ display:none; }     
.lang-en .t-furigana{ display:none; }

.lang-en .kv-copy{ width:calc(var(--u)*1100); white-space:normal; font-size:calc(var(--u)*34); line-height:1.8; }
.lang-en .il-head{ width:calc(var(--u)*640); font-size:calc(var(--u)*26); line-height:1.5; letter-spacing:.08em; }
.lang-en .il-body{ width:calc(var(--u)*640); font-size:calc(var(--u)*17); line-height:1.9; letter-spacing:.04em; }
.lang-en .t-transform{ width:calc(var(--u)*1000); white-space:normal; font-size:calc(var(--u)*34); line-height:1.7; }
.lang-en .t-lead{ width:calc(var(--u)*1000); white-space:normal; font-size:calc(var(--u)*27); line-height:1.6; }
.lang-en .t-body1{ width:calc(var(--u)*840); font-size:calc(var(--u)*20); line-height:1.9; letter-spacing:.04em; }
.lang-en .t-body3{ width:calc(var(--u)*840); font-size:calc(var(--u)*20); line-height:1.9; letter-spacing:.04em; }
.lang-en .cta-note{ width:calc(var(--u)*840); white-space:normal; letter-spacing:.06em; }
.lang-en .cta{
  font-size:calc(var(--u)*20); line-height:1.5; text-align:center;
  height:auto; min-height:calc(var(--u)*89);
  padding:calc(var(--u)*14) calc(var(--u)*36);
  width:auto; min-width:calc(var(--u)*384); max-width:calc(var(--u)*640);
}
.lang-en .cta-note{ text-align:center; }

@media (max-width:767px){
  :root{ --us: calc(100vw / 390); }

  
  .sky-night, .sil-left, .sil-right,
  .h1-img, .h2-img, .h3-img,
  .bg-lower, .bg-mid, .bg-full2{ display:none; }
  .sp-br{ display:inline; }
  .pc-br{ display:none; }

  .lp{
    height:calc(max(100vh,  var(--us)*700) + var(--us)*5387);
    height:calc(max(100svh, var(--us)*700) + var(--us)*5387);
    background:#050a24;
    z-index:0;
  }
  .kv{
    position:absolute; left:0; top:0; width:100%;
    height:max(100vh,  calc(var(--us)*700));
    height:max(100svh, calc(var(--us)*700));
  }

  
  .lower{
    position:absolute; left:0; width:100%;
    top:max(100vh,  calc(var(--us)*700));
    top:max(100svh, calc(var(--us)*700));
    height:calc(var(--us)*5387);
    background:linear-gradient(180deg,
      transparent 0%, transparent 39.4%,
      var(--beige) 40.2%, var(--beige) 79.4%,
      #6ba08c 80.2%, #6ba08c 100%);  
  }
  
  .sp-bg, .sp-bg-illumi{ display:none; }
  .sp-bg2-full{ display:block; left:0; top:0; width:100%; }
  
  .sp-bg2-loc{
    display:block; left:0; top:calc(var(--us)*3840); width:100%;
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 4%, #000 100%);
    mask-image:linear-gradient(180deg, transparent 0%, #000 4%, #000 100%);
  }

  
  #about{    top:calc(var(--us)*2150); }
  #theme{    top:calc(var(--us)*2960); }
  #stay{     top:calc(var(--us)*3940); }
  #location{ top:calc(var(--us)*4290); }
  html{ scroll-padding-top:calc(var(--us)*100); }

  
  .il-box{
    left:calc(var(--us)*27); top:calc(var(--us)*239);
    width:calc(var(--us)*336); height:calc(var(--us)*653);
    background:rgba(22,37,107,.92); mix-blend-mode:normal;
  }
  .il-bracket1{
    left:calc(var(--us)*211); top:calc(var(--us)*231);
    width:calc(var(--us)*160); height:calc(var(--us)*50);
  }
  .il-bracket2{
    left:calc(var(--us)*19); top:calc(var(--us)*850);
    width:calc(var(--us)*160); height:calc(var(--us)*50);
  }
  .il-photo{
    left:50%; transform:translateX(-50%);
    top:calc(var(--us)*626);
    width:calc(var(--us)*220); height:calc(var(--us)*220);
  }
  .il-head{
    left:50%; transform:translateX(-50%); width:max-content; text-align:center;
    top:calc(var(--us)*285);
    font-size:calc(var(--us)*22); letter-spacing:.2em; line-height:1.7;
  }
  .il-body{
    left:calc(var(--us)*45); transform:none;
    width:calc(var(--us)*300); text-align:justify;
    top:calc(var(--us)*375);
    font-size:calc(var(--us)*14); line-height:2.4; letter-spacing:.2em;
  }
  .il-body br{ display:none; }
  .il-thanks{
    left:calc(var(--us)*143);
    top:calc(var(--us)*809);
    width:calc(var(--us)*200);
  }

  
  .t-transform{
    top:calc(var(--us)*1031);
    font-size:calc(var(--us)*24); line-height:2; letter-spacing:.2em;
  }

  
  .t-lead{
    top:calc(var(--us)*1294);
    font-size:calc(var(--us)*22); letter-spacing:.1em; line-height:1.7;
  }
  .t-title-wrap{ top:calc(var(--us)*1384); white-space:normal; width:calc(var(--us)*330); }
  .t-furigana{ font-size:calc(var(--us)*14); letter-spacing:.08em; }
  .t-title{ font-size:calc(var(--us)*24); line-height:1.6; margin-top:calc(var(--us)*6); }
  .t-bar{ display:none; }
  .t-title-in{
    background-image:linear-gradient(transparent 62%, var(--brown) 62%, var(--brown) 90%, transparent 90%);
    -webkit-box-decoration-break:clone; box-decoration-break:clone;
    padding:0 calc(var(--us)*4);
  }
  .t-birth{ top:calc(var(--us)*1498); font-size:calc(var(--us)*22); }
  .t-body1{
    top:calc(var(--us)*1557);
    left:50%; transform:translateX(-50%);
    width:calc(var(--us)*330); text-align:center;
    font-size:calc(var(--us)*14); line-height:2.4; letter-spacing:.1em;
  }
  .t-body1 br{ display:none; }  

  
  .p-scope { left:calc(var(--us)*300); top:calc(var(--us)*1150); width:calc(var(--us)*40); }
  .p-family{ left:calc(var(--us)*8);   top:calc(var(--us)*1470); width:calc(var(--us)*62); }
  .p-walker{ display:none; }
  .p-reader{ left:calc(var(--us)*287); top:calc(var(--us)*2128); width:calc(var(--us)*59); }  
  .p-group { left:0;                   top:calc(var(--us)*2897); width:calc(var(--us)*67); }

  
  .sec-title{ font-size:calc(var(--us)*32); gap:calc(var(--us)*14); }
  .sec-sub{ font-size:calc(var(--us)*12); }
  .kasuri-s, .kasuri-loc{ width:calc(var(--us)*124); height:calc(var(--us)*8); }
  .kasuri-l{ width:calc(var(--us)*39); height:calc(var(--us)*8); object-fit:cover; object-position:left; }
  .st-about{ left:calc(var(--us)*44); top:calc(var(--us)*2202); }
  .st-about-sub{ left:calc(var(--us)*44); top:calc(var(--us)*2246); }
  .about-body{
    left:calc(var(--us)*45); top:calc(var(--us)*2280);
    width:calc(var(--us)*318);
    font-size:calc(var(--us)*14); line-height:2.2; letter-spacing:.1em;
  }
  .about-body br{ display:none; }  
  .about-photo{
    left:calc(var(--us)*42); top:calc(var(--us)*2595);
    width:calc(var(--us)*405); height:calc(var(--us)*270);
    border-radius:calc(var(--us)*10);  
  }

  
  .st-theme{ top:calc(var(--us)*3016); }
  .st-theme-sub{ top:calc(var(--us)*3060); }
  .theme-kv{
    left:calc(var(--us)*26); top:calc(var(--us)*3114);
    width:calc(var(--us)*338); height:calc(var(--us)*194);
    transform:none;  
    border-radius:calc(var(--us)*10);  
  }
  .theme-kv span{ font-size:calc(var(--us)*12); }
  .theme-card{
    left:calc(var(--us)*-45); top:calc(var(--us)*3177);
    width:calc(var(--us)*482); height:calc(var(--us)*663);
    transform:none;  
    border-radius:calc(var(--us)*24) calc(var(--us)*24) 0 0;
  }
  .theme-title{
    top:calc(var(--us)*3364);
    font-size:calc(var(--us)*22);
  }
  .theme-body{
    top:calc(var(--us)*3412);
    width:calc(var(--us)*317); white-space:normal;
    font-size:calc(var(--us)*14); line-height:2.2; letter-spacing:.1em;
  }
  .theme-body br{ display:none; }  
  .t-dates{ top:calc(var(--us)*3591); gap:calc(var(--us)*8); }
  .d-col{ gap:calc(var(--us)*5); }
  .d-y1{ font-size:calc(var(--us)*10.5); }
  .d-day{ font-size:calc(var(--us)*37.5); }
  .d-year{ font-size:calc(var(--us)*18.8); }
  .d-dash{ width:calc(var(--us)*37.5); height:2px; margin:0 calc(var(--us)*4); transform:translateY(calc(var(--us)*6)); }
  .btn-detail{
    top:calc(var(--us)*3685);
    width:calc(var(--us)*233); height:calc(var(--us)*79);
    border-radius:calc(var(--us)*20);
    font-size:calc(var(--us)*18);
    box-shadow:0 calc(var(--us)*4) calc(var(--us)*12) rgba(73,39,16,.18);
  }

  
  .stay-card{
    left:50%; transform:translateX(-50%);
    top:calc(var(--us)*3992);
    width:calc(var(--us)*352); height:calc(var(--us)*222);
    border-radius:calc(var(--us)*10);  
  }
  .cta{
    top:calc(var(--us)*4036);
    width:calc(var(--us)*300); height:calc(var(--us)*70);
    border-radius:calc(var(--us)*20);
    font-size:calc(var(--us)*18);
    box-shadow:0 calc(var(--us)*4) calc(var(--us)*12) rgba(73,39,16,.18);
  }
  .cta-note{
    top:calc(var(--us)*4130);
    left:50%; transform:translateX(-50%);
    width:calc(var(--us)*330); white-space:normal; text-align:center;
    font-size:calc(var(--us)*12); letter-spacing:.1em; line-height:1.7;
  }

  
  .st-loc{ left:calc(var(--us)*44); top:calc(var(--us)*4342); }
  .st-loc-sub{ left:calc(var(--us)*44); top:calc(var(--us)*4386); }
  .loc-addr{
    left:calc(var(--us)*45); top:calc(var(--us)*4420);
    font-size:calc(var(--us)*14); line-height:2.2; letter-spacing:.1em;
  }
  .loc-map{
    left:calc(var(--us)*45); top:calc(var(--us)*4572);
    width:calc(var(--us)*300); height:calc(var(--us)*196);
    border-radius:calc(var(--us)*8);
  }

  
  .ft-bar{ left:0; top:calc(var(--us)*4964); width:100%; height:calc(var(--us)*423); }
  .ft-title{ left:50%; transform:translateX(-50%); top:calc(var(--us)*5008); }
  .ft-title img{ width:calc(var(--us)*188); }
  .ft-nav{
    left:50%; transform:translateX(-50%); top:calc(var(--us)*5112);
    flex-direction:column; align-items:center; gap:calc(var(--us)*22);
  }
  
  .ft-nav a{ font-size:calc(var(--us)*14); letter-spacing:.04em; line-height:1.4; }
  
  .ft-nav a:nth-child(1){ order:1; }
  .ft-nav a:nth-child(2){ order:4; }
  .ft-nav a:nth-child(3){ order:2; }
  .ft-nav a:nth-child(4){ order:3; }
  .ft-line{ left:50%; transform:translateX(-50%); top:calc(var(--us)*5279); width:calc(var(--us)*352); }
  .ft-logo{ left:50%; transform:translateX(-50%); right:auto; top:calc(var(--us)*5300); }
  .ft-logo img{ width:calc(var(--us)*200); }
  .ft-copy{ left:50%; right:auto; transform:translateX(-50%); top:calc(var(--us)*5352); font-size:calc(var(--us)*10); white-space:nowrap; }

  
  .kv-uni, .kv-dawn7{ width:100%; height:100%; object-fit:cover; }

  
  .kv-copy{
    top:50%; transform:translate(-50%,-50%);
    font-size:calc(var(--us)*20); letter-spacing:.14em;
    text-shadow:0 1px calc(var(--us)*8) rgba(1,17,75,.55);
  }

  
  .pl-hiru-migi,.pl-hiru-naka,.pl-yoru-ushiro,.pl-hiru-migishita,.pl-yoru-ue,.pl-yoru-shita{ left:0; top:0; width:100%; }
  
  .pl-yoru-shita   { top:auto; bottom:calc(var(--us)*42); }
  .pl-yoru-ushiro  { top:auto; bottom:calc(var(--us)*58); }
  .pl-hiru-migishita{ top:auto; bottom:calc(var(--us)*58); }

  
  .mo-hanagasa{ left:0;                   top:calc(var(--us)*150); width:calc(var(--us)*82); }
  .mo-goya    { left:calc(var(--us)*205); top:calc(var(--us)*52);  width:calc(var(--us)*167); }
  .mo-shisa   { left:0;                   top:calc(var(--us)*280); width:calc(var(--us)*68); }
  .mo-kuina   { left:auto; right:0;       top:calc(var(--us)*222); width:calc(var(--us)*117); }
  
  .mo-pine    { left:calc(var(--us)*60);  top:auto; bottom:calc(var(--us)*94); width:calc(var(--us)*167); }
  .mo-sanshin { left:calc(var(--us)*222); top:auto; bottom:calc(var(--us)*69); width:calc(var(--us)*162); }

  
  .kv-title{ left:50%; top:calc(var(--us)*196); transform:translateX(-50%); }
  .kvt-en{ font-size:calc(var(--us)*52); letter-spacing:.05em; }
  .kvt-furi{ font-size:calc(var(--us)*14); letter-spacing:.1em; margin-top:calc(var(--us)*12); }
  .kvt-furi + .kvt-en{ margin-top:calc(var(--us)*12); }
  .kvt-in{ font-size:calc(var(--us)*28); margin-top:calc(var(--us)*12); }

  
  .scroll-ind{ left:50%; transform:translateX(-50%); bottom:16px; }
  .scroll-anim{ width:calc(var(--us)*28); height:calc(var(--us)*90); }

  
  .lang-en .kv-copy{ width:calc(var(--us)*330); font-size:calc(var(--us)*17); line-height:1.8; letter-spacing:.04em; }
  .lang-en .il-head{ width:calc(var(--us)*280); font-size:calc(var(--us)*16); line-height:1.5; letter-spacing:.06em; }
  .lang-en .il-body{ font-size:calc(var(--us)*12); line-height:1.85; letter-spacing:.03em; }
  .lang-en .t-transform{ width:calc(var(--us)*340); font-size:calc(var(--us)*20); line-height:1.7; letter-spacing:.04em; }
  .lang-en .t-lead{ width:calc(var(--us)*340); font-size:calc(var(--us)*17); line-height:1.6; letter-spacing:.04em; }
  .lang-en .t-title-wrap{ width:calc(var(--us)*330); }
  .lang-en .t-body1{ font-size:calc(var(--us)*12); line-height:1.9; letter-spacing:.03em; }
  .lang-en .t-body3{ font-size:calc(var(--us)*12); line-height:1.9; letter-spacing:.03em; }
  .lang-en .cta-note{ letter-spacing:.04em; }
  .lang-en .cta{
    font-size:calc(var(--us)*15); line-height:1.5; text-align:center;
    height:auto; min-height:calc(var(--us)*70);
    padding:calc(var(--us)*12) calc(var(--us)*24);
    width:auto; min-width:calc(var(--us)*300); max-width:calc(var(--us)*350);
  }
}

@media (min-width:768px){
  .kv{
    position:absolute; top:0; left:0; width:100%;
    height:max(100vh,  calc(var(--u)*800));
    height:max(100svh, calc(var(--u)*800));
  }
  .kv-uni, .kv-dawn7{ height:100%; object-fit:cover; }
  .lower{
    position:absolute; left:0; width:100%;
    top:calc(max(100vh,  var(--u)*800) - var(--u)*800);
    top:calc(max(100svh, var(--u)*800) - var(--u)*800);
  }
  .sky-night{
    top:calc(max(100vh,  var(--u)*800) - var(--u)*794);
    top:calc(max(100svh, var(--u)*800) - var(--u)*794);
  }
  .lp{
    
    height:calc(var(--u)*5988 + max(100vh,  var(--u)*800));
    height:calc(var(--u)*5988 + max(100svh, var(--u)*800));
  }
}

@media (min-width:768px){
  :root{ --uk: max(calc(100vw/1440), calc(100vh/800)); }
  @supports (height:1svh){ :root{ --uk: max(calc(100vw/1440), calc(100svh/800)); } }

  .pl-hiru-migi,.pl-hiru-naka,.pl-yoru-ushiro,.pl-hiru-migishita,.pl-yoru-ue,.pl-yoru-shita{
    left:calc(50vw - var(--uk)*1047); top:calc(var(--uk)*-220); width:calc(var(--uk)*2008);
  }
  .mo-sanshin { left:calc(50vw + var(--uk)*215);  top:calc(var(--uk)*480); width:calc(var(--uk)*278); }  
  .mo-hanagasa{ left:calc(50vw - var(--uk)*715);  top:calc(var(--uk)*90);  width:calc(var(--uk)*273); }
  .mo-pine    { left:calc(50vw - var(--uk)*358);  top:calc(var(--uk)*499); width:calc(var(--uk)*279); }
  .mo-goya    { left:calc(50vw - var(--uk)*138);  top:calc(var(--uk)*15);  width:calc(var(--uk)*279); }
  .mo-shisa   { left:calc(50vw - var(--uk)*570);  top:calc(var(--uk)*293); width:calc(var(--uk)*241); }
  .mo-kuina   { left:calc(50vw + var(--uk)*210);  top:calc(var(--uk)*189); width:calc(var(--uk)*279); }
  .kv-title{ left:calc(50vw - var(--uk)*12.55); top:calc(var(--uk)*262); }
  .kv-title img{ width:calc(var(--uk)*455); }
  .kv-title .kvt-sub{ width:calc(var(--uk)*217.5); margin-top:calc(var(--uk)*15); }
  .kv-copy{ top:calc(var(--uk)*400); font-size:calc(var(--uk)*28); }
  .scroll-ind{ left:50vw; transform:translateX(-50%); }
}

@media (max-width:767px){
  :root{ --uks: max(calc(100vw/390), calc(100vh/700)); }
  @supports (height:1svh){ :root{ --uks: max(calc(100vw/390), calc(100svh/700)); } }

  
  :root{ --ukb: calc(var(--uks) * 1.3); }
  
  
  .pl-yoru-ue{
    left:calc(50vw - var(--ukb)*598); top:calc(var(--ukb)*-84); width:calc(var(--ukb)*1204);
  }
  .pl-hiru-naka{
    left:calc(50vw - var(--ukb)*623); top:calc(var(--ukb)*-121); width:calc(var(--ukb)*1204);
  }
  .pl-hiru-migi{
    left:calc(50vw - var(--ukb)*761); top:calc(var(--ukb)*-50); width:calc(var(--ukb)*1204);
  }
  
  .pl-yoru-shita{
    left:calc(50vw - var(--ukb)*195); top:auto; bottom:calc(var(--uks)*-120); width:calc(var(--ukb)*390);
  }
  .pl-hiru-migishita{
    left:calc(50vw - var(--ukb)*195); top:auto; bottom:calc(var(--uks)*-120 + var(--ukb)*16); width:calc(var(--ukb)*390);
  }
  .pl-yoru-ushiro{  
    left:calc(50vw - var(--ukb)*195); top:auto; bottom:calc(var(--uks)*-150 + var(--ukb)*16); width:calc(var(--ukb)*390);
  }
  
  
  .mo-hanagasa{ left:0; top:calc(var(--uks)*150); width:calc(var(--uks)*96); }
  .mo-goya    { left:calc(50vw - var(--ukb)*83.5); top:calc(var(--ukb)*52 - 40px); width:calc(var(--ukb)*167); }  
  .mo-shisa   { left:0; top:calc(var(--uks)*310); width:calc(var(--uks)*82); }
  .mo-kuina   { left:auto; right:0; top:calc(var(--uks)*130); width:calc(var(--uks)*135); z-index:2; }  
  .mo-pine    { left:calc(50vw - var(--ukb)*160); top:auto; bottom:calc(var(--uks)*-10 + var(--ukb)*52); width:calc(var(--ukb)*167); }
  .mo-sanshin { left:calc(50vw - var(--ukb)*8);   top:auto; bottom:calc(var(--uks)*-15 + var(--ukb)*27); width:calc(var(--ukb)*162); }
  .kv-title{ left:50vw; top:50%; transform:translate(-50%,-50%); }  
  .kv-title img{ width:calc(var(--us)*278); }  
  .kv-title .kvt-sub{ width:calc(var(--us)*133); margin-top:calc(var(--us)*9); }
  .kv-copy{ font-size:calc(var(--uks)*20); }
}

@media (min-width:768px){
  .translated .t-lead{
    top:calc(var(--u)*2408);
    width:calc(var(--u)*950); white-space:normal;
    font-size:calc(var(--u)*26); line-height:1.55;
  }
  .translated .t-title-wrap{ top:calc(var(--u)*2538); white-space:normal; width:calc(var(--u)*900); }
  .translated .t-bar{ display:none; }
  .translated .t-furigana{ display:none; }
  .translated .t-title{ font-size:calc(var(--u)*44); line-height:1.45; }
  
  .translated .t-title-in{
    background-image:linear-gradient(transparent 62%, var(--brown) 62%, var(--brown) 90%, transparent 90%);
    -webkit-box-decoration-break:clone; box-decoration-break:clone;
    padding:0 calc(var(--u)*10);
  }
  .translated .t-birth{ top:calc(var(--u)*2705); }
  .translated .t-body1{ top:calc(var(--u)*2775); width:calc(var(--u)*900); white-space:normal; }
}

html.translated .kv-copy br, html.translated .il-body br, html.translated .t-transform br,
html.translated .t-lead br, html.translated .t-body1 br, html.translated .t-body3 br,
html.translated .about-body br, html.translated .theme-body br{ display:none; }
html.translated .kvt-furi, html.translated .t-furigana, html.translated .t-bar{ display:none; }

html.translated .t-title-in{
  background-image:linear-gradient(transparent 74%, var(--brown) 74%, var(--brown) 97%, transparent 97%);
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
@media (min-width:768px){
  html.translated .hd-nav{ left:calc(var(--u)*420); gap:calc(var(--u)*20); }
  html.translated .hd-nav a{ font-size:calc(var(--u)*11); letter-spacing:.02em; }
  html.translated .kv-copy{ width:calc(var(--u)*1000); white-space:normal; font-size:calc(var(--u)*24); line-height:1.8; letter-spacing:.08em; }
  html.translated .il-head{ width:calc(var(--u)*440); white-space:normal; font-size:calc(var(--u)*18); line-height:1.5; letter-spacing:.06em; }
  html.translated .il-body{ width:calc(var(--u)*440); font-size:calc(var(--u)*12); line-height:1.8; letter-spacing:.03em; }
  html.translated .t-transform{ width:calc(var(--u)*900); white-space:normal; font-size:calc(var(--u)*20); line-height:1.7; letter-spacing:.08em; }
  html.translated .t-lead{ top:calc(var(--u)*2390); width:calc(var(--u)*900); white-space:normal; font-size:calc(var(--u)*17); line-height:1.6; letter-spacing:.06em; }
  html.translated .t-title-wrap{ top:calc(var(--u)*2455); width:calc(var(--u)*900); white-space:normal; }
  html.translated .t-title{ font-size:calc(var(--u)*22); line-height:1.5; }
  html.translated .t-title-in{ padding:0 calc(var(--u)*8); }
  html.translated .t-birth{ top:calc(var(--u)*2560); width:calc(var(--u)*900); white-space:normal; font-size:calc(var(--u)*18); }
  html.translated .t-body1{ top:calc(var(--u)*2610); width:calc(var(--u)*860); white-space:normal; font-size:calc(var(--u)*11.5); line-height:1.9; letter-spacing:.04em; }
  html.translated .t-body3{ width:calc(var(--u)*900); white-space:normal; font-size:calc(var(--u)*20); line-height:1.8; letter-spacing:.08em; }
  html.translated .about-body{ width:calc(var(--u)*400); font-size:calc(var(--u)*11); line-height:1.8; letter-spacing:.04em; }
  html.translated .theme-body{ width:calc(var(--u)*780); white-space:normal; font-size:calc(var(--u)*11); line-height:1.8; letter-spacing:.04em; }
  html.translated .cta{
    width:auto; min-width:calc(var(--u)*276); max-width:calc(var(--u)*560);
    height:auto; min-height:calc(var(--u)*74); padding:calc(var(--u)*12) calc(var(--u)*28);
    font-size:calc(var(--u)*14); line-height:1.4; white-space:normal; text-align:center;
  }
  html.translated .cta-note{ width:calc(var(--u)*800); white-space:normal; text-align:center; letter-spacing:.04em; }
}
@media (max-width:767px){
  html.translated .theme-body{ font-size:calc(var(--us)*12); line-height:1.7; letter-spacing:.03em; }
  html.translated .cta{
    width:calc(var(--us)*300); height:auto; min-height:calc(var(--us)*60);
    padding:calc(var(--us)*10) calc(var(--us)*16);
    font-size:calc(var(--us)*13); line-height:1.4; white-space:normal; text-align:center;
  }
}

html.translated .t-title-in{ background-image:none; padding:0; }
html.translated .t-title-wrap{ width:max-content; }
html.translated .t-bar{ display:block; left:50%; transform:translateX(-50%); top:auto; }

@media (min-width:768px){
  html.translated .t-lead{ width:calc(var(--u)*700); }          
  html.translated .t-title-wrap{ max-width:calc(var(--u)*900); }
  html.translated .t-bar{ width:calc(100% + var(--u)*16); height:calc(var(--u)*10); bottom:calc(var(--u)*-2); }
}
@media (max-width:767px){
  
  html.translated .kv-copy{ width:calc(var(--us)*330); white-space:normal; font-size:calc(var(--us)*17); line-height:1.8; letter-spacing:.04em; }
  html.translated .il-head{ width:calc(var(--us)*300); white-space:normal; font-size:calc(var(--us)*16); line-height:1.5; letter-spacing:.06em; }
  html.translated .il-body{ width:calc(var(--us)*300); text-align:left; font-size:calc(var(--us)*12); line-height:1.85; letter-spacing:.03em; }
  html.translated .t-transform{ width:calc(var(--us)*340); white-space:normal; font-size:calc(var(--us)*19); line-height:1.7; letter-spacing:.04em; }
  html.translated .t-lead{ width:calc(var(--us)*330); white-space:normal; font-size:calc(var(--us)*16); line-height:1.6; letter-spacing:.04em; }
  html.translated .t-title-wrap{ max-width:calc(var(--us)*340); white-space:normal; }
  html.translated .t-title{ font-size:calc(var(--us)*18); line-height:1.5; }
  html.translated .t-bar{ width:calc(100% + var(--us)*12); height:calc(var(--us)*8); bottom:calc(var(--us)*-2); }
  html.translated .t-birth{ width:calc(var(--us)*330); white-space:normal; font-size:calc(var(--us)*16); }
  html.translated .t-body1, html.translated .t-body3{ width:calc(var(--us)*330); white-space:normal; font-size:calc(var(--us)*12); line-height:1.9; letter-spacing:.03em; }
  html.translated .theme-title{ width:calc(var(--us)*300); white-space:normal; font-size:calc(var(--us)*18); line-height:1.3; text-align:center; }
  
  html.translated .loc-addr{ width:calc(var(--us)*332); white-space:normal; font-size:calc(var(--us)*13); line-height:1.8; letter-spacing:.02em; }
  html.translated .cta-note{ width:calc(var(--us)*330); white-space:normal; }
  
  html.translated .about-body{ font-size:calc(var(--us)*13); line-height:2.0; letter-spacing:.03em; }
}