.sub{
  margin:34px auto 0;
  max-width:760px;
  color:rgba(16,47,51,.78);
  font-family:"Hiragino Sans","Yu Gothic",sans-serif;
  font-size:17px;
  line-height:2;
  letter-spacing:.06em;
}

.site-header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  padding:28px 40px;
  display:flex;
  justify-content:flex-end;
}

.nav{
  display:flex;
  gap:32px;
  font-family:inherit;
  font-size:16px;
  font-weight:400;
  letter-spacing:.10em;
}

.nav a,
.nav a:visited{
  color:#005F66;
  border-bottom:none !important;
  text-decoration:none;
}

.nav a:hover{
  opacity:.65;
}

.main-logo{
  color:inherit;
  text-decoration:none;
  border-bottom:none !important;
  white-space:nowrap;
}

.main-logo:hover{
  opacity:.85;
}

.brand,
.home-brand{
  text-align:center;
  margin:0 auto;
}

.brand .main-logo,
.home-brand .main-logo{
  display:inline-block;
  color:#005F66;
  font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;
  font-size:clamp(42px,8.2vw,96px);
  line-height:1.25;
  font-weight:500;
  letter-spacing:.13em;
}

.brand-rule{
  width:min(360px,70%);
  height:1px;
  margin:52px auto 50px;
  background:rgba(0,95,102,.20);
}

footer{
  width:min(980px,calc(100% - 48px));
  margin:40px auto 0;
  padding:25px 0 50px;
  border-top:1px solid rgba(0,95,102,.20);
  color:rgba(16,47,51,.72);
  font-family:"Hiragino Sans","Yu Gothic",sans-serif;
  font-size:13px;
  line-height:1.9;
  letter-spacing:.05em;
  text-align:center;
}

footer a,
footer a:visited{
  color:#005F66;
}

@media (max-width:640px){
  .site-header{
    position:static;
    padding:24px 20px 0;
    justify-content:center;
  }

  .nav{
    justify-content:center;
    gap:22px;
    font-size:14px;
  }

  .brand,
  .home-brand{
    padding-top:64px;
  }

  .brand .main-logo,
  .home-brand .main-logo{
    font-size:clamp(34px,10.5vw,52px);
    letter-spacing:.06em;
  }
}