@charset "UTF-8";
/* カラー
*******************/
.c-white {
  color: #ffffff !important;
}
.c-black {
  color: #333333 !important;
}
.c-blue {
  color: #508ed9 !important;
}
.c-yellow {
  color: #fff582 !important;
}
.c-red {
  color: #e60012 !important;
}
.c-green {
  color: #81bd16 !important;
}
.c-green2 {
  color: #00B0AE !important;
}
.c-orange {
  color: #ff9020 !important;
}
.c-gray {
  color: #f5f5f5 !important;
}
.c-gray2 {
  color: #e9e9e9 !important;
}
.c-pink {
  color: #f88072 !important;
}
.c-cream {
  color: #fffde5 !important;
}

/* bgカラー
*******************/
.bg-white {
  background-color: #ffffff !important;
}
.bg-black {
  background-color: #333333 !important;
}
.bg-blue {
  background-color: #508ed9 !important;
}
.bg-yellow {
  background-color: #fff582 !important;
}
.bg-red {
  background-color: #e60012 !important;
}
.bg-green {
  background-color: #81bd16 !important;
}
.bg-orange {
  background-color: #ff9020 !important;
}
.bg-gray {
  background-color: #f5f5f5 !important;
}
.bg-gray2 {
  background-color: #e9e9e9 !important;
}
.bg-pink {
  background-color: #f88072 !important;
}
.bg-cream {
  background-color: #fffde5 !important;
}

/* border color
*******************/
.bc-white {
  border-color: #ffffff !important;
}
.bc-black {
  border-color: #333333 !important;
}
.bc-blue {
  border-color: #508ed9 !important;
}
.bc-yellow {
  border-color: #fff582 !important;
}
.bc-red {
  border-color: #e60012 !important;
}
.bc-green {
  border-color: #81bd16 !important;
}
.bc-orange {
  border-color: #ff9020 !important;
}
.bc-gray {
  border-color: #f5f5f5 !important;
}
.bc-gray2 {
  border-color: #e9e9e9 !important;
}
.bc-pink {
  border-color: #f88072 !important;
}
.bc-cream {
  border-color: #fffde5 !important;
}

.cm-mv {
  background-image: url("../images/new-sell/foodbank/mv.jpg");
  padding-bottom: 16rem;
}

.cm-sitemap {
  padding: 8rem 0;
}

.sub-ttl a {
  color: #333333;
  font-size: 2.5rem;
  transition: .3s;
}
.sub-ttl a:hover {
  opacity: .7;
}
.sub-ttl.home::before {
  background-color: #81bd16;
}
.sub-ttl.red a {
  color: #e60012;
}
.sub-ttl.green a {
  color: #81bd16;
}
.sub-ttl.blue a {
  color: #508ed9;
}

.sitemap-list {
  margin-left: 3rem;
}
.sitemap-list li {
  margin-bottom: 1.5rem;
}
.sitemap-list li a {
  color: #333333;
  transition: .3s;
}
.sitemap-list li a:hover {
  opacity: .7;
}

@media (min-width: 769px) and (max-width: 900px) {
  .sub-ttl a {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .cm-sitemap .flex.col-2 .item {
    width: 100%;
    margin-right: 0;
  }
  .cm-sitemap .sub-ttl {
    margin-top: 6rem;
  }
}