@charset "UTF-8";

.news-main .p-breadcrumb {
    margin-top:3rem;
}
@media (max-width: 750px) {
  .news-main .p-breadcrumb {
    margin-top:2rem;
  }
}


/* photo garally  */

.p-news-article_inner #article-content .p-photo-article .img-flex-4 img {
  max-width: 100%;
}
@media (min-width: 751px) {
.p-news-article_inner #article-content .p-photo-article .img-flex-4 {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.p-news-article_inner #article-content .p-photo-article .img-flex-4 a {
  width:49%;
}
}


.news-main .p-breadcrumb {
    margin-top:3rem;
}
@media (max-width: 750px) {
  .news-main .p-breadcrumb {
    margin-top:2rem;
  }
}

.p-news-list-internal-container {
    padding-bottom: 4rem;
}
.p-news-list-internal-select-wrapper {
  position: relative;
  margin: 2rem 1.25rem;
}
.p-news-list-internal-select {
  width: 100%;
  padding: 0.625rem 1rem 0.75rem;
  font-size: 1rem;
  border: 1px solid #0086d4;
  color: #666666;
  border-radius: 0.3rem;
  background-color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.p-news-list-internal-select-wrapper::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.625rem solid #666666;
  pointer-events: none;
}
.p-news-list-internal-list_section {
  background-color:#c9e6f4;
}
.p-news-list-internal-list_container {
  padding: 2rem 1.25rem;
}
.p-news-list-internal-list_inner {
  background-color: #fff;
  border-radius: 0.75rem;
  margin-inline: auto;
}
.p-news-list-internal-list {
  list-style: none;
  padding: .75rem 2.03125rem 0;
}
.p-news-list-internal-list_pickup {
  padding: .75rem 0 0;
}
.p-news-list-internal-item {
  padding: .5rem 0;
  border-bottom: .03125rem solid #003a70;
}
.p-news-list-internal-item_link {
  padding: .25rem 0 .5rem;
  display: block;
}
.p-news-list-internal-tag {
  display: inline-flex;
  background-color: #0086d4;
  color: #fff;
  padding: .125rem .5rem .2rem;
  border-radius: 1rem;
  font-size: 0.65rem;
  margin-right: 0.5rem;
  line-height: 1;
  min-width: 6rem;
  justify-content: center;
}
.p-news-list-internal-tag__volunteer {
  padding: .125rem .5rem .2rem;
}
.p-news-list-internal-date {
  color: #003674;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.p-news-list-internal-title {
  /* font-size: 0.8125rem; */
  /* line-height: 1.5; */
  /* margin: 0.5rem 0 0; */
}
.p-news-list-internal-pagination {
  display: flex;
  justify-content: space-around;
  padding: 2rem 1.5rem 2.25rem;
}
.p-news-list-internal-pagination-item {
  display: inline-block;
  margin: 0 0.5rem;
}
.p-news-list-internal-pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0.8rem;
  border-radius: 50%;
  width: 2.125rem;
  height: 2.125rem;
  line-height: 1;
  text-decoration: none;
  color: #333;
  font-size: 0.825rem;
}
.p-news-list-internal-pagination-link.is-active,
.p-news-list-internal-pagination-link:hover {
  background-color: #0086d4;
  color: #fff;
}
.p-news-list-internal-subheading {
  font-size: 1.125rem;
  padding-left: 0.5rem;
  line-height: 1;
  position:relative;
}
.p-news-list-internal-subheading::before {
  content:"";
  width:.125rem;
  height: 1.125rem;
  background-color:#0086d4;
  display:block;
  position:absolute;
  left:0;
  top:.06125rem;
}
@media (min-width: 751px) {
  .p-news-list-internal-list_section {
    margin-top:3rem;
    }
    .p-news-list-internal-list_container {
      max-width: 71.875rem;
      padding: 5rem 1.5625rem;
      margin-inline: auto;
    }
    .p-news-list-internal-list_inner {
      margin:0 auto;
      padding: 4.6875rem 6.375rem 5.625rem;
      border-radius: 1.75rem;
    }
    .p-news-list-internal-container {
    }
    .p-news-list-internal-select-container {
        display: flex;
        justify-content: center;
    }
    .p-news-list-internal-select-wrapper {
        margin-bottom: 1.5rem;
        width: 20rem;
        margin: 2rem auto 0;
        width:auto;
    }
    .p-news-list-internal-select-wrapper__community {
    }
    .p-news-list-internal-select {
        padding: .75rem 2.5rem .75rem 1rem;
        font-size: 1rem;
    }
    .p-news-list-internal-list {
        padding: 0;
    }
    .p-news-list-internal-item {
        padding: 1.5rem 0;
    }
    .p-news-list-internal-tag {
        padding: 0.25rem .75rem .25rem;
        font-size: 0.75rem;
    }
    .p-news-list-internal-tag__volunteer,
    .p-news-list-internal-tag__community {
        padding: 0.25rem .75rem .285rem;
        width: auto;
}
    .p-news-list-internal-date {
        font-size: 0.9rem;
        margin-bottom: 0.7rem;
    }
    .p-news-list-internal-title {
        /* font-size: 1rem; */
    }
    .p-news-list-internal-pagination {
        padding: 5rem 7rem 0;
    }
    .p-news-list-internal-pagination-link {
        padding: 0.7rem 1rem;
        font-size: 1.1rem;
        width: 3rem;
        height: 3rem;
    }
    .p-news-list-internal-subheading {
        font-size: 1.25rem;
        margin-top: 3rem;
        margin-bottom: 1.5rem;
        padding-left: 1rem;
    }
}

.p-news-list-internal_pickup {
  /* width:17rem; */
  /* margin: 3rem auto 0; */
  /* padding:0; */
}
@media (min-width: 751px) {
    .p-news-list-internal_pickup {
        width: 56rem;
        margin-top: 5rem;
    }
    .p-news-list-internal-subheading::before {
        width: .25rem;
        height: 1.25rem;
    }
}


/* Article pages  */

.p-news-article_section {
    width: 100%;
max-width: 37.5rem;
margin-inline: auto;
padding: 2rem 1.25rem 0;
}
.p-news-article-title_containar {
  padding: 1.75rem 1.5rem;
  background-color: #c9e6f4;
  border-top-left-radius: 2.25rem;
  border-bottom-right-radius: 2.25rem;
}
.p-news-article-tag {
  display: inline-flex;
  background-color: #0086d4;
  color: #fff;
  padding: .25rem .5rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  margin-right: 0.5rem;
  line-height: 1;
  min-width: 6rem;
  justify-content: center;
}
.p-news-article-date {
  color: #003674;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.p-news-article-title {
  font-size: 1rem;
  line-height: 1.7;
  margin: 0.5rem 0 0;
}
.p-news-article_inner {
    margin-top: 2.75rem;
    font-size: .9rem;
    line-height: 1.7;
}
@media (min-width: 751px) {
  .p-news-article_section {
        max-width: 62.5rem;
        padding: 3.375rem 1.5625rem 0;
  }
.p-news-article-title_containar {
  padding: 2.75rem 2.5rem;
}
    .p-news-article-title{
        font-size:1.5rem;
    }
}

/* Article pages Mokuji  */

#toc-container {
    margin: 1.75rem auto; /* 上下の余白と中央寄せ */
    padding: 1.3rem 1.5rem 1.8rem; /* 内側の余白 */
    box-sizing: border-box; /* paddingをwidthに含める */
    background-color: #ededed;
}
.toc-header {
    display: flex; /* Flexboxで横並びにする */
    justify-content: flex-start; /* 両端揃え */
    border-bottom: .0625rem solid #999;
    padding-bottom: 1.5rem;
}
.toc-header .toc-title {
    font-size: 1rem;
    font-weight: 500;
    margin-right: 1rem;
}
.toc-header .toc-close-button {
    color: #0086d4;
    line-height: 1;
    cursor: pointer;
    border:none;
    font-size: 1rem;
    font-weight: 500;
}
.toc-header .toc-close-button::before {
    content:"[ ";
    color:#333333;
}
.toc-header .toc-close-button::after {
    content:" ]";
    color:#333333;
}
#toc-list>ul {
    list-style: none; /* デフォルトの箇条書きを削除 */
    padding: 0; /* デフォルトのパディングを削除 */
    margin: 1.5rem 0 0;
}
#toc-list>ul>li>ul {
    margin-top: 2.8rem;
}
#toc-list ul li {
    position: relative; /* 疑似要素のために必要 */
    margin: .8rem 0 0 0; /* 各リストアイテムの下の余白 */
    padding-left: .7rem; /* 青い丸のスペースを確保 */
    line-height: 1.5; /* 行の高さ */
    font-weight: 600;
}
#toc-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .625rem;
    width: .25rem; /* 丸のサイズ */
    height: .25rem; /* 丸のサイズ */
    background-color: #333333; /* 画像に合わせて青色 */
    border-radius: 50%;
}
/* 目次リンクのスタイリング */
#toc-list ul li a {
    text-decoration: none; /* 下線を削除 */
    display: block;
    font-size: .875rem;
    padding-bottom: .125rem;
}
#toc-list ul>li>ul {
    margin-top: 1rem;
}
#toc-list ul>ul>ul>li>ul>li::before {
  content:none;
  padding-left:0;
}
#toc-list ul>ul>ul>li>ul>li {
    margin-top: .2rem;
    padding-left: 0;
    font-size: 1.9rem;
}
/* 目次リストのコンテナ */
#toc-list {
    overflow: hidden; /* 高さがゼロになったときに内容がはみ出さないようにする */
    transition: height 0.4s ease-out; /* 高さの変化に0.4秒かけてアニメーションを適用 */
    /* ease-out は最初速く、最後ゆっくりになる動き */
}
/* 目次が閉じている状態のスタイル */
#toc-container.is-closed #toc-list {
    height: 0 !important; /* 高さを0にして非表示にする。!importantは他のスタイルより優先するため */
    padding-top: 0 !important; /* パディングも0にする */
    padding-bottom: 0 !important;
    margin-top: 0 !important; /* マージンも0にする */
    margin-bottom: 0 !important;
    opacity: 0; /* 透明度も0にして、内容が見えないようにする */
    transition: height 0.4s ease-out, opacity 0.4s ease-out; /* 透明度の変化にもアニメーションを適用 */
}
@media screen and (min-width: 751px) {
  #toc-container {
    margin: 3rem 0;
    padding: 1.5rem 2.5rem 2.4rem;
 }
.toc-header .toc-close-button {
    padding: .2rem .5rem .3rem;
    font-size: .85rem;
}
.toc-header .toc-close-button:hover {
    opacity:.8;
}
#toc-list>ul {
    margin: 2rem 0 0;
}
#toc-list ul li a:hover {
    color: #00A3D7;
    text-decoration: underline;
}
#toc-list ul li {
    margin: .7rem 0 0 .3rem;
    padding-left: 1rem;
    line-height: 1.5;
    font-size: 1rem;
}
#toc-list ul>li>ul {
    margin-top: .5rem;
}
#toc-list ul>ul>ul>li>ul>li {
    font-size: .9rem;
}
}

.p-news-list-internal-container {
    padding-bottom: 4rem;
    margin-top: 1rem;
}
.p-news-list-internal-select-wrapper {
  position: relative;
  margin: 2rem 1.25rem;
}
.p-news-list-internal-select {
  width: 100%;
  padding: 0.625rem 1rem 0.75rem;
  font-size: 1rem;
  border: 1px solid #0086d4;
  color: #666666;
  border-radius: 0.3rem;
  background-color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.p-news-list-internal-select-wrapper::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.625rem solid #666666;
  pointer-events: none;
}
.p-news-list-internal-list_section {
  background-color:#c9e6f4;
}
.p-news-list-internal-list_container {
  padding: 2rem 1.25rem;
}
.p-news-list-internal-list_inner {
  background-color: #fff;
  border-radius: 0.75rem;
  margin-inline: auto;
}
.p-news-list-internal-list {
  list-style: none;
  padding: .75rem 2.03125rem 0;
}
.p-news-list-internal-list_pickup {
  padding: .75rem 0 0;
}
.p-news-list-internal-item {
  padding: .5rem 0;
  border-bottom: .03125rem solid #003a70;
}
.p-news-list-internal-item_link {
  padding: .25rem 0 .5rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.p-news-list-internal-tag {
  display: inline-flex;
  background-color: #0086d4;
  color: #fff;
  padding: .125rem .5rem .2rem;
  border-radius: 1rem;
  font-size: 0.65rem;
  margin-right: 0.5rem;
  line-height: 1;
  min-width: 6rem;
  justify-content: center;
}
.p-news-list-internal-tag__volunteer {
  padding: .125rem .5rem .2rem;
}
.p-news-list-internal-date {
  color: #003674;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.p-news-list-internal-title {
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0.5rem 0 0;
  font-weight: 500;
}
.p-news-list-internal-pagination {
  display: flex;
  justify-content: space-around;
  padding: 2rem 1.5rem 2.25rem;
}
.p-news-list-internal-pagination-item {
  display: inline-block;
  margin: 0 0.5rem;
}
.p-news-list-internal-pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0.8rem;
  border-radius: 50%;
  width: 2.125rem;
  height: 2.125rem;
  line-height: 1;
  text-decoration: none;
  color: #333;
  font-size: 0.825rem;
}
.p-news-list-internal-pagination-link.is-active,
.p-news-list-internal-pagination-link:hover {
  background-color: #0086d4;
  color: #fff;
}
.p-news-list-internal-subheading {
  font-size: 1.125rem;
  padding-left: 0.5rem;
  line-height: 1;
  position:relative;
}
.p-news-list-internal-subheading::before {
  content:"";
  width:.125rem;
  height: 1.125rem;
  background-color:#0086d4;
  display:block;
  position:absolute;
  left:0;
  top:.06125rem;
}
@media (min-width: 751px) {
  .p-news-list-internal-list_section {
    margin-top: 3rem;
    }
    .p-news-list-internal-list_container {
      max-width: 71.875rem;
      padding: 5rem 1.5625rem;
      margin-inline: auto;
    }
    .p-news-list-internal-list_inner {
      margin:0 auto;
      padding: 4.6875rem 6.375rem 5.625rem;
      border-radius: 1.75rem;
    }
    .p-news-list-internal-container {
    }
    .p-news-list-internal-select-container {
        display: flex;
        justify-content: center;
    }
    .p-news-list-internal-select-wrapper {
        margin-bottom: 1.5rem;
        width: 20rem;
        margin: 2rem auto 0;
        width:auto;
    }
    .p-news-list-internal-select-wrapper__community {
    }
    .p-news-list-internal-select {
        padding: .75rem 2.5rem .75rem 1rem;
        font-size: 1rem;
    }
    .p-news-list-internal-list {
        padding: 0;
    }
    .p-news-list-internal-item {
        padding: 1.5rem 0;
    }
    .p-news-list-internal-tag {
        padding: 0.25rem .75rem .25rem;
        font-size: 0.75rem;
    }
    .p-news-list-internal-tag__volunteer,
    .p-news-list-internal-tag__community {
        padding: 0.25rem .75rem .285rem;
        width: auto;
}
    .p-news-list-internal-date {
        font-size: 0.9rem;
        margin-bottom: 0.7rem;
    }
    .p-news-list-internal-title {
        font-size: 1rem;
    }
    .p-news-list-internal-pagination {
        padding: 5rem 7rem 0;
    }
    .p-news-list-internal-pagination-link {
        padding: 0.7rem 1rem;
        font-size: 1.1rem;
        width: 3rem;
        height: 3rem;
    }
    .p-news-list-internal-subheading {
        font-size: 1.25rem;
        margin-top: 3rem;
        margin-bottom: 1.5rem;
        padding-left: 1rem;
    }
}

.p-news-list-internal_pickup {
  width: 22rem;
  margin: 3rem auto 0;
  padding:0;
}
@media (min-width: 751px) {
    .p-news-list-internal_pickup {
        width: 56rem;
        margin-top: 5rem;
    }
    .p-news-list-internal-subheading::before {
        width: .25rem;
        height: 1.25rem;
    }
}


/* Article pages  */

.p-news-article_section {
    width: 100%;max-width: 37.5rem;margin-inline: 
        auto;padding: 2rem 1.25rem 0;
}
.p-news-article-title_containar {
  padding: 1.75rem 1.5rem;
  background-color: #c9e6f4;
  border-top-left-radius: 2.25rem;
  border-bottom-right-radius: 2.25rem;
}
.p-news-article-tag {
  display: inline-flex;
  background-color: #0086d4;
  color: #fff;
  padding: .25rem .5rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  margin-right: 0.5rem;
  line-height: 1;
  min-width: 6rem;
  justify-content: center;
}
.p-news-article-date {
  color: #003674;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.p-news-article-title {
  font-size: 1rem;
  line-height: 1.7;
  margin: 0.5rem 0 0;
}
.p-news-article-name {
  font-size: .9rem;
  line-height: 1.7;
  margin: 0.25rem 0 0;
  
}
.p-news-article_inner {
    margin-top: 2.75rem;
    font-size: .9rem;
    line-height: 1.7;
}

@media (min-width: 751px) {
  .p-news-article_section {
        max-width: 62.5rem;
        padding: 3.375rem 1.5625rem 0;
  }
.p-news-article-title_containar {
  padding: 2.75rem 2.5rem;
}
    .p-news-article-title{
        font-size:1.5rem;
    }
}

.p-news-article_inner #article-content{
    border-bottom:.0125rem solid gray;
}
.p-news-article_inner #article-content h2 {
    color:#0086d5;
    font-size:1rem;
    line-height: 1.6;
    margin-top:1.25rem;
}
.p-news-article_inner #article-content .p-photo-article h2 {
    padding: 0.75rem 1.75rem;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.471;
    color: #ffffff;
    background-color: #0285d3;
    border-radius: 1.125rem 0 1.125rem 0;
}
.p-news-article_inner #article-content h2:not(:first-child) {
    border-top:.0125rem solid gray;
    padding-top:1.5rem;
}
.p-news-article_inner #article-content a {
    color:#0086d4;
}
.p-news-article_inner #article-content .p-news-back__btn {
    color: #fff;
    margin:3rem auto;
}
@media screen and (min-width: 751px) {
  .p-news-article_inner #article-content .p-news-back__btn {
    margin:5rem auto 0;
  }
}


.p-news-article_inner #article-content{
    padding-bottom: 2.125rem;
    border-bottom: 0.5px solid #003674;
    margin-bottom: 2.125rem;
}
.p-news-article_inner #article-content p {
    font-size:.9rem;
    line-height: 1.75;
    margin: 1.25rem 0;
}
.p-news-article_inner #article-content img {
    margin:1rem auto;
    max-width: 22rem;
    height: auto;
}
@media screen and (min-width: 751px) {
    .p-news-article_inner #article-content h2{
        margin-top:3rem;
        padding-bottom: 1rem;
        font-size: 1.2rem;
    }
  .p-news-article_inner #article-content table {
    margin: 1rem auto !important;
  }
  .p-news-article_inner #article-content p {
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  .p-news-article_inner #article-content h2:not(:first-child) {
    padding-top:2.5rem;
  }
  .p-news-article_inner #article-content{
    padding-bottom: 5rem;
        border-bottom: 0.5px solid #003674;
        margin-bottom: 4.5rem;
  }
  .p-news-article_inner #article-content img {
    margin:1rem auto;
    max-width: 54rem;
    height: auto;
  }
}


    /* --- photo garally more button--- */

    /* 非表示にするためのクラス */
    .is-hidden {
        display: none !important;
    }

    /* もっと見るボタンのエリア */
    .more-btn-area {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
      border-bottom:1px solid gray;
    }
.more-btn-area {
    padding-bottom: 2.125rem;
    border-bottom: 0.5px solid #003674;
    margin-bottom: 2.125rem;
}
@media screen and (min-width: 751px) {
  .more-btn-area {
    padding-bottom: 4.5rem;
    border-bottom: 0.5px solid #003674;
    margin-bottom: 4.5rem;
  }
}

    /* ボタンのスタイル */
    .more-btn {
        display: inline-block;
        background-color: #003674;
        color: #ffffff;
        font-weight: 500;
        border: none;
        padding: 12px 40px;
        font-size: 1rem;
        cursor: pointer;
        border-radius: 25px;
        transition: all 0.3s ease;
        /* box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
        margin-bottom: 2rem;
    }

    .more-btn:hover {
      opacity:.8;
    }


.p-news-top__item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.p-news-top__item-link {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.p-news-top__item-thumb {
  width: 6.6666rem;
  height: 5rem; /* 60px */
  overflow: hidden;
  background-color: #f0f0f0;
  position: relative;
  margin-right: .125rem;
}
.p-news-top__item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.p-news-top__item-thumb img.is-logo {
  object-fit: contain;
  padding: 0.3125rem; /* 5px */
  background: #fff;
}
.p-news-top__item-body {
  flex: 1;
  min-width: 0; /* はみ出し防止 */
}

@media (min-width: 751px) {
  .p-news-top__item-thumb {
    width: 8.3333rem;
    height: 6.25rem; /* 75px */
    margin-right: .75rem;
  }
  .p-news-top__item-title {
    font-size: 1rem;
    margin-left: 0;
    margin-top: .5rem;
  }
	.p-news-top__item {
      padding-top: 0;
      padding-bottom:0;
  }
}


.p-news-list-internal-item_link__search-results {
  flex-wrap:wrap;
}
.p-search-results-excerpt {
  width:100%;
}





  /* ===== Base ===== */
  :root {
    --color-brand-red:  #d50032;
    --color-brand-navy: #003a70;
    --color-brand-blue: #0088ad; /* #008AD は5桁のため要確認 */
  }

  * {
    box-sizing: border-box;
  }
  .news-article-content__body p {
    margin: 0 0 1.25rem;
  }

  /* ===== Table ===== */
  .news-article-content__table-wrap {
    margin: 1.5rem 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .news-article-content__table {
    width: 100%;
    min-width: 30rem;
    border-collapse: collapse;
    /* font-size: 0.875rem; */
  }

  .news-article-content__table th,
  .news-article-content__table td {
    padding: 0.625rem 0.75rem;
    border: 0.0625rem solid #999;
    text-align: left;
    vertical-align: top;
    line-height: 1.6;
  }

  .news-article-content__table th {
    background-color: var(--color-bg-th);
    font-weight: bold;
    white-space: nowrap;
  }

  /* ===== Button ===== */
  .p-news-article_inner #article-content .news-article-content__btn {
    display: inline-block;
    min-width: 14rem;
    padding: 0.875rem 1.75rem;
    margin: 0.25rem 0;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    border-radius: 9999px;
    transition: opacity 0.2s ease;
  }

  .news-article-content__btn:hover,
  .news-article-content__btn:focus {
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
  }

  .news-article-content__btn--red  { background-color: var(--color-brand-red);  }
  .news-article-content__btn--navy { background-color: var(--color-brand-navy); }
  .news-article-content__btn--blue { background-color: var(--color-brand-blue); }

  .news-article-content__btn-area {
    margin: 1.5rem 0;
    text-align: center;
  }

  .news-article-content__btn-area .news-article-content__btn + .news-article-content__btn {
    margin-left: 0;
  }

  /* ===== Tablet & PC ===== */
  @media (min-width: 751px) {
    .news-article-content {
      padding: 3rem 2rem;
    }

    .news-article-content__title {
      font-size: 1.75rem;
    }

    .news-article-content__heading {
      font-size: 1.25rem;
    }

    .news-article-content__table {
      font-size: 0.9375rem;
    }

    .p-news-article_inner #article-content .news-article-content__btn {
      min-width: 16rem;
      padding: 1rem 2.25rem;
      font-size: 1rem;
      color: #ffffff;
    }

    .news-article-content__btn-area .news-article-content__btn + .news-article-content__btn {
      margin-left: 1rem;
    }
  }

  /* ===== Demo Helper（実装時不要） ===== */
  .demo-note {
    margin: 3rem 0 1rem;
    padding: 1rem;
    background: #fff8e1;
    border-left: 0.25rem solid #ffc107;
    font-size: 0.8125rem;
    color: #666;
    line-height: 1.6;
  }
  .demo-note code {
    background: rgba(0,0,0,0.05);
    padding: 0.125rem 0.25rem;
    border-radius: 0.125rem;
    font-size: 0.8125rem;
  }