/* ---------------------------------------
	Mixin
-----------------------------------------*/
.keyVisual {
  background-color: var(--cl-bg01);
}
.keyVisual .splide__pagination__page.is-active {
  background-color: var(--cl-accent);
}

.voice {
  background-color: var(--cl-bg01);
}
.voice__wrapper {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (width > 768px) {
  .voice__wrapper {
    width: calc(100% - 2.5rem);
    max-width: 80rem;
    padding-block: 5rem 7.5rem;
    gap: clamp(1rem, 2.5vw, 5rem);
  }
}
@media screen and (width <= 768px) {
  .voice__wrapper {
    width: calc(100% - 2rem);
    padding-block: 2.5rem 3.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
    row-gap: 1.5rem;
  }
}
@media screen and (width > 768px) {
  .voice__header {
    width: 28.125rem;
  }
}
@media screen and (width <= 768px) {
  .voice__header {
    text-align: center;
  }
}
.voice__heading {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
}
@media screen and (width > 768px) {
  .voice__heading {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
}
@media screen and (width <= 768px) {
  .voice__heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.voice__desc {
  color: var(--cl-accent);
  font-weight: 400;
}
@media screen and (width > 768px) {
  .voice__desc {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .voice__desc {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}
.voice__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (width > 768px) {
  .voice__btn-wrapper {
    min-width: 18.75rem;
    gap: 1.5rem;
  }
}
@media screen and (width <= 768px) {
  .voice__btn-wrapper {
    gap: 1rem;
  }
}
@media screen and (width > 768px) {
  .voice__btn {
    width: 18.75rem;
    min-width: 18.75rem;
  }
}
@media screen and (width <= 768px) {
  .voice__btn {
    width: 100%;
  }
}
.voice__articles {
  display: grid;
  width: 100%;
  max-width: 46.875rem;
}
@media screen and (width > 768px) {
  .voice__articles {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
@media screen and (width <= 768px) {
  .voice__articles {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.voice .article__img {
  aspect-ratio: 3/2;
}
@media screen and (width > 768px) {
  .voice .article__img {
    margin-bottom: 1rem;
  }
}
@media screen and (width <= 768px) {
  .voice .article__img {
    margin-bottom: 0.5rem;
  }
}
.voice .article__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voice .article__date {
  background-color: #ffdee9;
  color: var(--cl-accent);
  font-weight: 400;
  display: inline-block;
}
@media screen and (width > 768px) {
  .voice .article__date {
    font-size: 0.875rem;
    padding: 0.125rem 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (width <= 768px) {
  .voice .article__date {
    font-size: 0.75rem;
    padding: 0.125rem 0.25rem;
    margin-bottom: 0.25rem;
  }
}
.voice .article__title {
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (width > 768px) {
  .voice .article__title {
    font-size: 1rem;
  }
}
@media screen and (width <= 768px) {
  .voice .article__title {
    font-size: 0.875rem;
  }
}

.project {
  background-image: url(../img/home/support_project_bg.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.project__wrapper {
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .project__wrapper {
    width: calc(100% - 2.5rem);
    max-width: 80rem;
    padding-block: 5rem 7.5rem;
  }
}
@media screen and (width <= 768px) {
  .project__wrapper {
    width: calc(100% - 2rem);
    padding-block: 2.5rem 3.75rem;
  }
}
.project__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (width > 768px) {
  .project__header {
    margin-bottom: 3.75rem;
  }
}
@media screen and (width <= 768px) {
  .project__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (width > 768px) {
  .project__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 28.125rem;
            flex: 0 1 28.125rem;
  }
}
@media screen and (width > 768px) {
  .project__logo {
    width: 20rem;
  }
}
@media screen and (width <= 768px) {
  .project__logo {
    width: 50%;
    margin-inline: auto;
  }
}
.project__heading {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
}
@media screen and (width > 768px) {
  .project__heading {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .project__heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    text-align: center;
  }
}
.project__desc {
  color: var(--cl-accent);
  font-weight: 400;
}
@media screen and (width > 768px) {
  .project__desc {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .project__desc {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}

.news {
  background-color: var(--cl-bg01);
}
.news__wrapper {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (width > 768px) {
  .news__wrapper {
    width: calc(100% - 2.5rem);
    max-width: 80rem;
    padding-block: 5rem 7.5rem;
  }
}
@media screen and (width <= 768px) {
  .news__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% - 2rem);
    padding-block: 2.5rem 3.75rem;
  }
}
@media screen and (width > 768px) {
  .news__header {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.125rem;
            flex: 0 1 33.125rem;
  }
}
.news__heading {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
}
@media screen and (width > 768px) {
  .news__heading {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
}
.news__desc {
  color: var(--cl-accent);
  font-weight: 400;
}
@media screen and (width > 768px) {
  .news__desc {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .news__desc {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}
.news__articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
}
.news .article {
  border-bottom: 1px solid var(--cl-bg04);
  padding: 1rem;
}
.news .article__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.news .article__category {
  display: grid;
  place-items: center;
  font-weight: 400;
  background-color: var(--cl-bg03);
  border: 0.0625rem solid var(--cl-text);
  line-height: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 9.375rem;
}
@media screen and (width > 768px) {
  .news .article__category {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
  }
}
@media screen and (width <= 768px) {
  .news .article__category {
    font-size: 0.75rem;
    padding: 0.125rem 0.25rem;
  }
}
.news .article__category.is_event {
  color: #339dff;
  border-color: #339dff;
}
.news .article__category.is_project {
  color: var(--cl-accent);
  border-color: var(--cl-accent);
}
.news .article__date {
  font-weight: 400;
  background-color: #fbbbc6;
  color: var(--cl-accent);
}
@media screen and (width > 768px) {
  .news .article__date {
    font-size: 0.875rem;
    padding: 0.0625rem 0.5rem;
  }
}
@media screen and (width <= 768px) {
  .news .article__date {
    font-size: 0.75rem;
    padding: 0.125rem 0.25rem;
  }
}
.news .article__title {
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (width > 768px) {
  .news .article__title {
    font-size: 1rem;
  }
}
@media screen and (width <= 768px) {
  .news .article__title {
    font-size: 0.875rem;
  }
}

.about {
  background-color: var(--cl-bg01);
}
.about__wrapper {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (width > 768px) {
  .about__wrapper {
    width: calc(100% - 2.5rem);
    max-width: 80rem;
    padding-block: 5rem 7.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (width <= 768px) {
  .about__wrapper {
    width: calc(100% - 2rem);
    padding-block: 0 3.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (width > 768px) {
  .about__img {
    width: 100%;
    max-width: 33.75rem;
    margin-left: -3.125rem;
  }
}
@media screen and (width <= 768px) {
  .about__img {
    width: 70%;
    margin-inline: auto;
  }
}
.about__img img {
  width: 100%;
  height: auto;
}
@media screen and (width > 768px) {
  .about__body {
    width: 100%;
    max-width: 46.875rem;
    margin-top: 5rem;
  }
}
.about__title {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
}
@media screen and (width > 768px) {
  .about__title {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .about__title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.about__text {
  color: var(--cl-accent);
  font-weight: 400;
}
@media screen and (width > 768px) {
  .about__text {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .about__text {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (width > 768px) {
  .about__btn {
    width: 18.75rem;
    min-width: 18.75rem;
  }
}
@media screen and (width <= 768px) {
  .about__btn {
    width: 100%;
  }
}

.activities {
  background-color: var(--cl-bg01);
}
.activities__wrapper {
  background-color: var(--cl-bg03);
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .activities__wrapper {
    width: calc(100% - 2.5rem);
    max-width: 80rem;
    padding: 5rem 3.75rem 7.5rem;
  }
}
@media screen and (width <= 768px) {
  .activities__wrapper {
    width: calc(100% - 2rem);
    padding: 2.5rem 1rem 3.75rem;
  }
}
.activities__heading {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
  text-align: center;
}
@media screen and (width > 768px) {
  .activities__heading {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .activities__heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.activities__sub-title {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
  text-align: center;
}
@media screen and (width > 768px) {
  .activities__sub-title {
    font-size: 2.25rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .activities__sub-title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}
.activities__marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #ffee33));
  background: linear-gradient(transparent 70%, #ffee33 30%);
}
.activities__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
}
@media screen and (width > 768px) {
  .activities__list {
    gap: 1.5rem;
  }
}
@media screen and (width <= 768px) {
  .activities__list {
    gap: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.activities__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (width > 768px) {
  .activities__btn-wrap {
    margin-top: 5rem;
  }
}
@media screen and (width <= 768px) {
  .activities__btn-wrap {
    margin-top: 2.5rem;
  }
}
.activities .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (width > 768px) {
  .activities .item {
    width: calc(25% - 0.75rem);
  }
}
@media screen and (width <= 768px) {
  .activities .item {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (width > 768px) {
  .activities .item__img {
    width: 100%;
    max-width: 7.5rem;
    margin-bottom: 1rem;
  }
}
@media screen and (width <= 768px) {
  .activities .item__img {
    width: 50%;
    margin-bottom: 0.5rem;
  }
}
.activities .item__img img {
  width: 100%;
}
.activities .item__title {
  font-weight: 400;
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
}
@media screen and (width > 768px) {
  .activities .item__title {
    font-size: 1.5rem;
  }
}
@media screen and (width <= 768px) {
  .activities .item__title {
    font-size: 1.125rem;
  }
}
.activities .item__desc {
  color: var(--cl-accent);
  font-weight: 400;
}
@media screen and (width > 768px) {
  .activities .item__desc {
    font-size: 1.125rem;
  }
}
@media screen and (width <= 768px) {
  .activities .item__desc {
    font-size: 0.875rem;
  }
}

.children {
  background-color: var(--cl-bg01);
}
.children__wrapper {
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .children__wrapper {
    width: calc(100% - 2.5rem);
    max-width: 80rem;
    padding-block: 5rem 7.5rem;
  }
}
@media screen and (width <= 768px) {
  .children__wrapper {
    width: calc(100% - 2rem);
    padding-block: 2.5rem 3.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.children__heading {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
  text-align: center;
}
@media screen and (width > 768px) {
  .children__heading {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .children__heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.children__sub-title {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
  text-align: center;
}
@media screen and (width > 768px) {
  .children__sub-title {
    font-size: 2.25rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .children__sub-title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}
.children__marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #ffee33));
  background: linear-gradient(transparent 70%, #ffee33 30%);
}
.children__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (width > 768px) {
  .children__layout {
    gap: 1.5rem;
  }
}
@media screen and (width <= 768px) {
  .children__layout {
    gap: 2.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.children__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (width > 768px) {
  .children__imgs {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 28.125rem;
            flex: 0 1 28.125rem;
    gap: 5rem;
  }
}
@media screen and (width <= 768px) {
  .children__imgs {
    gap: 2.5rem;
  }
}
.children__img_block {
  position: relative;
}
@media screen and (width > 768px) {
  .children__img {
    width: 100%;
    max-width: 28.125rem;
  }
}
@media screen and (width <= 768px) {
  .children__img {
    width: 100%;
  }
}
.children__img img {
  width: 100%;
  height: auto;
}
.children__label {
  width: 85%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (width > 768px) {
  .children__label {
    bottom: -2.5rem;
  }
}
@media screen and (width <= 768px) {
  .children__label {
    bottom: -1.25rem;
  }
}
.children__label-head {
  background-color: var(--cl-bg03);
  border-top: 0.1875rem solid var(--cl-accent);
  border-left: 0.1875rem solid var(--cl-accent);
  border-right: 0.1875rem solid var(--cl-accent);
  margin-bottom: 0;
  font-weight: 400;
  color: var(--cl-accent);
  text-align: center;
}
@media screen and (width > 768px) {
  .children__label-head {
    font-size: 1.5rem;
    padding: 0.25rem 0.5rem;
  }
}
@media screen and (width <= 768px) {
  .children__label-head {
    font-size: 1.125rem;
  }
}
.children__label-foot {
  background-color: var(--cl-accent);
  color: var(--cl-white);
  font-weight: 400;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (width > 768px) {
  .children__label-foot {
    font-size: 1.5rem;
    height: 3.75rem;
  }
}
@media screen and (width <= 768px) {
  .children__label-foot {
    font-size: 1.125rem;
    height: 3.5rem;
  }
}
@media screen and (width > 768px) {
  .children__label-foot .-x-lg {
    font-size: 3rem;
  }
}
@media screen and (width <= 768px) {
  .children__label-foot .-x-lg {
    font-size: 2.25rem;
  }
}
@media screen and (width > 768px) {
  .children__label-foot .-lg {
    font-size: 2.25rem;
  }
}
@media screen and (width <= 768px) {
  .children__label-foot .-lg {
    font-size: 1.5rem;
  }
}
@media screen and (width > 768px) {
  .children__body {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 46.875rem;
            flex: 0 1 46.875rem;
  }
}
@media screen and (width <= 768px) {
  .children__body {
    width: 100%;
  }
}
.children__text {
  color: var(--cl-accent);
  font-weight: 400;
}
@media screen and (width > 768px) {
  .children__text {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .children__text {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}
.children__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (width > 768px) {
  .children__btn-wrap {
    gap: 1.5rem;
  }
}
@media screen and (width <= 768px) {
  .children__btn-wrap {
    gap: 1rem;
  }
}
@media screen and (width > 768px) {
  .children__btn {
    width: 100%;
    max-width: 31.25rem;
  }
}
@media screen and (width <= 768px) {
  .children__btn {
    width: 100%;
  }
}

.report {
  background-color: var(--cl-bg01);
}
.report__wrapper {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (width > 768px) {
  .report__wrapper {
    width: calc(100% - 2.5rem);
    max-width: 80rem;
    padding-block: 5rem 7.5rem;
    gap: clamp(1rem, 2.5vw, 5rem);
  }
}
@media screen and (width <= 768px) {
  .report__wrapper {
    width: calc(100% - 2rem);
    padding-block: 2.5rem 3.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.5rem;
  }
}
@media screen and (width > 768px) {
  .report__header {
    width: 28.125rem;
  }
}
@media screen and (width <= 768px) {
  .report__header {
    text-align: center;
  }
}
.report__heading {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
}
@media screen and (width > 768px) {
  .report__heading {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
}
@media screen and (width <= 768px) {
  .report__heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.report__desc {
  color: var(--cl-accent);
  font-weight: 400;
}
@media screen and (width > 768px) {
  .report__desc {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .report__desc {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}
.report__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (width > 768px) {
  .report__btn-wrapper {
    min-width: 18.75rem;
    gap: 1.5rem;
  }
}
@media screen and (width <= 768px) {
  .report__btn-wrapper {
    gap: 1rem;
  }
}
@media screen and (width > 768px) {
  .report__btn {
    width: 18.75rem;
    min-width: 18.75rem;
  }
}
@media screen and (width <= 768px) {
  .report__btn {
    width: 100%;
  }
}
.report__articles {
  display: grid;
  width: 100%;
  max-width: 46.875rem;
}
@media screen and (width > 768px) {
  .report__articles {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
@media screen and (width <= 768px) {
  .report__articles {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.report .article__img {
  aspect-ratio: 3/2;
}
@media screen and (width > 768px) {
  .report .article__img {
    margin-bottom: 1rem;
  }
}
@media screen and (width <= 768px) {
  .report .article__img {
    margin-bottom: 0.5rem;
  }
}
.report .article__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.report .article__date {
  background-color: #ffdee9;
  color: var(--cl-accent);
  font-weight: 400;
  display: inline-block;
}
@media screen and (width > 768px) {
  .report .article__date {
    font-size: 0.875rem;
    padding: 0.125rem 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (width <= 768px) {
  .report .article__date {
    font-size: 0.75rem;
    padding: 0.125rem 0.25rem;
    margin-bottom: 0.25rem;
  }
}
.report .article__title {
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (width > 768px) {
  .report .article__title {
    font-size: 1rem;
  }
}
@media screen and (width <= 768px) {
  .report .article__title {
    font-size: 0.875rem;
  }
}

.sns {
  background-color: var(--cl-bg01);
}
.sns__wrapper {
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .sns__wrapper {
    width: calc(100% - 2.5rem);
    max-width: 80rem;
    padding-block: 5rem 7.5rem;
  }
}
@media screen and (width <= 768px) {
  .sns__wrapper {
    width: calc(100% - 2rem);
    padding-block: 2.5rem 3.75rem;
  }
}
.sns__heading {
  color: var(--cl-accent);
  font-family: var(--font-zenmaru);
  text-align: center;
}
@media screen and (width > 768px) {
  .sns__heading {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .sns__heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.sns__desc {
  color: var(--cl-accent);
  font-weight: 400;
  text-align: center;
}
@media screen and (width > 768px) {
  .sns__desc {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (width <= 768px) {
  .sns__desc {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}
.sns__instagram .-icon {
  text-align: center;
  color: var(--cl-accent);
}
@media screen and (width > 768px) {
  .sns__instagram .-icon {
    font-size: 6.25rem;
  }
}
@media screen and (width <= 768px) {
  .sns__instagram .-icon {
    font-size: 5rem;
  }
}
.sns__instagram .-icon a {
  color: var(--cl-accent);
}
.sns__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5rem;
}
@media screen and (width <= 768px) {
  .sns__icons {
    gap: 2.5rem;
  }
}
.sns__icons .-icon {
  text-align: center;
  color: var(--cl-accent);
}
@media screen and (width > 768px) {
  .sns__icons .-icon {
    font-size: 6.25rem;
  }
}
@media screen and (width <= 768px) {
  .sns__icons .-icon {
    font-size: 5rem;
  }
}/*# sourceMappingURL=front_page.css.map */