@charset "UTF-8";

/****************************************
「全ページ共通」全ページに必須
****************************************/
:root {
  --color-red-primary: #e60012;
  --color-blue-primary: #18448d;
  --color-blue-secondary: #006cb8;
  --color-light-gray-primary: #f6f6f6;
  --color-light-gray-secondary: #c8c8c8;
  --color-light-gray-tertiary: #f5f5f5;
  --color-light-gray-heading-underline: #ccc;
  --color-dark-gray-primary: #a4a4a4;
}

.jrc-news_p-special, .jrc-news_p-worldnews, .jrc-news_p-topics, .jrc-news_p-greetings, .jrc-news_p-overseas, .jrc-news_p-blooddonation, .jrc-news_p-areanews {
  /***** ラインハイト *****/
  line-height: 1.8;

  /***** ブレイクポイント *****/
  .jrc-news_pc-only {
    display: block !important;
  }
  .jrc-news_tb-only {
    display: none !important;
  }
  .jrc-news_sp-only {
    display: none !important;
  }
  .jrc-news_sp-only-02 {
    display: none !important;
  }
  .jrc-news_break_max600-min501_show {
    display: none !important;
  }
  .jrc-news_break_max600-min501_below450_show {
    display: none !important;
  }
  .jrc-news_break_max600_show {
    display: none !important;
  }
  .jrc-news_break_min600_show {
    display: block !important;
  }
  .jrc-news_sp-only_499 {
    display: none !important;
  }
  .jrc-news_sp-only_389 {
    display: none !important;
  }
  @media screen and (width <= 1200px) {
  }
  @media screen and (width <= 768px) {
    .jrc-news_pc-only {
      display: none !important;
    }
    .jrc-news_tb-only {
      display: block !important;
    }
    .jrc-news_sp-only {
      display: block !important;
    }
    .jrc-news_sp-only-02 {
      display: block !important;
    }
  }
  @media screen and (width <= 700px) {
  }
  @media screen and (width <= 600px) {
    .jrc-news_break_max600_show {
      display: block !important;
    }
    .jrc-news_break_max600-min501_show {
      display: block !important;
    }
    .jrc-news_break_max600-min501_below450_show {
      display: block !important;
    }
    .jrc-news_break_min600_show {
      display: none !important;
    }
    .jrc-news_tb-only {
      display: none !important;
    }
  }
  @media screen and (width <= 500px) {
    .jrc-news_break_max600-min501_show {
      display: none !important;
    }
    .jrc-news_break_max600-min501_below450_show {
      display: none !important;
    }
    .jrc-news_sp-only-02 {
      display: none !important;
    }
    .jrc-news_sp-only_499 {
      display: block !important;
    }
  }
  @media screen and (width <= 450px) {
    .jrc-news_break_max600-min501_below450_show {
      display: block !important;
    }
  }
  @media screen and (width <= 389px) {
    .jrc-news_sp-only_389 {
      display: block !important;
    }
  }

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

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

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

  .jrc-news_text_0p8em {
    font-size: 0.8em;
  }

  .jrc-news_text_0p7em {
    font-size: 0.7em;
  }

  .jrc-news_text_0p6em {
    font-size: 0.6em;
  }

  /***** 文字を大きく *****/
  .jrc-news_text_enlarge12 {
    font-size: 1.2em;
  }

  .jrc-news_text_1p4em {
    font-size: 1.4em;
  }

  .jrc-news_text_enlarge15 {
    font-size: 1.5em;
  }
  
  .jrc-news_text_enlarge {
    font-size: 2em;
  }

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

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

  /***** 文字を青く *****/
  .jrc-news_text_blue {
    color: var(--color-blue-primary);
  }

  .jrc-news_text_blue_secondary {
    color: var(--color-blue-secondary);
  }

  /***** 文字間を詰める *****/
  .jrc-news_tight-text {
    letter-spacing: -0.2em !important;
  }

  .jrc-news_tight-text_-0p02em {
    letter-spacing: -0.02em;
  }
  
  .jrc-news_tight-text_-0p05em {
    letter-spacing: -0.05em;
  }

  /***** ボックスの罫を赤く *****/  
  .jrc-news_column_red_line_box {
    border: 1px solid var(--color-red-primary);
  }

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

  /***** 見出し *****/
  .jrc-news_heading_grid {
    display: grid;
    row-gap: 8px;
    margin-bottom: 3em;

    .jrc-news_heading_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: 100%;
        background-color: #ccc;
      }

      .jrc-news_text_small {
        font-size: 0.8em;
      }
    }
    @media screen and (max-width: 768px) {
      .jrc-news_heading_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }
  }

  /***** 画像のタイトル *****/
  .jrc-news_img_title_container {
    padding-top: 1rem;
    margin-bottom: 2rem;
    border-top: 1px solid var(--color-red-primary);
    font-size: 1.8em;
  }

  .jrc-news_visual_wrap + .jrc-news_visual_wrap {
    /* margin-top: 8em; */
  }
  @media screen and (width <= 768px) {
    .jrc-news_visual_wrap + .jrc-news_visual_wrap {
      margin-top: 4em;
    }
  }

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

  /***** 本文-02 *****/
  .jrc-news_content_detail_box {
    margin-bottom: 8em;
  }
  @media screen and (width <= 768px) {
    .jrc-news_content_detail_box {
      margin-bottom: 6em;
    }
  }

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

  /***** 画像 *****/
  .jrc-news_visual_wrap {
    margin-bottom: 4em;
  }
  @media screen and (max-width: 768px) {
    .jrc-news_visual_wrap {
      margin-bottom: 2em;
    }
  }

  .jrc-news_visual_box {
    margin-bottom: 1em;
  }
  picture {
    &.jrc-news_visual_box {
      display: block;
      margin-bottom: 1em;
    }
  }

  .jrc-news_visual_box + .jrc-news_visual_box {
    margin-top: 4em;
  }
  @media screen and (max-width: 768px) {
    .jrc-news_visual_box + .jrc-news_visual_box {
      margin-top: 2em;
    }
  }

  .jrc-news_img {
    width: 100%;
  }
  /***** 画像のボックスに罫線を追加 *****/
  .jrc-news_visual_box_border {
    border: 1px solid #c8c8c8;
  }

  /* 画像のタイトル（グレイの地色） */
  .jrc-news_visual_title_bg_wrap {
    .jrc-news_visual_title {
      font-size: 1.6rem;
      text-align: center;
      padding: 0.2em 1em;
      background-color: var(--color-light-gray-primary);
      width: fit-content;
      margin-inline: auto;
      filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, 0.05));
    }
  }

  /* 画像のタイトル（上下の赤罫） */
  .jrc-news_visual_title_red-line_wrap {
    .jrc-news_visual_title {
      font-size: 1.6rem;
      text-align: center;
      padding: 0.2em 1em;
      width: fit-content;
      margin-inline: auto;
      border-top: 1px solid var(--color-red-primary);
      border-bottom: 1px solid var(--color-red-primary);
    }
  }

  /* 画像のタイトル（上下のグレイ罫） */
  .jrc-news_visual_title_gray-line_wrap {
    .jrc-news_visual_title {
      font-size: 1.6rem;
      text-align: center;
      padding: 0.2em 1em;
      width: fit-content;
      margin-inline: auto;
      border-top: 1px solid var(--color-light-gray-heading-underline);
      border-bottom: 1px solid var(--color-light-gray-heading-underline);
    }
  }

  /***** 画像幅 850px *****/
  .jrc-news_width850 {
    width: 100%;
    max-width: 850px;
    margin-inline: auto;
  }
  
  /***** 画像幅 750px *****/
  .jrc-news_width750 {
    width: 100%;
    max-width: 750px;
    margin-inline: auto;
  }
  
  /***** 画像幅 650px *****/
  .jrc-news_width650 {
    width: 100%;
    max-width: 650px;
    margin-inline: auto;
  }

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

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

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

    &.jrc-news_text_black {
      color: #111;
    }

    &.jrc-news_text_1p2em {
      font-size: 1.2em;
    }

    &.jrc-news_text_1p4em {
      font-size: 1.4em;
    }
  }

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

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

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

  /***** 外部遷移ボタン *****/
  .jrc-news_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) {
    .jrc-news_button_with_image_wrap {
      padding-inline: 0;
    }
  }
  .jrc-news_btn_wrap {
    margin-bottom: 4em;
    margin-inline: auto;

    .jrc-news_btn_box + .jrc-news_btn_box {
      margin-top: 2em;
    }

    /***** 外部遷移ボタン（画像あり） *****/
    &.jrc-news_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;

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

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

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

      .jrc-news_btn_lead_text {
        white-space: nowrap;
      }

      .jrc-news_btn_box {
        align-self: flex-start;
        width: 100%;
      }
    }
    @media screen and (max-width: 768px) {
      &.jrc-news_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;

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

        .jrc-news_btn_lead_text {
          white-space: nowrap;
          text-align: center;
        }
      }
    }

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

    .jrc-news_btn_box {
      width: 100%;
      max-width: 336px;
      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;
      }
    }
    @media screen and (width <= 768px) {
      .jrc-news_btn_box {
        max-width: 325px;
      }
    }

    .jrc-news_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);
        }

        .jrc-news_btn_item_text {
          color: var(--color-red-primary);
        }
      }
    }
    
    .jrc-news_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;
        }

        .jrc-news_btn_item_text {
          color: #000;
        }
      }
    }

    .jrc-news_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;
      }
    }

    .jrc-news_btn_black_item,
    .jrc-news_btn_red_item {
      color: #fff;
    }

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

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

    .jrc-news_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) {
      .jrc-news_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";
      }
    }

    .jrc-news_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: 100%;
        height: 1px;
        background-color: #c8c8c8;
        position: absolute;
        bottom: -1em;
        left: 0;
      }

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

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

    .jrc-news_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;
    }

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

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

  /***** 本の紹介 *****/
  .jrc-news_content_book_wrap {
    padding-inline: 5vw;
    padding-block: 4rem;
    margin-bottom: 12rem;
    border-top: 1px solid var(--color-light-gray-heading-underline);
    border-bottom: 1px solid var(--color-light-gray-heading-underline);

    .jrc-news_content_book {
      &.jrc-news_grid {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto 1fr;
        grid-template-areas:
        "item-01 item-03"
        "item-01 item-02"
        "item-01 item-04";
        column-gap: min(5vw, 3rem);
        row-gap: 1rem;
      }
      @media screen and (width <= 600px) {
        &.jrc-news_grid {
          grid-template-columns: 1fr;
          grid-template-rows: auto auto auto 1fr;
          grid-template-areas:
        "item-03"
        "item-01"
        "item-02"
        "item-04";
        }
      }
  
      .jrc-news_content_book_img_box {
        grid-area: item-01;
        width: 30vw;
        max-width: 240px;
      }
      @media screen and (width <= 600px) {
        .jrc-news_content_book_img_box {
          width: 100%;
          max-width: none;
          justify-self: center;
        }
      }
  
      .jrc-news_content_book_title_box {
        grid-area: item-02;
        /* font-size: min(2em, 30px); */
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.5;

        .jrc-news_book_title_enlarge {
          font-size: 1.8rem;
        }
      }
      @media screen and (width <= 600px) {
        .jrc-news_content_book_title_box {
          font-size: 1rem;

          .jrc-news_book_title_enlarge {
            font-size: 1.3rem;
          }
        }
      }
  
      .jrc-news_content_book_author_box {
        grid-area: item-03;
        background-color: var(--color-light-gray-primary);
        padding: 0.5em 1em;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1;
        width: fit-content;
      }
      @media screen and (width <= 600px) {
        .jrc-news_content_book_author_box {
          width: 100%;
          text-align: center;
          font-size: 1rem;
        }
      }
      
      .jrc-news_content_book_detail_box {
        grid-area: item-04;
        text-align: justify;
      }
    }
  }
  @media screen and (width <= 600px) {
    .jrc-news_content_book_wrap {
      padding-inline: 0;
      padding-block: 2rem;
      margin-bottom: 6rem;
    }
  }
}



/****************************************
「特集」ページ（special）
****************************************/
.jrc-news_p-special {

  /********** 特集共通 **********/
  /* 遷移ボタン01 */
  .jrc-news_btn_box_container {
    &.jrc-news_grid {
      display: grid;
      grid-template-columns: auto auto;
      justify-content: center;
      column-gap: 50px;
    }
    @media screen and (width <= 768px) {
      &.jrc-news_grid {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        row-gap: 2rem;
      }
    }

    .jrc-news_btn_box_wrap {
      .jrc-news_btn_text {
        text-align: center;
      }
    }

    .jrc-news_btn_box {
      margin-top: 0.5rem;
    }
  }

  /* 遷移ボタン02 */
  .jrc-news_btn_wrap {
    margin-top: 2rem;
    margin-bottom: 0;

    .jrc-news_btn_lead_text_box {
      padding-block: 4rem 0;
      padding-inline: 2rem;
      display: flex;
      flex-direction: column;
      row-gap: 0.5em;

      .jrc-news_btn_lead_title {
        font-size: 1.6rem;
        line-height: 1.5;
      }
      @media screen and (width <= 768px) {
        .jrc-news_btn_lead_title {
          font-size: 1.3rem;
        }
      }

      .jrc-news_btn_lead_text {
        margin-top: 0;
      }
    }
    @media screen and (width <= 768px) {
      .jrc-news_btn_lead_text_box {
        padding-block: 2rem 0;
        padding-inline: 0;
      }
    }
  }
  @media screen and (width <= 768px) {
    .jrc-news_btn_wrap {
      margin-top: 1rem;
    }
  }


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

    .jrc-news_kv_img_box {
      margin-bottom: 4em;

      .jrc-news_kv_img {
        border: 1px solid #c8c8c8;
      }

      .jrc-news_kv_img + .jrc-news_image_caption_left {
        margin-top: 1rem;
      }
    }
    @media screen and (max-width: 768px) {
      .jrc-news_kv_img_box {
        margin-bottom: 2em;
      }
    }

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


  /********** セクション-02 **********/
  .jrc-news_section_02_wrap {
    margin-bottom: 12rem;

    /* セクションヘッダー */
    .jrc-news_section_header_wrap {
      margin-top: 12rem;

      .jrc-news_section_header_wrap_inner {
        font-size: 1.4rem;

        &.jrc-news_grid {
          display: grid;
          grid-template-columns: auto 1fr;
          grid-template-areas:
          "item-01 item-02";
          align-items: center;
        }
      }
      @media screen and (width <= 768px) {
        .jrc-news_section_header_wrap_inner {
          font-size: 1.1rem;
        }
      }

      .jrc-news_section_header_label_box {
        grid-area: item-01;
        height: 100%;

        .jrc-news_section_header_label_text {
          padding-block: 0.2rem;
          padding-inline: 1rem;
          background-color: var(--color-red-primary);
          color: #fff;
          border: 1px solid var(--color-red-primary);
          font-weight: 700;
          line-height: 1.5;
          height: 100%;
          display: grid;
          align-items: center;
        }
      }

      .jrc-news_section_header_title_box {
        grid-area: item-02;
        height: 100%;

        .jrc-news_section_header_title_text {
          padding-block: 0.2rem;
          padding-inline: 1rem;
          background-color: var(--color-light-gray-tertiary);
          border: 1px solid var(--color-light-gray-tertiary);
          font-weight: 700;
          font-size: 2rem;
          line-height: 1.5;
          height: 100%;
          display: grid;
          align-items: center;
        }
        @media screen and (width <= 768px) {
          .jrc-news_section_header_title_text {
            font-size: 1.44rem;
          }
        }
      }
    }
    @media screen and (width <= 768px) {
      .jrc-news_section_header_wrap {
        margin-top: 8rem;
      }
    }

    /* 見出し */
    .jrc-news_heading_grid {
      margin-top: 4rem;
    }
    @media screen and (width <= 768px) {
      .jrc-news_heading_grid {
        margin-top: 2rem;
      }
    }
    
    .jrc-news_visual_wrap {
      margin-bottom: 6em;
    }
    @media screen and (width <= 768px) {
      .jrc-news_visual_wrap {
        margin-bottom: 2em;
      }
    }

    /* キケンと対策画像 */
    .jrc-news_visual_container {
      margin-top: 4rem;
      margin-bottom: 12rem;
      container-type: inline-size;
      container-name: jrc-news_visual_container;

      .jrc-news_visual_container_inner {
        &.jrc-news_grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
        }
        @media screen and (width <= 768px) {
          &.jrc-news_grid {
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            row-gap: 2rem;
          }
        }

        @media screen and (width <= 768px) {
          .jrc-news_visual_wrap + .jrc-news_visual_wrap {
            margin-top: 2rem;
          }
        }
      }

      .jrc-news_visual_caution_container {
        margin-top: 8rem;
      }
      @media screen and (width <= 768px) {
        .jrc-news_visual_caution_container {
          margin-top: 4rem;
        }
      }

      .jrc-news_visual_caution_container_inner {
        border-top: 1px solid var(--color-light-gray-heading-underline);
        border-bottom: 1px solid var(--color-light-gray-heading-underline);
        padding-block: 2rem;
      }
      

      .jrc-news_visual_wrap {
        margin-bottom: 0;

        &.jrc-news_grid {
          display: grid;
          grid-template-columns: auto 1fr;
          column-gap: 2rem;
          align-items: center;
        }
        @media screen and (width <= 768px) {
          &.jrc-news_grid {
            display: grid;
            grid-template-columns: auto;
            grid-template-rows: auto auto;
            column-gap: 0;
            align-items: center;
          }
        }

        .jrc-news_caution_img_wrap {
          max-width: 500px;
          width: 40vw;
        }
        @media screen and (width <= 768px) {
          .jrc-news_caution_img_wrap {
            max-width: 500px;
            width: 100%;
          }
        }

        .jrc-news_caution_img {
          margin-top: 4rem;
        }
      }
      @media screen and (width <= 768px) {
        .jrc-news_visual_wrap {
          width: 100%;
          max-width: 550px;
          /* justify-self: center; */
          margin-inline: auto;
        }
      }
    }
    @media screen and (width <= 768px) {
      .jrc-news_visual_container {
        margin-bottom: 6rem;
      }
    }

    /* 注意のテキスト */
    .jrc-news_caution_text {
      text-align: justify;
      margin-top: 0;

      /* topのアキ */
      &.jrc-news_margin-top_a {
        margin-top: 0.6rem;
      }

      /* bottomのアキ */
      &.jrc-news_margin-bottom_a {
        margin-bottom: 0.6rem;
      }
    }
  }
  @media screen and (max-width: 768px) {
    .jrc-news_section_02_wrap {
      margin-bottom: 6em;
    }
  }
        
  /********** セクション-03 **********/
  .jrc-news_section_03_wrap {
    margin-bottom: 12em;

    /* コラム */
    .jrc-news_column_content {
      /* border: 1px solid var(--color-dark-gray-primary); */
      /* border-top: 1px solid var(--color-dark-gray-primary); */
      border-bottom: 1px solid var(--color-dark-gray-primary);
      padding-block: 4rem;
      padding-inline: 0;
    }
    @media screen and (width <= 768px) {
      .jrc-news_column_content {
        padding-block: 3rem;
        padding-inline: min(6vw, 2rem);
      }
    }
    @media screen and (width <= 500px) {
      .jrc-news_column_content {
        padding-inline: 0;
      }
    }

    /* コラムタイトル */
    .jrc-news_column_title_box {
      font-size: 2rem;
      margin-bottom: 1rem;
      padding-right: 1rem;
      background-color: #fff;
      border: 1px solid var(--color-red-primary);
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;

      .jrc-news_column_title_headmark_box {
        padding-inline: 0.5em;
        background-color: var(--color-red-primary);
        color: #fff;
        font-size: 0.6em;
        text-align: center;
        margin-right: 1rem;
        height: 100%;
        display: grid;
        place-content: center;
      }

      .jrc-news_column_title {
        margin-top: 0;
        line-height: 1.5;
        padding-block: 0.2rem;
      }
    }
    @media screen and (width <= 768px) {
      .jrc-news_column_title_box {
        font-size: 1.44rem;
      }
    }

    /* コラム詳細 */
    .jrc-news_column_detail_container {

      .jrc-news_column_detail_wrap {
        display: grid;
        grid-template-areas:
        "item-01 item-02";
        column-gap: 3rem;
        margin-top: 2rem;

        /* コラム01 */
        &.jrc-news_grid-01 {
          grid-template-columns: 1fr auto;
        }
        @media screen and (width <= 700px) {
          &.jrc-news_grid-01 {
            grid-template-columns: 1fr;
          }
        }

        /* コラム02 */
        &.jrc-news_grid-02 {
          grid-template-columns: auto 1fr;
          grid-template-areas:
            "item-02 item-01";
          position: relative;

          &::before {
            content: "";
            width: 100%;
            height: 1px;
            background-color: var(--color-light-gray-heading-underline);
            position: absolute;
            top: 0;
            left: 0;
          }
        }
        @media screen and (width <= 700px) {
          &.jrc-news_grid-02 {
            grid-template-columns: 1fr;
            grid-template-areas:
            "item-01"
            "item-02";
          }
        }

        &:not(:first-of-type) {
          margin-top: 3em;
          padding-top: 3em;
        }
      }
      @media screen and (width <= 700px) {
        .jrc-news_column_detail_wrap {
          display: grid;
          grid-template-areas:
          "item-01"
          "item-02";
          column-gap: 0;
          margin-top: 3rem;
        }
      }
  
      .jrc-news_column_heading_box {
        font-size: 1.4rem;
        margin-bottom: 1rem;
      }
      @media screen and (width <= 768px) {
        .jrc-news_column_heading_box {
          font-size: 1.2rem;
        }
      }
      
      .jrc-news_column_detail_box {
        grid-area: item-01;
        margin-top: 1rem;
        margin-bottom: 4rem;
        text-align: justify;
      }
      @media screen and (width <= 700px) {
        .jrc-news_column_detail_box {
          margin-bottom: 3rem;
        }
      }
  
      /* コラムテキスト */
      .jrc-news_column_detail {
          margin-top: 0;
      }
  
      /* コラム画像 */
      .jrc-news_column_img_box {
        grid-area: item-02;

        &.jrc-news_column_img_box_01 {
          width: 100%;
          max-width: 250px;
        }
  
        &.jrc-news_column_img_box_02 {
          width: 100%;
          max-width: 290px;
        }
  
        &.jrc-news_grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          column-gap: 2rem;
          row-gap: 2rem;
        }
        @media screen and (width <= 600px) {
          &.jrc-news_grid {
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
          }
        }
  
        .jrc-news_visual_wrap {
          margin: 0;
        }
      }
      @media screen and (width <= 700px) {
        .jrc-news_column_img_box {
          margin-inline: auto;
        }
      }

      .jrc-news_btn_wrap {
        margin-top: 4rem;
      }
    }
  }
  @media screen and (max-width: 768px) {
    .jrc-news_section_03_wrap {
      margin-bottom: 6em;
    }
  }

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

    .jrc-news_top-page_btn_box {
      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;
        }

        .jrc-news_top-page_btn_item {
          color: #000;
        }
      }
    }

    .jrc-news_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;
    }

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

      .jrc-news_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



/****************************************
「WORLD NEWS」ページ（worldnews）
****************************************/
.jrc-news_p-worldnews {
  /********** セクション-01 **********/
  /* サムネイル */
  .jrc-news_kv_wrap {
    margin-bottom: 8em;

    .jrc-news_kv_img_box {
      margin-bottom: 4em;

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

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

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

    .jrc-news_visual_flex_wrap {
      display: flex;

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

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

    .jrc-news_visual_item_text {
      margin-top: 4em;
      padding-top: 0;
      text-align: justify;
    }

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

      .jrc-news_visual_flex_wrap {
        flex-direction: column;

        .jrc-news_visual_item_box {
          &:nth-of-type(1) {
            width: 100%;
          }
        }
  
        .jrc-news_visual_item_box {
          &:nth-of-type(2) {
            width: 100%;

            .jrc-news_img {
              width: 100%;
            }
          }
        }

        .jrc-news_visual_item_text {
          margin-top: 2em;
        }
      }
    }
  }

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

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

    .jrc-news_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: 100%;
        background-color: #ccc;
      }
    }
    @media screen and (max-width: 768px) {
      .jrc-news_title_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }

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

    .jrc-news_visual_box {
      margin-bottom: 1em;
    }

    .jrc-news_content_detail_box {
      margin-bottom: 12em;

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

    .jrc-news_minicolumn_wrap {
      margin-bottom: 4em;
      line-height: 1.3;

      .jrc-news_minicolumn_container {
        border: 1px solid var(--color-red-primary);
        /* border: 1px solid #c8c8c8; */
        padding: 1em 1.5em;
        
        &:not(:last-of-type) {
          margin-bottom: 4em;
        }
      }
      
      .jrc-news_minicolumn_box {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto auto 1fr;
        grid-template-areas:
        "item-01 item-01"
        "item-02 item-02"
        "item-03 item-04"
        "item-05 item-06";
        column-gap: 1.6em;
        row-gap: 0.8em;

        .jrc-news_minicolumn_name {
          grid-area: item-01;
          margin-top: 0;
          position: relative;
          padding-left: 1.2em;
          align-self: center;

          &::before {
            content: "";
            width: 0.6em;
            height: calc(100% - 0.1em);
            background-color: var(--color-red-primary);
            /* background-color: #c8c8c8; */
            position: absolute;
            top: 50%;
            left: 0;
            translate: 0 -50%;
          }

          .jrc-news_text_big {
            font-size: 1.6em;
          }
        }

        .jrc-news_minicolumn_affiliation {
          grid-area: item-02;
          font-size: 1.2em;
          margin-top: 0;
          padding-left: 2.5em;
          text-indent: -2.5em;
        }

        .jrc-news_minicolumn_activity_title {
          grid-area: item-03;
          margin-top: 0;
          /* background-color: var(--color-red-primary); */
          background-color: #c8c8c8;
          height: 1.6em;
          padding: 0.15em 0.6em;
          color: #fff;
        }

        .jrc-news_minicolumn_activity_text {
          grid-area: item-04;
          margin-top: 0;
          align-self: center;
        }

        .jrc-news_minicolumn_situation_title {
          grid-area: item-05;
          margin-top: 0;
          /* background-color: var(--color-red-primary); */
          background-color: #c8c8c8;
          height: 1.6em;
          padding: 0.15em 0.6em;
          color: #fff;
        }

        .jrc-news_minicolumn_situation_text {
          grid-area: item-06;
          margin-top: 0;
          align-self: center;
        }

        .jrc-news_background_triangle_red {
          position: relative;
          /* margin-bottom: 0.4em; */

          &::before {
            content: "";
            width: 1em;
            height: 1.6em;
            /* background-color: var(--color-red-primary); */
            background-color: #c8c8c8;
            position: absolute;
            top: 0;
            right: -0.99em;
            clip-path: polygon(0 0, 100% 0, 0 100%);
          }
        }
      }
    }
  }

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

    .jrc-news_top-page_btn_box {
      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;
        }

        .jrc-news_top-page_btn_item {
          color: #000;
        }
      }
    }

    .jrc-news_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;
    }

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

      .jrc-news_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



/****************************************
「TOPICS」ページ（topics）
****************************************/
.jrc-news_p-topics {
  /********** セクション-KV **********/
  /* サムネイル */
  .jrc-news_kv_wrap {
    margin-bottom: 8em;

    .jrc-news_kv_img_box {
      margin-bottom: 4em;

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

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

  /********** セクション-main contents **********/
  .jrc-news_main_contents_wrap {
    margin-bottom: 12em;

    /* 見出し */
    .jrc-news_title_grid {
      display: grid;
      row-gap: 8px;
      margin-bottom: 3em;
    }

    .jrc-news_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: 100%;
        background-color: #ccc;
      }
    }
    @media screen and (max-width: 768px) {
      .jrc-news_title_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }
  }

  /* ミニコラム */
  .jrc-news_mini-column_container {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid var(--color-light-gray-heading-underline);
    border-bottom: 1px solid var(--color-light-gray-heading-underline);

    .jrc-news_mini-column_container_inner {
      container-type: inline-size;
      container-name: container-mini-column;
    }

    .jrc-news_mini-column_wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-template-areas:
      "item-01 item-02"
      "item-03 item-04";
      column-gap: 50px;
      row-gap: 50px;
    }
    @media screen and (width <= 768px) {
      .jrc-news_mini-column_wrap {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
        "item-01"
        "item-02"
        "item-03"
        "item-04";
        column-gap: 0;
        /* row-gap: 6rem; */
      }
    }

    .jrc-news_mini-column_content_wrap {
      padding-top: 25px;
      padding-bottom: 25px;

      &:nth-of-type(odd) {  
        padding-right: 25px;
      }
      @media screen and (max-width: 768px) {
        &:nth-of-type(odd) {  
          padding-right: 0;
        }
      }

      &:nth-of-type(even) {
        padding-left: 25px;
      }
      @media screen and (max-width: 768px) {
        &:nth-of-type(even) {  
          padding-left: 0;
        }
      }

      /* タイトル */
      .jrc-news_mini-column_content_item_title {
        position: relative;
        padding-left: 1.5em;
        font-size: 1.6rem;
        line-height: 1.2;
        padding-block: 0.2rem;

        /* 数字 */
        &::before {
          width: fit-content;
          height: 100%;
          font-size: 0.8em;
          padding-inline: 0.5rem;
          padding-block: 0.2rem;
          text-align: center;
          /* border: 1px solid var(--color-dark-gray-primary); */
          background-color: var(--color-red-primary);
          border-radius: 2px;
          color: #fff;
          position: absolute;
          top: 0;
          left: 0;
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }

      /* ボタン */
      .jrc-news_btn_wrap {
        margin-bottom: 0;
      }

      /* イメージ */
      .jrc-news_mini-column_content_item_img {
        margin-top: 1rem;
      }

      /* 説明文 */
      .jrc-news_mini-column_content_item_text {
        text-align: justify;
        margin-bottom: 2rem;
      }
      
      /* 数字 1 */
      &.jrc-news_item-01 {
        position: relative;

        /* 縦線 */
        &::before {
          content: "";
          width: 1px;
          height: 100%;
          background-color: var(--color-light-gray-heading-underline);
          position: absolute;
          right: -25px;
          top: 0;
        }

        /* 横線 */
        &::after {
          content: "";
          width: 100%;
          height: 1px;
          background-color: var(--color-light-gray-heading-underline);
          position: absolute;
          left: 0;
          bottom: -25px;
        }

        .jrc-news_mini-column_content_item_title {

          &::before {
            content: "1";
          }
        }        
      }
      @media screen and (max-width: 768px) {
        &.jrc-news_item-01 {

          /* 縦線 */
          &::before {
            content: none;
          }
        }
      }

      /* 数字 2 */
      &.jrc-news_item-02 {
        position: relative;

        /* 横線 */
        &::after {
          content: "";
          width: 100%;
          height: 1px;
          background-color: var(--color-light-gray-heading-underline);
          position: absolute;
          left: 0;
          bottom: -25px;
        }

        .jrc-news_mini-column_content_item_title {

          &::before {
            content: "2";
          }
        }        
      }

      /* 数字 3 */
      &.jrc-news_item-03 {
        position: relative;

        /* 縦線 */
        &::before {
          content: "";
          width: 1px;
          height: 100%;
          background-color: var(--color-light-gray-heading-underline);
          position: absolute;
          right: -25px;
          top: 0;
        }

        .jrc-news_mini-column_content_item_title {

          &::before {
            content: "3";
          }
        }        
      }
      @media screen and (max-width: 768px) {
        &.jrc-news_item-03 {

          /* 縦線 */
          &::before {
            content: none;
          }

          /* 横線 */
          &::after {
            content: "";
            width: 100%;
            height: 1px;
            background-color: var(--color-light-gray-heading-underline);
            position: absolute;
            left: 0;
            bottom: -25px;
          }
        }
      }

      /* 数字 4 */
      &.jrc-news_item-04 {
        .jrc-news_mini-column_content_item_title {

          &::before {
            content: "4";
          }
        }        
      }
    }
  }
  @media screen and (max-width: 768px) {
    .jrc-news_mini-column_container {
      padding-top: 25px;
      padding-bottom: 25px;
      margin-top: 6rem;
    }
  }
  @media screen and (max-width: 500px) {
    .jrc-news_mini-column_container {
      padding-top: 2rem;
      padding-bottom: 0;
    }
  }

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

    .jrc-news_top-page_btn_box {
      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;
        }

        .jrc-news_top-page_btn_item {
          color: #000;
        }
      }
    }

    .jrc-news_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;
    }

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

      .jrc-news_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



/****************************************
「海外派遣」ページ（overseas）
****************************************/
.jrc-news_p-overseas {
  /********** セクション-01 **********/
  /* サムネイル */
  .jrc-news_kv_wrap {
    margin-bottom: 8em;

    .jrc-news_kv_img_box {
      margin-bottom: 4em;

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

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

  /********** セクション-02 **********/
  .jrc-news_main_container {

    .jrc-news_visual_container {
      container-type: inline-size;
      container-name: containerB;

      .jrc-news_visual_container_inner {
        &.jrc-news_grid {
          display: grid;
          /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
          grid-template-columns: 1fr 1fr;
          grid-template-rows: 1fr 1fr;
          column-gap: 2rem;
          row-gap: 2rem;
        }
      }
      @media screen and (width < 1360px) {
        .jrc-news_visual_container_inner {
          &.jrc-news_grid {
            column-gap: 25px;
          }
        }
      }
      @media screen and (width <= 650px) {
        .jrc-news_visual_container_inner {
          &.jrc-news_grid {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr 1fr 1fr 1fr;
          }
        }
      }

      .jrc-news_visual_wrap {
        margin-bottom: 0;
      }
      .jrc-news_visual_wrap + .jrc-news_visual_wrap {
        margin-top: 0;
      }

      .jrc-news_visual_box {
        &.jrc-news_img_container_inner {
          margin-bottom: 0;
        }
      }
    }

    /* リポーター画像 */
    .jrc-news_visual_container {
      container-type: inline-size;
      container-name: jrc-news_visual_container_reporter;
      margin-top: 2rem;
      margin-bottom: 6rem;
    }

    .jrc-news_visual_container_inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-content: center;
      column-gap: 2rem;

      .jrc-news_visual_reporter {
        margin-block: 0;
      }
    }
    @container jrc-news_visual_container_reporter (width <= 600px) {
      .jrc-news_visual_container_inner {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        column-gap: 0;
        row-gap: 2rem;
      }
    }

    /* 本文 */
    .jrc-news_content_detail_box {
      padding-top: 12em;
    }
    @media screen and (width <= 768px) {
      .jrc-news_content_detail_box {
        padding-top: 6em;
      }
    }

    .jrc-news_title_text {
      position: relative;

      &::after {
        background-color: var(--color-light-gray-heading-underline);
      }
    }
  }

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

    .jrc-news_top-page_btn_box {
      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;
        }

        .jrc-news_top-page_btn_item {
          color: #000;
        }
      }
    }

    .jrc-news_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;
    }

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

      .jrc-news_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



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

    .jrc-news_kv_img_box {
      margin-bottom: 4em;

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

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

  /********** セクション-02 **********/
  .jrc-news_main_contents_wrap {
    .jrc-news_footnote_left {
      padding-top: 0;
    }
  }

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

    .jrc-news_top-page_btn_box {
      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;
        }

        .jrc-news_top-page_btn_item {
          color: #000;
        }
      }
    }

    .jrc-news_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;
    }

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

      .jrc-news_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}



/****************************************
「AreaNews」ページ（areanews）
****************************************/
:root {
  /* 都道府県カラー定義 */
  --btn-color-hokkaido: #41b06e; /* 北海道 */
  --btn-color-aomori: #47b2e6; /* 青森県 */
  --btn-color-iwate: #7484c0; /* 岩手県 */
  --btn-color-miyagi: #54a0ff; /* 宮城県 */
  --btn-color-akita: #f1832c; /* 秋田県 */
  --btn-color-yamagata: #5f27cd; /* 山形県 */
  --btn-color-fukushima: #00d2d3; /* 福島県 */
  --btn-color-ibaraki: #9dca55; /* 茨城県 */
  --btn-color-tochigi: #47b2e8; /* 栃木県 */
  --btn-color-gunma: #96ceb4; /* 群馬県 */
  --btn-color-saitama: #47b2e6; /* 埼玉県 */
  --btn-color-chiba: #45b7d1; /* 千葉県 */
  --btn-color-tokyo: #ec7a82; /* 東京都 */
  --btn-color-kanagawa: #9dca55; /* 神奈川県 */
  --btn-color-niigata: #ff9f43; /* 新潟県 */
  --btn-color-toyama: #10ac84; /* 富山県 */
  --btn-color-ishikawa: #f9c04c; /* 石川県 */
  --btn-color-fukui: #9dca55; /* 福井県 */
  --btn-color-yamanashi: #ee5a24; /* 山梨県 */
  --btn-color-nagano: #0984e3; /* 長野県 */
  --btn-color-gifu: #9dca55; /* 岐阜県 */
  --btn-color-shizuoka: #7484c0; /* 静岡県 */
  --btn-color-aichi: #c170aa; /* 愛知県 */
  --btn-color-mie: #c170aa; /* 三重県 */
  --btn-color-shiga: #7484c0; /* 滋賀県 */
  --btn-color-kyoto: #c170aa; /* 京都府 */
  --btn-color-osaka: #ed832d; /* 大阪府 */
  --btn-color-hyogo: #9cc954; /* 兵庫県 */
  --btn-color-nara: #f1832c; /* 奈良県 */
  --btn-color-wakayama: #fd79a8; /* 和歌山県 */
  --btn-color-tottori: #e17055; /* 鳥取県 */
  --btn-color-shimane: #74b9ff; /* 島根県 */
  --btn-color-okayama: #41b06e; /* 岡山県 */
  --btn-color-hiroshima: #41b06e; /* 広島県 */
  --btn-color-yamaguchi: #e84393; /* 山口県 */
  --btn-color-tokushima: #ed7a81; /* 徳島県 */
  --btn-color-kagawa: #b49a75; /* 香川県 */
  --btn-color-ehime: #f9c04c; /* 愛媛県 */
  --btn-color-kochi: #b39b77; /* 高知県 */
  --btn-color-fukuoka: #00b197; /* 福岡県 */
  --btn-color-saga: #47b2e8; /* 佐賀県 */
  --btn-color-nagasaki: #fd79a8; /* 長崎県 */
  --btn-color-kumamoto: #f9c04c; /* 熊本県 */
  --btn-color-oita: #b49a75; /* 大分県 */
  --btn-color-miyazaki: #f9c04c; /* 宮崎県 */
  --btn-color-kagoshima: #00b197; /* 鹿児島県 */
  --btn-color-okinawa: #01af94; /* 沖縄県 */
}

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

    .jrc-news_kv_img_box {
      margin-bottom: 4em;

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

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

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

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

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

    .jrc-news_area-select_ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      column-gap: 20px;
      row-gap: 20px;
      justify-content: center;

      /***** エリア選択ボタンのカラー設定 *****/
      /* 北海道 */
      .jrc-news_area-select_btn-hokkaido {
        background-color: var(--btn-color-hokkaido) !important;
        border: 1px solid var(--btn-color-hokkaido) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-hokkaido) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-hokkaido) !important;
            border-right: 2px solid var(--btn-color-hokkaido) !important;
          }
        }
      }

      /* 青森県 */
      .jrc-news_area-select_btn-aomori {
        background-color: var(--btn-color-aomori) !important;
        border: 1px solid var(--btn-color-aomori) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-aomori) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-aomori) !important;
            border-right: 2px solid var(--btn-color-aomori) !important;
          }
        }
      }

      /* 岩手県 */
      .jrc-news_area-select_btn-iwate {
        background-color: var(--btn-color-iwate) !important;
        border: 1px solid var(--btn-color-iwate) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-iwate) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-iwate) !important;
            border-right: 2px solid var(--btn-color-iwate) !important;
          }
        }
      }

      /* 宮城県 */
      .jrc-news_area-select_btn-miyagi {
        background-color: var(--btn-color-miyagi) !important;
        border: 1px solid var(--btn-color-miyagi) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-miyagi) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-miyagi) !important;
            border-right: 2px solid var(--btn-color-miyagi) !important;
          }
        }
      }

      /* 秋田県 */
      .jrc-news_area-select_btn-akita {
        background-color: var(--btn-color-akita) !important;
        border: 1px solid var(--btn-color-akita) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-akita) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-akita) !important;
            border-right: 2px solid var(--btn-color-akita) !important;
          }
        }
      }

      /* 山形県 */
      .jrc-news_area-select_btn-yamagata {
        background-color: var(--btn-color-yamagata) !important;
        border: 1px solid var(--btn-color-yamagata) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-yamagata) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-yamagata) !important;
            border-right: 2px solid var(--btn-color-yamagata) !important;
          }
        }
      }

      /* 福島県 */
      .jrc-news_area-select_btn-fukushima {
        background-color: var(--btn-color-fukushima) !important;
        border: 1px solid var(--btn-color-fukushima) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-fukushima) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-fukushima) !important;
            border-right: 2px solid var(--btn-color-fukushima) !important;
          }
        }
      }

      /* 茨城県 */
      .jrc-news_area-select_btn-ibaraki {
        background-color: var(--btn-color-ibaraki) !important;
        border: 1px solid var(--btn-color-ibaraki) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-ibaraki) !important;
          }
  
          &::after {
            border-bottom: 2px solid var(--btn-color-ibaraki) !important;
            border-right: 2px solid var(--btn-color-ibaraki) !important;
          }
        }
      }

      /* 栃木県 */
      .jrc-news_area-select_btn-tochigi {
        background-color: var(--btn-color-tochigi) !important;
        border: 1px solid var(--btn-color-tochigi) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-tochigi) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-tochigi) !important;
            border-right: 2px solid var(--btn-color-tochigi) !important;
          }
        }
      }

      /* 群馬県 */
      .jrc-news_area-select_btn-gunma {
        background-color: var(--btn-color-gunma) !important;
        border: 1px solid var(--btn-color-gunma) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-gunma) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-gunma) !important;
            border-right: 2px solid var(--btn-color-gunma) !important;
          }
        }
      }

      /* 埼玉県 */
      .jrc-news_area-select_btn-saitama {
        background-color: var(--btn-color-saitama) !important;
        border: 1px solid var(--btn-color-saitama) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-saitama) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-saitama) !important;
            border-right: 2px solid var(--btn-color-saitama) !important;
          }
        }
      }

      /* 千葉県 */
      .jrc-news_area-select_btn-chiba {
        background-color: var(--btn-color-chiba) !important;
        border: 1px solid var(--btn-color-chiba) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-chiba) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-chiba) !important;
            border-right: 2px solid var(--btn-color-chiba) !important;
          }
        }
      }

      /* 東京都 */
      .jrc-news_area-select_btn-tokyo {
        background-color: var(--btn-color-tokyo) !important;
        border: 1px solid var(--btn-color-tokyo) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;
  
          .jrc-news_area-select_btn-link {
            color: var(--btn-color-tokyo) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-tokyo) !important;
            border-right: 2px solid var(--btn-color-tokyo) !important;
          }
        }
      }

      /* 神奈川県 */
      .jrc-news_area-select_btn-kanagawa {
        background-color: var(--btn-color-kanagawa) !important;
        border: 1px solid var(--btn-color-kanagawa) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-kanagawa) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-kanagawa) !important;
            border-right: 2px solid var(--btn-color-kanagawa) !important;
          }
        }
      }

      /* 新潟県 */
      .jrc-news_area-select_btn-niigata {
        background-color: var(--btn-color-niigata) !important;
        border: 1px solid var(--btn-color-niigata) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-niigata) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-niigata) !important;
            border-right: 2px solid var(--btn-color-niigata) !important;
          }
        }
      }

      /* 富山県 */
      .jrc-news_area-select_btn-toyama {
        background-color: var(--btn-color-toyama) !important;
        border: 1px solid var(--btn-color-toyama) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-toyama) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-toyama) !important;
            border-right: 2px solid var(--btn-color-toyama) !important;
          }
        }
      }

      /* 石川県 */
      .jrc-news_area-select_btn-ishikawa {
        background-color: var(--btn-color-ishikawa) !important;
        border: 1px solid var(--btn-color-ishikawa) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-ishikawa) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-ishikawa) !important;
            border-right: 2px solid var(--btn-color-ishikawa) !important;
          }
        }
      }

      /* 福井県 */
      .jrc-news_area-select_btn-fukui {
        background-color: var(--btn-color-fukui) !important;
        border: 1px solid var(--btn-color-fukui) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-fukui) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-fukui) !important;
            border-right: 2px solid var(--btn-color-fukui) !important;
          }
        }
      }

      /* 山梨県 */
      .jrc-news_area-select_btn-yamanashi {
        background-color: var(--btn-color-yamanashi) !important;
        border: 1px solid var(--btn-color-yamanashi) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-yamanashi) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-yamanashi) !important;
            border-right: 2px solid var(--btn-color-yamanashi) !important;
          }
        }
      }

      /* 長野県 */
      .jrc-news_area-select_btn-nagano {
        background-color: var(--btn-color-nagano) !important;
        border: 1px solid var(--btn-color-nagano) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-nagano) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-nagano) !important;
            border-right: 2px solid var(--btn-color-nagano) !important;
          }
        }
      }

      /* 岐阜県 */
      .jrc-news_area-select_btn-gifu {
        background-color: var(--btn-color-gifu) !important;
        border: 1px solid var(--btn-color-gifu) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-gifu) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-gifu) !important;
            border-right: 2px solid var(--btn-color-gifu) !important;
          }
        }
      }

      /* 静岡県 */
      .jrc-news_area-select_btn-shizuoka {
        background-color: var(--btn-color-shizuoka) !important;
        border: 1px solid var(--btn-color-shizuoka) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-shizuoka) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-shizuoka) !important;
            border-right: 2px solid var(--btn-color-shizuoka) !important;
          }
        }
      }

      /* 愛知県 */
      .jrc-news_area-select_btn-aichi {
        background-color: var(--btn-color-aichi) !important;
        border: 1px solid var(--btn-color-aichi) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-aichi) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-aichi) !important;
            border-right: 2px solid var(--btn-color-aichi) !important;
          }
        }
      }

      /* 三重県 */
      .jrc-news_area-select_btn-mie {
        background-color: var(--btn-color-mie) !important;
        border: 1px solid var(--btn-color-mie) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-mie) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-mie) !important;
            border-right: 2px solid var(--btn-color-mie) !important;
          }
        }
      }

      /* 滋賀県 */
      .jrc-news_area-select_btn-shiga {
        background-color: var(--btn-color-shiga) !important;
        border: 1px solid var(--btn-color-shiga) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-shiga) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-shiga) !important;
            border-right: 2px solid var(--btn-color-shiga) !important;
          }
        }
      }

      /* 京都府 */
      .jrc-news_area-select_btn-kyoto {
        background-color: var(--btn-color-kyoto) !important;
        border: 1px solid var(--btn-color-kyoto) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-kyoto) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-kyoto) !important;
            border-right: 2px solid var(--btn-color-kyoto) !important;
          }
        }
      }

      /* 大阪府 */
      .jrc-news_area-select_btn-osaka {
        background-color: var(--btn-color-osaka) !important;
        border: 1px solid var(--btn-color-osaka) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-osaka) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-osaka) !important;
            border-right: 2px solid var(--btn-color-osaka) !important;
          }
        }
      }

      /* 兵庫県 */
      .jrc-news_area-select_btn-hyogo {
        background-color: var(--btn-color-hyogo) !important;
        border: 1px solid var(--btn-color-hyogo) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-hyogo) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-hyogo) !important;
            border-right: 2px solid var(--btn-color-hyogo) !important;
          }
        }
      }

      /* 奈良県 */
      .jrc-news_area-select_btn-nara {
        background-color: var(--btn-color-nara) !important;
        border: 1px solid var(--btn-color-nara) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-nara) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-nara) !important;
            border-right: 2px solid var(--btn-color-nara) !important;
          }
        }
      }

      /* 和歌山県 */
      .jrc-news_area-select_btn-wakayama {
        background-color: var(--btn-color-wakayama) !important;
        border: 1px solid var(--btn-color-wakayama) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-wakayama) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-wakayama) !important;
            border-right: 2px solid var(--btn-color-wakayama) !important;
          }
        }
      }

      /* 鳥取県 */
      .jrc-news_area-select_btn-tottori {
        background-color: var(--btn-color-tottori) !important;
        border: 1px solid var(--btn-color-tottori) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-tottori) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-tottori) !important;
            border-right: 2px solid var(--btn-color-tottori) !important;
          }
        }
      }

      /* 島根県 */
      .jrc-news_area-select_btn-shimane {
        background-color: var(--btn-color-shimane) !important;
        border: 1px solid var(--btn-color-shimane) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-shimane) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-shimane) !important;
            border-right: 2px solid var(--btn-color-shimane) !important;
          }
        }
      }

      /* 岡山県 */
      .jrc-news_area-select_btn-okayama {
        background-color: var(--btn-color-okayama) !important;
        border: 1px solid var(--btn-color-okayama) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-okayama) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-okayama) !important;
            border-right: 2px solid var(--btn-color-okayama) !important;
          }
        }
      }

      /* 広島県 */
      .jrc-news_area-select_btn-hiroshima {
        background-color: var(--btn-color-hiroshima) !important;
        border: 1px solid var(--btn-color-hiroshima) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-hiroshima) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-hiroshima) !important;
            border-right: 2px solid var(--btn-color-hiroshima) !important;
          }
        }
      }

      /* 山口県 */
      .jrc-news_area-select_btn-yamaguchi {
        background-color: var(--btn-color-yamaguchi) !important;
        border: 1px solid var(--btn-color-yamaguchi) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-yamaguchi) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-yamaguchi) !important;
            border-right: 2px solid var(--btn-color-yamaguchi) !important;
          }
        }
      }

      /* 徳島県 */
      .jrc-news_area-select_btn-tokushima {
        background-color: var(--btn-color-tokushima) !important;
        border: 1px solid var(--btn-color-tokushima) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-tokushima) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-tokushima) !important;
            border-right: 2px solid var(--btn-color-tokushima) !important;
          }
        }
      }

      /* 香川県 */
      .jrc-news_area-select_btn-kagawa {
        background-color: var(--btn-color-kagawa) !important;
        border: 1px solid var(--btn-color-kagawa) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-kagawa) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-kagawa) !important;
            border-right: 2px solid var(--btn-color-kagawa) !important;
          }
        }
      }

      /* 愛媛県 */
      .jrc-news_area-select_btn-ehime {
        background-color: var(--btn-color-ehime) !important;
        border: 1px solid var(--btn-color-ehime) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-ehime) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-ehime) !important;
            border-right: 2px solid var(--btn-color-ehime) !important;
          }
        }
      }

      /* 高知県 */
      .jrc-news_area-select_btn-kochi {
        background-color: var(--btn-color-kochi) !important;
        border: 1px solid var(--btn-color-kochi) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-kochi) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-kochi) !important;
            border-right: 2px solid var(--btn-color-kochi) !important;
          }
        }
      }

      /* 福岡県 */
      .jrc-news_area-select_btn-fukuoka {
        background-color: var(--btn-color-fukuoka) !important;
        border: 1px solid var(--btn-color-fukuoka) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-fukuoka) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-fukuoka) !important;
            border-right: 2px solid var(--btn-color-fukuoka) !important;
          }
        }
      }

      /* 佐賀県 */
      .jrc-news_area-select_btn-saga {
        background-color: var(--btn-color-saga) !important;
        border: 1px solid var(--btn-color-saga) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-saga) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-saga) !important;
            border-right: 2px solid var(--btn-color-saga) !important;
          }
        }
      }

      /* 長崎県 */
      .jrc-news_area-select_btn-nagasaki {
        background-color: var(--btn-color-nagasaki) !important;
        border: 1px solid var(--btn-color-nagasaki) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-nagasaki) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-nagasaki) !important;
            border-right: 2px solid var(--btn-color-nagasaki) !important;
          }
        }
      }

      /* 熊本県 */
      .jrc-news_area-select_btn-kumamoto {
        background-color: var(--btn-color-kumamoto) !important;
        border: 1px solid var(--btn-color-kumamoto) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-kumamoto) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-kumamoto) !important;
            border-right: 2px solid var(--btn-color-kumamoto) !important;
          }
        }
      }

      /* 大分県 */
      .jrc-news_area-select_btn-oita {
        background-color: var(--btn-color-oita) !important;
        border: 1px solid var(--btn-color-oita) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-oita) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-oita) !important;
            border-right: 2px solid var(--btn-color-oita) !important;
          }
        }
      }

      /* 宮崎県 */
      .jrc-news_area-select_btn-miyazaki {
        background-color: var(--btn-color-miyazaki) !important;
        border: 1px solid var(--btn-color-miyazaki) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-miyazaki) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-miyazaki) !important;
            border-right: 2px solid var(--btn-color-miyazaki) !important;
          }
        }
      }

      /* 鹿児島県 */
      .jrc-news_area-select_btn-kagoshima {
        background-color: var(--btn-color-kagoshima) !important;
        border: 1px solid var(--btn-color-kagoshima) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-kagoshima) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-kagoshima) !important;
            border-right: 2px solid var(--btn-color-kagoshima) !important;
          }
        }
      }

      /* 沖縄県 */
      .jrc-news_area-select_btn-okinawa {
        background-color: var(--btn-color-okinawa) !important;
        border: 1px solid var(--btn-color-okinawa) !important;

        /***** ホバー時のスタイル *****/
        &:hover {
          background-color: #fff !important;

          .jrc-news_area-select_btn-link {
            color: var(--btn-color-okinawa) !important;
          }
          
          &::after {
            border-bottom: 2px solid var(--btn-color-okinawa) !important;
            border-right: 2px solid var(--btn-color-okinawa) !important;
          }
        }
      }
    }
    @media screen and (max-width: 499px) {
      .jrc-news_area-select_ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    .jrc-news_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;
      }
    }

    .jrc-news_area-select_btn-item {
      width: 100%;
    }

    .jrc-news_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) {
    #jrc-news_area-select {
      margin-bottom: 6em;
    }
  }

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

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

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

    .jrc-news_area_container {
      margin-bottom: 12em;

      /***** エリアタイトルボックスのカラー設定 *****/
      /* 北海道・東北 */
      .jrc-news_area_hokkaido {
        background-color: var(--btn-color-hokkaido) !important;
      }
      .jrc-news_area_aomori {
        background-color: var(--btn-color-aomori) !important;
      }
      .jrc-news_area_iwate {
        background-color: var(--btn-color-iwate) !important;
      }
      .jrc-news_area_miyagi {
        background-color: var(--btn-color-miyagi) !important;
      }
      .jrc-news_area_akita {
        background-color: var(--btn-color-akita) !important;
      }
      .jrc-news_area_yamagata {
        background-color: var(--btn-color-yamagata) !important;
      }
      .jrc-news_area_fukushima {
        background-color: var(--btn-color-fukushima) !important;
      }

      /* 関東 */
      .jrc-news_area_ibaraki {
        background-color: var(--btn-color-ibaraki) !important;
      }
      .jrc-news_area_tochigi {
        background-color: var(--btn-color-tochigi) !important;
      }
      .jrc-news_area_gunma {
        background-color: var(--btn-color-gunma) !important;
      }
      .jrc-news_area_saitama {
        background-color: var(--btn-color-saitama) !important;
      }
      .jrc-news_area_chiba {
        background-color: var(--btn-color-chiba) !important;
      }
      .jrc-news_area_tokyo {
        background-color: var(--btn-color-tokyo) !important;
      }
      .jrc-news_area_kanagawa {
        background-color: var(--btn-color-kanagawa) !important;
      }

      /* 中部（甲信越・北陸・東海） */
      .jrc-news_area_niigata {
        background-color: var(--btn-color-niigata) !important;
      }
      .jrc-news_area_toyama {
        background-color: var(--btn-color-toyama) !important;
      }
      .jrc-news_area_ishikawa {
        background-color: var(--btn-color-ishikawa) !important;
      }
      .jrc-news_area_fukui {
        background-color: var(--btn-color-fukui) !important;
      }
      .jrc-news_area_yamanashi {
        background-color: var(--btn-color-yamanashi) !important;
      }
      .jrc-news_area_nagano {
        background-color: var(--btn-color-nagano) !important;
      }
      .jrc-news_area_gifu {
        background-color: var(--btn-color-gifu) !important;
      }
      .jrc-news_area_shizuoka {
        background-color: var(--btn-color-shizuoka) !important;
      }
      .jrc-news_area_aichi {
        background-color: var(--btn-color-aichi) !important;
      }

      /* 近畿 */
      .jrc-news_area_mie {
        background-color: var(--btn-color-mie) !important;
      }
      .jrc-news_area_shiga {
        background-color: var(--btn-color-shiga) !important;
      }
      .jrc-news_area_kyoto {
        background-color: var(--btn-color-kyoto) !important;
      }
      .jrc-news_area_osaka {
        background-color: var(--btn-color-osaka) !important;
      }
      .jrc-news_area_hyogo {
        background-color: var(--btn-color-hyogo) !important;
      }
      .jrc-news_area_nara {
        background-color: var(--btn-color-nara) !important;
      }
      .jrc-news_area_wakayama {
        background-color: var(--btn-color-wakayama) !important;
      }

      /* 中国 */
      .jrc-news_area_tottori {
        background-color: var(--btn-color-tottori) !important;
      }
      .jrc-news_area_shimane {
        background-color: var(--btn-color-shimane) !important;
      }
      .jrc-news_area_okayama {
        background-color: var(--btn-color-okayama) !important;
      }
      .jrc-news_area_hiroshima {
        background-color: var(--btn-color-hiroshima) !important;
      }
      .jrc-news_area_yamaguchi {
        background-color: var(--btn-color-yamaguchi) !important;
      }

      /* 四国 */
      .jrc-news_area_tokushima {
        background-color: var(--btn-color-tokushima) !important;
      }
      .jrc-news_area_kagawa {
        background-color: var(--btn-color-kagawa) !important;
      }
      .jrc-news_area_ehime {
        background-color: var(--btn-color-ehime) !important;
      }
      .jrc-news_area_kochi {
        background-color: var(--btn-color-kochi) !important;
      }

      /* 九州・沖縄 */
      .jrc-news_area_fukuoka {
        background-color: var(--btn-color-fukuoka) !important;
      }
      .jrc-news_area_saga {
        background-color: var(--btn-color-saga) !important;
      }
      .jrc-news_area_nagasaki {
        background-color: var(--btn-color-nagasaki) !important;
      }
      .jrc-news_area_kumamoto {
        background-color: var(--btn-color-kumamoto) !important;
      }
      .jrc-news_area_oita {
        background-color: var(--btn-color-oita) !important;
      }
      .jrc-news_area_miyazaki {
        background-color: var(--btn-color-miyazaki) !important;
      }
      .jrc-news_area_kagoshima {
        background-color: var(--btn-color-kagoshima) !important;
      }
      .jrc-news_area_okinawa {
        background-color: var(--btn-color-okinawa) !important;
      }
    }
    @media screen and (max-width: 768px) {
      .jrc-news_area_container {
        margin-bottom: 6em;
      }
    }

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

      &::before,
      &::after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        bottom: 0;
        left: 0;
      }
    }

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

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

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

    .jrc-news_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) {
      .jrc-news_title_row_text {
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.44rem;
        line-height: 1.44;
        letter-spacing: .05em;
      }
    }

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

    .jrc-news_visual_box {
      margin-bottom: 1em;
    }

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

      .jrc-news_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;
        }
      }

      .jrc-news_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 {
        .jrc-news_return_area_btn_text {
          color: #808080;
  
          &::after {
            background-color: #808080;
          }
        }
        
        .jrc-news_return_area_btn_arrow {
          &::after {
            border-top: 2px solid #808080;
            border-left: 2px solid #808080;
          }
        }
      }
    }
  }

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

    .jrc-news_top-page_btn_box {
      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;
        }

        .jrc-news_top-page_btn_item {
          color: #000;
        }
      }
    }

    .jrc-news_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;
    }

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

      .jrc-news_top-page_btn_box {
        max-width: 325px;
      }
    }
  }
}