@charset "UTF-8";

/* リセット */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ベース */
:root {
  --site-font: "Zen Old Mincho", "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium",
    "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  --site-font-weight: 900;
}

html {
  background: url(../img/common/bg7.jpg) 0 0 no-repeat;
  background-size: cover;
  overflow-x: hidden;
}

body {
  font-family: var(--site-font);
  color: #333;
  line-height: 1.6;
  background: #fff;
  font-weight: var(--site-font-weight);
  overflow-x: hidden;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  body {
    background-image: url(../img/common/bg2.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

a img {
  width: 100%;
  height: auto;
  display: block;
}

/* ラッパー */
.l-section {
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: border-box;
}
.l-section img {
  max-width: 100%;
  height: auto;
  display: block;
}
.l-inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

/* ユーティリティ */
.u-mt20 {
  margin-top: 20px;
}
.u-mb20 {
  margin-bottom: 20px;
}
.u-text-center {
  text-align: center;
}