@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
:root {
  --font-fam: "noto serif JP";
  --theme-color: #fff;
  --font-color: #111;
}

img {
  width: 100%;
}

.br-sp {
  display: block;
}
@media (min-width: 768px) {
  .br-sp {
    display: none;
  }
}

.fv {
  position: relative;
}
.fv img {
  display: block;
  position: relative;
  z-index: 5;
}
@media (min-width: 1024px) {
  .fv::after {
    content: "";
    display: block;
    background: url(../img/index/fv/fv_bg_pc.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 65.78vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
}

.cp_txt {
  position: relative;
  z-index: 5;
  margin-top: max(-4.95vw, -95px);
}
.cp_txt p {
  font-family: var(--font-fam), sans-serif;
  font-size: 3.73vw;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 768px) {
  .cp_txt p {
    font-size: clamp(1.6rem, 1.56vw, 2.4rem);
  }
}
.cp_txt p span {
  font-family: var(--font-fam), sans-serif;
  color: #F93C1C;
  font-weight: 900;
}
.cp_txt p a {
  font-family: var(--font-fam), sans-serif;
  text-decoration: underline;
}

.contents {
  margin-top: clamp(3rem, 3.75vw, 4rem);
  width: min(100% - 20px, 1280px);
  margin-inline: auto;
}
.contents ul li {
  position: relative;
}
.contents ul li a {
  font-family: "noto serif JP", sans-serif;
  transition: opacity 0.2s;
  display: block;
  width: 100%;
  font-size: 3.73vw;
  font-weight: bold;
  text-align: center;
  color: #F93C1C;
  text-decoration: underline;
  position: absolute;
  top: 52vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .contents ul li a {
    font-size: min(1.23vw, 1.6rem);
    text-align: left;
    width: fit-content;
    top: min(28.84vw, 375px);
    left: calc(50% - min(16vw, 208px));
  }
}
.contents ul li a .br-pc {
  display: none !important;
}
@media (min-width: 1024px) {
  .contents ul li a .br-pc {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .contents ul li a:hover {
    opacity: 0.7;
  }
}

#rule_fuji {
  font-size: clamp(1.6rem, 2vw, 1.9rem);
  font-weight: 500;
}

footer .copy {
  max-width: 220px;
  margin-inline: auto;
}
footer .copy img {
  width: 100%;
  max-width: 100%;
}