@charset "UTF-8";
/* 営業用サンプル公開版のみ：非公式サンプル表示バー */
:root{--notice-h:28px;}
.sample-notice{
  position:fixed;top:0;left:0;right:0;z-index:200;height:var(--notice-h);margin:0;
  display:flex;align-items:center;justify-content:center;padding-inline:10px;
  background:var(--navy-d);color:#fff;border-bottom:1px solid rgba(255,255,255,.18);
  font-family:"Noto Sans JP",sans-serif;font-size:11px;line-height:1.3;letter-spacing:.06em;
  text-align:center;white-space:nowrap;overflow:hidden;
}
html{scroll-padding-top:calc(var(--header-h) + var(--notice-h));}
.header{top:var(--notice-h);}
.hero__body{padding-top:calc(var(--header-h) + var(--notice-h));}
@media (max-width:820px){
  .gnav{padding-top:calc(var(--header-h) + var(--notice-h));}
  .hero__media .img-note{top:calc(var(--header-h) + var(--notice-h) + 8px);}
}
@media (max-width:360px){
  .sample-notice{font-size:10px;letter-spacing:.02em;}
}