@charset "UTF-8";
/* ========================================
 Breakpoint定義
======================================== */
/* ========================================
 breakpoint取得関数
----------------------------------------
 bp(pc) → 1025px
 bp(900px) → 900px
======================================== */
/* ========================================
 media query mixin
----------------------------------------
 @include media(tab) → min-width:768px
 @include media(tab,max) → max-width:767px
======================================== */
.announcement {
  border: 2px solid var(--color-red-2);
  border-radius: 10px;
  margin: 40px auto 20px;
  padding: 20px;
  width: calc(100% - 40px);
  max-width: 755px;
}
.announcement * {
  color: var(--color-red-2);
}
.announcement h2.announcement-title {
  font-family: var(--ff-root);
  font-weight: 600;
  line-height: 1;
  font-size: 24px;
  margin-bottom: 0.5em;
}
.announcement .announcement__item + .announcement__item {
  margin-top: 1em;
}
.announcement .announcement__content * {
  text-align: left;
  font-size: 15px;
}
@media (min-width: 1025px) {
  .announcement .announcement__content * {
    text-align: center;
    width: fit-content;
    margin: auto;
  }
}
.announcement .announcement__content p + p {
  margin-top: 1em;
}

/*# sourceMappingURL=announcement.css.map */