@charset "UTF-8";

/****************************************
「全ページ共通」全ページに必須
****************************************/
.column2509_p-special, .column2509_p-worldnews, .column2509_p-topics, .column2509_p-expo, .column2509_p-blooddonation, .column2509_p-areanews {
  /***** ラインハイト *****/
  line-height: 1.8;

  /***** ブレイクポイント *****/
  .column2509_sp-only {
    display: none !important;
  }
  .column2509_sp-only-02 {
    display: none !important;
  }
  .column2509_sp-only_499 {
    display: none !important;
  }
  @media screen and (max-width: 768px) {
    .column2509_sp-only {
      display: block !important;
    }
    .column2509_sp-only-02 {
      display: block !important;
    }
  }
  @media screen and (max-width: 499px) {
    .column2509_sp-only-02 {
      display: none !important;
    }
    .column2509_sp-only_499 {
      display: block !important;
    }
  }

  /***** 上付き文字 *****/
  .column2509_text_sup {
    vertical-align: super;
    font-size: 0.6em;
  }

  /***** 改行させない *****/
  .column2509_text_nowrap {
    white-space: nowrap;
  }

  /***** 文字を小さく *****/
  .column2509_text_small {
    font-size: 0.7em;
  }

  /***** 文字を大きく *****/
  .column2509_text_enlarge {
    font-size: 2em;
  }

  /***** 文字を太く *****/
  .column2509_text_bold {
    font-weight: 700;
  }

  /***** 文字を赤く *****/
  .column2509_text_red {
    color: var(--color-red-primary);
  }

  /***** 1行目の頭出し（1文字分） *****/  
  .column2509_indent_character1 {
    padding-left: 0.8em;
    text-indent: -0.8em;
  }

  /***** 本文-01 *****/
  .column2509_body_text_container {
    text-align: justify;
    letter-spacing: 0.08em;
    margin-bottom: 4em;
  }
  @media screen and (max-width: 768px) {
    .column2509_body_text_container {
      text-align: justify;
      margin-bottom: 2em;
    }
  }

  /***** 本文-02 *****/
  .column2509_content_detail_box {
    margin-bottom: 6em;
  }

  /***** 本文-03 *****/
  .column2509_contents_box {
    margin-bottom: 12em;
  }
  @media screen and (max-width: 768px) {
    .column2509_contents_box {
      margin-bottom: 6em;
    }
  }

  /***** 画像 *****/
  .column2509_visual_wrap {
    margin-bottom: 4em;
  }
  @media screen and (max-width: 768px) {
    .column2509_visual_wrap {
      margin-bottom: 2em;
    }
  }
  .column2509_visual_box {
    margin-bottom: 1em;
  }
  .column2509_img {
    width: stretch;
    /* フォールバック */
    width: 100%;
  }
  /***** 画像のボックスに罫線を追加 *****/
  .column2509_visual_box_border {
    border: 1px solid #c8c8c8;
  }

  /***** 画像幅 750px *****/
  .column2509_width750 {
    width: 100%;
    max-width: 750px;
    margin-inline: auto;
  }
  
  /***** 画像幅 650px *****/
  .column2509_width650 {
    width: 100%;
    max-width: 650px;
    margin-inline: auto;
  }

  /***** 画像幅 550px *****/
  .column2509_width550 {
    width: 100%;
    max-width: 550px;
    margin-inline: auto;
  }

  /***** 画像幅 450px *****/
  .column2509_width450 {
    width: 100%;
    max-width: 450px;
    margin-inline: auto;
  }

  /***** 画像のキャプション（左揃え） *****/
  .column2509_image_caption_left {
    display: block;
    width: 100%;
    text-align: left;
    color: #808080;
    font-size: 12px;
    line-height: 1.74;
    letter-spacing: .03em;
  }

  /***** 注釈（左揃え） *****/
  .column2509_annotation_left {
    display: block;
    width: 100%;
    text-align: left;
    color: #808080;
    font-size: 12px;
    line-height: 1.74;
    letter-spacing: .03em;
    padding-top: 1em;
  }

  /***** ページ下部注釈（左揃え） *****/
  .column2509_footnote_left {
    display: block;
    width: 100%;
    text-align: left;
    color: #808080;
    font-size: 12px;
    line-height: 1.74;
    letter-spacing: .03em;
    padding-top: 4em;
  }

  /***** 外部遷移ボタン *****/
  .column2509_button_with_image_wrap {
    padding-block: 2em;
    padding-inline: 2em;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
  }
  @media screen and (max-width: 768px) {
    .column2509_button_with_image_wrap {
      padding-inline: 0;
    }
  }
  .column2509_btn_wrap {
    margin-bottom: 4em;
    margin-inline: auto;

    /***** 外部遷移ボタン（画像あり） *****/
    &.column2509_with_image {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto auto;
      grid-template-areas: 
      "item-01 item-02"
      "item-01 item-03";
      justify-content: center;
      align-items: center;
      column-gap: 2em;
      row-gap: 1em;
      margin-bottom: 0;
      max-width: 820px;
      margin-inline: auto;

      .column2509_visual_wrap {
        grid-area: item-01;
        margin-bottom: 0;
        margin-inline: auto;
      }

      .column2509_visual_box {
        margin-bottom: 0;
        max-width: 400px;
      }

      .column2509_btn_lead_text_box {
        align-self: flex-end;
        font-size: 1.2em;
      }

      .column2509_btn_lead_text {
        white-space: nowrap;
      }

      .column2509_btn_box {
        align-self: flex-start;
        width: stretch;
        /* フォールバック */
        width: 100%;
      }
    }
    @media screen and (max-width: 768px) {
      &.column2509_with_image {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr;
        grid-template-areas: 
        "item-01"
        "item-02"
        "item-03";
        justify-content: center;
        align-items: center;
        column-gap: 2em;
        row-gap: 1em;
        margin-bottom: 0;

        .column2509_btn_box {
          /* align-self: flex-start; */
          width: min-content;
        }

        .column2509_btn_lead_text {
          white-space: wrap;
          text-align: center;
        }
      }
    }

    .column2509_btn_lead_text_box {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: 1.5;
      margin-bottom: 1em;
    }

    .column2509_btn_box {
      width: min-content;
      margin-inline: auto;
      position: relative;

      &::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;        
        translate: 0 -50%;
        rotate: 45deg;
      }
    }

    .column2509_btn_red {
      background-color: var(--color-red-primary);
      border: 1px solid var(--color-red-primary);
      transition: 0.3s;

      &::before {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transition: 0.3s;
      }

      &:hover {
        background-color: #fff;

        &::before {
          border-top: 1px solid var(--color-red-primary);
          border-right: 1px solid var(--color-red-primary);
        }

        .column2509_btn_item_text {
          color: var(--color-red-primary);
        }
      }
    }
    
    .column2509_btn_black {
      background-color: #000;
      border: 1px solid #000;
      transition: 0.3s;

      &::before {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transition: 0.3s;
      }

      &:hover {
        background-color: #fff;

        &::before {
          border-top: 1px solid #000;
          border-right: 1px solid #000;
        }

        .column2509_btn_item_text {
          color: #000;
        }
      }
    }

    .column2509_btn_item {
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 325px;
      padding-block: 0.6em;
      transition: 0.3s;
      min-height: 50px;

      &::after {
        content: none;
      }
    }

    .column2509_btn_black_item,
    .column2509_btn_red_item {
      color: #fff;
    }

    .column2509_btn_item_text {
      line-height: 1.5;
      transition: 0.3s;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_btn_wrap {
      max-width: 325px;
      margin-bottom: 2em;
    }
  }

  /***** プロフィール グレーバック *****/
  .column2509_content_profile_gray_wrap {
    background-color: #f6f6f6;
    padding: 2.5em;
    border-radius: 15px 15px 15px 15px;
    margin-bottom: 6em;

    .column2509_content_profile_gray {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto auto auto 1fr;
      grid-template-areas:
      "item-01 item-05"
      "item-01 item-02"
      "item-01 item-03"
      "item-01 item-04";
      column-gap: 2em;
      row-gap: 1.2em;
    }
    @media screen and (max-width: 768px) {
      .column2509_content_profile_gray {
        column-gap: 1em;
        row-gap: 0.6em;
        grid-template-rows: auto auto 1fr auto;
        grid-template-areas:
        "item-01 item-05"
        "item-01 item-02"
        "item-01 item-03"
        "item-04 item-04";
      }
    }

    .column2509_content_profile_gray_heading_box {
      grid-area: item-05;
      font-size: 1.2em;
      font-weight: 700;
      position: relative;
      margin-bottom: 0.8em;

      &::before {
        content: "";
        width: stretch;
        /* フォールバック */
        width: 100%;
        height: 1px;
        background-color: #c8c8c8;
        position: absolute;
        bottom: -1em;
        left: 0;
      }

      .column2509_content_profile_gray_heading {
        line-height: 1;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_content_profile_gray_heading_box {
        &::before {
          bottom: -0.7em;
        }
      }
    }

    .column2509_content_profile_gray_img_box {
      grid-area: item-01;
      width: 220px;
    }
    @media screen and (max-width: 768px) {
      .column2509_content_profile_gray_img_box {
        grid-area: item-01;
        width: 30vw;
        max-width: 160px;
      }
    }

    .column2509_content_profile_gray_subheading_box {
      grid-area: item-02;
      font-size: min(1.2em, 16px);
      height: fit-content;
      width: fit-content;
      line-height: 1.5;
    }

    .column2509_content_profile_gray_name_box {
      grid-area: item-03;
      font-size: min(2em, 25.6px);
      font-weight: 700;
      line-height: 1;
    }

    .column2509_content_profile_datail_box {
      grid-area: item-04;
      font-size: min(1.2em, 16px);
      line-height: 1.6;
      text-align: justify;
    }
    @media screen and (max-width: 768px) {
      .column2509_content_profile_datail_box {
        margin-top: 0.5em;
      }
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_content_profile_gray_wrap {
      padding: 1em;
      margin-bottom: 6em;
    }
  }
}



/****************************************
「特集」ページ
****************************************/
:root {
  --color-red-primary: #e60012;
  --color-light-gray-primary: #f6f6f6;
}

.column2509_p-special {
  /********** セクション-01 **********/
  /* サムネイル */
  .column2509_kv_wrap {
    margin-bottom: 8em;

    .column2509_kv_img_box {
      margin-bottom: 4em;

      .column2509_kv_img {
        border: 1px solid #c8c8c8;
      }

      .column2509_kv_img + .column2509_image_caption_left {
        margin-top: 1rem;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_kv_img_box {
        margin-bottom: 2em;
      }
    }

    .column2509_kv_text {
      text-align: justify;
      letter-spacing: 0.08em;
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_kv_wrap {
      margin-bottom: 4em;
    }
  }

  /********** セクション-02 **********/
  .column2509_column_content_interview_voice_wrap {
    margin-bottom: 12em;

    .column2509_read_wrap {
      /* margin-bottom: 12em; */
      margin-bottom: 8em;

      .column2509_read_inner {
        .column2509_visual_wrap {
          grid-area: item-01;
          margin-bottom: 0;

          .column2509_visual_box {
            margin-bottom: 0;
          }
        }

        .column2509_image_caption_left {
          grid-area: item-02;
          align-self: flex-end;
        }

        .column2509_read_text {
          grid-area: item-03;
          text-align: justify;
          margin-bottom: 4em;
        }
      }
      @media screen and (max-width: 768px) {
        .column2509_read_inner {
          grid-template-columns: 1fr;
          grid-template-rows: auto auto 1fr;
          grid-template-areas:
          "item-01"
          "item-02"
          "item-03";
          row-gap: 1em;

          .column2509_visual_wrap {
            width: stretch;
            /* フォールバック */
            width: 100%;
            max-width: none;
            margin-inline: auto;

            .column2509_visual_box {
              width: stretch;
              /* フォールバック */
              width: 100%;
            }
          }

          .column2509_image_caption_left {
            margin-top: 1em;
          }
        }
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_read_wrap {
        margin-bottom: 6em;
      }
    }

    .column2508_title_wrap {
      color: #000;
      font-size: 2rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.05em;
      /* border-bottom: 1px solid #C8C8C8; */
      padding-bottom: 1em;
      margin-bottom: 1em;
  
      &::after,
      &::before {
        content: none;
      }
  
      .column2509_title_deco_wrap {
        font-weight: 700;
        line-height: 1.44;
        position: relative;
        display: grid;
        row-gap: 0.4em;

    
        .column2509_title_deco_headmark_wrap {
          font-size: 0.5em;
          letter-spacing: 0.1em;
          display: flex;
          align-items: center;
          color: #fff;
          border-radius: 5px;
          padding: 0.01em 0.5em;
          white-space: nowrap;
          column-gap: 0;
          border: none;
          background-color: transparent;
          padding-left: 0;

          .column2509_title_deco_headmark_01 {
            border-top: 1px solid #E60012;
            border-left: 1px solid #E60012;
            border-bottom: 1px solid #E60012;
            padding: 0.2em 1.5em 0.2em 0.8em;
            white-space: nowrap;
            position: relative;
            height: 100%;
            display: flex;
            align-items: center;

            &::before {
              content: "";
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
              background-color: #E60012;
              z-index: -1;
            }
          }
  
          .column2509_title_deco_headmark_02 {
            border-top: 1px solid #E60012;
            border-right: 1px solid #E60012;
            border-bottom: 1px solid #E60012;
            color: #000;
            padding: 0.2em 0.6em 0.2em 0.4em;
          }
        }
      }
     
      .column2509_title_text {
        font-size: 1rem;
        line-height: 1.8;
        text-align: justify;
        letter-spacing: 0.08em;
        margin: 0;
      }
    }
    @media screen and (max-width: 768px) {
      .column2508_title_wrap {
        font-size: 1.44rem;
        padding-bottom: 2em;
        margin-bottom: 1em;

        .column2509_title_deco_wrap {
          row-gap: 0.25em;
          
          .column2509_title_deco_headmark_wrap {
            font-size: 0.7em;
            width: fit-content;
            margin-bottom: 0.3em;
          }
        }
      }
    }

    .column2509_mini_column_wrap {
      display: grid;
      grid-template-columns: auto 1fr;
      column-gap: 1em;
      margin-bottom: 6em;
      padding-block: 1.2em;
      padding-inline: 1em;
      border-top: 1px solid var(--color-red-primary);
      border-bottom: 1px solid var(--color-red-primary);
      background-color: rgba(230, 0, 18, 0.06);

      .column2509_mini_column_title_wrap {
        color: var(--color-red-primary);
        padding: 0.8em 0.8em;
        display: grid;
        place-items: center;
        margin-inline: 0.8em;
        position: relative;
        font-size: 1.2em;

        &::before,
        &::after {
          content: "";
          width: 1px;
          height: 100%;
          background-color: var(--color-red-primary);
          position: absolute;
          top: 0;
        }
          
        &::before {
          left: -0.8em;
        }

        &::after {
          right: -0.8em;
        }
      }

      .column2509_mini_column_text_wrap {
        text-align: justify;
      }
    }
    @media screen and (max-width: 499px) {
      .column2509_mini_column_wrap { 
        grid-template-columns: auto;
        grid-template-rows: auto 1fr;
        row-gap: 1em;
        margin-bottom: 6em;

        .column2509_mini_column_title_wrap {
          border-bottom: 1px solid var(--color-red-primary);

          &::before,
          &::after {
            height: calc(100% + 1em);
          }
        }
      }

      .column2509_mini_column_text_wrap {
        padding: 0 0.8em;
        border-left: 1px solid var(--color-red-primary);
        border-right: 1px solid var(--color-red-primary);
      }
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_column_content_interview_voice_wrap {
      margin-bottom: 6em;
    }
  }

  /********** セクション-03 **********/
  .column2509_main-contents_warp {
    .column2509_contents_box {
      margin-bottom: 12em;
    }
    @media screen and (max-width: 768px) {
      .column2509_contents_box {
        margin-bottom: 6em;
      }
    }

    .column2509_title_glid {
      display: grid;
      row-gap: 8px;
      margin-bottom: 3em;
    }

    .column2509_title_text {
      position: relative;
      margin-bottom: 0;
      padding-bottom: 0.8em;
      font-size: 2rem;
      line-height: 1.44;
      letter-spacing: .05em;
      font-family: YuGothic, Yu Gothic, -apple-system, BlinkMacSystemFont, Roboto, Meiryo, sans-serif;
      font-weight: 700;

      &::before,
      &::after {
        width: stretch;
        /* フォールバック */
        width: 100%;
        background-color: #ccc;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_title_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }

    .column2509_visual_grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 2em;
    }
    @media screen and (width <= 768px) {
      .column2509_visual_grid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        row-gap: 1em;
      }
    }

    .column2509_visual_wrap {
      margin-bottom: 4em;
    }
    @media screen and (max-width: 768px) {
      .column2509_visual_wrap {
        margin-bottom: 2em;
      }
    }

    .column2509_visual_box {
      margin-bottom: 1em;
    }

    .column2509_content_detail_box {
      margin-bottom: 12em;

      &:last-of-type {
        margin-bottom: 0;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_content_detail_box {
        margin-bottom: 6em;
      }
    }
  }

  /********** セクション-04 **********/
  .column2509_column_wrap {
    padding: 4em 2em;
    margin-bottom: 12em;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;

    .column2509_column_inner {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto auto 1fr;
      grid-template-areas:
      "item-01 item-02"
      "item-01 item-03"
      "item-01 item-04";
      column-gap: 2em;
      row-gap: 1em;
      margin-bottom: 4em;
    }
    @media screen and (max-width: 768px) {
      .column2509_column_inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto 1fr;
        grid-template-areas:
        "item-01"
        "item-02"
        "item-03"
        "item-04";
        row-gap: 1.6em;
      }
    }

    .column2509_column_inner + .column2509_btn_wrap {
      margin-bottom: 0;
    }

    .column2509_column_img_wrap {
      grid-area: item-01;
      width: 40vw;
      max-width: 340px;
    }
    @media screen and (max-width: 768px) {
      .column2509_column_img_wrap {
        grid-area: item-01;
        width: 100%;
        max-width: 340px;
        margin-inline: auto;
      }
    }

    .column2509_column_title_wrap {
      font-size: 1.4em;
    }

    .column2509_column_personal_wrap {
      .column2509_column_personal_name {
        margin-top: 0;
      }
    }

    .column2509_column_text_wrap {
      text-align: justify;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_column_wrap {
      padding: 4em 0;
    }
  }

  /********** セクション-05 **********/
  /* トップページへ遷移ボタン */
  .column2509_top-page_btn_wrap {
    margin-top: 12em;
    margin-bottom: 4em;

    .column2509_top-page_btn_box {
      width: stretch;
      /* フォールバック */
      width: 100%;
      max-width: 336px;
      background-color: #000;
      border: 1px solid #000;
      margin-inline: auto;
      position: relative;
      transition: 0.3s;

      &::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        translate: 0 -50%;
        rotate: 45deg;
        transition: 0.3s;
      }

      &:hover {
        background-color: #fff;

        &::before {
          border-top: 1px solid #000;
          border-right: 1px solid #000;
        }

        .column2509_top-page_btn_item {
          color: #000;
        }
      }
    }

    .column2509_top-page_btn_item {
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding-block: 0.6em;
      transition: 0.3s;
      min-height: 50px;
    }

    .column2509_top-page_btn_item_text {
      line-height: 1.5;
      transition: 0.3s;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_top-page_btn_wrap {
      margin-top: 6em;

      .column2509_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



/****************************************
「WORLD NEWS」ページ
****************************************/
:root {
  --color-red-primary: #e60012;
}

.column2509_p-worldnews {
  /********** セクション-01 **********/
  /* サムネイル */
  .column2509_kv_wrap {
    margin-bottom: 8em;

    .column2509_kv_img_box {
      margin-bottom: 4em;

      .column2509_kv_img {
        border: 1px solid #c8c8c8;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_kv_img_box {
        margin-bottom: 2em;
      }
    }

    .column2509_kv_text {
      text-align: justify;
      letter-spacing: 0.08em;
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_kv_wrap {
      margin-bottom: 4em;
    }
  }

  /********** セクション-02 **********/
  .column2509_infomation_wrap {
    margin-bottom: 12em;

    .column2509_visual_flex_wrap {
      display: flex;

      .column2509_visual_item_box {
        &:nth-of-type(1) {
          width: 63.75%;
        }
      }

      .column2509_visual_item_box {
        &:nth-of-type(2) {
          width: 36.25%;
        }
      }
    }

    .column2509_visual_item_text {
      margin-top: 4em;
      padding-top: 0;
    }

    .column2509_visual_item_text:first-of-type ~ .column2509_visual_item_text {
      margin-top: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_infomation_wrap {
      margin-bottom: 6em;

      .column2509_visual_flex_wrap {
        flex-direction: column;

        .column2509_visual_item_box {
          &:nth-of-type(1) {
            width: stretch;
            /* フォールバック */
            width: 100%;
          }
        }
  
        .column2509_visual_item_box {
          &:nth-of-type(2) {
            width: stretch;
            /* フォールバック */
            width: 100%;

            .column2509_img {
              width: stretch;
              /* フォールバック */
              width: 100%;
            }
          }
        }

        .column2509_visual_item_text {
          margin-top: 2em;
        }
      }
    }
  }

  /********** セクション-03 **********/
  .column2509_main-contents_warp {
    .column2509_contents_box {
      margin-bottom: 12em;
    }
    @media screen and (max-width: 768px) {
      .column2509_contents_box {
        margin-bottom: 6em;
      }
    }

    .column2509_title_glid {
      display: grid;
      row-gap: 8px;
      margin-bottom: 3em;
    }

    .column2509_title_text {
      position: relative;
      margin-bottom: 0;
      padding-bottom: 0.8em;
      font-size: 2rem;
      line-height: 1.44;
      letter-spacing: .05em;
      font-family: YuGothic, Yu Gothic, -apple-system, BlinkMacSystemFont, Roboto, Meiryo, sans-serif;
      font-weight: 700;

      &::before,
      &::after {
        width: stretch;
        /* フォールバック */
        width: 100%;
        background-color: #ccc;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_title_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }

    .column2509_visual_wrap {
      margin-bottom: 4em;
    }
    @media screen and (max-width: 768px) {
      .column2509_visual_wrap {
        margin-bottom: 2em;
      }
    }

    .column2509_visual_box {
      margin-bottom: 1em;
    }

    .column2509_content_detail_box {
      margin-bottom: 12em;

      &:last-of-type {
        margin-bottom: 0;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_content_detail_box {
        margin-bottom: 6em;
      }
    }
  }

  /********** セクション-04 **********/
  /* トップページへ遷移ボタン */
  .column2509_top-page_btn_wrap {
    margin-top: 12em;
    margin-bottom: 4em;

    .column2509_top-page_btn_box {
      width: stretch;
      /* フォールバック */
      width: 100%;
      max-width: 336px;
      background-color: #000;
      border: 1px solid #000;
      margin-inline: auto;
      position: relative;
      transition: 0.3s;

      &::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        translate: 0 -50%;
        rotate: 45deg;
        transition: 0.3s;
      }

      &:hover {
        background-color: #fff;

        &::before {
          border-top: 1px solid #000;
          border-right: 1px solid #000;
        }

        .column2509_top-page_btn_item {
          color: #000;
        }
      }
    }

    .column2509_top-page_btn_item {
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding-block: 0.6em;
      transition: 0.3s;
      min-height: 50px;
    }

    .column2509_top-page_btn_item_text {
      line-height: 1.5;
      transition: 0.3s;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_top-page_btn_wrap {
      margin-top: 6em;

      .column2509_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}


/****************************************
「TOPICS」ページ
****************************************/
:root {
  --color-red-primary: #e60012;
}

.column2509_p-topics {
  /********** セクション-01 **********/
  /* サムネイル */
  .column2509_kv_wrap {
    margin-bottom: 8em;

    .column2509_kv_img_box {
      margin-bottom: 4em;

      .column2509_kv_img {
        border: 1px solid #c8c8c8;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_kv_img_box {
        margin-bottom: 2em;
      }
    }

    .column2509_kv_text {
      text-align: justify;
      letter-spacing: 0.08em;
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_kv_wrap {
      margin-bottom: 4em;
    }
  }

  /********** セクション-02 **********/
  .column2509_note_wrap {
    padding: 2em;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 12em;

    .column2509_note_inner {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto auto;
      grid-template-areas:
      "item-02 item-01"
      "item-02 item-03";
      column-gap: 2em;
    }
    @media screen and (max-width: 768px) {
      .column2509_note_inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr;
        grid-template-areas:
        "item-02"
        "item-01"
        "item-03";
      }
    }
  
    .column2509_note_title {
      grid-area: item-01;
      font-size: 1.4em;
      align-self: flex-end;
    }
  
    .column2509_note_visual_wrap {
      grid-area: item-02;
      margin-bottom: 0;
      max-width: 350px;
    }
    @media screen and (max-width: 768px) {
      .column2509_note_visual_wrap {
        margin-bottom: 2em;
        margin-inline: auto;
      }
    }
  
    .column2509_note_text {
      grid-area: item-03;
      margin: 0;
      text-align: justify;
      align-self: flex-start;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_note_wrap {
      margin-bottom: 6em;
    }
  }

  /********** セクション-03 **********/
  .column2509_main-contents_wrap {
    margin-bottom: 12em;

    .column2509_note_inner {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto auto;
      grid-template-areas:
      "item-02 item-01"
      "item-02 item-03";
      column-gap: 2em;
    }
  
    .column2509_note_title {
      grid-area: item-01;
      font-size: 1.4em;
      align-self: flex-end;
    }
  
    .column2509_note_visual_wrap {
      grid-area: item-02;
      margin-bottom: 0;
      max-width: 350px;
    }
    @media screen and (max-width: 768px) {
      .column2509_note_visual_wrap {
        margin-bottom: 2em;
      }
    }
  
    .column2509_note_text {
      grid-area: item-03;
      margin: 0;
      align-self: flex-start;
    }

    /* 受章者の声 大タイトル */
    .column2509_column_title_recipient_voice_wrap {
      padding: 0.5em 1.5em;
      border: 1px solid var(--color-red-primary);
      margin-bottom: 4em;

      .column2509_column_title_recipient_voice {
        font-size: 1.8rem;
      }
    }

    /* 受章者の声 各受章のキャッチ-01 */
    .column2509_column_content_recipient_voice_wrap {
      margin-bottom: 12em;

      .column2509_column_catch_recipient_voice_wrap {
        border-bottom: 1px solid #c6c6c6;
        padding-bottom: 0.6em;
        margin-bottom: 4em;
  
        .column2509_column_catch_recipient_voice {
          font-size: 1.6em;
        }
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_column_content_recipient_voice_wrap {
        margin-bottom: 6em;
      }
    }

    /* プロフィール ホワイトバック */
    .column2509_content_profile_white_wrap {
      .column2509_content_profile_white {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto 1fr;
        grid-template-areas:
        "item-01 item-05"
        "item-01 item-02"
        "item-01 item-03";
        column-gap: 2em;
        row-gap: 0.8em;
        margin-bottom: 2em;
      }
      @media screen and (max-width: 768px) {
        .column2509_content_profile_white {
          column-gap: 1em;
          row-gap: 0.6em;
        }
      }

      .column2509_content_profile_white_heading_box {
        grid-area: item-05;
        font-size: 1.2em;
        font-weight: 700;
        position: relative;
        margin-bottom: 1.2em;

        &::before {
          content: "";
          width: stretch;
          /* フォールバック */
          width: 100%;
          height: 1px;
          background-color: #c8c8c8;
          position: absolute;
          bottom: -1em;
          left: 0;
        }

        .column2509_content_profile_white_heading {
          line-height: 1;
        }
      }
      @media screen and (max-width: 768px) {
        .column2509_content_profile_white_heading_box {
          &::before {
            bottom: -0.9em;
          }
        }
      }

      .column2509_content_profile_white_img_box {
        grid-area: item-01;
        width: 160px;
      }
      @media screen and (max-width: 768px) {
        .column2509_content_profile_white_img_box {
          grid-area: item-01;
          width: 30vw;
          max-width: 160px;
        }
      }

      .column2509_content_profile_white_subheading_box {
        grid-area: item-02;
        font-size: min(0.9em, 16px);
        height: fit-content;
        width: fit-content;
        line-height: 1.5;
      }

      .column2509_content_profile_white_name_box {
        grid-area: item-03;
        font-size: min(1.6em, 25.6px);
        font-weight: 700;
        line-height: 1;
      }

      .column2509_content_profile_datail_box {
        grid-area: item-04;
        font-size: min(1.2em, 16px);
        line-height: 1.6;
        text-align: justify;
      }
    }

    /* 受章者の声 各受章のキャッチ-02 */
    /* .column2509_column_catch_recipient_voice_wrap {
      border-top: 2px solid #f6f6f6;
      padding: 0.2em 1.5em 0.2em 1.5em;
      white-space: nowrap;
      position: relative;

      &::before {
        content: "";
        position: absolute;
        width: 15%;
        height: 100%;
        top: 0;
        left: 0;
        clip-path: polygon(0% 100%, 0% 0%, 85% 0%, 100% 100%);
        background-color: #f6f6f6;
        z-index: -1;
      }
    } */
  }

  /********** セクション-04 **********/
  /* トップページへ遷移ボタン */
  .column2509_top-page_btn_wrap {
    margin-top: 12em;
    margin-bottom: 4em;

    .column2509_top-page_btn_box {
      /* width: min-content; */
      width: stretch;
      /* フォールバック */
      width: 100%;
      max-width: 336px;
      background-color: #000;
      border: 1px solid #000;
      margin-inline: auto;
      position: relative;
      transition: 0.3s;

      &::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        translate: 0 -50%;
        rotate: 45deg;
        transition: 0.3s;
      }

      &:hover {
        background-color: #fff;

        &::before {
          border-top: 1px solid #000;
          border-right: 1px solid #000;
        }

        .column2509_top-page_btn_item {
          color: #000;
        }
      }
    }

    .column2509_top-page_btn_item {
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      /* min-width: 336px; */
      padding-block: 0.6em;
      transition: 0.3s;
      min-height: 50px;
    }

    .column2509_top-page_btn_item_text {
      line-height: 1.5;
      transition: 0.3s;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_top-page_btn_wrap {
      margin-top: 6em;

      .column2509_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



/****************************************
「万博パビリオン」ページ
****************************************/
:root {
  --color-red-primary: #e60012;
}

.column2509_p-expo {
  /********** セクション-01 **********/
  /* サムネイル */
  .column2509_kv_wrap {
    margin-bottom: 8em;

    .column2509_kv_img_box {
      margin-bottom: 4em;

      .column2509_kv_img {
        border: 1px solid #c8c8c8;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_kv_img_box {
        margin-bottom: 2em;
      }
    }

    .column2509_kv_text {
      text-align: justify;
      letter-spacing: 0.08em;
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_kv_wrap {
      margin-bottom: 4em;
    }
  }

  /********** セクション-02 **********/
  /* メインコンテンツ */
  .column2509_main-contents_wrap {
    .column2509_title_glid {
      display: grid;
      row-gap: 8px;
      margin-bottom: 3em;
    }

    .column2509_title_text {
      position: relative;
      margin-bottom: 0;
      padding-bottom: 0.8em;
      font-size: 2rem;
      line-height: 1.44;
      letter-spacing: .05em;
      font-family: YuGothic, Yu Gothic, -apple-system, BlinkMacSystemFont, Roboto, Meiryo, sans-serif;
      font-weight: 700;

      &::before,
      &::after {
        width: stretch;
        /* フォールバック */
        width: 100%;
        background-color: #ccc;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_title_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }

    .column2509_title_row_glid {
      display: grid;
      grid-template-rows: auto auto;
      row-gap: 0.6em;
      margin-bottom: 3em;
      position: relative;

      &::before,
      &::after {
        content: "";
        width: stretch;
        /* フォールバック */
        width: 100%;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        bottom: 0;
        left: 0;
      }
    }

    .column2509_title_row_icon_flex {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      column-gap: 12px;
      row-gap: 12px;
    }

    .column2509_title_row_box {
      display: grid;
      place-content: center;
      border-radius: 5px;
      width: fit-content;

      &.column2509_eyecatch {
        background-color: var(--color-red-primary);
      }
    }

    .column2509_title_row_deco {
      font-size: 1rem;
      line-height: 1;
      letter-spacing: 0.1em;
      font-weight: 700;
      color: #fff;
      padding: 0.4em 0.8em;
    }

    .column2509_title_row_text {
      position: relative;
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 0.8em;
      font-size: 2rem;
      line-height: 1.44;
      letter-spacing: .05em;
      font-family: YuGothic, Yu Gothic, -apple-system, BlinkMacSystemFont, Roboto, Meiryo, sans-serif;
      font-weight: 700;

      &::before,
      &::after {
        width: 0;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_title_row_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }
  }

  /********** セクション-03 **********/
  /* トップページへ遷移ボタン */
  .column2509_top-page_btn_wrap {
    margin-top: 12em;
    margin-bottom: 4em;

    .column2509_top-page_btn_box {
      /* width: min-content; */
      width: stretch;
      /* フォールバック */
      width: 100%;
      max-width: 336px;
      background-color: #000;
      border: 1px solid #000;
      margin-inline: auto;
      position: relative;
      transition: 0.3s;

      &::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        translate: 0 -50%;
        rotate: 45deg;
        transition: 0.3s;
      }

      &:hover {
        background-color: #fff;

        &::before {
          border-top: 1px solid #000;
          border-right: 1px solid #000;
        }

        .column2509_top-page_btn_item {
          color: #000;
        }
      }
    }

    .column2509_top-page_btn_item {
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      /* min-width: 336px; */
      padding-block: 0.6em;
      transition: 0.3s;
      min-height: 50px;
    }

    .column2509_top-page_btn_item_text {
      line-height: 1.5;
      transition: 0.3s;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_top-page_btn_wrap {
      margin-top: 6em;

      .column2509_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



/****************************************
「けんけつのいま」ページ
****************************************/
.column2509_p-blooddonation {
  /********** セクション-01 **********/
  /* サムネイル */
  .column2509_kv_wrap {
    margin-bottom: 8em;

    .column2509_kv_img_box {
      margin-bottom: 4em;

      .column2509_kv_img {
        border: 1px solid #c8c8c8;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_kv_img_box {
        margin-bottom: 2em;
      }
    }

    .column2509_kv_text {
      text-align: justify;
      letter-spacing: 0.08em;
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_kv_wrap {
      margin-bottom: 4em;
    }
  }

  /********** セクション-03 **********/
  /* トップページへ遷移ボタン */
  .column2509_top-page_btn_wrap {
    margin-top: 12em;
    margin-bottom: 4em;

    .column2509_top-page_btn_box {
      /* width: min-content; */
      width: stretch;
      /* フォールバック */
      width: 100%;
      max-width: 336px;
      background-color: #000;
      border: 1px solid #000;
      margin-inline: auto;
      position: relative;
      transition: 0.3s;

      &::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        translate: 0 -50%;
        rotate: 45deg;
        transition: 0.3s;
      }

      &:hover {
        background-color: #fff;

        &::before {
          border-top: 1px solid #000;
          border-right: 1px solid #000;
        }

        .column2509_top-page_btn_item {
          color: #000;
        }
      }
    }

    .column2509_top-page_btn_item {
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      /* min-width: 336px; */
      padding-block: 0.6em;
      transition: 0.3s;
      min-height: 50px;
    }

    .column2509_top-page_btn_item_text {
      line-height: 1.5;
      transition: 0.3s;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_top-page_btn_wrap {
      margin-top: 6em;

      .column2509_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



/****************************************
「AreaNews」ページ
****************************************/
:root {
  --color-red-primary: #e60012;
  --btn-color-okinawa: #47b2e6;
  --btn-color-shizuoka: #f9c04c;
  --btn-color-nara: #87c0d3;
  --btn-color-fukuoka: #00b197;
  --btn-color-akita: #f1832c;
  --btn-color-kyoto: #c170aa;
  --btn-color-kanagawa: #9dca55;
  --btn-color-kagawa: #41b06e;
  --btn-color-oita: #7484c0;
  --btn-color-ehime: #b49a75;
}

.column2509_p-areanews {
  /********** セクション-01 **********/
  /* サムネイル */
  .column2509_kv_wrap {
    margin-bottom: 8em;

    .column2509_kv_img_box {
      margin-bottom: 4em;

      .column2509_kv_img {
        border: 1px solid #c8c8c8;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_kv_img_box {
        margin-bottom: 2em;
      }
    }

    .column2509_kv_text {
      text-align: justify;
      letter-spacing: 0.08em;
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_kv_wrap {
      margin-bottom: 4em;
    }
  }

  /********** セクション-02 **********/
  /* 地域一覧 */
  #column2509_area-select {
    margin-bottom: 12em;

    .column2509_area-select_title_box {
      width: 100%;
      background-color: #f3f3f3;
      margin-bottom: 30px;
    }

    .column2509_area-select_title_text {
      font-size: 20px;
      line-height: 1.5;
      padding: 0.6em 1em;
    }

    .column2509_area-select_ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      column-gap: 20px;
      row-gap: 20px;
      justify-content: center;
    }
    @media screen and (max-width: 499px) {
      .column2509_area-select_ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    .column2509_area-select_li {
      margin: 0;
      padding: 0;
      border-radius: 8px;
      transition: all 0.3s;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;

      &::before {
        content: none;
      }

      &::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;
        translate: 0 -65%;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        rotate: 45deg;
        transition: all 0.3s;
      }

      &:first-of-type {
        background-color: var(--btn-color-okinawa);
        border: 1px solid var(--btn-color-okinawa);
      }
  
      &:nth-of-type(2) {
        background-color: var(--btn-color-shizuoka);
        border: 1px solid var(--btn-color-shizuoka);
      }
  
      &:nth-of-type(3) {
        background-color: var(--btn-color-nara);
        border: 1px solid var(--btn-color-nara);
      }
  
      &:nth-of-type(4) {
        background-color: var(--btn-color-fukuoka);
        border: 1px solid var(--btn-color-fukuoka);
      }
  
      &:nth-of-type(5) {
        background-color: var(--btn-color-akita);
        border: 1px solid var(--btn-color-akita);
      }
  
      &:nth-of-type(6) {
        background-color: var(--btn-color-kyoto);
        border: 1px solid var(--btn-color-kyoto);
      }
  
      &:nth-of-type(7) {
        background-color: var(--btn-color-kanagawa);
        border: 1px solid var(--btn-color-kanagawa);
      }
  
      &:nth-of-type(8) {
        background-color: var(--btn-color-kagawa);
        border: 1px solid var(--btn-color-kagawa);
      }
  
      &:nth-of-type(9) {
        background-color: var(--btn-color-oita);
        border: 1px solid var(--btn-color-oita);
      }
  
      &:nth-of-type(10) {
        background-color: var(--btn-color-ehime);
        border: 1px solid var(--btn-color-ehime);
      }

      &:hover {
        background-color: #fff;
  
        &:first-of-type {
          &::after {
            border-bottom: 2px solid var(--btn-color-01);
            border-right: 2px solid var(--btn-color-01);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-01);
          }
        }
  
        &:nth-of-type(2) {
          &::after {
            border-bottom: 2px solid var(--btn-color-02);
            border-right: 2px solid var(--btn-color-02);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-02);
          }
        }
  
        &:nth-of-type(3) {
          &::after {
            border-bottom: 2px solid var(--btn-color-03);
            border-right: 2px solid var(--btn-color-03);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-03);
          }
        }
  
        &:nth-of-type(4) {
          &::after {
            border-bottom: 2px solid var(--btn-color-04);
            border-right: 2px solid var(--btn-color-04);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-04);
          }
        }
  
        &:nth-of-type(5) {
          &::after {
            border-bottom: 2px solid var(--btn-color-05);
            border-right: 2px solid var(--btn-color-05);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-05);
          }
        }
  
        &:nth-of-type(6) {
          &::after {
            border-bottom: 2px solid var(--btn-color-06);
            border-right: 2px solid var(--btn-color-06);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-06);
          }
        }
  
        &:nth-of-type(7) {
          &::after {
            border-bottom: 2px solid var(--btn-color-07);
            border-right: 2px solid var(--btn-color-07);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-07);
          }
        }
  
        &:nth-of-type(8) {
          &::after {
            border-bottom: 2px solid var(--btn-color-08);
            border-right: 2px solid var(--btn-color-08);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-08);
          }
        }
  
        &:nth-of-type(9) {
          &::after {
            border-bottom: 2px solid var(--btn-color-09);
            border-right: 2px solid var(--btn-color-09);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-09);
          }
        }
  
        &:nth-of-type(10) {
          &::after {
            border-bottom: 2px solid var(--btn-color-10);
            border-right: 2px solid var(--btn-color-10);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-10);
          }
        }
  
        &:nth-of-type(11) {
          &::after {
            border-bottom: 2px solid var(--btn-color-11);
            border-right: 2px solid var(--btn-color-11);
          }
  
          .column2509_area-select_btn-link {
            color: var(--btn-color-11);
          }
        }
      }
    }

    .column2509_area-select_btn-item {
      width: stretch;
      /* フォールバック */
      width: 100%;
    }

    .column2509_area-select_btn-link {
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 700;
      color: #fff;
      text-align: center;
      text-decoration: none;
      padding: 1.2em;
      transition: all 0.3s;
      line-height: 1.4;
    }
  }
  @media screen and (max-width: 768px) {
    #column2509_area-select {
      margin-bottom: 6em;
    }
  }

  /********** セクション-03 **********/
  /* メインコンテンツ */
  .column2509_area_wrap {

    /* 画像の横幅指定 */
    /* .column2509_width650 {
      width: 100%;
      max-width: 650px;
      margin-inline: auto;
    } */

    /* キャプション */
    .column2509_caption_right {
      display: block;
      width: 100%;
      text-align: right;
      color: #808080;
      font-size: 12px;
      line-height: 1.74;
      letter-spacing: .03em;
    }

    .column2509_area_container {
      margin-bottom: 12em;
    }
    @media screen and (max-width: 768px) {
      .column2509_area_container {
        margin-bottom: 6em;
      }
    }

    .column2509_title_row_glid {
      display: grid;
      grid-template-rows: auto auto;
      row-gap: 0.6em;
      margin-bottom: 3em;
      position: relative;

      &::before,
      &::after {
        content: "";
        width: stretch;
        /* フォールバック */
        width: 100%;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        bottom: 0;
        left: 0;
      }
    }

    .column2509_title_row_icon_flex {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      column-gap: 12px;
      row-gap: 12px;
    }

    .column2509_title_row_box {
      display: grid;
      place-content: center;
      border-radius: 5px;
      width: calc((100% - 24px) / 3);
      max-width: 102px;

      &.column2509_area_01 {
        background-color: var(--btn-color-okinawa);
      }
      
      &.column2509_area_02 {
        background-color: var(--btn-color-shizuoka);
      }
  
      &.column2509_area_03 {
        background-color: var(--btn-color-nara);
      }
  
      &.column2509_area_04 {
        background-color: var(--btn-color-fukuoka);
      }
  
      &.column2509_area_05 {
        background-color: var(--btn-color-akita);
      }
  
      &.column2509_area_06 {
        background-color: var(--btn-color-kyoto);
      }
  
      &.column2509_area_07 {
        background-color: var(--btn-color-kanagawa);
      }
  
      &.column2509_area_08 {
        background-color: var(--btn-color-kagawa);
      }
  
      &.column2509_area_09 {
        background-color: var(--btn-color-oita);
      }
  
      &.column2509_area_10 {
        background-color: var(--btn-color-ehime);
      }  
    }

    .column2509_title_row_deco {
      font-size: 1rem;
      line-height: 1;
      letter-spacing: 0.1em;
      font-weight: 700;
      color: #fff;
      padding: 0.6em 0.4em;
    }

    .column2509_title_row_text {
      position: relative;
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 0.8em;
      font-size: 2rem;
      line-height: 1.44;
      letter-spacing: .05em;
      font-family: YuGothic, Yu Gothic, -apple-system, BlinkMacSystemFont, Roboto, Meiryo, sans-serif;
      font-weight: 700;

      &::before,
      &::after {
        width: 0;
      }
    }
    @media screen and (max-width: 768px) {
      .column2509_title_row_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }

    .column2509_visual_wrap {
      margin-bottom: 4em;
    }
    @media screen and (max-width: 768px) {
      .column2509_visual_wrap {
        margin-bottom: 2em;
      }
    }

    .column2509_visual_box {
      margin-bottom: 1em;
    }

    /* 地域一覧に戻るボタン */
    .column2509_return_area_btn_wrap {
      display: flex;
      justify-content: flex-end;
      align-items: center;

      .column2509_return_area_btn_text {
        display: inline-block;
        color: #000;
        font-size: 1rem;
        font-weight: 700;
        text-align: right;
        text-decoration: none;
        transition: all 0.3s;
        position: relative;

        &::after {
          content: "";
          width: 100%;
          height: 1px;
          background-color: #000;
          position: absolute;
          bottom: 0.1em;
          right: 0;
          transition: all 0.3s;
        }
      }

      .column2509_return_area_btn_arrow {
        position: relative;
        font-size: 1rem;
        padding-right: 1.5em;

        &::after {
          content: "";
          display: inline-block;
          width: 0.6em;
          height: 0.6em;
          position: absolute;
          top: 50%;
          right: 0.2em;
          translate: 0 -25%;
          border-top: 2px solid #000;
          border-left: 2px solid #000;
          rotate: 45deg;
          transition: all 0.3s;
        }
      }

      &:hover {
        .column2509_return_area_btn_text {
          color: #808080;
  
          &::after {
            background-color: #808080;
          }
        }
        
        .column2509_return_area_btn_arrow {
          &::after {
            border-top: 2px solid #808080;
            border-left: 2px solid #808080;
          }
        }
      }
    }
  }

  /********** セクション-04 **********/
  /* トップページへ遷移ボタン */
  .column2509_top-page_btn_wrap {
    margin-top: 12em;
    margin-bottom: 4em;

    .column2509_top-page_btn_box {
      /* width: min-content; */
      width: stretch;
      /* フォールバック */
      width: 100%;
      max-width: 336px;
      background-color: #000;
      border: 1px solid #000;
      margin-inline: auto;
      position: relative;
      transition: 0.3s;

      &::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 15px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        translate: 0 -50%;
        rotate: 45deg;
        transition: 0.3s;
      }

      &:hover {
        background-color: #fff;

        &::before {
          border-top: 1px solid #000;
          border-right: 1px solid #000;
        }

        .column2509_top-page_btn_item {
          color: #000;
        }
      }
    }

    .column2509_top-page_btn_item {
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      /* min-width: 336px; */
      padding-block: 0.6em;
      transition: 0.3s;
      min-height: 50px;
    }

    .column2509_top-page_btn_item_text {
      line-height: 1.5;
      transition: 0.3s;
    }
  }
  @media screen and (max-width: 768px) {
    .column2509_top-page_btn_wrap {
      margin-top: 6em;

      .column2509_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}