@charset "UTF-8";


#content {padding: 90px 0 0;}
@media screen and (max-width: 1120px) {

#content {padding: 8.03vw 0 0;}
}
@media screen and (max-width: 767px) {
#content {padding: 57px 0 0;}

}



.mySwiper {width: 100%;height: auto; /* 高さは画像に合わせる */}
.swiper-slide {width: 100%;height: auto;}
.swiper-slide img {
width: 100%;       /* 横幅いっぱいに拡大 */
height: auto;      /* アスペクト比を維持して高さを自動決定 */
display: block;    /* 下部の不要な隙間を防止 */
}
/* 矢印・ドットの色指定 */
.swiper-button-next,
.swiper-button-prev {
color: #fff;}
.swiper-button-next {right: 2.5vw;}
.swiper-button-prev {left: 1vw;}

.swiper-pagination-bullet-active {
background: #fff;}

@media screen and (max-width: 1120px) {


}
@media screen and (max-width: 767px) {
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: 'prev';font-size: 5vw;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: 'next';font-size: 5vw;}

}

.btn_more {display: block;margin: 50px auto 0;width: fit-content;padding: 30px 80px;background-color: #f8c058;color: #000;font-size: 24px;line-height: 1; font-weight: 400;text-decoration: none;border-radius: 50vh;transition: opacity 0.3s ease, transform 0.3s ease;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);text-align: center;}
.btn_more:hover {opacity: 0.9;transform: translateY(-2px);}
@media screen and (max-width: 1120px) {
.btn_more {margin: 4.46vw auto 0;padding: 2.67vw 7.14vw;font-size: 2.14vw;box-shadow: 0 0.35vw 0.89vw rgba(0, 0, 0, 0.1);}
}
@media screen and (max-width: 767px) {
.btn_more {font-size: 3vw;width: 100%;padding: 3vw 0;}
}



.btn_detaile {display: block;margin: 20px auto 0;width: fit-content;padding: 20px 40px 24px!important;background-color: #0058a2;color: #fff;font-size: 18px;line-height: 1; font-weight: 400;text-decoration: none;border-radius: 50vh;transition: opacity 0.3s ease, transform 0.3s ease;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);text-align: center;}
@media screen and (max-width: 1120px) {
.btn_detaile {margin: 1.78vw auto 0;padding: 1.78vw 3.57vw 2.14vw!important;font-size: 1.60vw;box-shadow: 0 0.35vw 0.89vw rgba(0, 0, 0, 0.1);}
}
@media screen and (max-width: 767px) {
.btn_detaile {font-size: 3.4vw;width: 100%;margin: 5vw auto 0;padding: 3vw 0!important;}
}

.btn_news {display: block;margin: 20px auto 0;width: fit-content;padding: 20px 40px 24px!important;background-color: #0058a2;color: #fff;font-size: 18px;line-height: 1; font-weight: 400;text-decoration: none;border-radius: 50vh;transition: opacity 0.3s ease, transform 0.3s ease;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);text-align: center;}
.btn_news:hover {opacity: 0.9;transform: translateY(-2px);}
@media screen and (max-width: 1120px) {
.btn_news {margin: 1.78vw auto 0;padding: 1.78vw 3.57vw 2.14vw!important;font-size: 1.60vw;box-shadow: 0 0.35vw 0.89vw rgba(0, 0, 0, 0.1);}
}
@media screen and (max-width: 767px) {
.btn_news {font-size: 3.4vw;width: 100%;margin: 5vw auto 0;padding: 3vw 0!important;}
}

/* ==========================================
About us セクション全体
========================================== */
.aboutus_back {  position: relative;overflow: hidden;}
.aboutus {width: 1080px;margin: auto;padding: 100px 0;text-align: left;z-index: 1;}

.aboutus .copy {font-size: 44px;font-weight: 700;line-height: 1.5;color: #000000;margin-bottom: 50px;}
.aboutus p {font-size: 16px;line-height: 1.8;margin-bottom: 20px;}
.aboutus .btn_more {display: block;margin: 50px auto 0;width: fit-content;padding: 30px 80px;background-color: #f8c058;color: #000;font-size: 24px;font-weight: 400;text-decoration: none;border-radius: 50vh;transition: opacity 0.3s ease, transform 0.3s ease;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);text-align: center;}

.aboutus .btn_more:hover {
opacity: 0.9;transform: translateY(-2px);}
@media screen and (max-width: 1120px) {
.aboutus_back { }
.aboutus {width: 96.42vw;padding: 8.92vw 0;}

.aboutus .copy {font-size: 3.92vw;margin-bottom: 4.46vw;}
.aboutus p {font-size: 1.42vw;margin-bottom: 1.78vw;}
.aboutus .btn_more {margin: 4.46vw auto 0;padding: 2.67vw 7.14vw;font-size: 2.14vw;box-shadow: 0 0.35vw 0.89vw rgba(0, 0, 0, 0.1);}

}
@media screen and (max-width: 767px) {
.aboutus {width: 90vw;padding: 10vw 0;}

.aboutus .copy {font-size: 4vw;text-align: left;}
.aboutus p {font-size: 3vw;text-align: left;}
.aboutus .btn_more {font-size: 3vw;width: 100%;padding: 3vw 0;}
}

/* アニメーション全体エリア */
.gradation01 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none;overflow: hidden;}
/* 各要素の回転軸（画面中央を基準） */
.item {position: absolute;top: 50%;left: 50%;width: 0;height: 0;transform-origin: center center;animation-name: rotate-item;animation-timing-function: linear;animation-iteration-count: infinite;}

/* 上下左右中央にバランスよく配置 */
.item-01 { animation-duration: 25s; }
.item-02 { animation-duration: 35s; animation-direction: reverse; }
.item-03 { animation-duration: 20s; animation-direction: reverse; }
.item-04 { animation-duration: 40s; }
.round {position: absolute;border-radius: 50%;transform: translate(-50%, -50%); /* 各円自体の中心を合わせる */}
/* 1. 緑（右上配置） */
.round-01 {top: -15vh;left: 18vw;width: 10vw;height: 10vw;background: #69bc82;filter: blur(3vw);opacity: 0.55;}
/* 2. 黄色（左上配置） */
.round-02 {top: -12vh;left: -20vw;width: 15vw;height: 15vw;background-color: #f8c058;filter: blur(4vw);opacity: 0.45;}
/* 3. 赤（右下配置） */
.round-03 {top: 18vh;left: 22vw;width: 4vw;height: 4vw;background-color: #ec7980;filter: blur(1.5vw);opacity: 0.65;}
/* 4. 青（中央〜左下ベース配置） */
.round-04 {top: 10vh;left: -10vw;width: 25vw;height: 25vw;background-color: #0058a2;filter: blur(7vw);opacity: 0.22;}

/* 回転アニメーション */
@keyframes rotate-item {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* ベースコンテナ */
.whychooseus_back { position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; }
/* 背景画像（初期状態：透明＆微ズーム） */
.whychooseus_back::before { content: ''; position: absolute; inset: 0; z-index: 0; background-image: url('/2026/images/whychooseus.jpg'); background-image: -webkit-image-set(url('/2026/images/whychooseus.jpg') 1x, url('/2026/images/whychooseus@2x.jpg') 2x); background-image: image-set(url('/2026/images/whychooseus.jpg') 1x, url('/2026/images/whychooseus@2x.jpg') 2x); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transform: scale(1.08); transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; }
/* 2x画像切り替え */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .whychooseus_back::before { background-image: url('/2026/images/whychooseus@2x.jpg'); } }
/* 表示時（ふわっとズームアウト発火） */
.whychooseus_back.is-active::before { opacity: 1; transform: scale(1); }
/* 子要素の前面配置 */
.whychooseus_back > * { position: relative; z-index: 1; }

.whychooseus {width: 1080px;margin: auto;padding: 100px 0;text-align: left;z-index: 1;}
.whychooseus p {font-size: 16px;line-height: 1.8;margin-bottom: 20px;}

@media screen and (max-width: 1120px) {
.whychooseus_back { }
.whychooseus {width: 96.42vw;padding: 8.92vw 0;}
.whychooseus p {font-size: 1.42vw;margin-bottom: 1.78vw;}

}
@media screen and (max-width: 767px) {
.whychooseus {width: 90vw;padding: 10vw 0;}
.whychooseus p {font-size: 3vw;text-align: left;}

}

/* タイトルエリア */
.whychooseus p {font-size: 16px;line-height: 1.8;margin-bottom: 40px;}
/* ==========================================
カードリスト（PC：3列レイアウト）
========================================== */
.whychooseus .card {display: flex;justify-content: space-between;gap: 30px;list-style: none;padding: 0;margin: 0;}
.whychooseus .card li {flex: 1;}
/* リンクエリア（カード全体の要素） */
.whychooseus .card li a {display: flex;flex-direction: column;height: 100%;background-color: #ffffff;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);text-decoration: none;color: inherit;position: relative;padding-bottom: 60px; /* 下部ボタンの重なり防止 */
box-sizing: border-box;transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;}
/* --- HOVER アクション1：カード本体の浮き上がり --- */
.whychooseus .card li a:hover {transform: translateY(-6px);box-shadow: 0 12px 25px rgba(0, 88, 162, 0.12);}
/* 画像コンテナ（マスク用） */
.whychooseus .card li img {width: 100%;height: auto;display: block;object-fit: cover;transition: transform 0.4s ease;}
.whychooseus .card dl {padding: 24px 20px;margin: 0;display: flex;flex-direction: column;flex-grow: 1;}

/* dtの高さ揃え・上下中央配置 */
.whychooseus .card dt {font-size: 18px;font-weight: 700;color: #0058a2;line-height: 1.4;margin-bottom: 12px;min-height: 2.8em;display: flex;align-items: center;}
.whychooseus .card dd {font-size: 14px;line-height: 1.7;color: #555555;margin: 0;}
/* カード下部の青い丸ボタン */
.whychooseus .card_icon {position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);width: 32px;height: 32px;background-color: #0058a2;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s ease, transform 0.3s ease;}
/* 矢印（＞）の描画 */
.whychooseus .card_icon::after {content: '';display: block;width: 7px;height: 7px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;transform: rotate(45deg);margin-left: -2px;}
/* --- HOVER アクション3：丸ボタンの変化と動的移動 --- */
.whychooseus .card li a:hover .card_icon {background-color: #f8c058;}

@media screen and (max-width: 1120px) {

.whychooseus p {font-size: 1.42vw;margin-bottom: 3.57vw;}
.whychooseus .card {gap: 2.67vw;}
.whychooseus .card li a {border-radius: 0.89vw;box-shadow: 0 0.35vw 1.33vw rgba(0, 0, 0, 0.05);padding-bottom: 5.35vw;}
.whychooseus .card li a:hover {transform: translateY(-0.53vw);box-shadow: 0 1.07vw 2.23vw rgba(0, 88, 162, 0.12);}
.whychooseus .card dl {padding: 2.14vw 1.78vw;}
.whychooseus .card dt {font-size: 1.60vw;margin-bottom: 1.07vw;}
.whychooseus .card dd {font-size: 1.25vw;}
.whychooseus .card_icon {bottom: 1.60vw;width: 2.85vw;height: 2.85vw;}
.whychooseus .card_icon::after {width: 0.62vw;height: 0.62vw;border-top: 0.17vw solid #ffffff;border-right: 0.17vw solid #ffffff;margin-left: -0.17vw;}

}
@media screen and (max-width: 767px) {
.whychooseus p {font-size: 3vw;margin-bottom: 5vw;}
/* カードリストを縦1列に配置 */
.whychooseus .card {flex-direction: column;gap: 5vw;}
/* カード内部の固定値リセット・最適化 */
.whychooseus .card li a {border-radius: 2vw;}
.whychooseus .card dl {padding: 5vw;}
/* スマホ時は見出しの高さを固定せず自然に流す */
.whychooseus .card dt {font-size: 3.6vw;margin-bottom: 10px;min-height: auto;display: block;}
.whychooseus .card dd {font-size: 3vw;line-height: 1.6;}
/* 丸ボタンのサイズを絶対値で固定 */
.whychooseus .card_icon {bottom: 1vw;width: 4.17vw;height: 4.17vw;}
.whychooseus .card_icon::after {width: 0.91vw;height: 0.91vw;border-top: 0.26vw solid #ffffff;border-right: 0.26vw solid #ffffff;margin-left: -0.26vw;}

}

/* ベースコンテナ */
.pickup_back { position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; }
/* 背景画像（初期状態：透明＆微ズーム） */
.pickup_back::before { content: ''; position: absolute; inset: 0; z-index: 0; background-image: url('/2026/images/pickup.jpg'); background-image: -webkit-image-set(url('/2026/images/pickup.jpg') 1x, url('/2026/images/pickup@2x.jpg') 2x); background-image: image-set(url('/2026/images/pickup.jpg') 1x, url('/2026/images/pickup@2x.jpg') 2x); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transform: scale(1.08); transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; }
/* 2x画像切り替え */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .pickup_back::before { background-image: url('/2026/images/pickup@2x.jpg'); } }
/* 表示時（ふわっとズームアウト発火） */
.pickup_back.is-active::before { opacity: 1; transform: scale(1); }
/* 子要素の前面配置 */
.pickup_back > * { position: relative; z-index: 1; }

.pickup {width: 1080px;margin: auto;padding: 100px 0;text-align: left;z-index: 1;}
.pickup p {font-size: 16px;line-height: 1.8;margin-bottom: 20px;}

@media screen and (max-width: 1120px) {
.pickup_back { }
.pickup {width: 96.42vw;padding: 8.92vw 0;}
.pickup p {font-size: 1.42vw;margin-bottom: 1.78vw;}

}
@media screen and (max-width: 767px) {
.pickup {width: 90vw;padding: 10vw 0;}
.pickup p {font-size: 3vw;text-align: left;}

}

/* タイトルエリア */
.pickup p {font-size: 16px;line-height: 1.8;margin-bottom: 40px;}
/* ==========================================
カードリスト（PC：3列横並び）
========================================== */
.pickup .pickup_card {display: flex;justify-content: space-between;gap: 30px;list-style: none;padding: 0;margin: 0;}
/* カード外枠（カードの高さを統一） */
.pickup .pickup_card li {flex: 1;display: flex;background-color: #e6eef6;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;}
/* HOVER：カード本体の浮き上がり */
.pickup .pickup_card li:hover {transform: translateY(-6px);box-shadow: 0 12px 25px rgba(0, 88, 162, 0.12);}
/* リンクエリア（カード内いっぱいに引き延ばす） */
.pickup .pickup_card li a {display: flex;flex-direction: column;width: 100%;height: 100%;padding: 20px 20px 40px; /* 下部青丸ボタン用の余白確保 */
box-sizing: border-box;text-decoration: none;color: inherit;position: relative;}
.pickup .pickup_card li a:hover {text-decoration: none;}
/* 画像部分 */
.pickup .pickup_card li img {width: 100%;height: auto;display: block;object-fit: cover;transition: transform 0.4s ease;margin-bottom: 12px;}
/* dlエリア（余白を埋めて高さを自動揃え） */
.pickup .pickup_card dl {margin: 0;display: flex;flex-direction: column;flex-grow: 1;}
/* dtの高さ揃え・上下中央配置 */
.pickup .pickup_card dt {font-size: 18px;font-weight: 700;color: #0058a2;line-height: 1.4;margin-bottom: 12px;min-height: 2.8em;display: flex;align-items: center;}
.pickup .pickup_card dd {font-size: 14px;line-height: 1.7;color: #555555;margin: 0;}
/* カード下部の青い丸ボタン */
.pickup .pickup_card_icon {position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);width: 32px;height: 32px;background-color: #0058a2;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s ease, transform 0.3s ease;}
/* 矢印（＞）の描画 */
.pickup .pickup_card_icon::after {content: '';display: block;width: 7px;height: 7px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;transform: rotate(45deg);margin-left: -2px;}
/* HOVER：丸ボタンの色変化 */
.pickup .pickup_card li a:hover .pickup_card_icon {background-color: #f8c058;}

/* ==========================================
タブレット調整（1120px以下）
========================================== */
@media screen and (max-width: 1120px) {

.pickup p {font-size: 1.42vw;margin-bottom: 3.57vw;}
.pickup .pickup_card {gap: 2.67vw;}
.pickup .pickup_card li {border-radius: 0.89vw;box-shadow: 0 0.35vw 1.33vw rgba(0, 0, 0, 0.05);}
.pickup .pickup_card li:hover {transform: translateY(-0.53vw);box-shadow: 0 1.07vw 2.23vw rgba(0, 88, 162, 0.12);}
.pickup .pickup_card li a {padding: 1.78vw 1.78vw 3.57vw;}
.pickup .pickup_card li img {margin-bottom: 1.07vw;}
.pickup .pickup_card dt {font-size: 1.60vw;margin-bottom: 1.07vw;}
.pickup .pickup_card dd {font-size: 1.25vw;}
.pickup .pickup_card_icon {bottom: 1.60vw;width: 2.85vw;height: 2.85vw;}
.pickup .pickup_card_icon::after {width: 0.62vw;height: 0.62vw;border-top: 0.17vw solid #ffffff;border-right: 0.17vw solid #ffffff;margin-left: -0.17vw;}
}

/* ==========================================
スマホ向け（767px以下：1列表示）
========================================== */
@media screen and (max-width: 767px) {
.pickup p {font-size: 3vw;margin-bottom: 5vw;}
.pickup .pickup_card {flex-direction: column;gap: 5vw;}
.pickup .pickup_card li {border-radius: 2vw;}
.pickup .pickup_card li a {padding: 5vw 5vw 6vw;}
.pickup .pickup_card li img {margin-bottom: 5vw;}
.pickup .pickup_card dt {font-size: 3.6vw;margin-bottom: 10px;min-height: auto;display: block;}
.pickup .pickup_card dd {font-size: 3vw;line-height: 1.6;}
.pickup .pickup_card_icon {bottom: 4.17vw;width: 4.17vw;height: 4.17vw;}
.pickup .pickup_card_icon::after {width: 0.91vw;height: 0.91vw;border-top: 0.26vw solid #ffffff;border-right: 0.26vw solid #ffffff;margin-left: -0.26vw;}
}


/* ベースコンテナ */
.ps_back { position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; }
/* 背景画像（初期状態：透明＆微ズーム） */
.ps_back::before { content: ''; position: absolute; inset: 0; z-index: 0; background-image: url('/2026/images/ps.jpg'); background-image: -webkit-image-set(url('/2026/images/ps.jpg') 1x, url('/2026/images/ps@2x.jpg') 2x); background-image: image-set(url('/2026/images/ps.jpg') 1x, url('/2026/images/ps@2x.jpg') 2x); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transform: scale(1.08); transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; }
/* 2x画像切り替え */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ps_back::before { background-image: url('/2026/images/ps@2x.jpg'); } }
/* 表示時（ふわっとズームアウト発火） */
.ps_back.is-active::before { opacity: 1; transform: scale(1); }
/* 子要素の前面配置 */
.ps_back > * { position: relative; z-index: 1; }

.ps {width: 1080px;margin: auto;padding: 100px 0;text-align: left;z-index: 1;}
.ps p {font-size: 16px;line-height: 1.6;margin-bottom: 20px;}

@media screen and (max-width: 1120px) {
.ps_back { }
.ps {width: 96.42vw;padding: 8.92vw 0;}
.ps p {font-size: 1.42vw;margin-bottom: 1.78vw;}

}
@media screen and (max-width: 767px) {
.ps {width: 90vw;padding: 10vw 0;}
.ps p {font-size: 3vw;text-align: left;margin-bottom: 5vw;}

}

/* タブ切り替えボタン */
.tab_switch_area {display: flex;justify-content: center;width: fit-content;margin: 0 auto 40px;border-radius: 4px;overflow: hidden;border: 1px solid #0056b3;background-color: #fff;}
.tab_btn {width: 180px;padding: 10px 0;font-size: 15px;font-weight: bold;background-color: #fff;color: #0056b3;border: none;cursor: pointer;transition: all 0.3s ease;}
.tab_btn.active {background-color: #0056b3;color: #fff;}
/* タブ表示制御 */
.tab_content {display: none;}
.tab_content.active {display: block;}
/* カードグリッド */
.card_grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
/* カードスタイル */
.ps_card {background-color: #fff;border-radius: 12px;padding: 20px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;align-items: center;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.ps_card:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}
.ps_card a {text-decoration: none;display: flex;flex-direction: column;align-items: center;width: 100%;}
.card_icon {width: 80px;height: 80px;margin-bottom: 15px;display: flex;align-items: center;justify-content: center;}
.card_icon img {width: 100%;height: 100%;object-fit: contain;}
.card_title {display: grid;place-items: center;min-height: 2em;font-size: 16px;color: #0056b3;font-weight: bold;line-height: 1.3;margin-bottom: 12px;text-align: center;}
.card_text {font-size: 12px;color: #666;line-height: 1.6;margin: 0!important;text-align: left;}
/* レスポンシブ対応 (タブレット・スマホ) */
@media screen and (max-width: 1120px) {
.tab_switch_area {margin: 0 auto 3.57vw;border-radius: 0.35vw;}
.tab_btn {width: 16.07vw;padding: 0.89vw 0;font-size: 1.33vw;}
.card_grid {gap: 1.78vw;}
.ps_card {border-radius: 1.07vw;padding: 2.67vw 1.78vw;box-shadow: 0 0.35vw 1.33vw rgba(0, 0, 0, 0.05);}
.ps_card:hover {transform: translateY(-0.44vw);box-shadow: 0 0.71vw 2.23vw rgba(0, 0, 0, 0.1);}
.card_icon {width: 7.14vw;height: 7.14vw;margin-bottom: 1.33vw;}
.card_title {font-size: 1.42vw;margin-bottom: 1.07vw;}
.card_text {font-size: 1.07vw;}

}

@media screen and (max-width: 767px) {
.tab_switch_area {margin: 0 auto 3.57vw;border-radius: 1vw;}
.tab_btn {width: 45vw;padding: 2.5vw 0;font-size: 3.4vw;}
.card_grid {grid-template-columns: repeat(2, 1fr);}
.ps_card {border-radius: 1vw;padding: 2.5vw 2.5vw;box-shadow: 0 0.35vw 1.33vw rgba(0, 0, 0, 0.05);}
.card_icon {width: 20vw;height: 20vw;margin-bottom: 2.5vw;}
.card_title {font-size: 3.4vw;margin-bottom: 2.5vw;}
.card_text {font-size: 3vw;}
}

/* PC表示（デフォルト）: #tab-issue 内のみ5列に指定 */
#tab-issue .card_grid {
  grid-template-columns: repeat(5, 1fr);
}
#tab-issue .card_grid .ps_card{padding: 20px 10px;}
#tab-issue .card_grid .card_title {margin-bottom: 0;}

@media screen and (max-width: 1120px) {
#tab-issue .card_grid .ps_card{padding: 1.78vw 0.89vw;}
}
/* スマホ表示（767px以下）: 2列に指定 */
@media screen and (max-width: 767px) {
  #tab-issue .card_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}









.news_back {  position: relative;overflow: hidden;}
.news {width: 1080px;margin: auto;padding: 100px 0;text-align: left;z-index: 1;}
.news p {font-size: 16px;line-height: 1.6;margin-bottom: 20px;}

@media screen and (max-width: 1120px) {
.news_back { }
.news {width: 96.42vw;padding: 8.92vw 0;}
.news p {font-size: 1.42vw;margin-bottom: 1.78vw;}

}
@media screen and (max-width: 767px) {
.news {width: 90vw;padding: 10vw 0;}
.news p {font-size: 3vw;text-align: left;margin-bottom: 5vw;}

}




/* レイアウト（PC：2カラム） */
.news {display: flex;justify-content: space-between;align-items: flex-start;gap: 40px;}
/* --- 左側：タイトルエリア --- */
.title_block {width: 32%;flex-shrink: 0;}


/* --- 右側：ニュースリスト --- */
.news_list {width: 65%;display: flex;flex-direction: column;gap: 15px;}
/* リストアイテム（背景白・カードシャドウ付き） */
.news_item {display: flex;align-items: center;background-color: #ffffff;border-radius: 12px;padding: 18px 24px;text-decoration: none;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;}
a.news_item {color: #0056b3;}
/* ホバー時に影を少し強くして浮き上がらせる */
a.news_item:hover {background-color: #ffffff;transform: translateY(-2px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}
.news_date {font-size: 13px;color: #111;width: 100px;flex-shrink: 0;}
.news_title {font-size: 14px;line-height: 1.5;flex-grow: 1;padding-right: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; /* PCでは1行表示（折り返したい場合は unset に変更） */}
/* 右矢印アイコン */
.news_arrow {width: 24px;height: 24px;background-color: #0056b3;border-radius: 50%;flex-shrink: 0;position: relative;}
.news_arrow::after {content: "";position: absolute;top: 50%;left: 45%;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-50%, -50%) rotate(45deg);}
@media screen and (max-width: 1120px) {

.news {gap: 3.57vw;}
.news_list {gap: 1.33vw;}
.news_item {border-radius: 1.07vw;padding: 1.60vw 2.14vw;box-shadow: 0 0.35vw 1.33vw rgba(0, 0, 0, 0.06);}
a.news_item:hover {transform: translateY(-0.17vw);box-shadow: 0 0.71vw 1.78vw rgba(0, 0, 0, 0.1);}
.news_date {font-size: 1.16vw;}
.news_title {font-size: 1.25vw;padding-right: 1.33vw;}
.news_arrow {width: 2.14vw;height: 2.14vw;}
.news_arrow::after {width: 0.53vw;height: 0.53vw;border-top: 0.17vw solid #fff;border-right: 0.17vw solid #fff;}

}
/* --- スマホ対応 (768px以下)：縦並びへ変更 --- */
@media (max-width: 768px) {

.news {flex-direction: column;gap: 30px;}
.title_block,
.news_list {width: 100%;gap: 5vw;}
.news_item {flex-wrap: wrap;gap: 2vw;padding: 2.5vw 7.5vw 2.5vw 2.5vw;position: relative;}
.news_date {font-size: 3vw; width: 100%;}
.news_title {font-size: 3vw;white-space: normal;word-break: break-all;}
.news_arrow  {width: 4.17vw;height: 4.17vw;
position: absolute;
top: 50%;
right: 2.5vw;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
}
.news_arrow::after {width: 0.91vw;height: 0.91vw;border-top: 0.26vw solid #ffffff;border-right: 0.26vw solid #ffffff;}
}