@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : color_sdgs.css
Description : アクセントカラー変更用
===================================================================== */
.mv_ttl[data-color=sdgs1]::before {
  background-color: #F60A19;
}

.articles_list li[data-color=sdgs1] .articles_month::after {
  background-color: #F60A19;
}
.articles_list li[data-color=sdgs1] a h3 span {
  color: #F60A19;
}
.articles_list li[data-color=sdgs1] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs1] header::before {
  background-color: #F60A19;
}
.articles_wrap[data-color=sdgs1] header time,
.articles_wrap[data-color=sdgs1] .articles_contents h4::before,
.articles_wrap[data-color=sdgs1] .articles_contents h5::before {
  color: #F60A19;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs1] a:hover h3 {
    background-color: #F60A19;
  }
}
.mv_ttl[data-color=sdgs2]::before {
  background-color: #EFB609;
}

.articles_list li[data-color=sdgs2] .articles_month::after {
  background-color: #EFB609;
}
.articles_list li[data-color=sdgs2] a h3 span {
  color: #EFB609;
}
.articles_list li[data-color=sdgs2] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs2] header::before {
  background-color: #EFB609;
}
.articles_wrap[data-color=sdgs2] header time,
.articles_wrap[data-color=sdgs2] .articles_contents h4::before,
.articles_wrap[data-color=sdgs2] .articles_contents h5::before {
  color: #EFB609;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs2] a:hover h3 {
    background-color: #EFB609;
  }
}
.mv_ttl[data-color=sdgs3]::before {
  background-color: #13AC43;
}

.articles_list li[data-color=sdgs3] .articles_month::after {
  background-color: #13AC43;
}
.articles_list li[data-color=sdgs3] a h3 span {
  color: #13AC43;
}
.articles_list li[data-color=sdgs3] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs3] header::before {
  background-color: #13AC43;
}
.articles_wrap[data-color=sdgs3] header time,
.articles_wrap[data-color=sdgs3] .articles_contents h4::before,
.articles_wrap[data-color=sdgs3] .articles_contents h5::before {
  color: #13AC43;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs3] a:hover h3 {
    background-color: #13AC43;
  }
}
.mv_ttl[data-color=sdgs4]::before {
  background-color: #C70216;
}

.articles_list li[data-color=sdgs4] .articles_month::after {
  background-color: #C70216;
}
.articles_list li[data-color=sdgs4] a h3 span {
  color: #C70216;
}
.articles_list li[data-color=sdgs4] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs4] header::before {
  background-color: #C70216;
}
.articles_wrap[data-color=sdgs4] header time,
.articles_wrap[data-color=sdgs4] .articles_contents h4::before,
.articles_wrap[data-color=sdgs4] .articles_contents h5::before {
  color: #C70216;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs4] a:hover h3 {
    background-color: #C70216;
  }
}
.mv_ttl[data-color=sdgs5]::before {
  background-color: #FA3412;
}

.articles_list li[data-color=sdgs5] .articles_month::after {
  background-color: #FA3412;
}
.articles_list li[data-color=sdgs5] a h3 span {
  color: #FA3412;
}
.articles_list li[data-color=sdgs5] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs5] header::before {
  background-color: #FA3412;
}
.articles_wrap[data-color=sdgs5] header time,
.articles_wrap[data-color=sdgs5] .articles_contents h4::before,
.articles_wrap[data-color=sdgs5] .articles_contents h5::before {
  color: #FA3412;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs5] a:hover h3 {
    background-color: #FA3412;
  }
}
.mv_ttl[data-color=sdgs6]::before {
  background-color: #0FB1E9;
}

.articles_list li[data-color=sdgs6] .articles_month::after {
  background-color: #0FB1E9;
}
.articles_list li[data-color=sdgs6] a h3 span {
  color: #0FB1E9;
}
.articles_list li[data-color=sdgs6] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs6] header::before {
  background-color: #0FB1E9;
}
.articles_wrap[data-color=sdgs6] header time,
.articles_wrap[data-color=sdgs6] .articles_contents h4::before,
.articles_wrap[data-color=sdgs6] .articles_contents h5::before {
  color: #0FB1E9;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs6] a:hover h3 {
    background-color: #0FB1E9;
  }
}
.mv_ttl[data-color=sdgs7]::before {
  background-color: #FFC41A;
}

.articles_list li[data-color=sdgs7] .articles_month::after {
  background-color: #FFC41A;
}
.articles_list li[data-color=sdgs7] a h3 span {
  color: #FFC41A;
}
.articles_list li[data-color=sdgs7] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs7] header::before {
  background-color: #FFC41A;
}
.articles_wrap[data-color=sdgs7] header time,
.articles_wrap[data-color=sdgs7] .articles_contents h4::before,
.articles_wrap[data-color=sdgs7] .articles_contents h5::before {
  color: #FFC41A;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs7] a:hover h3 {
    background-color: #FFC41A;
  }
}
.mv_ttl[data-color=sdgs8]::before {
  background-color: #A10B24;
}

.articles_list li[data-color=sdgs8] .articles_month::after {
  background-color: #A10B24;
}
.articles_list li[data-color=sdgs8] a h3 span {
  color: #A10B24;
}
.articles_list li[data-color=sdgs8] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs8] header::before {
  background-color: #A10B24;
}
.articles_wrap[data-color=sdgs8] header time,
.articles_wrap[data-color=sdgs8] .articles_contents h4::before,
.articles_wrap[data-color=sdgs8] .articles_contents h5::before {
  color: #A10B24;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs8] a:hover h3 {
    background-color: #A10B24;
  }
}
.mv_ttl[data-color=sdgs9]::before {
  background-color: #F26500;
}

.articles_list li[data-color=sdgs9] .articles_month::after {
  background-color: #F26500;
}
.articles_list li[data-color=sdgs9] a h3 span {
  color: #F26500;
}
.articles_list li[data-color=sdgs9] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs9] header::before {
  background-color: #F26500;
}
.articles_wrap[data-color=sdgs9] header time,
.articles_wrap[data-color=sdgs9] .articles_contents h4::before,
.articles_wrap[data-color=sdgs9] .articles_contents h5::before {
  color: #F26500;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs9] a:hover h3 {
    background-color: #F26500;
  }
}
.mv_ttl[data-color=sdgs10]::before {
  background-color: #ED077D;
}

.articles_list li[data-color=sdgs10] .articles_month::after {
  background-color: #ED077D;
}
.articles_list li[data-color=sdgs10] a h3 span {
  color: #ED077D;
}
.articles_list li[data-color=sdgs10] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs10] header::before {
  background-color: #ED077D;
}
.articles_wrap[data-color=sdgs10] header time,
.articles_wrap[data-color=sdgs10] .articles_contents h4::before,
.articles_wrap[data-color=sdgs10] .articles_contents h5::before {
  color: #ED077D;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs10] a:hover h3 {
    background-color: #ED077D;
  }
}
.mv_ttl[data-color=sdgs11]::before {
  background-color: #EFB609;
}

.articles_list li[data-color=sdgs11] .articles_month::after {
  background-color: #EFB609;
}
.articles_list li[data-color=sdgs11] a h3 span {
  color: #EFB609;
}
.articles_list li[data-color=sdgs11] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs11] header::before {
  background-color: #EFB609;
}
.articles_wrap[data-color=sdgs11] header time,
.articles_wrap[data-color=sdgs11] .articles_contents h4::before,
.articles_wrap[data-color=sdgs11] .articles_contents h5::before {
  color: #EFB609;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs11] a:hover h3 {
    background-color: #EFB609;
  }
}
.mv_ttl[data-color=sdgs12]::before {
  background-color: #D18F00;
}

.articles_list li[data-color=sdgs12] .articles_month::after {
  background-color: #D18F00;
}
.articles_list li[data-color=sdgs12] a h3 span {
  color: #D18F00;
}
.articles_list li[data-color=sdgs12] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs12] header::before {
  background-color: #D18F00;
}
.articles_wrap[data-color=sdgs12] header time,
.articles_wrap[data-color=sdgs12] .articles_contents h4::before,
.articles_wrap[data-color=sdgs12] .articles_contents h5::before {
  color: #D18F00;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs12] a:hover h3 {
    background-color: #D18F00;
  }
}
.mv_ttl[data-color=sdgs13]::before {
  background-color: #488A3C;
}

.articles_list li[data-color=sdgs13] .articles_month::after {
  background-color: #488A3C;
}
.articles_list li[data-color=sdgs13] a h3 span {
  color: #488A3C;
}
.articles_list li[data-color=sdgs13] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs13] header::before {
  background-color: #488A3C;
}
.articles_wrap[data-color=sdgs13] header time,
.articles_wrap[data-color=sdgs13] .articles_contents h4::before,
.articles_wrap[data-color=sdgs13] .articles_contents h5::before {
  color: #488A3C;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs13] a:hover h3 {
    background-color: #488A3C;
  }
}
.mv_ttl[data-color=sdgs14]::before {
  background-color: #067FCC;
}

.articles_list li[data-color=sdgs14] .articles_month::after {
  background-color: #067FCC;
}
.articles_list li[data-color=sdgs14] a h3 span {
  color: #067FCC;
}
.articles_list li[data-color=sdgs14] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs14] header::before {
  background-color: #067FCC;
}
.articles_wrap[data-color=sdgs14] header time,
.articles_wrap[data-color=sdgs14] .articles_contents h4::before,
.articles_wrap[data-color=sdgs14] .articles_contents h5::before {
  color: #067FCC;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs14] a:hover h3 {
    background-color: #067FCC;
  }
}
.mv_ttl[data-color=sdgs15]::before {
  background-color: #25C239;
}

.articles_list li[data-color=sdgs15] .articles_month::after {
  background-color: #25C239;
}
.articles_list li[data-color=sdgs15] a h3 span {
  color: #25C239;
}
.articles_list li[data-color=sdgs15] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs15] header::before {
  background-color: #25C239;
}
.articles_wrap[data-color=sdgs15] header time,
.articles_wrap[data-color=sdgs15] .articles_contents h4::before,
.articles_wrap[data-color=sdgs15] .articles_contents h5::before {
  color: #25C239;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs15] a:hover h3 {
    background-color: #25C239;
  }
}
.mv_ttl[data-color=sdgs16]::before {
  background-color: #00599E;
}

.articles_list li[data-color=sdgs16] .articles_month::after {
  background-color: #00599E;
}
.articles_list li[data-color=sdgs16] a h3 span {
  color: #00599E;
}
.articles_list li[data-color=sdgs16] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs16] header::before {
  background-color: #00599E;
}
.articles_wrap[data-color=sdgs16] header time,
.articles_wrap[data-color=sdgs16] .articles_contents h4::before,
.articles_wrap[data-color=sdgs16] .articles_contents h5::before {
  color: #00599E;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs16] a:hover h3 {
    background-color: #00599E;
  }
}
.mv_ttl[data-color=sdgs17]::before {
  background-color: #1C3E76;
}

.articles_list li[data-color=sdgs17] .articles_month::after {
  background-color: #1C3E76;
}
.articles_list li[data-color=sdgs17] a h3 span {
  color: #1C3E76;
}
.articles_list li[data-color=sdgs17] a:hover h3 span {
  color: #fff;
}

.articles_wrap[data-color=sdgs17] header::before {
  background-color: #1C3E76;
}
.articles_wrap[data-color=sdgs17] header time,
.articles_wrap[data-color=sdgs17] .articles_contents h4::before,
.articles_wrap[data-color=sdgs17] .articles_contents h5::before {
  color: #1C3E76;
}

@media screen and (min-width: 768px) {
  .articles_list li[data-color=sdgs17] a:hover h3 {
    background-color: #1C3E76;
  }
}/*# sourceMappingURL=color_sdgs.css.map */