@charset "UTF-8";

/* =====================
  Custom properties
===================== */
:root {
  --black: #111111;
  --yumin: 'Yu Mincho Demibold', 'YuMincho Demibold', '游明朝', 'Yu Mincho Regular', 'Yu Mincho', 'YuMincho Medium', serif;
  --yugo: '游ゴシック', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
  --title: sans-serif;

  /* ==== アニメーション easing関数 ==== */
  --easeOutQuart: cubic-bezier(0.25, 1, 0.5, 1);
  --easeOutExpo: cubic-bezier(0.87, 0, 0.13, 1);
  --easeOutBack: cubic-bezier(0.34, 1.56, 0.64, 1);
  --easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);
  --easeInCirc: cubic-bezier(0.55, 0, 1, 0.45);
  --easeInOutBack: cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

/* ==== テキスト選択時の色 ==== */
::selection {
  background: auto;
}

/* ==== フォームのplaceholder 文字色 ==== */
::placeholder {
  color: auto;
}

/* =====================
  hover
===================== */
@media (any-hover: hover) {
  .hover-op {
    will-change: opacity;
    transition: opacity 250ms ease 0s;
    &:hover {
      opacity: 0.6;
    }
  }
}

/* =====================
  common
===================== */
html,
body {
  color: var(--black);
}

/* PC */
@media print, screen and (min-width: 768px) {
  body {
    min-width: 1300px;
  }
  .sp {
    display: none;
  }
}
@media not all and (min-width: 768px) {
  .pc {
    display: none;
  }
}

/* =====================
  utility
===================== */
.mincho {
  font-family: var(--mincho);
}
.fwb {
  font-weight: bold;
}
.tac {
  text-align: center;
}