body.un_sustainability {
			background: #ffffff;
			color: #1f2937;
		}

		/* --- カバー領域 --- */
		body.un_sustainability #un_cover {
			background:url(../img/sustainability_cover.png) no-repeat center center / cover;
		}

		/* --- メイン領域--- */
		body.un_sustainability #un_main .content01 { padding-top: 0; }
		body.un_sustainability .sus {
			padding: 20px 0 60px;
		}
		body.un_sustainability .sus__section {
			margin: 60px 0;
		}

		/* --- 見出し --- */
		body.un_sustainability .sus__sectionTitle {
			margin: 0 0 20px;
			font-size: 26px;
			font-weight: 700;
			line-height: 1.4;
			color: #0f172a;
			letter-spacing: 0.04em;
			display: flex;
			align-items: center;
			gap: 12px;
		}
		body.un_sustainability .sus__sectionTitle::before {
			content: "";
			display: block;
			width: 6px;
			height: 26px;
			background: linear-gradient(180deg, #10b981, #0ea5e9);
			border-radius: 4px;
		}
		body.un_sustainability .sus__lead {
			margin: 0 0 20px;
			color: #334155;
			line-height: 1.8;
			font-size: 16px;
		}

		/* --- KPI/タグ --- */
		body.un_sustainability .sus__tags {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 20px;
		}
		body.un_sustainability .sus__tag {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 8px 16px;
			border-radius: 999px;
			background: #ffffff;
			border: 1px solid #e6001a;
			color: #000000;
			font-size: 13px;
			font-weight: 700;
			box-shadow: 0 2px 6px rgba(16,185,129,0.05);
			transition: transform 0.2s;
		}
		body.un_sustainability .sus__tag:hover { transform: translateY(-2px); }
		body.un_sustainability .sus__tag i { color: #e6001a; }

		/* --- カード一覧 --- */
		body.un_sustainability .sus__grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 2px;
			margin-top: 30px;
		}
		@media (max-width: 1000px) { body.un_sustainability .sus__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
		@media (max-width: 680px) { body.un_sustainability .sus__grid { grid-template-columns: 1fr; } }

		body.un_sustainability .susCard {
			background: #ffffff;
			border: 1px solid #e2e8f0;
			border-radius: 20px;
			box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
			padding: 24px;
			position: relative;
			overflow: hidden;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			display: flex;
			flex-direction: column;
		}
		body.un_sustainability .susCard:hover {
			transform: translateY(-6px);
			box-shadow: 0 16px 36px rgba(255, 50, 50, 0.08);
		}
		body.un_sustainability .susCard::before {
			content: "";
			position: absolute;
			inset: 0;
			background: 
				radial-gradient(400px 400px at 0% 0%, rgba(230, 0, 26, 0.07), transparent 60%),
				radial-gradient(400px 400px at 100% 100%, rgba(255, 90, 60, 0.05), transparent 60%);
			pointer-events: none;
		}
		body.un_sustainability .susCard__head {
			position: relative;
			display: flex;
			flex-direction: column;
			gap: 12px;
			align-items: flex-start;
			margin-bottom: 16px;
		}
		body.un_sustainability .susCard__badge {
			position: relative;
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 6px 14px;
			border-radius: 999px;
			background: linear-gradient(135deg, #d994ac, #e6001a);
			color: #ffffff;
			font-size: 12px;
			font-weight: 700;
		}
		body.un_sustainability .susCard__period {
			position: relative;
			font-size: 12px;
			color: #475569;
			background: #f1f5f9;
			border-radius: 6px;
			padding: 6px 10px;
		}
		body.un_sustainability .susCard__title {
			position: relative;
			margin: 0 0 12px;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.5;
			color: #0f172a;
		}
		body.un_sustainability .susCard__text {
			position: relative;
			margin: 0 0 20px;
			color: #475569;
			font-size: 14px;
			line-height: 1.7;
			flex-grow: 1;
		}
		body.un_sustainability .susCard__link {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			padding: 12px 16px;
			border-radius: 12px;
			background: #f8fafc;
			color: #0d9488;
			font-weight: 700;
			font-size: 14px;
			text-decoration: none;
			border: 1px solid #cbd5e1;
			transition: all 0.2s ease;
			margin-top: auto;
		}
		body.un_sustainability .susCard__link:hover {
			background: #0d9488;
			color: #ffffff;
			border-color: #0d9488;
		}

		/* --- 詳細エリア --- */
		body.un_sustainability .susDetail {
			background: #ffffff;
			border: 1px solid #e2e8f0;
			border-radius: 24px;
			box-shadow: 0 12px 36px rgba(15, 23, 42, 0.05);
			padding: 32px;
		}
		@media (max-width: 680px) { body.un_sustainability .susDetail { padding: 20px; } }

		body.un_sustainability .susDetail__top {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 16px;
			align-items: flex-start;
			margin-bottom: 24px;
			padding-bottom: 24px;
			border-bottom: 1px dashed #cbd5e1;
		}
		body.un_sustainability .susDetail__h {
			margin: 0;
			font-size: 20px;
			font-weight: 700;
			line-height: 1.5;
			color: #0f172a;
		}
		body.un_sustainability .susDetail__sub {
			margin: 10px 0 0;
			color: #475569;
			line-height: 1.8;
			font-size: 15px;
		}
		body.un_sustainability .susDetail__pill {
		  font-size: 13px;
		  font-weight: 700;
		  color: #0d9488;
		  background: #f0fdfa;
		  border: 1px solid #ccfbf1;
		  border-radius: 999px;
		  padding: 8px 14px;

		  display: inline-flex;
		  align-items: center;

		  white-space: normal;
		  word-break: break-word;
		  overflow-wrap: anywhere;
		  max-width: 100%;
		}

		/* --- アコーディオン --- */
		body.un_sustainability details.susAcc {
			border: 1px solid #e2e8f0;
			border-radius: 16px;
			border-color: #e6001a;
			background: #ffffff;
			padding: 20px;
			margin-bottom: 16px;
			box-shadow: 0 2px 8px rgba(0,0,0,0.01);
			transition: all 0.3s ease;
		}
		body.un_sustainability details.susAcc[open] {
			border-color: #e6001a;
			box-shadow: 0 4px 16px rgba(16, 185, 129, 0.06);
		}
		body.un_sustainability details.susAcc summary {
			cursor: pointer;
			font-weight: 700;
			color: #0f172a;
			font-size: 16px;
			line-height: 1.5;
			list-style: none;
			position: relative;
			padding-right: 30px;
		}
		body.un_sustainability details.susAcc summary::-webkit-details-marker { display: none; }
		body.un_sustainability details.susAcc summary::after {
			content: "\f078"; /* FontAwesome: fa-chevron-down */
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			color: #e6001a;
			transition: transform 0.3s ease, color 0.3s ease;
		}
		body.un_sustainability details.susAcc[open] summary::after {
			transform: translateY(-50%) rotate(180deg);
			color: #e6001a;
		}

		body.un_sustainability .susAcc__meta {
			display: inline-block;
			margin-top: 8px;
			color: #e6001a;
			font-weight: 600;
			font-size: 13px;
			background: #fff0f0;
			padding: 4px 10px;
			border-radius: 6px;
		}
		body.un_sustainability .susAcc__list {
			margin: 16px 0 0;
			padding-left: 20px;
			color: #334155;
			line-height: 1.8;
			font-size: 15px;
		}
		body.un_sustainability .susAcc__list li {
			margin: 8px 0;
			position: relative;
			list-style: disc;
		}

		/* --- 戻るボタン --- */
		body.un_sustainability .susBackBtn {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			margin-top: 32px;
			padding: 14px 28px;
			border-radius: 999px;
			background: #ffffff;
			color: #0d9488;
			border: 2px solid #0d9488;
			font-weight: 700;
			font-size: 14px;
			text-decoration: none;
			transition: all 0.3s ease;
		}
		body.un_sustainability .susBackBtn i {
			font-size: 14px;
			transition: transform 0.3s ease;
		}
		body.un_sustainability .susBackBtn:hover {
			background: #0d9488;
			color: #ffffff;
			box-shadow: 0 8px 24px rgba(13, 148, 136, 0.2);
			transform: translateY(-2px);
		}
		body.un_sustainability .susBackBtn:hover i {
			transform: translateX(-4px); /* 矢印を左に動かす */
		}

		/* 補正 */
		body.un_sustainability a.btn, 
		body.un_sustainability a.btn02, 
		body.un_sustainability a.btn03 {
			filter: saturate(1.1);
		}
		body.un_sustainability .sus__grid--single {
		grid-template-columns: minmax(0, 860px);
		justify-content: center;
		}
		body.un_sustainability .sus__grid--single .susCard {
  		padding: 28px;
		}
		/* 読み物LPとしての行幅を安定させる */
		body.un_sustainability .sus {
  		max-width: 960px;
  		margin: 0 auto;
  		padding-left: 16px;
  		padding-right: 16px;
		}
/* アンカー遷移時、見出しが隠れないように */
body.un_sustainability #detail_actionplan {
  scroll-margin-top: 90px; /* ヘッダー高さに合わせて調整 */
}