@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');


/* ----------------------------------------------------------------reset */
/*base*/
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img, figure, figcaption {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
/*font*/
h1, h2, h3, h4, h5, h6, p {
  font-style: normal;
  font-weight: normal;
  line-height: 1.8;
}
/*others*/
table {
  border-spacing: 0;
}
* html table {
  border-collapse: collapse;
}
*:first-child + html table {
  border-collapse: collapse;
}
th, td {
  vertical-align: middle;
  border-collapse: collapse;
}
table, th, td, tr, img {
  border: 0;
}
img {
  vertical-align: bottom;
}
q:before, q:after {
  content: '';
}
ul {
  list-style: none;
}
/* ------------------------------------------------------------------base*/
*, *::before, *::after {
  box-sizing: border-box;
}
/* ※ overflow-x は html には付けない(ヘッダーの sticky が効かなくなるため) */
html {
  scroll-behavior: smooth;
  /* スクロールバーの場所を常に確保(メニュー開閉時の横ずれ防止) */
  scrollbar-gutter: stable;
  font: 62.5%/1.7 游明朝, "Yu Mincho", YuMincho, "NotoSerifRegular", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
/*body*/
body {
  height: 100%;
  margin: 0;
  word-break: break-all;
  font-feature-settings: "palt";
  /* 横のはみ出しは body だけで隠す(画面全体に適用される) */
  overflow-x: hidden;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
  color: var(--c-text);
  background: var(--c-white, #FFF);
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  font-size: 1.6rem; /* 10px × 1.6 = 16px */
}
/*link*/
a {}
a img {
  border-style: none;
}
a:visited {}
a:hover {}
/*font-size*/
h1, h2, h3, h4, h5, p {
  font-size: 1.6rem; /* 16px */
  font-size: 16px;
}
li, dt, dd {
  font-size: 1.6rem; /* 16px */
  font-size: 16px;
}
table {
  font-size: 1.6rem; /* 16px */
  font-size: 16px;
}
/* ログイン中:WordPressの管理バー(黒いバー)の下にヘッダーを止める
   ※ 一般の閲覧者には管理バーがないので影響しません */
.admin-bar .header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .header {
    top: 46px;
  }
}
/* 600px以下では管理バーがページと一緒に流れるので、通常どおり一番上に止める */
@media screen and (max-width: 600px) {
  .admin-bar .header {
    top: 0;
  }
}