/*==================================================
    パンくず
==================================================*/
.breadcrumb {
  padding: 2.8rem 0;
}

/*==================================================
    ページタイトル
==================================================*/
.pageHead {
  padding: 2.2rem 0 3.2rem;

  .inner {
    width: 1100px;
  }
}

@media screen and (max-width: 767px) {
  .pageHead {
    padding: 17.8667vw 0 0 0;
  }
}

/*==================================================
    コンテンツ
==================================================*/
.csrMain {
  .inner {
    background-color: #fff;
    margin-top: 3rem;
    padding: 7.7rem 5rem 5.5rem;
  }

  .csrMain__ttl {
    color: var(--color-orange);
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
  }

  .csrMain__head {
    align-items: center;
    border-top: 1px solid #000;
    display: flex;
    margin-top: 5rem;
    padding-top: 2.4rem;
    column-gap: 5.6rem;
  }

  .csrMain__imgArea {
    width: 50%;
  }

  .csrMain__text {
    font-size: 1.8rem;
    line-height: 1.67;
    width: calc(50% - 5.6rem);
  }

  .csrMain__info {
    margin-top: 6.8rem;
  }
  
  .csrMain__infoTtl {
    background-color: #efebe9;
    border: 1px solid var(--color-orange);
    font-size: 2.2rem;
    font-weight: 700;
    padding: calc((1em - 1lh) / 2 + 1.6rem) 1.3rem;
  }

  .csrMain__infoItem {
    border-bottom: 1px solid #000;
    font-size: 1.8rem;
    padding-block: 3.2rem 2.2rem;
  }

  @media screen and (max-width: 767px) {
    .inner {
      margin-top: 10.67vw;
      padding: 9.87vw 5.33vw 14.67vw;
    }

    .csrMain__ttl {
      font-size: 4.8vw;
    }

    .csrMain__head {
      flex-wrap: wrap;
      margin-top: calc((1em - 1lh) / 2 + 4.67vw);
      padding-top: 5.33vw;
    }

    .csrMain__imgArea {
      width: 100%;
    }

    .csrMain__text {
      font-size: 3.73vw;
      margin-top: 6vw;
      width: 100%;
    }

    .csrMain__info {
      margin-top: 6.67vw;
    }

    .csrMain__infoTtl {
      font-size: 4.53vw;
      padding: calc((1em - 1lh) / 2 + 4vw) 3.33vw;
    }

    .csrMain__infoItem {
      font-size: 3.73vw;
      padding-block: 5.33vw 4vw;
    }
  }
}

/* 活動レポート */
.csrReport {
  margin-top: 12.2rem;
  padding-bottom: 12rem;

  .csrReport__ttl {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex;
    font-size: 2.6rem;
    font-weight: 600;
    padding-bottom: calc((1em - 1lh) / 2 + 2.2rem);
  }

  .csrReport__ttl::before {
    background-color: #000;
    border-radius: 50%;
    content: "";
    display: block;
    margin-right: 1.5rem;
    height: 1.3rem;
    width: 1.3rem;
  }
  
  .csrReport__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    row-gap: 5.5rem;
    margin-top: 5rem;
    margin-inline: 2.5rem;
  }

  .csrReport__tagDate {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
  }

  .csrReport__tag {
    background-color: #000;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    padding: calc((1em - 1lh) / 2 + 0.9rem) 0.9rem;
  }

  .csrReport__date {
    color: var(--color-orange);
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-weight: 700;
  }

  .csrReport__info {
    border-top: 1px solid #000;
    margin-top: 1.1rem;
  }

  .csrReport__itemTtl {
    font-size: 2rem;
    font-weight: 600;
    padding-top: 2.3rem;
  }

  .csrReport__itemText {
    font-size: 1.6rem;
    margin-top: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  @media screen and (max-width: 767px) {
    margin-top: 11.33vw;
    padding-bottom: 24vw;

    .csrReport__ttl {
      font-size: 4.8vw;
      padding-bottom: calc((1em - 1lh) / 2 + 4vw);
    }

    .csrReport__ttl::before {
      margin-right: 1.73vw;
      height: 2.13vw;
      width: 2.13vw;
    }

    .csrReport__list {
      column-gap: auto;
      grid-template-columns: 1fr;
      margin-top: 5.33vw;
      margin-inline: auto;
      row-gap: 12vw;
    }

    .csrReport__tagDate {
      margin-top: 2.67vw;
    }

    .csrReport__tag {
      font-size: 3.2vw;
      line-height: 1;
      padding: calc((1em - 1lh) / 2 + 1.6vw) 1.6vw;
    }

    .csrReport__date {
      font-size: 3.73vw;
    }

    .csrReport__info {
      margin-top: 2.13vw;
    }

    .csrReport__itemTtl {
      font-size: 3.73vw;
      padding-top: 4vw;
    }

    .csrReport__itemText {
      font-size: 3.2vw;
      margin-top: 3.33vw;
    }
  }
}