.introduce-shokaicp {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #fff;
}
.introduce-shokaicp-ttl {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 40px;
  color: #1a1a1a;
  text-align: center;
  font-size: 26px;
}
.introduce-shokaicp-ttl::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: url(../img/shokai_ttl_icon.png);
  background-size: contain;
}
.introduce-shokaicp-img {
  width: 100%;
}
.introduce-shokaicp-txt {
  margin-top: 15px;
  color: #1a1a1a;
  font-size: 16px;
}
.introduce-shokaicp-txt a {
  text-decoration: none;
}
.introduce-shokaicp-link {
  display: flex;
  justify-content: center;
  margin: 64px auto 0;
  width: 516px;
}
.introduce-shokaicp-link-button {
  margin: 0;
  padding: 0;
  border: none;
}
@media screen and (max-width: 480px) {
  .introduce-shokaicp-ttl {
    margin-bottom: 20px;
  }
  .introduce-shokaicp-txt {
    font-size: 14px;
  }
  .introduce-shokaicp-link {
    margin-top: 20px;
  }
  .introduce-shokaicp-link {
    width: 258px;
  }
}

/* Campaign
-------------------------------------------------------- */
.camp {
  padding: 0 0 90px;
}
.camp .sec-heading {
  margin: 0 0 40px;
}
.camp .sec-heading i {
  width: 29px;
  height: 29px;
}
.camp-summary {
  background-color: #f5f7ff;
}
.camp-summary picture {
  display: block;
}
.camp-summary > picture {
  background-color: var(--wht);
}
.camp-catch {
  padding: 20px 0 55px;
  text-align: center;
}
.camp-catch h3 {
  margin: 30px 0 0;
  color: #9e7c0b;
  white-space: nowrap;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 70px;
  font-size: 7rem;
  font-family: "Noto Serif JP", serif;
  line-height: 1;
}
.camp-catch h3 small {
  font-size: calc(55 / 70 * 1em);
}
.camp-catch h4 {
  margin: 25px 0 0;
  color: #9e7c0b;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 44px;
  font-size: 4.4rem;
  font-family: "Noto Serif JP", serif;
  line-height: 1;
}
.attention {
  margin: 40px 0 50px;
  letter-spacing: 0.075em;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: calc(30 / 16);
}
.attention a {
  color: var(--blk);
}
.attention a:hover {
  text-decoration: none;
}
.camp a.link-site {
  display: block;
  margin: auto;
  width: fit-content;
  transition: all 0.3s;
}
.camp a.link-site:hover {
  opacity: 0.7;
}
figure {
  margin: 0;
}

@media screen and (max-width: 480px) {
  .camp {
    padding: 0 0 calc(80 / 750 * 100%);
  }
  .camp .inner {
    width: 100%;
  }
  .camp .sec-heading {
    margin: 0 0 calc(40 / 750 * 100%);
  }
  .camp .sec-heading i {
    width: calc(37 / 750 * 100vw);
    height: calc(37 / 750 * 100vw);
  }
  .camp-catch {
    padding: calc(35 / 750 * 100%) 5.333333% calc(50 / 750 * 100%);
  }
  .camp-catch h3 {
    margin: calc(20 / 750 * 100%) 0 0;
    font-size: calc(51.5 / 750 * 100vw);
  }
  .camp-catch h3 small {
    font-size: calc(43.5 / 55.5 * 1em);
  }
  .camp-catch h4 {
    margin: calc(60 / 750 * 100%) 0 0;
    font-size: calc(35 / 750 * 100vw);
  }
  .attention {
    margin: calc(55 / 750 * 100%) 0 calc(50 / 750 * 100%);
    padding: 0 5.333333%;
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(48 / 24);
  }
  .camp a.link-site {
    width: calc(516 / 750 * 100vw);
  }
}