@charset "utf-8";
/******************************************************
 base.scss
 *****************************************************/
/*==========================================
 全体
==========================================*/
:root {
  /* Common Colors */
  --black: #000;
  --gold: #aca719;
  --gold_hover: #8a8614;
  --white: #fff;
  --green: #008767;
}

html {
  height: 100%;
}

body {
  background-color: #fcfcfc;
  color: #333;
  font-size: 1rem;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体",
    YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
    メイリオ, Meiryo, sans-serif;
  letter-spacing: 0.05rem;
  min-height: 100%;
}
@media screen and (min-width: 48rem) {
  body {
    font-size: 1rem;
  }
}

a {
  color: var(--gold);
}
a:hover {
  color: var(--gold_light);
}
a img {
  transition: 0.3s;
}
a img:hover {
  opacity: 0.7;
}

.btn {
  border-radius: 0;
}

::-ms-reveal {
  display: none;
}
.form-control::placeholder {
  color: #bbb;
}

/*==========================================
 フォント関係
==========================================*/
/* font family */
.barlow-semi-condensed-bold {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font_mincho {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体",
    "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
}

/* font size */
.fs_12 {
  font-size: 0.75rem !important;
}
.fs_14 {
  font-size: 0.875rem !important;
}
.fs_16 {
  font-size: 1rem !important;
}
.fs_20 {
  font-size: 1.25rem !important;
}
.fs_24 {
  font-size: 1.5rem !important;
}
.fs_32 {
  font-size: 2rem !important;
}
.fs_40 {
  font-size: 2.5rem !important;
}
.fs_48 {
  font-size: 3rem !important;
}

@media screen and (min-width: 768px) {
  .fs_12--md {
    font-size: 0.75rem !important;
  }
  .fs_14--md {
    font-size: 0.875rem !important;
  }
  .fs_16--md {
    font-size: 1rem !important;
  }
  .fs_20--md {
    font-size: 1.25rem !important;
  }
  .fs_24--md {
    font-size: 1.5rem !important;
  }
  .fs_32--md {
    font-size: 2rem !important;
  }
  .fs_40--md {
    font-size: 2.5rem !important;
  }
  .fs_48--md {
    font-size: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .fs_12--lg {
    font-size: 0.75rem !important;
  }
  .fs_14--lg {
    font-size: 0.875rem !important;
  }
  .fs_16--lg {
    font-size: 1rem !important;
  }
  .fs_20--lg {
    font-size: 1.25rem !important;
  }
  .fs_24--lg {
    font-size: 1.5rem !important;
  }
  .fs_32--lg {
    font-size: 2rem !important;
  }
  .fs_40--lg {
    font-size: 2.5rem !important;
  }
  .fs_48--lg {
    font-size: 3rem !important;
  }
}

/*==========================================
 背景色
==========================================*/
.bc_base {
  background-color: #fcfcfc !important;
}
.bc_black {
  background-color: #000 !important;
}
.bc_green_gray {
  background-color: #d0dfdc;
}

/*==========================================
 文字色
==========================================*/
.text_gold {
  color: var(--gold);
}
.text_green {
  color: var(--green);
}