@charset "UTF-8";
@font-face {
  font-family: "NotoSansJP-Black";
  src: url(../fonts/NotoSansJP/NotoSansJP-Black.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Bold";
  src: url(../fonts/NotoSansJP/NotoSansJP-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Light";
  src: url(../fonts/NotoSansJP/NotoSansJP-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Medium";
  src: url(../fonts/NotoSansJP/NotoSansJP-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url(../fonts/NotoSansJP/NotoSansJP-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Thin";
  src: url(../fonts/NotoSansJP/NotoSansJP-Thin.woff) format("woff");
  font-display: swap;
}
/* default css
-----------------------------------*/
/*==========*/
/* 基本設定 */
/*==========*/
header, footer {
  background: #FFF;
  font-family: "NotoSansJP-Regular", sans-serif;
  color: #193342;
  font-size: 18px;
  text-align: left;
  line-height: 1.8;
}
@media (max-width: 767px) {
  header, footer {
    font-size: 16px;
  }
}

header *, footer * {
  box-sizing: border-box;
}

header img, footer img {
  max-width: 100%;
  height: auto;
}

/*============*/
/* リンク設定 */
/*============*/
header a, footer a {
  color: #333;
  text-decoration: none;
}
header a img, footer a img {
  transition: 0.5s all;
}
header a:hover, footer a:hover {
  color: #0096E7;
  text-decoration: underline;
}
header a:hover img, footer a:hover img {
  opacity: 0.7;
}

/*================*/
/* サイト共通設定 */
/*================*/
/* 太字 */
header .bold, footer .bold {
  font-family: "NotoSansJP-Bold", sans-serif !important;
}

/* 回り込み */
header .fleft, footer .fleft {
  float: left !important;
} /* 左 */
header .fright, footer .fright {
  float: right !important;
} /* 右 */
/* 回り込み解除 */
header .clear, footer .clear {
  clear: both;
}

/* 回り込み解除 cleafix版 */
header .clearfix:after, footer .clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* 位置 */
header .left, footer .left {
  text-align: left !important;
} /* 左 */
header .right, footer .right {
  text-align: right !important;
} /* 右 */
header .center, footer .center {
  text-align: center !important;
} /* 中央 */
header .vtop, footer .vtop {
  vertical-align: top !important;
} /* 上 */
header .vmiddle, footer .vmiddle {
  vertical-align: middle !important;
} /* 中央 */
header .vbottom, footer .vbottom {
  vertical-align: bottom !important;
} /* 下 */
/* フォントカラー */
header .black, footer .black {
  color: #333 !important;
} /* 黒（デフォルト） */
header .red, footer .red {
  color: #FF0000 !important;
} /* 赤 */
header .reds, footer .reds {
  color: #FF0000 !important;
  font-family: "NotoSansJP-Bold", sans-serif !important;
} /* 赤強調 */
/* フォントサイズ100%（16px相当）を基準に */
header .f10,
footer .f10 {
  font-size: 63% !important;
} /* 10px相当 */
header .f11,
footer .f11 {
  font-size: 67% !important;
} /* 11px相当 */
header .f12,
footer .f12 {
  font-size: 74% !important;
} /* 12px相当 */
header .f13,
footer .f13 {
  font-size: 80% !important;
} /* 13px相当 */
header .f14,
footer .f14 {
  font-size: 87% !important;
} /* 14px相当 */
header .f15,
footer .f15 {
  font-size: 94% !important;
} /* 15px相当 */
header .f16,
footer .f16 {
  font-size: 100% !important;
} /* 16px相当 */
header .f17,
footer .f17 {
  font-size: 107% !important;
} /* 17px相当 */
header .f18,
footer .f18 {
  font-size: 114% !important;
} /* 18px相当 */
header .f19,
footer .f19 {
  font-size: 120% !important;
} /* 19px相当 */
header .f20,
footer .f20 {
  font-size: 127% !important;
} /* 20px相当 */
header .f21,
footer .f21 {
  font-size: 134% !important;
} /* 21px相当 */
header .f22,
footer .f22 {
  font-size: 140% !important;
} /* 22px相当 */
header .f23,
footer .f23 {
  font-size: 147% !important;
} /* 23px相当 */
header .f24,
footer .f24 {
  font-size: 154% !important;
} /* 24px相当 */
header .f25,
footer .f25 {
  font-size: 160% !important;
} /* 25px相当 */
header .f26,
footer .f26 {
  font-size: 167% !important;
} /* 26px相当 */
header .f00,
footer .f00 {
  font-size: 0 !important;
} /*リセット*/
/* 行間 */
header .lh10,
footer .lh10 {
  line-height: 1 !important;
}

header .lh11,
footer .lh11 {
  line-height: 1.1 !important;
}

header .lh12,
footer .lh12 {
  line-height: 1.2 !important;
}

header .lh13,
footer .lh13 {
  line-height: 1.3 !important;
}

header .lh14,
footer .lh14 {
  line-height: 1.4 !important;
}

header .lh15,
footer .lh15 {
  line-height: 1.5 !important;
}

header .lh16,
footer .lh16 {
  line-height: 1.6 !important;
}

header .lh17,
footer .lh17 {
  line-height: 1.7 !important;
}

header .lh18,
footer .lh18 {
  line-height: 1.8 !important;
}

header .lh19,
footer .lh19 {
  line-height: 1.9 !important;
}

header .lh20,
footer .lh20 {
  line-height: 2 !important;
}
/*# sourceMappingURL=default.css.map */