@charset "UTF-8";

/* 欧文 */
/* Marcellus */
/* @import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap"); */

/* 英数字 */
/* Barlow Semi Condensed */
/* @import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500&display=swap"); */

/* 和文 */
/* Zen Old Mincho */
/* @import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap"); */
/* Zen Kaku Gothic New */
/* @import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap"); */

:root {
  /* --font-marcellus: "Marcellus", serif;
  --font-barlow-semi-condensed: "Barlow Semi Condensed", sans-serif;
  --font-zen-old-mincho: "Zen Old Mincho", serif;
  --font-zen-kaku-gothic-new: "Zen Kaku Gothic New", sans-serif; */

  --font-marcellus: "Baskerville", "Palatino Linotype", "Palatino", "Georgia", "Times New Roman", Times, serif;
  --font-barlow-semi-condensed: "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-zen-old-mincho: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "HiraMinProN-W3", "BIZ UDPMincho", "MS PMincho", serif;
  --font-zen-kaku-gothic-new: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic", YuGothic, "Meiryo", "Noto Sans JP", sans-serif;

  --color-base: #fff;
  --color-text: #000;
  --color-placeholder: #999;

  --color-navy-main: #172f7a;
  --color-navy-light: #eaeef4;
  --color-panel: #495e9c;
  --color-img-cover: #13285e;
  --color-line: #ccc;
  --color-white: #fff;

  --layout-margin-inside-pc: 48px;
  --layout-margin-outside-pc: 80px;
  --layout-margin-inside-sp: 20px;
  --layout-margin-outside-sp: 20px;

  --size-frame-width: 1440px;
  --header-height: 120px;
  --header-hide-distance: var(--header-height);

  --zindex-modal: 100;
  --zindex-header: 52;
  --zindex-footer: 49;
  --zindex-main: 48;
  --zindex-tooltip: 20;
  --zindex-tooltipBottom: 10;
  --zindex-upper: 2;
  --zindex-default: 1;
  --zindex-lower: -1;
}

@media screen and (max-width: 1023px) {
  :root {
    --layout-margin-inside-pc: 40px;
    --layout-margin-outside-pc: 48px;

    --header-height: 70px;
  }
}