@charset "UTF-8";
@import url(all.css);
/*rootの変数宣言*/
:root {
  /*==============================
      カラー    
  ==============================*/
  --color-font: #1c2311;
  --color-white: #ffffff;
  --color-fontgreen: #a4b465;
  --color-deepgreen: #456811;
  --color-green: #96a84a;
  --color-whitegreen: #dbe4c9;
  --color-yellow: #ffcf50;
  --color-border-gray: #b3b3b3;
  --color-gray: #f0f0f0;
  /*==============================
      フォントファミリー
  ==============================*/
  /*タイトル*/
  --font-family-heading: "Zen Maru Gothic", sans-serif;
  /*本文*/
  --font-family-body: "Noto Sans JP", sans-serif;
  /*M PLUS Rounded 1c*/
  --font-family-1c: "M PLUS Rounded 1c", sans-serif;
  /*==============================
      フォントサイズ
  ==============================*/
  /*基準のフォントサイズ*/
  --font-size-body: 1.4rem;
  /*==============================
      行間
  ==============================*/
  /*基準の行間*/
  --line-height-base: 1.785;
  /*==============================
      文字間
  ==============================*/
  /*基準の文字間*/
  --letter-spacing-base: 0.02em;
}

/*========================
    default
========================*/
html {
  font-size: 2.67vw;
}

.sp-none {
  display: none !important;
}

.wrapper {
  min-width: 320px;
}

.container {
  overflow-x: hidden;
}

.inline-block {
  display: inline-block;
}