// --------------------------------------------------
// 共通ファイル読み込み
// --------------------------------------------------
@use "common" as *;

// --------------------------------------------------
// newsセクション固有スタイル
// --------------------------------------------------

.news {
  &__container {
    padding-top: 70px;
  }

  &__header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    // margin-top: 70px;

    &-title {
      max-width: 50%;
      height: auto;

      // SP版
      @include mq() {
        width: getVw(158, 375);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
    }
  }

  &__contents {
    width: 100%;
    max-width: 1196px;
    display: flex;
    flex-direction: column;
    margin-top: 22px;
    padding: 0px 20px 0px;

    // SP版
    @include mq() {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    &-topic {
      border-bottom: 1px solid #888888;
      width: 100%;
      display: flex;
      flex-direction: row;
      margin-top: 2rem;
      font-size: 2rem;
      color: #414141;
      line-height: 1.6;

      // SP版
      @include mq() {
        display: flex;
        flex-direction: column;
      }
    }
  }

  &__topic-date {
    text-align: left;
    width: 220px;

    // SP版
    @include mq() {
      font-size: 12px;
    }
  }

  &__topic-text {
    flex: 1;

    // SP版
    @include mq() {
      font-size: 12px;
    }
  }
}