/* =========================================================
 kv
========================================================= */
.kv {
  background: #1ec5fb;
}
.kv-anchor li:nth-of-type(1) a {
  border: 1px solid #fb4187;
  color: #fb4187;
}
.kv-anchor li:nth-of-type(1) a:hover {
  background: lavenderblush;
}
.kv-anchor li:nth-of-type(1) i {
  border-bottom-color: #fb4187;
  border-right-color: #fb4187;
}
.kv-anchor li:nth-of-type(2) a {
  border: 1px solid #ff9c00;
  color: #ff9c00;
}
.kv-anchor li:nth-of-type(2) a:hover {
  background: #fff5e6;
}
.kv-anchor li:nth-of-type(2) i {
  border-bottom-color: #ff9c00;
  border-right-color: #ff9c00;
}
.kv-anchor li:nth-of-type(3) a {
  border: 1px solid #00ace4;
  color: #00ace4;
}
.kv-anchor li:nth-of-type(3) a:hover {
  background: #e4f8ff;
}
.kv-anchor li:nth-of-type(3) i {
  border-bottom-color: #00ace4;
  border-right-color: #00ace4;
}

/* =========================================================
 request
========================================================= */
.request {
  background-image: url("/shogaku/campaign/local/images/2022spring/request-bg.png");
}
.request .campaign-block:before {
  background: rgba(251, 65, 135, 0.2);
}
.request .campaign-block .inner:before {
  border-color: #fb4187;
}
.request .campaign-block h3 i {
  background: #fb4187;
}
.request .campaign-block h3 em {
  color: #fb4187;
}
.request .btn-detail {
  border-color: #fb4187;
  color: #fb4187;
}
.request .btn-detail:hover {
  background: lavenderblush;
}
.request .btn-detail svg {
  fill: #fb4187;
}

/* =========================================================
 join
========================================================= */
.join {
  background-image: url("/shogaku/campaign/local/images/2022spring/join-bg.png");
}
.join .campaign-block:before {
  background: rgba(255, 156, 0, 0.2);
}
.join .campaign-block .inner:before {
  border-color: #ff9c00;
}
.join .campaign-block h3 i {
  background: #ff9c00;
}
.join .campaign-block h3 em {
  color: #ff9c00;
}
.join .btn-detail {
  border-color: #ff9c00;
  color: #ff9c00;
}
.join .btn-detail:hover {
  background: #ffe1b3;
}
.join .btn-detail svg {
  fill: #ff9c00;
}

/* =========================================================
 intro
========================================================= */
.intro {
  background-image: url("/shogaku/campaign/local/images/2022spring/intro-bg.png");
}
.intro .campaign-block:before {
  background: rgba(0, 172, 228, 0.2);
}
.intro .campaign-block .inner:before {
  border-color: #00ace4;
}
.intro .campaign-block h3 i {
  background: #00ace4;
}
.intro .campaign-block h3 em {
  color: #00ace4;
}
.intro .btn-detail {
  border-color: #00ace4;
  color: #00ace4;
}
.intro .btn-detail:hover {
  background: #98e6ff;
}
.intro .btn-detail svg {
  fill: #00ace4;
}

/* =========================================================
 modal
========================================================= */
#modal_campaign-join01 .modal-ttl i, #modal_campaign-join02 .modal-ttl i {
  background: #ff9c00;
}
#modal_campaign-join01 .modal-ttl em, #modal_campaign-join02 .modal-ttl em {
  color: #ff9c00;
}
#modal_campaign-request .modal-ttl i {
  background: #fb4187;
}
#modal_campaign-request .modal-ttl em {
  color: #fb4187;
}
#modal_campaign-brother .modal-ttl i, #modal_campaign-friend .modal-ttl i {
  background: #00ace4;
}
#modal_campaign-brother .modal-ttl em, #modal_campaign-friend .modal-ttl em {
  color: #00ace4;
}

/*# sourceMappingURL=style-2022spring.css.map */