@font-face{font-family:'RocknRoll One';src:url(fonts/rocknroll-one-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Yuji Mai';src:url(fonts/yuji-mai-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(fonts/instrument-serif-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Zen Kaku Gothic New';src:url(fonts/zen-kaku-gothic-new-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{
  --cream:#f6f3ea;
  --teal:#17456b;
  --teal-d:#0f2f47;
  --olive:#d9cdb0;
  --ink:#1d1b17;
  --white:#ffffff;
  --k: calc(100vw / 1440);          
  --f-pop:'RocknRoll One','Zen Kaku Gothic New',sans-serif;   
  --f-brush:'Yuji Mai','Zen Kaku Gothic New',serif;      
  --f-en:'Instrument Serif',Georgia,serif;
  --f-ja:'Zen Kaku Gothic New',sans-serif;
}
@media (max-width:767px){ :root{ --k: calc(100vw / 375); } }
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--cream); color:var(--teal);
  font-family:var(--f-ja); overflow-x:hidden;
  font-feature-settings:"palt";
}
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
ul,ol,dl,dd{ margin:0; padding:0; list-style:none; }
h1,h2,h3,p{ margin:0; }
button{ font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; }
.ja{ font-family:var(--f-ja); font-size:calc(15*var(--k)); line-height:2.15; letter-spacing:.02em; }
.en{ font-family:var(--f-en); font-size:calc(17*var(--k)); line-height:1.62; letter-spacing:.005em; }
.pop-h{ font-family:var(--f-pop); font-weight:400; }
.pill{
  display:inline-flex; align-items:center; justify-content:center;
  border:calc(1.2*var(--k)) solid currentColor; border-radius:999px;
  padding:calc(4*var(--k)) calc(14*var(--k));
  font-family:var(--f-en); font-size:calc(15*var(--k)); line-height:1.3; white-space:nowrap;
}
.ico-round{
  display:inline-flex; align-items:center; justify-content:center;
  width:calc(32*var(--k)); height:calc(32*var(--k)); border-radius:50%;
  background:var(--teal); color:#fff; font-size:calc(13*var(--k)); flex:none;
}
.ico-ig{ background:var(--teal); position:relative; }
.ico-ig::before{
  content:""; width:calc(15*var(--k)); height:calc(15*var(--k));
  border:calc(1.6*var(--k)) solid #fff; border-radius:calc(5*var(--k));
}
.ico-ig::after{
  content:""; position:absolute; width:calc(6*var(--k)); height:calc(6*var(--k));
  border:calc(1.6*var(--k)) solid #fff; border-radius:50%;
}
.bub{
  display:inline-block; position:relative;
  border:calc(1.2*var(--k)) solid var(--teal); border-radius:999px;
  background:var(--cream); color:var(--teal);
  font-family:var(--f-pop); font-size:calc(12*var(--k)); line-height:1;
  padding:calc(9*var(--k)) calc(14*var(--k));
}
.bub::after{
  content:""; position:absolute; left:calc(16*var(--k)); bottom:calc(-9*var(--k));
  width:calc(7*var(--k)); height:calc(7*var(--k)); border-radius:50%;
  background:var(--cream); border:calc(1.2*var(--k)) solid var(--teal);
}
.bub-l::after{ left:auto; right:calc(16*var(--k)); }
.ph img{ width:100%; height:100%; object-fit:cover; border-radius:calc(26*var(--k)); }
.ph{ overflow:visible; }
.cta{ display:inline-flex; align-items:center; gap:calc(9*var(--k)); }
.cta-face{
  display:inline-flex; align-items:center; justify-content:center;
  font-family:var(--f-pop); font-size:calc(15*var(--k)); line-height:1;
  border:calc(1.4*var(--k)) solid currentColor;
  padding:calc(12*var(--k)) calc(26*var(--k));
  border-radius:calc(40*var(--k)) calc(40*var(--k)) calc(40*var(--k)) calc(40*var(--k)) / 50%;
}
.cta-arrow{
  display:inline-flex; align-items:center; justify-content:center;
  width:calc(34*var(--k)); height:calc(34*var(--k)); border-radius:50%;
  border:calc(1.4*var(--k)) solid currentColor; font-size:calc(13*var(--k)); flex:none;
}
.cta-big .cta-face{ font-size:calc(19*var(--k)); padding:calc(26*var(--k)) calc(38*var(--k)); }
.cta-big .cta-arrow{ width:calc(82*var(--k)); height:calc(82*var(--k)); font-size:calc(22*var(--k)); border:0; background:var(--teal); color:#fff; }
.cta-ig .cta-face{ font-size:calc(17*var(--k)); padding:calc(24*var(--k)) calc(34*var(--k)); }
.cta-arrow-ig{ width:calc(64*var(--k)); height:calc(64*var(--k)); position:relative; border:0; }
.cta-arrow-ig::before{
  content:""; position:absolute; width:calc(24*var(--k)); height:calc(24*var(--k));
  border:calc(2*var(--k)) solid var(--cream); border-radius:calc(8*var(--k));
}
.cta-arrow-ig::after{
  content:""; position:absolute; width:calc(9*var(--k)); height:calc(9*var(--k));
  border:calc(2*var(--k)) solid var(--cream); border-radius:50%;
}
.cta-ig .cta-arrow-ig{ background:var(--ink); }
.cta-white .cta-arrow-ig{ color:var(--teal); }
.cta-white .cta-arrow-ig::before,.cta-white .cta-arrow-ig::after{ border-color:var(--teal); }
.cta-white .cta-arrow-ig{ background:#fff; }
.cloud{ position:relative; }
.cloud::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:no-repeat center/100% 100%;
}
.cloud-concept::before{ background-image:url(assets/frame-concept.svg); }
.cloud-about::before{ background-image:url(assets/frame-about.svg); }
.cloud-stars::before{ background-image:url(assets/frame-stars.svg); }
.cloud-ja{
  font-family:var(--f-pop); font-weight:400; color:var(--teal);
  font-size:calc(28*var(--k)); line-height:1.44; letter-spacing:.01em;
}
.cloud-en{
  font-family:var(--f-en); color:var(--teal);
  font-size:calc(25*var(--k)); line-height:1.32; margin-top:calc(20*var(--k));
}
.inl{ display:inline-block; border-radius:calc(6*var(--k)); width:calc(30*var(--k)); height:calc(30*var(--k)); vertical-align:-.25em; }
.inl-s{ width:calc(24*var(--k)); height:calc(24*var(--k)); }
.hdr{
  position:relative; z-index:6;
  display:flex; align-items:center; justify-content:space-between;
  padding:calc(16*var(--k)) calc(16*var(--k)) 0;
}
.hdr-l,.hdr-r{ display:flex; align-items:center; gap:calc(8*var(--k)); }
.hdr-c{
  font-family:var(--f-en); font-size:calc(16*var(--k));
  display:inline-flex; align-items:center; gap:calc(6*var(--k));
}
.pin{ font-size:calc(11*var(--k)); }
.menu-open{
  display:none; position:fixed; z-index:40; top:calc(12*var(--k)); right:calc(12*var(--k));
  width:calc(48*var(--k)); height:calc(48*var(--k)); border-radius:50%;
  background:var(--teal); align-items:center; justify-content:center; gap:calc(4*var(--k));
}
.menu-open i{ width:calc(5*var(--k)); height:calc(5*var(--k)); border-radius:50%; background:#fff; display:block; }
.hero{ position:relative; padding-bottom:calc(40*var(--k)); }
.hero-tag{
  text-align:center; font-family:var(--f-pop); color:var(--teal);
  font-size:calc(17*var(--k)); line-height:1; margin-top:calc(28*var(--k));
}
.hero-logo{ width:calc(947*var(--k)); margin:calc(12*var(--k)) auto 0; position:relative; z-index:3; }
.hero-photo{
  width:calc(1172*var(--k)); height:calc(894*var(--k)); margin:calc(-84*var(--k)) auto 0;
  position:relative; z-index:1;
  border-radius:46% 46% 44% 44% / 33% 33% 30% 30%;
  overflow:hidden; outline:calc(1.4*var(--k)) solid var(--teal); outline-offset:calc(-1*var(--k));
}
.hero-photo img{ width:100%; height:100%; object-fit:cover; }
.hero-rail{
  position:absolute; z-index:4; right:calc(16*var(--k)); top:calc(158*var(--k));
  height:calc(334*var(--k)); display:flex; align-items:flex-start; gap:calc(1*var(--k));
  overflow:hidden; pointer-events:none;
}
.rail-track{
  flex:none; writing-mode:vertical-rl; font-family:var(--f-en); color:var(--teal);
  font-size:calc(12*var(--k)); letter-spacing:.03em; white-space:nowrap;
  animation:railUp 26s linear infinite;
}
.rail-track2{ animation-duration:30s; }
@keyframes railUp{ from{ transform:translateY(0); } to{ transform:translateY(-33.333%); } }
.kanji{
  position:absolute; z-index:4; right:calc(56*var(--k)); top:calc(496*var(--k));
  display:grid; grid-template-columns:repeat(2,auto); column-gap:calc(6*var(--k)); row-gap:calc(2*var(--k));
}
.kanji li{
  font-family:var(--f-brush); color:var(--teal);
  font-size:calc(70*var(--k)); line-height:.82; letter-spacing:.12em; white-space:nowrap;
  -webkit-text-stroke:calc(1.4*var(--k)) var(--teal);
}
.hero-coral{ position:absolute; z-index:4; left:calc(84*var(--k)); top:calc(706*var(--k)); width:calc(78*var(--k)); height:auto; }
.mq{ display:none; }
.mq-row{ overflow:hidden; }
.mq-track{
  display:flex; white-space:nowrap; width:max-content;
  font-family:var(--f-en); color:var(--teal); font-size:calc(15*var(--k));
  animation:mqL 26s linear infinite;
}
.mq-track2{ animation-duration:30s; }
@keyframes mqL{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.concept{ position:relative; z-index:2; margin-top:calc(-108*var(--k)); padding:0 0 calc(120*var(--k)); }
.cloud-concept{
  width:calc(697*var(--k)); min-height:calc(315*var(--k));
  margin-left:calc(78*var(--k)); padding:calc(62*var(--k)) 0 0 calc(20*var(--k));
}
.cc-grid{ position:relative; margin-top:calc(70*var(--k)); min-height:calc(830*var(--k)); }
.cc-ja{ width:calc(505*var(--k)); margin-left:calc(96*var(--k)); }
.cc-p1{ position:absolute; right:calc(214*var(--k)); top:calc(-100*var(--k)); width:calc(231*var(--k)); height:calc(231*var(--k)); }
.cc-p2{ position:absolute; left:calc(570*var(--k)); top:calc(435*var(--k)); width:calc(300*var(--k)); height:calc(300*var(--k)); }
.cc-chara{ position:absolute; left:calc(440*var(--k)); top:calc(700*var(--k)); display:flex; align-items:flex-start; gap:calc(-4*var(--k)); }
.cc-chara img{ width:calc(66*var(--k)); margin-left:calc(-118*var(--k)); margin-top:calc(28*var(--k)); }
.cc-en{ position:absolute; left:calc(997*var(--k)); top:calc(445*var(--k)); width:calc(350*var(--k)); }
.cc-en p{ font-family:var(--f-en); font-size:calc(17*var(--k)); line-height:1.62; }
.panel{
  position:relative; background:var(--teal-d); color:#fff;
  margin:0 calc(20*var(--k)); border-radius:calc(62*var(--k)) calc(62*var(--k)) 0 0;
  padding:calc(150*var(--k)) calc(76*var(--k)) calc(60*var(--k));
}
.panel-lunch{ margin-top:calc(-4*var(--k)); }
.panel-dinner{ border-radius:calc(62*var(--k)); margin-top:calc(-40*var(--k)); padding-bottom:calc(140*var(--k)); }
.eyebrow{
  display:flex; align-items:center; gap:calc(12*var(--k));
  font-family:var(--f-en); font-size:calc(28*var(--k)); line-height:1;
}
.eyebrow img{ width:calc(30*var(--k)); height:calc(30*var(--k)); border-radius:calc(7*var(--k)); }
.brush{
  font-family:var(--f-brush); font-weight:400; color:#fff;
  font-size:calc(245*var(--k)); line-height:.84; margin-top:calc(12*var(--k));
  -webkit-text-stroke:calc(3*var(--k)) #fff; display:flex; align-items:flex-end;
}
.brush span{ font-size:calc(44*var(--k)); -webkit-text-stroke:calc(1*var(--k)) #fff; margin-left:calc(6*var(--k)); padding-bottom:calc(14*var(--k)); }
.lu-grid{ position:relative; margin-top:calc(96*var(--k)); min-height:calc(620*var(--k)); }
.lu-ja{ width:calc(278*var(--k)); }
.lu-photo{ position:absolute; left:calc(394*var(--k)); top:calc(150*var(--k)); width:calc(473*var(--k)); height:calc(473*var(--k)); }
.lu-photo img{ border-radius:calc(30*var(--k)); }
.lu-en{ position:absolute; left:calc(902*var(--k)); top:calc(240*var(--k)); width:calc(292*var(--k)); }
.lu-en p{ font-family:var(--f-en); font-size:calc(17*var(--k)); line-height:1.6; }
.lu-chara{ position:absolute; right:calc(-125*var(--k)); top:calc(-45*var(--k)); display:flex; align-items:flex-start; }
.lu-chara img{ width:calc(74*var(--k)); margin-left:calc(-110*var(--k)); margin-top:calc(22*var(--k)); }
.lu-chara .bub{ background:var(--teal-d); border-color:#fff; color:#fff; margin-left:calc(56*var(--k)); }
.lu-chara .bub::after{ background:var(--teal-d); border-color:#fff; }
.tagblob{
  position:absolute; z-index:2; background:#fff; color:var(--teal);
  font-family:var(--f-pop); font-size:calc(33*var(--k)); line-height:1.22;
  padding:calc(8*var(--k)) calc(20*var(--k)); border-radius:calc(30*var(--k));
  white-space:nowrap;
}
.tb-en{ font-family:var(--f-en); font-size:calc(24*var(--k)); }
.tb-a{ left:calc(-40*var(--k)); top:calc(-142*var(--k)); }
.tb-b{ left:calc(30*var(--k)); top:calc(-90*var(--k)); }
.tb-c{ left:calc(378*var(--k)); bottom:calc(38*var(--k)); }
.tb-d{ left:calc(340*var(--k)); bottom:calc(-8*var(--k)); }
.di-1{ position:relative; margin-top:calc(110*var(--k)); min-height:calc(430*var(--k)); }
.di-photo{ position:relative; width:calc(427*var(--k)); height:calc(427*var(--k)); }
.di-photo img{ border-radius:calc(30*var(--k)); }
.di-1 .di-photo{ margin-left:calc(39*var(--k)); }
.tb-p1{ left:calc(382*var(--k)); top:calc(64*var(--k)); }
.tb-p2{ left:calc(410*var(--k)); top:calc(116*var(--k)); }
.di-tx{ position:absolute; left:calc(664*var(--k)); top:calc(190*var(--k)); width:calc(575*var(--k)); }
.di-tx .ja{ margin-bottom:calc(40*var(--k)); }
.di-tx .en{ font-family:var(--f-en); font-size:calc(17*var(--k)); line-height:1.6; }
.di-2{ position:relative; margin-top:calc(180*var(--k)); min-height:calc(500*var(--k)); }
.di-2 .di-tx{ position:static; width:calc(272*var(--k)); }
.di-2 .di-photo{ position:absolute; left:calc(394*var(--k)); top:calc(-108*var(--k)); width:calc(232*var(--k)); height:calc(232*var(--k)); }
.di-2 .di-photo-b{ left:calc(784*var(--k)); top:calc(-108*var(--k)); width:calc(427*var(--k)); height:calc(427*var(--k)); }
.tb-t1{ left:calc(64*var(--k)); top:calc(228*var(--k)); text-align:center; white-space:normal; width:calc(212*var(--k)); }
.tb-t2{ left:calc(96*var(--k)); top:calc(332*var(--k)); }
.tb-b1{ left:calc(62*var(--k)); top:calc(410*var(--k)); text-align:center; white-space:normal; width:calc(390*var(--k)); font-size:calc(24*var(--k)); }
.tb-b2{ left:calc(112*var(--k)); top:calc(494*var(--k)); }
.di-chara{ position:absolute; right:calc(-100*var(--k)); top:calc(-80*var(--k)); }
.di-chara img{ width:calc(66*var(--k)); margin-left:calc(-64*var(--k)); margin-top:calc(6*var(--k)); }
.di-chara .bub{ background:var(--teal-d); border-color:#fff; color:#fff; }
.di-chara .bub::after{ background:var(--teal-d); border-color:#fff; }
.di-3{ position:relative; margin-top:calc(210*var(--k)); min-height:calc(340*var(--k)); }
.di-3 .di-photo{ width:calc(232*var(--k)); height:calc(232*var(--k)); margin-left:calc(39*var(--k)); }
.tb-d1{ left:calc(-42*var(--k)); top:calc(196*var(--k)); }
.tb-d2{ left:calc(-18*var(--k)); top:calc(244*var(--k)); }
.di-3 .di-tx{ left:calc(351*var(--k)); top:calc(-88*var(--k)); width:calc(300*var(--k)); }
.di-3 .di-tx-b{ left:calc(784*var(--k)); top:calc(-38*var(--k)); width:calc(430*var(--k)); }
.stars{ position:relative; background:var(--cream); height:calc(4400*var(--k) + 100vh); }
.stars-stage{
  position:sticky; top:0; height:100vh; min-height:calc(760*var(--k));
  display:block; overflow:hidden;
}
.stars-head{ position:absolute; left:calc(78*var(--k)); top:calc(84*var(--k)); width:calc(400*var(--k)); }
.bub-top{ margin-left:calc(18*var(--k)); }
.thumbs{ position:relative; height:calc(200*var(--k)); margin-top:calc(-6*var(--k)); }
.th{
  position:absolute; display:flex; align-items:center; justify-content:center;
  width:calc(96*var(--k)); height:calc(96*var(--k));
  border-radius:calc(34*var(--k)) calc(42*var(--k)) calc(36*var(--k)) calc(44*var(--k));
}
.th img{ width:60%; height:auto; }
.th1{ left:calc(66*var(--k)); top:calc(24*var(--k)); background:#e4643c; }
.th2{ left:calc(150*var(--k)); top:calc(16*var(--k)); background:#2a6fb0; }
.th3{ left:calc(28*var(--k)); top:calc(96*var(--k)); background:#e8b545; }
.th4{ left:calc(120*var(--k)); top:calc(104*var(--k)); background:#bcd7e6; }
.th5{ left:calc(206*var(--k)); top:calc(96*var(--k)); background:#e8b545; }
.cloud-stars{
  width:calc(370*var(--k)); min-height:calc(258*var(--k));
  padding:calc(50*var(--k)) 0 0 calc(24*var(--k)); margin-top:calc(-6*var(--k));
}
.cloud-stars .cloud-ja{ font-size:calc(29*var(--k)); line-height:1.42; }
.cloud-stars .cloud-en{ font-size:calc(23*var(--k)); margin-top:calc(14*var(--k)); }
.stars-en{ margin-top:calc(74*var(--k)); }
.stars-en button{ display:flex; align-items:baseline; gap:calc(26*var(--k)); font-family:var(--f-en); }
.stars-en i{ font-style:normal; font-size:calc(14*var(--k)); }
.stars-en span{ font-size:calc(20*var(--k)); }
.stars-en li{ opacity:.42; transition:opacity .35s ease; line-height:1.62; }
.stars-en li.on{ opacity:1; }
.stars-ja{ position:absolute; right:calc(92*var(--k)); top:calc(288*var(--k)); width:calc(370*var(--k)); }
.stars-ja button{ display:flex; width:100%; align-items:baseline; justify-content:flex-end; gap:calc(12*var(--k)); }
.stars-ja span{ font-family:var(--f-pop); font-size:calc(47*var(--k)); line-height:1.34; }
.stars-ja i{ font-style:normal; font-family:var(--f-en); font-size:calc(15*var(--k)); }
.stars-ja li{ color:#9fc3d6; transition:color .35s ease; }
.stars-ja li.on{ color:var(--teal); }
.stars-cards{ position:absolute; left:calc(508*var(--k)); top:calc(296*var(--k)); width:calc(398*var(--k)); height:calc(520*var(--k)); }
.scard{
  position:absolute; inset:0; transform-style:preserve-3d;
  transform:rotate(-4.5deg) translateY(calc(14*var(--k))) scale(.97);
  opacity:0; transition:transform .55s cubic-bezier(.22,.7,.3,1), opacity .35s ease;
  cursor:pointer;
}
.scard.on{ opacity:1; transform:rotate(-4.5deg) translateY(0) scale(1); z-index:3; }
.scard.behind{ opacity:1; transform:rotate(-2deg) translate(calc(14*var(--k)),calc(10*var(--k))) scale(.99); z-index:2; }
.scard img{ width:100%; height:100%; object-fit:contain; backface-visibility:hidden; }
.scard .bk{ position:absolute; inset:0; transform:rotateY(180deg); }
.scard .fr,.scard .bk{ transition:transform .6s cubic-bezier(.3,.7,.3,1); }
.scard.flip .fr{ transform:rotateY(180deg); }
.scard.flip .bk{ transform:rotateY(360deg); }
.access{ position:relative; display:flex; align-items:flex-start; gap:calc(15*var(--k)); padding:calc(56*var(--k)) calc(20*var(--k)) calc(120*var(--k)); }
.map{
  position:relative; width:calc(702*var(--k)); height:calc(702*var(--k));
  flex:none; border-radius:calc(70*var(--k)); overflow:hidden;
  background:#dbe8f0;
}
.map-img{ width:100%; height:100%; object-fit:cover; }
.pill-map{
  position:absolute; left:calc(20*var(--k)); top:calc(20*var(--k));
  background:#fff; font-family:var(--f-pop); font-size:calc(13*var(--k));
  padding:calc(9*var(--k)) calc(20*var(--k)); border-width:calc(1.4*var(--k));
}
.ico-map{ position:absolute; left:calc(190*var(--k)); top:calc(19*var(--k)); }
.map-badge{
  position:absolute; left:calc(238*var(--k)); top:calc(180*var(--k));
  width:calc(78*var(--k)); height:calc(78*var(--k)); border-radius:50%;
  background:var(--teal); color:#fff; font-family:var(--f-brush); font-size:calc(30*var(--k));
  display:flex; align-items:center; justify-content:center; letter-spacing:-.06em;
}
.map-coral{ position:absolute; left:calc(300*var(--k)); top:calc(126*var(--k)); width:calc(70*var(--k)); }
.bub-map{ position:absolute; left:calc(388*var(--k)); top:calc(120*var(--k)); }
.ac-panel{
  margin-top:calc(160*var(--k)); flex:none;
  width:calc(682*var(--k)); background:var(--teal); color:#fff;
  border-radius:calc(70*var(--k)); padding:calc(86*var(--k)) calc(78*var(--k)) calc(96*var(--k));
}
.ac-panel .pop-h{ font-size:calc(40*var(--k)); line-height:1; letter-spacing:.01em; }
.ac-dl{ margin-top:calc(56*var(--k)); }
.ac-dl dt,.modal-dl dt{
  font-family:var(--f-pop); font-size:calc(17*var(--k)); line-height:1.35; margin-top:calc(28*var(--k));
}
.ac-dl dt:first-child,.modal-dl dt:first-child{ margin-top:0; }
.ac-dl dt em,.modal-dl dt em{ display:block; font-style:normal; font-family:var(--f-en); font-size:calc(16*var(--k)); }
.ac-dl dd,.modal-dl dd{ margin-top:calc(-46*var(--k)); margin-left:calc(158*var(--k)); }
.ac-dl dd .ja,.modal-dl dd .ja{ display:block; font-size:calc(16*var(--k)); line-height:1.7; }
.ac-dl dd .en,.modal-dl dd .en{ display:block; font-family:var(--f-en); font-size:calc(17*var(--k)); line-height:1.5; margin-top:calc(4*var(--k)); }
.ac-note{ margin-top:calc(46*var(--k)); margin-left:calc(158*var(--k)); }
.ac-note .rule{ font-family:var(--f-en); font-size:calc(15*var(--k)); line-height:.8; letter-spacing:-.08em; }
.ac-note .ja{ font-size:calc(14*var(--k)); line-height:1.7; margin:calc(6*var(--k)) 0; }
.ac-note .en{ font-family:var(--f-en); font-size:calc(16*var(--k)); line-height:1.4; margin:calc(6*var(--k)) 0; }
.ac-note a{ text-decoration:underline; }
.about{ position:relative; padding:calc(60*var(--k)) 0 calc(130*var(--k)); }
.ab-head{ position:relative; }
.cloud-about{
  width:calc(420*var(--k)); min-height:calc(250*var(--k));
  margin-left:calc(136*var(--k)); padding:calc(58*var(--k)) 0 0 calc(38*var(--k));
}
.cloud-about .cloud-ja{ font-size:calc(30*var(--k)); }
.cloud-about .cloud-en{ font-size:calc(24*var(--k)); margin-top:calc(14*var(--k)); }
.ab-chara{ position:absolute; left:calc(84*var(--k)); top:calc(176*var(--k)); width:calc(86*var(--k)); }
.ab-grid{ position:relative; margin-top:calc(76*var(--k)); }
.ab-ja{ width:calc(510*var(--k)); margin-left:calc(96*var(--k)); }
.ab-p1{ position:absolute; left:calc(878*var(--k)); top:calc(-88*var(--k)); width:calc(224*var(--k)); height:calc(224*var(--k)); }
.ab-p2{ position:absolute; left:calc(570*var(--k)); top:calc(190*var(--k)); width:calc(300*var(--k)); height:calc(300*var(--k)); }
.ab-en{ position:absolute; left:calc(1034*var(--k)); top:calc(252*var(--k)); width:calc(312*var(--k)); }
.ab-en p{ font-family:var(--f-en); font-size:calc(17*var(--k)); line-height:1.62; }
.ab-cta{ margin-left:calc(96*var(--k)); margin-top:calc(88*var(--k)); display:flex; flex-direction:column; align-items:flex-start; gap:calc(22*var(--k)); }
.ok{
  background:var(--olive); color:var(--ink);
  margin:0 calc(20*var(--k)); border-radius:calc(62*var(--k));
  padding:calc(140*var(--k)) calc(76*var(--k)) calc(110*var(--k));
  position:relative;
}
.ok-h{ font-family:var(--f-en); font-weight:400; font-size:calc(58*var(--k)); line-height:1.06; }
.ok-sub{ font-family:var(--f-pop); font-size:calc(15*var(--k)); margin-top:calc(16*var(--k)); }
.ok-grid{ position:relative; margin-top:calc(118*var(--k)); min-height:calc(520*var(--k)); }
.ok-ja{ width:calc(356*var(--k)); }
.ok-ja .ja{ margin-bottom:calc(24*var(--k)); }
.ok-ja .cta{ margin-top:calc(48*var(--k)); }
.ok-en{ position:absolute; left:calc(430*var(--k)); top:0; width:calc(354*var(--k)); }
.ok-en p{ font-family:var(--f-en); font-size:calc(17*var(--k)); line-height:1.6; }
.ok-p1{ position:absolute; left:calc(1022*var(--k)); top:calc(-66*var(--k)); width:calc(226*var(--k)); height:calc(226*var(--k)); }
.ok-p2{ position:absolute; left:calc(866*var(--k)); top:calc(178*var(--k)); width:calc(148*var(--k)); height:calc(148*var(--k)); }
.ok-ig{ position:absolute; right:0; bottom:calc(-14*var(--k)); }
.insta{
  position:relative; background:var(--teal);
  margin:calc(46*var(--k)) calc(20*var(--k)) 0; border-radius:calc(62*var(--k));
  height:calc(568*var(--k));
}
.ig-p{ position:absolute; }
.ig-p1{ left:calc(78*var(--k)); top:calc(78*var(--k)); width:calc(262*var(--k)); height:calc(262*var(--k)); }
.ig-p2{ left:calc(354*var(--k)); top:calc(350*var(--k)); width:calc(148*var(--k)); height:calc(148*var(--k)); }
.ig-p3{ left:calc(1152*var(--k)); top:calc(120*var(--k)); width:calc(148*var(--k)); height:calc(148*var(--k)); }
.ig-p4{ left:calc(970*var(--k)); top:calc(276*var(--k)); width:calc(192*var(--k)); height:calc(192*var(--k)); }
.ig-mid{ position:absolute; left:0; right:0; top:calc(190*var(--k)); text-align:center; color:#fff; }
.ig-ja{ font-family:var(--f-pop); font-size:calc(17*var(--k)); }
.ig-at{ font-family:var(--f-en); font-size:calc(74*var(--k)); line-height:1.1; margin-top:calc(2*var(--k)); }
.ig-mid .cta{ margin-top:calc(24*var(--k)); color:#fff; }
.foot{ position:relative; padding:calc(120*var(--k)) calc(20*var(--k)) calc(110*var(--k)); }
.ft-photo{ position:relative; width:calc(470*var(--k)); height:calc(590*var(--k)); margin-left:calc(38*var(--k)); }
.ft-photo .ft-main{
  width:100%; height:100%; object-fit:cover;
  border-radius:50% 50% calc(58*var(--k)) calc(58*var(--k)) / 42% 42% calc(58*var(--k)) calc(58*var(--k));
  outline:calc(1.4*var(--k)) solid var(--teal); outline-offset:calc(-1*var(--k));
}
.ft-round{ position:absolute; left:calc(18*var(--k)); top:calc(6*var(--k)); width:calc(120*var(--k)); height:calc(120*var(--k)); }
.ft-round svg{ width:100%; height:100%; }
.ft-round text{ font-family:var(--f-en); font-size:11px; fill:var(--teal); letter-spacing:.06em; }
.ft-coral{ position:absolute; left:calc(-24*var(--k)); top:calc(196*var(--k)); width:calc(72*var(--k)); }
.ft-nav{
  position:absolute; left:calc(536*var(--k)); top:calc(148*var(--k));
  display:flex; flex-direction:column; gap:calc(10*var(--k));
  font-family:var(--f-en); font-size:calc(19*var(--k));
}
.ft-addr{ display:inline-flex; align-items:center; gap:calc(6*var(--k)); margin-bottom:calc(26*var(--k)); }
.ft-nav em{ font-style:normal; font-size:calc(13*var(--k)); }
.ft-contact{ display:inline-flex; align-items:center; gap:calc(7*var(--k)); margin-top:calc(18*var(--k)); }
.mail{ font-size:calc(15*var(--k)); }
.ft-mark{ position:absolute; right:calc(52*var(--k)); top:calc(140*var(--k)); display:flex; flex-direction:column; align-items:flex-end; }
.kanji-ft{ position:static; width:max-content; display:grid; grid-template-columns:repeat(2,auto); column-gap:calc(6*var(--k)); row-gap:calc(2*var(--k)); }
.ft-logo{ width:calc(820*var(--k)); margin-top:calc(64*var(--k)); }
.modal{ position:fixed; inset:0; z-index:60; }
.modal[hidden]{ display:none; }
.modal-body{
  position:absolute; inset:calc(56*var(--k)) calc(18*var(--k)) calc(18*var(--k));
  background:var(--teal); color:#fff; overflow:auto;
  border-radius:calc(62*var(--k));
  padding:calc(96*var(--k)) calc(78*var(--k)) calc(120*var(--k));
}
.menu-close{ position:absolute; right:calc(78*var(--k)); top:calc(64*var(--k)); font-size:calc(38*var(--k)); line-height:1; color:#fff; }
.modal-nav li{ margin-bottom:calc(24*var(--k)); }
.modal-nav b{ display:block; font-family:var(--f-pop); font-weight:400; font-size:calc(40*var(--k)); line-height:1.1; }
.modal-nav i{ display:block; font-style:normal; font-family:var(--f-en); font-size:calc(26*var(--k)); color:#dbe8f0; margin-left:calc(28*var(--k)); }
.modal-nav a{ display:inline-block; padding:calc(6*var(--k)) calc(10*var(--k)); border:calc(1.4*var(--k)) solid transparent; }
.modal-nav a:focus-visible,.modal-nav li.on a{ border-color:#fff; }
.modal-dl{ margin-top:calc(70*var(--k)); }
.modal-sns{ margin-top:calc(54*var(--k)); font-family:var(--f-en); font-size:calc(19*var(--k)); display:flex; flex-direction:column; gap:calc(8*var(--k)); }
.modal-sns em{ font-style:normal; font-size:calc(13*var(--k)); }
.rv{ opacity:0; transform:translateY(calc(14*var(--k))) scale(.985); }
.rv.in{ opacity:1; transform:none; transition:opacity .42s ease, transform .5s cubic-bezier(.22,.7,.3,1); }
@media (max-width:767px){
  .hdr{ justify-content:center; padding-top:calc(20*var(--k)); }
  .hdr-l,.hdr-r{ display:none; }
  .hdr-c{ font-size:calc(13*var(--k)); }
  .menu-open{ display:flex; }
  .hero{ padding-bottom:calc(20*var(--k)); }
  .hero-tag{ font-size:calc(10*var(--k)); margin-top:calc(26*var(--k)); }
  .hero-logo{ width:calc(330*var(--k)); margin-top:calc(6*var(--k)); }
  .hero-photo{
    width:calc(345*var(--k)); height:calc(230*var(--k)); margin-top:calc(-16*var(--k));
    border-radius:calc(24*var(--k)) calc(24*var(--k)) 34% 34% / calc(24*var(--k)) calc(24*var(--k)) 22% 22%;
  }
  .hero-rail{ display:none; }
  .hero-coral{ left:calc(-4*var(--k)); top:calc(258*var(--k)); width:calc(38*var(--k)); }
  .kanji{
    position:static; margin:calc(18*var(--k)) auto 0; width:calc(345*var(--k));
    display:grid; grid-template-columns:repeat(4,1fr); column-gap:calc(6*var(--k)); row-gap:calc(2*var(--k));
    justify-items:center;
  }
  .kanji li{ font-size:calc(30*var(--k)); -webkit-text-stroke:calc(.7*var(--k)) var(--teal); }
  .kanji li:nth-child(1){ order:1 } .kanji li:nth-child(2){ order:2 }
  .kanji li:nth-child(7){ order:3 } .kanji li:nth-child(8){ order:4 }
  .kanji li:nth-child(3){ order:5 } .kanji li:nth-child(4){ order:6 }
  .kanji li:nth-child(9){ order:7 } .kanji li:nth-child(10){ order:8 }
  .kanji li:nth-child(5){ order:9 } .kanji li:nth-child(6){ order:10 }
  .kanji li:nth-child(11){ order:11 } .kanji li:nth-child(12){ order:12 }
  .mq{ display:block; margin-top:calc(18*var(--k)); }
  .mq-track{ font-size:calc(14*var(--k)); }
  .concept{ padding:calc(46*var(--k)) 0 calc(56*var(--k)); }
  .cloud-concept{
    width:calc(335*var(--k)); min-height:calc(160*var(--k)); margin:0 auto;
    padding:calc(32*var(--k)) calc(18*var(--k)) 0 calc(24*var(--k));
  }
  .cloud-ja{ font-size:calc(15*var(--k)); line-height:1.5; }
  .cloud-en{ font-size:calc(13*var(--k)); margin-top:calc(10*var(--k)); }
  .inl{ width:calc(15*var(--k)); height:calc(15*var(--k)); }
  .inl-s{ width:calc(12*var(--k)); height:calc(12*var(--k)); }
  .cc-grid{ margin-top:calc(40*var(--k)); padding:0 calc(24*var(--k)); }
  .cc-ja{ width:auto; margin-left:0; font-size:calc(13*var(--k)); }
  .cc-p1{ position:static; width:calc(125*var(--k)); height:calc(125*var(--k)); margin:calc(40*var(--k)) 0 0 auto; }
  .cc-p2{ position:static; width:calc(190*var(--k)); height:calc(190*var(--k)); margin:calc(-24*var(--k)) auto 0 0; }
  .cc-chara{ position:absolute; left:calc(28*var(--k)); top:calc(400*var(--k)); }
  .cc-chara img{ width:calc(52*var(--k)); margin-left:calc(-104*var(--k)); }
  .cc-en{ position:static; width:auto; margin-top:calc(40*var(--k)); }
  .cc-en p{ font-size:calc(13*var(--k)); }
  .panel{ margin:0 calc(10*var(--k)); padding:calc(64*var(--k)) calc(24*var(--k)) calc(40*var(--k)); border-radius:calc(34*var(--k)) calc(34*var(--k)) 0 0; }
  .panel-dinner{ border-radius:calc(34*var(--k)); padding-bottom:calc(70*var(--k)); }
  .eyebrow{ font-size:calc(18*var(--k)); }
  .eyebrow img{ width:calc(20*var(--k)); height:calc(20*var(--k)); }
  .brush{ font-size:calc(110*var(--k)); -webkit-text-stroke-width:calc(1.6*var(--k)); }
  .brush span{ font-size:calc(24*var(--k)); }
  .lu-grid,.di-1,.di-2,.di-3{ position:static; margin-top:calc(40*var(--k)); min-height:0; }
  .lu-ja,.di-tx,.di-3 .di-tx,.di-3 .di-tx-b{ position:static; width:auto; }
  .lu-photo,.di-photo,.di-2 .di-photo,.di-2 .di-photo-b,.di-3 .di-photo{
    position:relative; left:auto; top:auto;
    width:calc(240*var(--k)); height:calc(240*var(--k)); margin:calc(56*var(--k)) auto calc(40*var(--k));
  }
  .di-1 .di-photo{ margin-left:auto; }
  .lu-en,.di-tx .en,.di-tx .ja{ position:static; width:auto; }
  .lu-en{ margin-top:calc(30*var(--k)); }
  .lu-chara{ right:calc(-14*var(--k)); top:calc(-42*var(--k)); }
  .lu-chara img{ width:calc(50*var(--k)); margin-left:calc(-88*var(--k)); }
  .di-chara{ right:calc(-10*var(--k)); top:calc(-56*var(--k)); }
  .tagblob{ font-size:calc(15*var(--k)); padding:calc(6*var(--k)) calc(12*var(--k)); }
  .tb-en{ font-size:calc(13*var(--k)); }
  .tb-a{ left:calc(-16*var(--k)); top:calc(-80*var(--k)); }
  .tb-b{ left:calc(20*var(--k)); top:calc(-46*var(--k)); }
  .tb-c{ left:calc(140*var(--k)); bottom:calc(18*var(--k)); }
  .tb-d{ left:calc(120*var(--k)); bottom:calc(-14*var(--k)); }
  .tb-p1{ left:calc(150*var(--k)); top:calc(30*var(--k)); }
  .tb-p2{ left:calc(170*var(--k)); top:calc(64*var(--k)); }
  .tb-t1{ left:calc(38*var(--k)); top:calc(190*var(--k)); width:calc(120*var(--k)); }
  .tb-t2{ left:calc(56*var(--k)); top:calc(240*var(--k)); }
  .tb-b1{ left:calc(20*var(--k)); top:calc(200*var(--k)); width:calc(220*var(--k)); font-size:calc(15*var(--k)); }
  .tb-b2{ left:calc(40*var(--k)); top:calc(258*var(--k)); }
  .tb-d1{ left:calc(-14*var(--k)); top:calc(196*var(--k)); }
  .tb-d2{ left:calc(2*var(--k)); top:calc(232*var(--k)); }
  .stars{ height:calc(3400*var(--k) + 100vh); }
  .stars-stage{ min-height:calc(700*var(--k)); }
  .stars-head{ position:absolute; left:calc(24*var(--k)); top:calc(-8*var(--k)); width:calc(300*var(--k)); }
  .thumbs{ height:calc(96*var(--k)); }
  .th{ width:calc(56*var(--k)); height:calc(56*var(--k)); }
  .th1{ left:calc(44*var(--k)); top:calc(8*var(--k)); }
  .th2{ left:calc(94*var(--k)); top:calc(4*var(--k)); }
  .th3{ left:calc(16*var(--k)); top:calc(50*var(--k)); }
  .th4{ left:calc(70*var(--k)); top:calc(54*var(--k)); }
  .th5{ left:calc(124*var(--k)); top:calc(50*var(--k)); }
  .bub-top{ display:none; }
  .cloud-stars{ width:calc(258*var(--k)); min-height:calc(160*var(--k)); padding:calc(28*var(--k)) 0 0 calc(20*var(--k)); }
  .cloud-stars .cloud-ja{ font-size:calc(15*var(--k)); }
  .cloud-stars .cloud-en{ font-size:calc(13*var(--k)); }
  .stars-en,.stars-ja{ display:none; }
  .stars-cards{ left:calc(18*var(--k)); top:calc(244*var(--k)); width:calc(320*var(--k)); height:calc(408*var(--k)); }
  .access{ display:block; padding:calc(40*var(--k)) 0 calc(60*var(--k)); }
  .map{ width:calc(345*var(--k)); height:calc(345*var(--k)); margin:0 auto; border-radius:calc(34*var(--k)); }
  .pill-map{ font-size:calc(10*var(--k)); padding:calc(6*var(--k)) calc(12*var(--k)); }
  .ico-map{ left:calc(112*var(--k)); top:calc(17*var(--k)); width:calc(24*var(--k)); height:calc(24*var(--k)); }
  .map-badge{ left:calc(112*var(--k)); top:calc(86*var(--k)); width:calc(44*var(--k)); height:calc(44*var(--k)); font-size:calc(16*var(--k)); }
  .map-coral{ left:calc(146*var(--k)); top:calc(58*var(--k)); width:calc(38*var(--k)); }
  .bub-map{ left:calc(190*var(--k)); top:calc(56*var(--k)); font-size:calc(10*var(--k)); }
  .ac-panel{
    width:calc(355*var(--k)); margin:calc(30*var(--k)) auto 0;
    border-radius:calc(34*var(--k)); padding:calc(46*var(--k)) calc(26*var(--k)) calc(52*var(--k));
  }
  .ac-panel .pop-h{ font-size:calc(22*var(--k)); }
  .ac-dl{ margin-top:calc(30*var(--k)); }
  .ac-dl dd,.modal-dl dd{ margin-left:0; margin-top:calc(6*var(--k)); }
  .ac-dl dt,.modal-dl dt{ font-size:calc(14*var(--k)); }
  .ac-dl dd .ja,.ac-dl dd .en,.modal-dl dd .ja,.modal-dl dd .en{ font-size:calc(13*var(--k)); }
  .ac-note{ margin-left:0; margin-top:calc(30*var(--k)); }
  .about{ padding:calc(40*var(--k)) calc(24*var(--k)) calc(70*var(--k)); }
  .cloud-about{ width:calc(300*var(--k)); min-height:calc(180*var(--k)); margin-left:calc(20*var(--k)); padding:calc(34*var(--k)) 0 0 calc(26*var(--k)); }
  .cloud-about .cloud-ja{ font-size:calc(16*var(--k)); }
  .cloud-about .cloud-en{ font-size:calc(13*var(--k)); }
  .ab-chara{ left:calc(-8*var(--k)); top:calc(120*var(--k)); width:calc(52*var(--k)); }
  .ab-grid{ margin-top:calc(40*var(--k)); }
  .ab-ja{ width:auto; margin-left:0; font-size:calc(13*var(--k)); }
  .ab-p1{ position:static; width:calc(140*var(--k)); height:calc(140*var(--k)); margin:calc(40*var(--k)) 0 0 auto; }
  .ab-p2{ position:static; width:calc(200*var(--k)); height:calc(200*var(--k)); margin:calc(-20*var(--k)) auto 0 0; }
  .ab-en{ position:static; width:auto; margin-top:calc(40*var(--k)); }
  .ab-en p{ font-size:calc(13*var(--k)); }
  .ab-cta{ margin-left:0; margin-top:calc(44*var(--k)); gap:calc(16*var(--k)); }
  .cta-big .cta-face{ font-size:calc(14*var(--k)); padding:calc(16*var(--k)) calc(22*var(--k)); }
  .cta-big .cta-arrow{ width:calc(50*var(--k)); height:calc(50*var(--k)); }
  .cta-face{ font-size:calc(12*var(--k)); padding:calc(9*var(--k)) calc(16*var(--k)); }
  .cta-ig .cta-face{ font-size:calc(13*var(--k)); padding:calc(14*var(--k)) calc(20*var(--k)); }
  .cta-arrow-ig{ width:calc(44*var(--k)); height:calc(44*var(--k)); }
  .ok{ margin:0 calc(10*var(--k)); padding:calc(60*var(--k)) calc(24*var(--k)) calc(60*var(--k)); border-radius:calc(34*var(--k)); }
  .ok-h{ font-size:calc(32*var(--k)); }
  .ok-sub{ font-size:calc(12*var(--k)); }
  .ok-grid{ margin-top:calc(46*var(--k)); min-height:0; }
  .ok-ja{ width:auto; }
  .ok-ja .ja{ font-size:calc(13*var(--k)); }
  .ok-en{ position:static; width:auto; margin-top:calc(36*var(--k)); }
  .ok-en p{ font-size:calc(13*var(--k)); }
  .ok-p1{ position:static; width:calc(150*var(--k)); height:calc(150*var(--k)); margin:calc(40*var(--k)) 0 0 auto; }
  .ok-p2{ position:static; width:calc(110*var(--k)); height:calc(110*var(--k)); margin:calc(-16*var(--k)) auto 0 0; }
  .ok-ig{ position:static; margin-top:calc(40*var(--k)); }
  .insta{ margin:calc(30*var(--k)) calc(10*var(--k)) 0; border-radius:calc(34*var(--k)); height:calc(700*var(--k)); }
  .ig-p1{ left:calc(24*var(--k)); top:calc(50*var(--k)); width:calc(150*var(--k)); height:calc(150*var(--k)); }
  .ig-p2{ left:calc(200*var(--k)); top:calc(226*var(--k)); width:calc(110*var(--k)); height:calc(110*var(--k)); }
  .ig-p3{ left:calc(214*var(--k)); top:calc(60*var(--k)); width:calc(110*var(--k)); height:calc(110*var(--k)); }
  .ig-p4{ left:calc(40*var(--k)); top:calc(240*var(--k)); width:calc(130*var(--k)); height:calc(130*var(--k)); }
  .ig-mid{ top:calc(420*var(--k)); }
  .ig-ja{ font-size:calc(12*var(--k)); }
  .ig-at{ font-size:calc(42*var(--k)); }
  .foot{ padding:calc(56*var(--k)) calc(24*var(--k)) calc(60*var(--k)); }
  .ft-photo{ width:calc(240*var(--k)); height:calc(300*var(--k)); margin:0 auto; }
  .ft-round{ width:calc(72*var(--k)); height:calc(72*var(--k)); left:calc(-8*var(--k)); }
  .ft-round text{ font-size:12px; }
  .ft-coral{ left:calc(-18*var(--k)); top:calc(60*var(--k)); width:calc(44*var(--k)); }
  .ft-nav{ position:static; margin-top:calc(46*var(--k)); align-items:center; font-size:calc(14*var(--k)); }
  .ft-mark{ position:static; margin-top:calc(50*var(--k)); }
  .kanji-ft{ grid-template-columns:repeat(4,1fr); justify-items:center; }
  .kanji-ft li{ font-size:calc(30*var(--k)); -webkit-text-stroke:calc(.7*var(--k)) var(--teal); }
  .ft-logo{ width:calc(300*var(--k)); margin:calc(36*var(--k)) auto 0; }
  .modal-body{ inset:calc(18*var(--k)); padding:calc(70*var(--k)) calc(34*var(--k)) calc(90*var(--k)); border-radius:calc(34*var(--k)); }
  .menu-close{ right:calc(34*var(--k)); top:calc(38*var(--k)); font-size:calc(22*var(--k)); }
  .modal-nav b{ font-size:calc(22*var(--k)); }
  .modal-nav i{ font-size:calc(14*var(--k)); margin-left:calc(14*var(--k)); }
  .modal-sns{ font-size:calc(14*var(--k)); }
}
@media (prefers-reduced-motion:reduce){
  .rail-track,.mq-track{ animation:none; }
  .rv{ opacity:1; transform:none; }
}

.cloud::before{ background-size:112% 126%; }
.cloud-ja,.brush,.pop-h,.hero-tag,.ig-ja,.modal-nav b,.ok-sub{ word-break:keep-all; overflow-wrap:break-word; }
.ok-ja .qa{ margin-bottom:calc(26*var(--k)); }
.ok-ja .qa b{ display:block; font-family:var(--f-pop); font-weight:400; font-size:calc(16*var(--k)); line-height:1.6; }
.ok-en .qa{ margin-bottom:calc(18*var(--k)); }
.ok-en .qa b{ display:block; font-weight:500; }
.notice{ margin-top:calc(34*var(--k)); max-width:calc(250*var(--k)); font-family:var(--f-ja); font-size:calc(13*var(--k)); line-height:1.9; color:var(--teal); }
.notice span{ display:block; font-family:var(--f-en); font-size:calc(14*var(--k)); }
.ft-nav .lang{ margin-top:calc(14*var(--k)); }
@media (max-width:767px){
  .notice{ text-align:center; font-size:calc(11*var(--k)); }
  .ok-ja .qa b{ font-size:calc(13*var(--k)); }
}