@charset "UTF-8";
 .kv-area .kv-ttl-area .kv-ttl, .main-ttl-area h2 {
  transform: skewX(-13deg);
 }
main {
 background-image: url(../images/diversity/management/bg-main-top.png), url(../images/diversity/management/bg-main-bottom.png);
 background-repeat: no-repeat;
 background-position: top left, bottom right;
 background-size: 85%;
}
main > .content {
 margin: 0 auto;
 padding: 70px 0 20px;
}

.promotion {
  display: flex;
  gap: 64px;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 15px;
}

.promotion__list {
  width: 46.5%;
  background:#fff;
  box-shadow: 10px 10px #FDEFEF;
}
@media screen and (max-width: 768px) {
  main > .content {
    padding-top: 30px;
    
  .promotion {
    padding: 0 30px;
  }
  .promotion__list {
    width: 100%;
  }
}
}

.promotion__desc {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.promotion__list-head {
  text-align: left;
  color: #2EA5F0;
  margin: 0;
  font-feature-settings: "palt";
}
.promotion__list-head::before, .promotion__list-head::after {
  content: none;
}
.promotion__list-date {
  margin: 0;
  color: #888;
}


.list-circle {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.list-circle__item {
  position: relative;
    padding-left: 1rem;
  }

.list-circle__item::before {
    content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 0.7em;
  height: 0.7em;
  background-color: #2EA5F0;
  border-radius: 50%;
  }

.list-circle-sub__item {
    text-indent: -1.05rem;
    padding-left: 1.25rem;
  }

.list-circle-sub__item::before {
    content: "⚫︎";
    color: #888;
    font-size: small;
    margin-right: 0.25rem;
  }