@import url('https://fonts.googleapis.com/css2?family=Ephesis&family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP:wght@200;300;400;500;600&display=swap'); 

:root{
  --navy:#211A3C;
  --ink:#231F20;
  --pale:#EFF6FE;
  --water:#DFF1FD;
  --paper:#FFFFFF;
  --head-h:78px;
  --foot-h:84px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Noto Serif JP",serif;
  color:var(--ink);background:var(--paper);letter-spacing:.045em;line-height:1.9;overflow-x:hidden;
  font-feature-settings:"palt" 1;
}
button,input{font:inherit}
a{color:inherit}

@media (max-height:800px) and (min-width:821px){
  :root{--head-h:70px;--foot-h:76px}
}


@media (max-width:820px){
  :root{--head-h:66px;--foot-h:0px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}



@media (max-width:820px){
  :root{--head-h:72px;--foot-h:0px}
  body{background:#fff;letter-spacing:.035em}
}



@media (max-width:820px){
  
  :root{--head-h:64px!important;--foot-h:0px!important}
}



@media (max-width:820px){
  
  body{letter-spacing:.02em!important;line-height:1.78!important}
}



@media (max-width:820px){
  
  body{letter-spacing:.028em!important;line-height:1.78!important}
}



:root{
  --nt-navy:#1D374C;--nt-navy-rgb:29 55 76;--nt-navy-hi:#2C4C63;--nt-navy-lo:#13283A;
  --nt-ink:#1F3A4D;--nt-ink-rgb:31 58 77;
  --nt-ground:#EEE8DF;--nt-face:#F6F2EC;
  --nt-line:rgba(31,58,77,.26);--nt-line-strong:rgba(31,58,77,.5);
  --nt-on-navy:#FFFFFF;--nt-on-navy-soft:rgba(255,255,255,.88);--nt-line-on-navy:rgba(255,255,255,.42);--nt-face-on-navy:rgba(255,255,255,.05);
  --nt-script-color:rgba(44,76,99,.82);
  
  --nt-water-navy:radial-gradient(ellipse 58% 52% at 10% 6%,rgba(70,110,136,.34) 0%,rgba(70,110,136,0) 72%),linear-gradient(170deg,#2C4C63 0%,#1D374C 44%,#13283A 100%);
  
  --nt-curve:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0 1000C553 940 703 279 1000 0V1000Z'/%3E%3C/svg%3E");
  --nt-serif:"Noto Serif JP",serif;--nt-sans:"Noto Sans JP",sans-serif;--nt-script:"Ephesis",cursive;
  --nt-head-weight:200;--nt-head-track:.24em;--nt-sub-weight:300;--nt-sub-track:.16em;--nt-body-weight:300;--nt-body-track:.14em;
  --nt-card-radius:28px;--nt-card-shadow:0 18px 40px rgba(64,52,36,.06);--nt-band-radius:14px;
  --nt-ease:cubic-bezier(.16,.78,.26,1);
}


.nt-label.nt-label{display:block;margin:0 0 18px;font-family:var(--nt-serif);color:var(--nt-ink);line-height:1.4;text-align:left;font-feature-settings:normal}
.nt-label.nt-label .nt-label__no{display:block;font-size:17px;font-weight:500;letter-spacing:.08em}
.nt-label.nt-label .nt-label__en{display:block;font-size:12.5px;font-weight:500;letter-spacing:.26em}
@media (max-width:820px){
  .nt-label.nt-label .nt-label__no{font-size:15px}
  .nt-label.nt-label .nt-label__en{font-size:11px;letter-spacing:.22em}
}

.nt-head.nt-head{font-family:var(--nt-serif);font-weight:var(--nt-head-weight);letter-spacing:var(--nt-head-track);line-height:1.6;color:var(--nt-ink);font-feature-settings:normal}
.nt-body.nt-body{font-family:var(--nt-serif);font-weight:var(--nt-body-weight);letter-spacing:var(--nt-body-track);line-height:2.05;color:var(--nt-ink)}

.nt-script.nt-script{font-family:var(--nt-script);font-weight:400;line-height:1.05;letter-spacing:.01em;color:var(--nt-script-color);white-space:nowrap;pointer-events:none}
.nt-script.nt-script>span{display:block}
.nt-script.nt-script>span+span{padding-left:1.5em}

.nt-card.nt-card{background:var(--nt-face);border:1px solid var(--nt-line);border-radius:var(--nt-card-radius);box-shadow:var(--nt-card-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}

.nt-btn.nt-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:14px 26px;border:1px solid var(--nt-navy);border-radius:0;
  background:var(--nt-navy);color:#fff;font-family:var(--nt-sans);font-size:17px;font-weight:400;line-height:1.35;letter-spacing:.08em;text-decoration:none;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.nt-btn.nt-btn:hover,.nt-btn.nt-btn:focus-visible{background:#fff;color:var(--nt-navy)}
.nt-btn--line.nt-btn--line{background:transparent;color:var(--nt-ink);border-color:rgba(31,58,77,.7)}
.nt-btn--line.nt-btn--line:hover,.nt-btn--line.nt-btn--line:focus-visible{background:var(--nt-ink);color:#fff}
@media (max-width:820px){
  .nt-btn.nt-btn{min-height:48px;padding:0 22px;border-radius:999px;font-size:16px}
}

.nt-navy .nt-label.nt-label,.nt-navy .nt-head.nt-head,.nt-navy .nt-body.nt-body{color:var(--nt-on-navy)}
.nt-navy .nt-card.nt-card{background:var(--nt-face-on-navy);border-color:var(--nt-line-on-navy);box-shadow:none}
.nt-navy .nt-btn--line.nt-btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.86)}
.nt-navy .nt-btn--line.nt-btn--line:hover,.nt-navy .nt-btn--line.nt-btn--line:focus-visible{background:#fff;color:var(--nt-navy)}
