@charset "UTF-8";
/* 変数
--------------------------------- */
/* 画面サイズ
--------------------------------- */
/* ホバー用メディアクエリ
--------------------------------- */
/* メディアクエリ調整関数
--------------------------------- */
.c-gry1 {
  color: #505050 !important;
}

.c-gry2 {
  color: #707070 !important;
}

.c-gry3 {
  color: #dadada !important;
}

.c-nvy1 {
  color: #465f83 !important;
}

.c-nvy2 {
  color: #7498cb !important;
}

.c-nvy3 {
  color: #132e42 !important;
}

.c-red1 {
  color: #E24F46 !important;
}

.c-red3 {
  color: #cf3c8d !important;
}

.bg-gry1 {
  background-color: #505050 !important;
}

.bg-gry2 {
  background-color: #707070 !important;
}

.bg-gry3 {
  background-color: #dadada !important;
}

.bg-nvy1 {
  background-color: #465f83 !important;
}

.bg-nvy2 {
  background-color: #7498cb !important;
}

.bg-nvy3 {
  background-color: #132e42 !important;
}

.bg-red1 {
  background-color: #E24F46 !important;
}

.bg-red3 {
  background-color: #cf3c8d !important;
}

/* 基本 */
html,
body {
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  height: 100%;
  margin: 0 auto;
  color: #393838;
  box-sizing: inherit;
  background-color: #E8E5E2;
}

figure {
  margin-left: 0;
  margin-right: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

iframe {
  width: 100%;
}

a {
  color: #505050;
  text-decoration: none;
}

a:visited {
  color: inherit;
}

section, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, a {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 500;
}

/*リキッドレイアウト
--------------------------------- */
html {
  font-size: 10px;
}

@media (max-width: 1200px) {
  html {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
/* pc sp
--------------------------------- */
.dp-pc {
  display: block;
}

.dp-sp {
  display: none;
}

.dp-pc-ib {
  display: inline-block;
}

.dp-pc-im {
  display: block !important;
}

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

@media (max-width: 767px) {
  .dp-pc {
    display: none;
  }
  .dp-pc-ib {
    display: none;
  }
  .dp-sp {
    display: block;
  }
  .dp-pc-im {
    display: none !important;
  }
  .dp-sp-im {
    display: block !important;
  }
}
.dp-n {
  display: none;
}

.dp-n-im {
  display: none !important;
}