@charset "utf-8";

html {
  font-size: 62.5%;
}
body {
  font-family: var(--ja01), var(--basic-mincho);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  /* color: transparent; */
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  body {
    font-size: 1.3rem;
  }
}
/* WebFontが読み込まれたら文字色を通常に */
/* :is(html.wf-active, html.wfno-load, html.loading-delay) body {
  color: var(--black);
} */

/*-------------------------------

site common

-------------------------------*/
:root {
  --basic-mincho:
    "游明朝", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro",
    "MS P明朝", "MS Mincho", serif;
  --basic-gothic:
    "游ゴシック体", YuGothic, "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --black: #111;
  --gray: #bbb;
  --navy: #2a237f;
  --lavender: #dcdbe5;
  --ja01: "Zen Old Mincho";
  --ja02: "Noto Sans JP";
  --en01: adobe-garamond-pro;
  --c-header-height: 110px;
  --tel-color: #a78534;
  --tel-subcolor01: #836724;
  --tel-subcolor02: #6f561a;
  --tel-subcolor03: #624a11;

  --bg-standard: no-repeat center / cover;
}
@media (max-width: 768px) {
  :root {
    --c-header-height: 52px;
  }
}

/* inview */
.js-fadeIn {
  opacity: 0;
  transition: 2s;
}
.js-fadeIn.is-show {
  opacity: 1;
}