@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  background: url(../images/background.png) repeat left/contain;
  background-size: cover;
}

.c-navList > li > a {
  background-color: #A9D06B;
}
.c-ttl-sec {
  color: #fff;
  background-color: #A9D06B;
}
.c-navList-horizontalBar>li>a:before {
  background-color: #EC6D74;
}
.c-btn {
  background-color: #C30D23;
}
.p-attention_list > li:before {
  background-color: #CAB270;
}
.p-share_container {
  background-color: #F5F1EB;
}

.p-sec_lead {
  text-align: left;
}
.p-lead > p {
  text-align: center;
}
.logo-side-text {
  font-weight: 700;
  color: #262A4A;
}

.c-feature_ttl h3 {
  font-weight: 900;
}
.c-feature_container p {
  font-weight: 700;
}
.campaign .p-sec_container {
  background-color: #DECEA7;
}

.p-copy {
  color: #fff;
  background-color: #9FCC65;
}
.p-lead_last {
  padding-top: 20px;
  margin-bottom: 5rem;
}

.last-btn .c-btn {
  margin: 2.5rem auto 5rem;
}

.p-attention {
  margin-top: 5rem;
}

.l-footer {
  margin-top: 5rem;
}

@media screen and (min-width: 769px) {
  .p-attention_ttl {
    font-size: 24px;
  }
  .c-navList-horizontalBar > li {
    flex: 0 0 30%;
  }

}