@charset "utf-8";

:root {
  /* base */
  --font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-family-noyakuhan: YuGothic, "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --main-bg: #fff;
  --main-color: #1a1a1a;

  /* layout */
  --section-width: 1000;

  /* Color */
  --tap-highlight-color: rgba(255, 255, 255, .2);
  --selection-color: rgba(51, 153, 255, .4);

  --green-color: #455d50;
  --beige-color: #f6f0e7;
  --gray-color: #cbbfae;

  /* animation */
  --hover-color: #00381f;

  --ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  --ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  --ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
  --ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
  --ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  --ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
  --ease-inout-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  --ease-inout-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  --ease-inout-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  --ease-inout-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
  --ease-inout-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
  --ease-inout-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
  --ease-inout-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --ease-inout-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);

  --transition: .3s var(--ease-out-sine);
}