@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");
html {
  font-size: 62.5%;
}

body {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  color: #000;
  word-break: break-all;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0;
}

a {
  color: #333;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

a:hover {
  cursor: pointer;
}

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

svg {
  vertical-align: bottom;
}

ul.lsNone {
  list-style-type: none;
}

p {
  line-height: 2;
}

p:not(:last-child) {
  margin-bottom: 1.5em;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
}

.text-wf01 {
  font-family: "Playfair Display", serif;
}

.text-caution {
  color: #b33f4c;
}

.text-light {
  color: #FFF;
}

.text-bold {
  font-weight: bold;
}

.bg-gray {
  background-color: #FCFCFC;
}

.spOnly {
  display: none;
}

@media (max-width: 833px) {
  .spOnly {
    display: inherit;
  }
}
.page-width {
  width: 120rem;
  max-width: 100%;
  margin: 0 auto;
}
.page-width.md {
  width: 80rem;
}

@media (max-width: 833px) {
  html {
    font-size: 2.6666666667vw;
  }
  body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  }
}