/*-------------------------------------
common
-------------------------------------*/
:root {
    --_base-font-family: "FP-KoburinaGoStdN-W3", "游ゴシック", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    --_base-font-family__serif: "MatissePro-M", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    --_base-font-family__serif__en: "AGaramondPro-Regular", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;

    --easing-a: cubic-bezier(.77, 0, .18, 1);
    --easing-b: cubic-bezier(.19,1,.22,1);
    --easing-c: cubic-bezier(.165, .84, .44, 1);

    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 16px;

    /* --unitone--color--accent: #b5b4e2; */
    --unitone--color--accent__sub: #e1f2f3;
    --unitone--color--accent__bg: #F8F2EE;
    
    --unitone--color--accent__pale: #f5f8ea;
    --unitone--color--accent__light: #cfdd9a;
    --unitone--color--accent__dark: #b0c758;
    --unitone--color--accent__heavy: #7b8b3d;

    --unitone--color--accent__sub__pale: #f2faf9;
    --unitone--color--accent__sub__light: #d9f1ee;
    --unitone--color--accent__sub__dark: #aadadd;
    --unitone--color--accent__sub__heavy: #738b88;
}

body {
    overflow-x: hidden;
    font-family: var(--_base-font-family);
}

h1:not(.not-bold),h2:not(.not-bold),h3:not(.not-bold),h4:not(.not-bold),h5:not(.not-bold),h6:not(.not-bold),th:not(.not-bold),b:not(.not-bold),strong:not(.not-bold) {
    font-family: "FP-KoburinaGoStdN-W6", var(--_base-font-family);
}

.font-serif {
    font-family: var(--_base-font-family__serif);
}
h1.font-serif:not(.not-bold),h2.font-serif:not(.not-bold),h3.font-serif:not(.not-bold),h4.font-serif:not(.not-bold),h5.font-serif:not(.not-bold),h6.font-serif:not(.not-bold),th.font-serif:not(.not-bold),b.font-serif:not(.not-bold),strong.font-serif:not(.not-bold) {
    font-family: "MatissePro-B", var(--_base-font-family);
}

.font-en {
    font-family: var(--_base-font-family__serif__en);
}
h1.font-en:not(.not-bold),h2.font-en:not(.not-bold),h3:not(.not-bold).font-en:not(.not-bold),h4.font-en:not(.not-bold),h5.font-en:not(.not-bold),h6.font-en:not(.not-bold),th.font-en:not(.not-bold),b.font-en:not(.not-bold),strong.font-en:not(.not-bold) {
    font-family: "AGaramondPro-Bold", var(--_base-font-family);
}


@media screen and (min-width:1024px) {
    .pc-hidden {
      display: none !important;
      visibility: hidden !important;
    }
}
@media screen and (min-width:600px) and (max-width:1023px) {
    .tb-hidden {
      display: none !important;
      visibility: hidden !important;
    }
}
@media screen and (max-width:599px) {
    .sp-hidden {
      display: none !important;
      visibility: hidden !important;
    }
}


@keyframes txt_slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}