@charset "utf-8";

/* =======================================
/* index.css
========================================*/

/* ======================================================
* PC
====================================================== */
@media print, screen and (min-width: 768px) {

	/* ------------------------------------------------------
  * Parts
  ------------------------------------------------------ */
	/* ----- regional-initiative-container ----- */
	.regional-initiative-container *,
	.regional-initiative-container *::before,
	.regional-initiative-container *::after {
		box-sizing: border-box;
	}
	.regional-initiative-container img {
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}

	/* v2 */
	.regional-initiative-container-v2 {
		max-width: 1920px;
		width: 100%;
		margin: 0 auto;
		color: #24242d;
		font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}

	/* v3 */
	.regional-initiative-container-v3 {
		background: #fff;
		padding: 64px 80px;
	}
	.regional-initiative-container-v3 > [class*=__inner] {
		max-width: 1440px;
		width: 100%;
		margin: 0 auto;
	}
	.regional-initiative-container-v3 > [class*=__inner] > *:first-child,
	.regional-initiative-container-v3 > [class*=__inner] > section:first-child > *:first-child,
	.regional-initiative-container-v3 > [class*=__inner] > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-container-v3__inner--project {
		max-width: 100% !important;
	}

	/* v4 */
	.regional-initiative-container-v4 {
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bg03.jpg) no-repeat center/cover;
		padding: 64px 80px;
	}
	.regional-initiative-container-v4 > [class*=__inner] {
		max-width: 1440px;
		width: 100%;
		margin: 0 auto;
		padding: 40px 64px;
		background: #fff;
		border-radius: 8px;
	}
	.regional-initiative-container-v4 > [class*=__inner] > *:first-child,
	.regional-initiative-container-v4 > [class*=__inner] > section:first-child > *:first-child,
	.regional-initiative-container-v4 > [class*=__inner] > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-container-v4__inner--topics {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	/* v5 */
	.regional-initiative-container-v5 {
		padding: 64px 80px;
		background: #f6f7f8;
	}
	.regional-initiative-container-v5__inner {
		display: flex;
		gap: 0 16px;
		max-width: 825px;
		width: 100%;
		margin: 0 auto;
	}
	.regional-initiative-container-v5__head {
		width: 439px;
	}
	.regional-initiative-container-v5__head > *:first-child,
	.regional-initiative-container-v5__head > section:first-child > *:first-child,
	.regional-initiative-container-v5__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-container-v5__body {
		flex: 1;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.regional-initiative-container-v5__body > *:first-child,
	.regional-initiative-container-v5__body > section:first-child > *:first-child,
	.regional-initiative-container-v5__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* v6 */
	.regional-initiative-container-v6 {
		padding: 40px 80px;
		background: #fff;
	}
	.regional-initiative-container-v6__inner > *:first-child,
	.regional-initiative-container-v6__inner > section:first-child > *:first-child,
	.regional-initiative-container-v6__inner > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-breadcrumb ----- */
	.regional-initiative-breadcrumb {
		display: flex;
		align-items: center;
		max-width: calc(960px + 40px * 2);
		min-height: 40px;
		width: 100%;
		margin: 0 auto;
		padding: 6.5px 40px 10.5px;
	}
	.regional-initiative-breadcrumb__list {
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-breadcrumb__list > li {
		display: inline;
	}
	.regional-initiative-breadcrumb__list > li > [class*=__type] {
		font-size: 12px;
	}
	.regional-initiative-breadcrumb__list > li > [class*=__type]:not([class*=__type--nolink]):hover {
		text-decoration: underline;
	}
	.regional-initiative-breadcrumb__list > li:not(:first-child)::before {
		content: "";
		display: inline-block;
		width: 26px;
		height: 9px;
		vertical-align: middle;
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic01.png) no-repeat 50% 0;
	}

	/* ----- regional-initiative-hero ----- */
	.regional-initiative-hero {
		position: relative;
		height: 600px;
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bg01.jpg) no-repeat center/cover;
	}
	.regional-initiative-hero__head,
	.regional-initiative-hero__body,
	.regional-initiative-hero__foot {
		position: absolute;
	}
	.regional-initiative-hero__head,
	.regional-initiative-hero__foot {
		z-index: 2;
	}
	.regional-initiative-hero__head {
		top: 0;
		left: 0;
		display: flex;
		align-items: flex-end;
		height: 100%;
		padding: 40px 36px;
		background: rgba(255, 255, 255, 0.9);
	}
	.regional-initiative-hero__body {
		top: 0;
		left: 50%;
		translate: -50% 0;
		max-width: 1280px;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.regional-initiative-hero__foot {
		top: 24px;
		left: 50%;
		translate: -50% 0;
		max-width: 2352px;
		width: 100%;
		padding: 0 32px;
	}
	.regional-initiative-hero__logo {
		line-height: 0;
	}
	.regional-initiative-hero__image {
		display: block;
	}
	.regional-initiative-hero__image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 50% 50%;
		object-position: 50% 50%;
	}
	.regional-initiative-hero__button {
		display: flex;
		justify-content: flex-end;
	}
	.regional-initiative-hero__button > a {
		display: flex;
		align-items: center;
		min-height: 51px;
		padding: 15px 28.5px 16px 26px;
		background: #0e0d6a;
		border-radius: 9999px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.22;
		transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-hero__button > a:link,
	.regional-initiative-hero__button > a:hover,
	.regional-initiative-hero__button > a:visited,
	.regional-initiative-hero__button > a:focus,
	.regional-initiative-hero__button > a:active {
		color: #fff;
		text-decoration: none;
	}
	.regional-initiative-hero__button > a > span {
		display: flex;
		align-items: center;
		gap: 0 4px;
	}
	.regional-initiative-hero__button > a > span > img {
		width: 20px;
	}
	.regional-initiative-hero__button > a:hover {
		background-color: rgba(14, 13, 106, 0.6);
	}

	/* v2 */
	.regional-initiative-hero-v2 {
		overflow: hidden;
		display: flex;
		flex-direction: row-reverse;
		height: 648px;
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bg02.jpg) no-repeat center/cover;
	}
	.regional-initiative-hero-v2__head {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 50%;
		padding: 0 40px;
		background: rgba(255, 255, 255, 0.9);
		text-align: center;
	}
	.regional-initiative-hero-v2__head > *:first-child,
	.regional-initiative-hero-v2__head > section:first-child > *:first-child,
	.regional-initiative-hero-v2__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-hero-v2__body {
		position: relative;
		width: 50%;
	}
	.regional-initiative-hero-v2__body > *:first-child,
	.regional-initiative-hero-v2__body > section:first-child > *:first-child,
	.regional-initiative-hero-v2__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-hero-v2__text {
		margin: 24px 0 0;
		font-size: 16px;
		line-height: 1.5;
	}
	.regional-initiative-hero-v2__text + .regional-initiative-hero-v2__text {
		margin-top: 16px;
	}
	.regional-initiative-hero-v2__lead {
		margin: 18px 0 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.22;
	}
	.regional-initiative-hero-v2__image {
		position: absolute;
		top: 120px;
		right: calc((160 * 1px) + (1vw - (1537 / 100 * 1px)) * 100 * (180 - 160) / (1920 - 1537));
		display: block;
	}

	/* ----- regional-initiative-heading ----- */
	.regional-initiative-heading {
		position: relative;
		display: flex;
		justify-content: center;
	}
	.regional-initiative-heading__inner {
		position: relative;
		padding: 0 0 28px;
	}
	.regional-initiative-heading__inner:has(> [class*=__subtitle]) {
		padding-top: 30px;
	}
	.regional-initiative-heading__inner::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		translate: -50% 0;
		width: 188px;
		height: 13px;
		background: url("/extlib/corporate/sustainability/regional-initiative/img_new/index_ex01.png") no-repeat center/contain;
	}
	.regional-initiative-heading__inner > [class*=__subtitle] {
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.regional-initiative-heading__inner > [class*=__subtitle] img {
		width: 100%;
	}
	.regional-initiative-heading__inner > *:first-child,
	.regional-initiative-heading__inner > section:first-child > *:first-child,
	.regional-initiative-heading__inner > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-heading__subtitle--vision {
		top: -3px;
	}
	.regional-initiative-heading__subtitle--vision img {
		max-width: 56.5px;
	}
	.regional-initiative-heading__subtitle--approach {
		top: -1px;
	}
	.regional-initiative-heading__subtitle--approach img {
		max-width: 101.5px;
	}
	.regional-initiative-heading__subtitle--project {
		top: -2px;
	}
	.regional-initiative-heading__subtitle--project img {
		max-width: 91.5px;
	}
	.regional-initiative-heading__subtitle--topics {
		top: -1px;
	}
	.regional-initiative-heading__subtitle--topics img {
		max-width: 65.5px;
	}
	.regional-initiative-heading__subtitle--contact-us {
		top: -2px;
	}
	.regional-initiative-heading__subtitle--contact-us img {
		max-width: 117px;
	}
	.regional-initiative-heading__title {
		font-size: 26px;
		font-weight: 600;
		line-height: 1.22;
	}

	/* ----- regional-initiative-anchor-navi ----- */
	.regional-initiative-anchor-navi {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 60px;
		background: #d0e5b1;
		padding: 18.5px 40px;
	}
	.regional-initiative-anchor-navi__list {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 24px 48px;
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-anchor-navi__type {
		position: relative;
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.22;
		letter-spacing: 0.02em;
		text-align: center;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-anchor-navi__type:link,
	.regional-initiative-anchor-navi__type:hover,
	.regional-initiative-anchor-navi__type:visited,
	.regional-initiative-anchor-navi__type:focus,
	.regional-initiative-anchor-navi__type:active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-anchor-navi__type:hover {
		opacity: 0.6;
	}

	/* ----- regional-initiative-media ----- */
	.regional-initiative-media {
		display: flex;
		padding: 0 0 0 calc((0 * 1px) + (1vw - (1537 / 100 * 1px)) * 100 * (110 - 0) / (1920 - 1537));
		gap: 0 48px;
	}
	.regional-initiative-media__head {
		width: 372px;
	}
	.regional-initiative-media__head > *:first-child,
	.regional-initiative-media__head > section:first-child > *:first-child,
	.regional-initiative-media__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-media__body {
		width: 800px;
	}
	.regional-initiative-media__body > *:first-child,
	.regional-initiative-media__body > section:first-child > *:first-child,
	.regional-initiative-media__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-media__image {
		margin: 34px 0 0;
		text-align: center;
	}
	.regional-initiative-media__text {
		margin: 24px 0 0;
		font-size: 16px;
		line-height: 1.48;
	}

	/* ----- regional-initiative-media-v2 ----- */
	.regional-initiative-media-v2 {
		--_icon-width: 48px;
		display: flex;
		gap: 0 64px;
	}
	.regional-initiative-media-v2__head {
		flex: 1;
		padding: 12px 0 0;
	}
	.regional-initiative-media-v2__head > [class*=__title] {
		position: relative;
		padding: 0 0 0 calc(var(--_icon-width) + 10px);
		font-size: 20px;
		font-weight: 600;
		line-height: 1.22;
	}
	.regional-initiative-media-v2__head > [class*=__title]::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		translate: 0 -50%;
		margin: -2px 0 0;
		width: var(--_icon-width);
		aspect-ratio: 1;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.regional-initiative-media-v2__head > *:first-child,
	.regional-initiative-media-v2__head > section:first-child > *:first-child,
	.regional-initiative-media-v2__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-media-v2__body {
		width: 440px;
	}
	.regional-initiative-media-v2__body > *:first-child,
	.regional-initiative-media-v2__body > section:first-child > *:first-child,
	.regional-initiative-media-v2__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-media-v2__image img {
		width: 100%;
		border-radius: 8px;
	}
	.regional-initiative-media-v2__title--01::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_01.png);
	}
	.regional-initiative-media-v2__title--02::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_02.png);
	}
	.regional-initiative-media-v2__title--03::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_03.png);
	}
	.regional-initiative-media-v2__title--04::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_04.png);
	}
	.regional-initiative-media-v2__title--05::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_05.png);
	}
	.regional-initiative-media-v2__title--06::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_06.png);
	}
	.regional-initiative-media-v2__title--07::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_07.png);
	}
	.regional-initiative-media-v2__title--08::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_08.png);
	}
	.regional-initiative-media-v2__text {
		margin: 20px 0 0;
		font-size: 16px;
		line-height: 1.5;
	}

	/* ----- regional-initiative-video ----- */
	.regional-initiative-video__inner {
		overflow: hidden;
		border-radius: 8px;
	}
	.regional-initiative-video__screen {
		position: relative;
		width: 100%;
		aspect-ratio: 16/9;
	}
	.regional-initiative-video__screen > iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	}
	.regional-initiative-video__screen > *:first-child,
	.regional-initiative-video__screen > section:first-child > *:first-child,
	.regional-initiative-video__screen > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-text ----- */
	.regional-initiative-text {
		margin: 24px 0 0;
		font-size: 16px;
		line-height: 1.48;
		text-align: center;
	}

	/* ----- regional-initiative-tab ----- */
	.regional-initiative-tab {
		margin: 57px 0 0;
	}
	.regional-initiative-tab__head > *:first-child,
	.regional-initiative-tab__head > section:first-child > *:first-child,
	.regional-initiative-tab__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-tab__body {
		padding: 48px 40px 40px;
	}
	.regional-initiative-tab__list {
		display: flex;
		justify-content: center;
		gap: 0 12px;
		margin: 0;
		padding: 0;
		border-width: 0;
		border-image-source: linear-gradient(0deg, #e7e9ee 1px, transparent 0);
		border-image-slice: 0 fill;
		border-image-outset: 0 100%;
		list-style-type: "";
	}
	.regional-initiative-tab__list > li {
		display: flex;
	}
	.regional-initiative-tab__list > li > [class*=__button] {
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 2px 0;
		width: 100%;
		margin: 0 0 3px;
		padding: 12px 24px 11px;
		background: #fff;
		border-radius: 8px 8px 0 0;
		font-size: 10px;
		line-height: 1.2;
		text-align: center;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-tab__list > li > [class*=__button]:link,
	.regional-initiative-tab__list > li > [class*=__button]:hover,
	.regional-initiative-tab__list > li > [class*=__button]:visited,
	.regional-initiative-tab__list > li > [class*=__button]:focus,
	.regional-initiative-tab__list > li > [class*=__button]:active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-tab__list > li > [class*=__button]::before {
		content: "";
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.regional-initiative-tab__list > li > [class*=__button]::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 3px;
		background: #3a98a0;
		opacity: 0;
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-tab__list > li:not(.is-current) > [class*=__button]:hover {
		opacity: 0.6;
	}
	.regional-initiative-tab__list > li.is-current > [class*=__button] {
		background-color: #dbf1f2;
		font-weight: 600;
		cursor: default;
	}
	.regional-initiative-tab__list > li.is-current > [class*=__button]::after {
		opacity: 1;
	}
	.regional-initiative-tab__button--01::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_01.png);
	}
	.regional-initiative-tab__button--02::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_02.png);
	}
	.regional-initiative-tab__button--03::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_03.png);
	}
	.regional-initiative-tab__button--04::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_04.png);
	}
	.regional-initiative-tab__button--05::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_05.png);
	}
	.regional-initiative-tab__button--06::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_06.png);
	}
	.regional-initiative-tab__button--07::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_07.png);
	}
	.regional-initiative-tab__button--08::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_08.png);
	}
	.regional-initiative-tab__detail > *:first-child,
	.regional-initiative-tab__detail > section:first-child > *:first-child,
	.regional-initiative-tab__detail > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-link-list ----- */
	.regional-initiative-link-list {
		margin: 17px 0 0 !important;
		padding: 0 0 0 4px !important;
		list-style-type: "";
	}
	.regional-initiative-link-list > li > [class*=__type] {
		position: relative;
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
	}
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]) {
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):active {
		color: #2f656f;
		text-decoration: none;
	}
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink])::after {
		content: "";
		position: relative;
		top: -1px;
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		aspect-ratio: 1;
		margin: 0 0 0 4px;
		background: #2f656f;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: contain;
		mask-size: contain;
	}
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):hover {
		opacity: 0.6;
	}
	.regional-initiative-link-list__type::after {
		-webkit-mask-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg);
		mask-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg);
	}
	.regional-initiative-link-list__type--blank::after {
		-webkit-mask-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_02.svg);
		mask-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_02.svg);
	}

	/* ----- regional-initiative-box ----- */
	.regional-initiative-box {
		margin: 16px 0 0;
		padding: 18px 24px 24px;
		background: #e7e9ee;
		border-radius: 8px;
	}
	.regional-initiative-link-list + .regional-initiative-box {
		margin-top: 26px;
	}
	.regional-initiative-box__head > *:first-child,
	.regional-initiative-box__head > section:first-child > *:first-child,
	.regional-initiative-box__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-box__body {
		margin: 9px 0 0;
	}
	.regional-initiative-box__body > *:first-child,
	.regional-initiative-box__body > section:first-child > *:first-child,
	.regional-initiative-box__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-box__title {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.02em;
	}
	.regional-initiative-box > *:first-child,
	.regional-initiative-box > section:first-child > *:first-child,
	.regional-initiative-box > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-unorder-list ----- */
	.regional-initiative-unorder-list {
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-unorder-list > li {
		position: relative;
		padding: 0 0 0 24px;
		font-size: 16px;
		line-height: 1.48;
	}
	.regional-initiative-unorder-list > li::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 10px;
		width: 4px;
		aspect-ratio: 1;
		background: #24242d;
		border-radius: 50%;
	}

	/* ----- regional-initiative-badge ----- */
	.regional-initiative-badge {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 39px;
		height: 24px;
		background: #edfb8d;
		border-radius: 2px;
		font-size: 10px;
		font-weight: 600;
		font-style: normal;
		line-height: 1.22;
		text-align: center;
	}

	/* v2 */
	.regional-initiative-badge-v2 {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 6px 8px;
		background: #bbe5e6;
		border-radius: 2px;
		font-size: 10px;
		font-weight: 600;
		font-style: normal;
		line-height: 1.2;
		text-align: center;
	}

	/* ----- regional-initiative-carousel ----- */
	.regional-initiative-carousel {
		--_arrow-width: 40px;
		position: relative;
		margin: 36px 0 0;
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-carousel__screen {
		overflow: hidden;
	}
	.regional-initiative-carousel__item {
		-webkit-transform-origin: center;
		transform-origin: center;
		width: 400px;
		margin: 0 8px;
	}
	.regional-initiative-carousel__item > [class*=__type] {
		display: block;
	}
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]) {
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):hover {
		opacity: 0.6;
	}
	.regional-initiative-carousel__item > *:first-child,
	.regional-initiative-carousel__item > section:first-child > *:first-child,
	.regional-initiative-carousel__item > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-carousel__head {
		overflow: hidden;
		position: relative;
		border-radius: 8px;
	}
	.regional-initiative-carousel__head .regional-initiative-badge {
		position: absolute;
		top: 0;
		left: 0;
	}
	.regional-initiative-carousel__head > *:first-child,
	.regional-initiative-carousel__head > section:first-child > *:first-child,
	.regional-initiative-carousel__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-carousel__body {
		margin: 8px 0 0;
	}
	.regional-initiative-carousel__body > *:first-child,
	.regional-initiative-carousel__body > section:first-child > *:first-child,
	.regional-initiative-carousel__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-carousel__image {
		position: relative;
		width: 100%;
		aspect-ratio: 400/267;
	}
	.regional-initiative-carousel__image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 50% 50%;
		object-position: 50% 50%;
	}
	.regional-initiative-carousel__title {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.22;
		letter-spacing: 0.02em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}
	.regional-initiative-carousel__badge {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin: 16px 0 0;
	}
	.regional-initiative-carousel__control {
		display: none;
	}
	.regional-initiative-carousel__panel {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		margin: 42px 0 0;
		font-size: 0;
		line-height: 0;
	}
	.regional-initiative-carousel__arrow--prev,
	.regional-initiative-carousel__arrow--next {
		overflow: hidden;
		position: absolute;
		top: 130px;
		width: var(--_arrow-width);
		aspect-ratio: 1;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 0;
		text-align: left;
		text-indent: -9999em;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
		z-index: 1;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.regional-initiative-carousel__arrow--prev::before,
	.regional-initiative-carousel__arrow--next::before {
		content: "";
		position: absolute;
		inset: 0;
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bt02.svg) no-repeat center/contain;
		pointer-events: none;
	}
	.regional-initiative-carousel__arrow--prev:hover,
	.regional-initiative-carousel__arrow--next:hover {
		opacity: 0.6;
	}
	.regional-initiative-carousel__arrow--prev {
		left: calc(var(--_arrow-width) / 2 * -1);
	}
	.regional-initiative-carousel__arrow--prev::before {
		scale: -1 1;
	}
	.regional-initiative-carousel__arrow--next {
		right: calc(var(--_arrow-width) / 2 * -1);
	}
	.regional-initiative-carousel__dot {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-carousel__dot > li > button {
		width: 8px;
		aspect-ratio: 1;
		margin: 0;
		padding: 0;
		background: #bbe5e6;
		border: none;
		border-radius: 50%;
		font-size: 0;
		line-height: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		cursor: pointer;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-carousel__dot > li.slick-active > button {
		width: 12px;
		background-color: #3a98a0;
	}
	.regional-initiative-carousel__button--pause,
	.regional-initiative-carousel__button--play {
		overflow: hidden;
		position: relative;
		width: 24px;
		aspect-ratio: 1;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-align: left;
		text-indent: -9999em;
		cursor: pointer;
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.regional-initiative-carousel__button--pause::before,
	.regional-initiative-carousel__button--play::before {
		content: "";
		position: absolute;
		inset: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.regional-initiative-carousel__button--pause:hover,
	.regional-initiative-carousel__button--play:hover {
		opacity: 0.6;
	}
	.regional-initiative-carousel__button--pause::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bt01_01.svg);
	}
	.regional-initiative-carousel__button--play::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bt01_02.svg);
	}
	.regional-initiative-carousel .slick-slider .slick-list {
		overflow: visible;
	}
	.regional-initiative-carousel .slick-slider .slick-list .slick-track {
		display: flex;
	}
	.regional-initiative-carousel .slick-slider .slick-list .slick-track .slick-slide {
		float: none !important;
	}
	.regional-initiative-carousel:not(.is-initialized) {
		opacity: 0;
	}

	/* ----- regional-initiative-button ----- */
	.regional-initiative-button {
		--_padding-inline: 16px;
		--_icon-width: 24px;
		margin: 40px 0 0;
	}
	.regional-initiative-carousel + .regional-initiative-button {
		margin-top: 44px;
	}
	.regional-initiative-button__item {
		display: flex;
		justify-content: center;
	}
	.regional-initiative-button__item > [class*=__type] {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 280px;
		min-height: 48px;
		padding: 13px var(--_padding-inline);
		background: #fff;
		border: 1px solid #0e0d6a;
		border-radius: 9999px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.22;
		letter-spacing: 0.02em;
		text-align: center;
	}
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]) {
		padding-right: calc(var(--_icon-width) + var(--_padding-inline) * 2);
		padding-left: calc(var(--_icon-width) + var(--_padding-inline));
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink])::after {
		content: "";
		position: absolute;
		top: 50%;
		right: var(--_padding-inline);
		translate: 0 -50%;
		width: var(--_icon-width);
		aspect-ratio: 1;
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg) no-repeat center/contain;
	}
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):hover {
		color: #0e0d6a;
		opacity: 0.6;
	}
	.regional-initiative-button__icon--blank {
		width: 20px;
		margin: 0 0 0 4px;
	}

	/* v2 */
	.regional-initiative-button-v2 {
		--_padding-inline: 16px;
		--_icon-width: 24px;
		margin: 40px 0 0;
	}
	.regional-initiative-button-v2__item {
		display: flex;
		justify-content: center;
	}
	.regional-initiative-button-v2__item > [class*=__type] {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 280px;
		min-height: 48px;
		padding: 14px var(--_padding-inline);
		background: #0e0d6a;
		border-radius: 9999px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.22;
		letter-spacing: 0.02em;
		text-align: center;
	}
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]) {
		padding-right: calc(var(--_icon-width) + var(--_padding-inline));
		padding-left: calc(var(--_icon-width) + var(--_padding-inline));
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):active {
		color: #fff;
		text-decoration: none;
	}
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink])::after {
		content: "";
		position: absolute;
		top: 50%;
		right: var(--_padding-inline);
		translate: 0 -50%;
		width: var(--_icon-width);
		aspect-ratio: 1;
		background: #fff;
		-webkit-mask: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg) no-repeat center/contain;
		mask: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg) no-repeat center/contain;
	}
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):hover {
		opacity: 0.6;
	}
	.regional-initiative-button-v2__icon--blank {
		width: 20px;
		margin: 0 0 0 4px;
	}

	/* ----- regional-initiative-news ----- */
	.regional-initiative-news {
		--_border: var(--_border-width) solid #e7e9ee;
		--_border-width: 1px;
		display: grid;
		grid-template-columns: -webkit-max-content 1fr;
		grid-template-columns: max-content 1fr;
		border-bottom: var(--_border);
		margin: 40px 0 0;
	}
	.regional-initiative-news__article {
		display: grid;
		grid-template-columns: subgrid;
		grid-column: 1/-1;
		gap: 0 24px;
		border-top: var(--_border);
	}
	.regional-initiative-news__article > [class*=__type] {
		position: relative;
		display: inherit;
		grid-template-columns: inherit;
		grid-column: inherit;
		gap: inherit;
		padding: 16px 24px;
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]) {
		padding-right: 88px;
	}
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):hover {
		opacity: 0.6;
	}
	.regional-initiative-news__property {
		min-width: 127px;
	}
	.regional-initiative-news__property .regional-initiative-badge {
		margin-top: 9px;
	}
	.regional-initiative-news__date {
		display: block;
		font-size: 16px;
		line-height: 1.48;
	}
	.regional-initiative-news__title {
		margin: 0;
		font-size: 16px;
		line-height: 1.48;
	}
	.regional-initiative-news__icon {
		position: absolute;
		top: 50%;
		right: 24px;
		translate: 0 -50%;
		display: block;
		width: 24px;
		height: 24px;
	}
	.regional-initiative-news__badge {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin: 8px 0 0;
	}

	/* ----- regional-initiative-sns ----- */
	.regional-initiative-sns {
		display: flex;
		justify-content: center;
	}
	.regional-initiative-sns > [class*=__item] {
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: 16px 0;
		padding: 8px 40px;
	}
	.regional-initiative-sns > [class*=__item]:not(:first-child) {
		border-left: 1px solid #bec4d2;
	}
	.regional-initiative-sns > [class*=__item]:first-child {
		padding-left: 0;
	}
	.regional-initiative-sns > [class*=__item]:last-child {
		padding-right: 0;
	}
	.regional-initiative-sns__head > *:first-child,
	.regional-initiative-sns__head > section:first-child > *:first-child,
	.regional-initiative-sns__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-sns__body > *:first-child,
	.regional-initiative-sns__body > section:first-child > *:first-child,
	.regional-initiative-sns__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-sns__title {
		position: relative;
		padding: 2px 0 0;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0.04em;
		text-align: center;
	}
	.regional-initiative-sns__title::before {
		content: "\\ ";
	}
	.regional-initiative-sns__title::after {
		content: " /";
	}
	.regional-initiative-sns__list {
		display: flex;
		justify-content: center;
		gap: 16px;
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-sns__list > li a {
		display: block;
	}
	.regional-initiative-sns__list > li img {
		width: 40px;
	}
	.regional-initiative-sns > *:first-child,
	.regional-initiative-sns > section:first-child > *:first-child,
	.regional-initiative-sns > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-banner ----- */
	.regional-initiative-banner {
		display: flex;
		justify-content: center;
	}
	.regional-initiative-banner__item > [class*=__type] {
		overflow: hidden;
		display: block;
		border-radius: 4px;
	}
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]) {
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):hover {
		opacity: 0.6;
	}
	.regional-initiative-banner__item > [class*=__type] img {
		max-width: 578px;
		width: 100%;
	}

	/* ----- pc-hidden ----- */
	.pc-hidden {
		display: none !important;
	}

	/* ----- regional-initiative-layout ----- */
	.regional-initiative-layout {
		border-top: 1px solid #dde0e7;
		background-color: #fff;
	}
	.regional-initiative-layout .regional-initiative-layout__inner {
		max-width: 960px;
		margin: 0 auto;
		padding: 54px 0;
	}
	.regional-initiative-layout .regional-initiative-layout__inner >:first-child,
	.regional-initiative-layout .regional-initiative-layout__inner > section:first-child >:first-child {
		margin-top: 0 !important;
	}


		/* --- regional-initiative-banner-wrap --- */
		.regional-initiative-banner-wrap {
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
		}
		.regional-initiative-banner-wrap[data-col-pc="2"] > * {
			width: calc((100% - 20px)/2);
			margin-top: 20px;
			margin-left: 20px;
		}
		.regional-initiative-banner-wrap[data-col-pc="4"] > * {
			width: calc((100% - 20px*3)/4);
			margin-top: 20px;
			margin-left: 20px;
		}
		.regional-initiative-banner-wrap[data-col-pc="2"] > *:nth-of-type(-n+2),
		.regional-initiative-banner-wrap[data-col-pc="4"] > *:nth-of-type(-n+4) {
			margin-top: 0;
		}
		.regional-initiative-banner-wrap[data-col-pc="2"] > *:nth-of-type(2n+1),
		.regional-initiative-banner-wrap[data-col-pc="4"] > *:nth-of-type(4n+1) {
			margin-left: 0;
		}

	/* --- regional-initiative-banner-v2 --- */
	.regional-initiative-banner-v2 {
		box-sizing: border-box;
		border: 1px solid #f1f2f6;
		border-radius: 7px;
		overflow: hidden;
	}
	.regional-initiative-banner-v2 > [class*="__type"] {
		position: relative;
		display: block;
	}
	.regional-initiative-banner-v2 .regional-initiative-banner-v2__type::before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 4px;
		right: 4px;
		border-style: solid;
		border-width: 0 6px 6px 0;
		border-color: transparent #06066b transparent transparent;
		z-regional-initiative: 1;
	}
	.regional-initiative-banner-v2 .regional-initiative-banner-v2__type:hover::before {
		border-color: transparent #1eace5 transparent transparent;
	}
	.regional-initiative-banner-v2 .regional-initiative-banner-v2__type--blank::before {
		content: "";
		position: absolute;
		top: 4px;
		right: 4px;
		display: inline-block;
		width: 10px;
		height: 10px;
		background-image: url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_01.png'), url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_02.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain, 0 0;
		z-regional-initiative: 1;
	}
	.regional-initiative-banner-v2 .regional-initiative-banner-v2__type--blank:hover::before {
		background-size: 0 0, contain;
	}
	.regional-initiative-banner-v2 img {
		width: 100%;
		transition: transform .6s;
	}
	.regional-initiative-banner-v2 > [class*="__type"]:not([class*="__type--nolink"]):hover img {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

}
@media print, screen and (min-width: 1281px) and (max-width: 1536px) {

	/* ------------------------------------------------------
  * Parts
  ------------------------------------------------------ */
	.regional-initiative-container-v4 {
		--_padding-inline: calc((40 * 1px) + (1vw - (1281 / 100 * 1px)) * 100 * (64 - 40) / (1536 - 1281));
	}
	.regional-initiative-container-v4__inner {
		padding-right: var(--_padding-inline);
		padding-left: var(--_padding-inline);
	}
	.regional-initiative-hero-v2__image {
		right: calc((100 * 1px) + (1vw - (1281 / 100 * 1px)) * 100 * (160 - 100) / (1536 - 1281));
	}
	.regional-initiative-media {
		padding-left: 0;
		gap: 0 calc((40 * 1px) + (1vw - (1281 / 100 * 1px)) * 100 * (48 - 40) / (1536 - 1281));
	}
	.regional-initiative-media__head {
		width: calc((282 * 1px) + (1vw - (1281 / 100 * 1px)) * 100 * (372 - 282) / (1536 - 1281));
	}
	.regional-initiative-media-v2 {
		gap: 0 calc((40 * 1px) + (1vw - (1281 / 100 * 1px)) * 100 * (64 - 40) / (1536 - 1281));
	}
	.regional-initiative-tab__list {
		gap: 0 calc((8 * 1px) + (1vw - (1281 / 100 * 1px)) * 100 * (12 - 8) / (1536 - 1281));
	}

}
@media print, screen and (min-width: 768px) and (max-width: 1280px) {

	/* ------------------------------------------------------
  * Parts
  ------------------------------------------------------ */
	.regional-initiative-container-v4 {
		--_padding-inline: 40px;
	}
	.regional-initiative-container-v4__inner {
		padding-right: var(--_padding-inline);
		padding-left: var(--_padding-inline);
	}
	.regional-initiative-hero-v2__image {
		right: 100px;
	}
	.regional-initiative-media {
		gap: 0 40px;
	}
	.regional-initiative-media__head {
		flex: 1;
		width: 100%;
	}
	.regional-initiative-media__body {
		width: 71.3012%;
	}
	.regional-initiative-media-v2 {
		gap: 0 40px;
	}
	.regional-initiative-tab__list {
		gap: 0 8px;
	}

}
/* ======================================================
* SP
====================================================== */
@media only screen and (max-width: 767px) {

	/* ------------------------------------------------------
  * Parts
  ------------------------------------------------------ */
	/* ----- regional-initiative-container ----- */
	.regional-initiative-container *,
	.regional-initiative-container *::before,
	.regional-initiative-container *::after {
		box-sizing: border-box;
	}
	.regional-initiative-container img {
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}

	/* v2 */
	.regional-initiative-container-v2 {
		color: #24242d;
		font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}

	/* v3 */
	.regional-initiative-container-v3 {
		background: #fff;
		padding: 64px 16px;
	}
	.regional-initiative-container-v3 > [class*=__inner] > *:first-child,
	.regional-initiative-container-v3 > [class*=__inner] > section:first-child > *:first-child,
	.regional-initiative-container-v3 > [class*=__inner] > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* v4 */
	.regional-initiative-container-v4 {
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bg03_sp.jpg) no-repeat center/cover;
		padding: 40px 0;
	}
	.regional-initiative-container-v4 > [class*=__inner] {
		padding: 32px 16px;
		background: #fff;
	}
	.regional-initiative-container-v4 > [class*=__inner] > *:first-child,
	.regional-initiative-container-v4 > [class*=__inner] > section:first-child > *:first-child,
	.regional-initiative-container-v4 > [class*=__inner] > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-container-v4__inner--approach {
		padding-top: 40px !important;
	}

	/* v5 */
	.regional-initiative-container-v5 {
		padding: 40px 16px;
		background: #f6f7f8;
	}
	.regional-initiative-container-v5__head > *:first-child,
	.regional-initiative-container-v5__head > section:first-child > *:first-child,
	.regional-initiative-container-v5__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-container-v5__body {
		margin: 24px 0 0;
	}
	.regional-initiative-container-v5__body > *:first-child,
	.regional-initiative-container-v5__body > section:first-child > *:first-child,
	.regional-initiative-container-v5__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-container-v5 > *:first-child,
	.regional-initiative-container-v5 > section:first-child > *:first-child,
	.regional-initiative-container-v5 > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* v6 */
	.regional-initiative-container-v6 {
		padding: 24px 16px;
		background: #fff;
	}
	.regional-initiative-container-v6__inner > *:first-child,
	.regional-initiative-container-v6__inner > section:first-child > *:first-child,
	.regional-initiative-container-v6__inner > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-breadcrumb ----- */
	.regional-initiative-breadcrumb {
		padding: 8.5px 12px;
	}
	.regional-initiative-breadcrumb__list {
		margin: 0;
		padding: 0;
		list-style-type: "";
		line-height: 1.5;
	}
	.regional-initiative-breadcrumb__list > li {
		display: inline;
	}
	.regional-initiative-breadcrumb__list > li > [class*=__type] {
		font-size: 12px;
	}
	.regional-initiative-breadcrumb__list > li:not(:first-child)::before {
		content: "";
		display: inline-block;
		width: 26px;
		height: 10px;
		vertical-align: middle;
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic01.png) no-repeat 50% 0;
	}

	/* ----- regional-initiative-hero ----- */
	.regional-initiative-hero {
		position: relative;
		display: flex;
		align-items: flex-start;
		aspect-ratio: 375/667;
		background: url("/extlib/corporate/sustainability/regional-initiative/img_new/index_bg01_sp.jpg") no-repeat center/cover;
	}
	.regional-initiative-hero__head {
		display: flex;
		align-items: flex-end;
		padding: 24px;
		background: rgba(255, 255, 255, 0.9);
	}
	.regional-initiative-hero__body {
		position: absolute;
		left: 0;
		bottom: 4.1979%;
		width: 100%;
	}
	.regional-initiative-hero__foot {
		flex: 1;
		padding: 16px;
	}
	.regional-initiative-hero__logo {
		line-height: 0;
	}
	.regional-initiative-hero__logo img {
		max-width: 100px;
		width: 100%;
		height: auto;
	}
	.regional-initiative-hero__image img {
		width: 100%;
		height: auto;
	}
	.regional-initiative-hero__button {
		display: flex;
		justify-content: flex-end;
	}
	.regional-initiative-hero__button > a {
		display: flex;
		align-items: center;
		min-height: 48px;
		padding: 14px 25px;
		background: #0e0d6a;
		border-radius: 9999px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.22;
		transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-hero__button > a:link,
	.regional-initiative-hero__button > a:hover,
	.regional-initiative-hero__button > a:visited,
	.regional-initiative-hero__button > a:focus,
	.regional-initiative-hero__button > a:active {
		color: #fff;
		text-decoration: none;
	}
	.regional-initiative-hero__button > a > span {
		display: flex;
		align-items: center;
		gap: 0 4px;
	}
	.regional-initiative-hero__button > a > span > img {
		width: 20px;
	}

	/* v2 */
	.regional-initiative-hero-v2 {
		position: relative;
		aspect-ratio: 375/964;
		background: url("/extlib/corporate/sustainability/regional-initiative/img_new/index_bg02_sp.jpg") no-repeat center/cover;
	}
	.regional-initiative-hero-v2__head {
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		aspect-ratio: 375/600;
		padding: 16px 16px calc(16px * 2);
		background: rgba(255, 255, 255, 0.9);
		text-align: center;
	}
	.regional-initiative-hero-v2__head > *:first-child,
	.regional-initiative-hero-v2__head > section:first-child > *:first-child,
	.regional-initiative-hero-v2__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-hero-v2__body {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		aspect-ratio: 375/364;
	}
	.regional-initiative-hero-v2__body > *:first-child,
	.regional-initiative-hero-v2__body > section:first-child > *:first-child,
	.regional-initiative-hero-v2__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-hero-v2__text {
		margin: 24px 0 0;
		font-size: 14px;
		line-height: 1.58;
	}
	.regional-initiative-hero-v2__text + .regional-initiative-hero-v2__text {
		margin-top: 16px;
	}
	.regional-initiative-hero-v2__lead {
		margin: 16px 0 0;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.22;
	}
	.regional-initiative-hero-v2__image {
		position: absolute;
		top: 12.3626%;
		left: 4.2667%;
		width: 91.4667%;
	}
	.regional-initiative-hero-v2__image img {
		width: 100%;
	}

	/* ----- regional-initiative-heading ----- */
	.regional-initiative-heading {
		position: relative;
		display: flex;
		justify-content: center;
	}
	.regional-initiative-heading__inner {
		position: relative;
		padding: 0 0 25px;
	}
	.regional-initiative-heading__inner:has(> [class*=__subtitle]) {
		padding-top: 28px;
	}
	.regional-initiative-heading__inner::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		translate: -50% 0;
		width: 156px;
		height: 12px;
		background: url("/extlib/corporate/sustainability/regional-initiative/img_new/index_ex01_sp.png") no-repeat center/contain;
	}
	.regional-initiative-heading__inner > [class*=__subtitle] {
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.regional-initiative-heading__inner > [class*=__subtitle] img {
		width: 100%;
	}
	.regional-initiative-heading__inner > *:first-child,
	.regional-initiative-heading__inner > section:first-child > *:first-child,
	.regional-initiative-heading__inner > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-heading__subtitle--vision {
		top: -1.5px;
	}
	.regional-initiative-heading__subtitle--vision img {
		max-width: 49.5px;
	}
	.regional-initiative-heading__subtitle--approach {
		top: 0;
	}
	.regional-initiative-heading__subtitle--approach img {
		max-width: 89px;
	}
	.regional-initiative-heading__subtitle--project {
		top: -3px;
	}
	.regional-initiative-heading__subtitle--project img {
		max-width: 80.5px;
	}
	.regional-initiative-heading__subtitle--topics {
		top: -0.5px;
	}
	.regional-initiative-heading__subtitle--topics img {
		max-width: 57px;
	}
	.regional-initiative-heading__subtitle--contact-us {
		top: -1px;
	}
	.regional-initiative-heading__subtitle--contact-us img {
		max-width: 102.5px;
	}
	.regional-initiative-heading__title {
		font-size: 22px;
		font-weight: 600;
		line-height: 1.22;
	}

	/* ----- regional-initiative-anchor-navi ----- */
	.regional-initiative-anchor-navi {
		background: #d0e5b1;
		padding: 16px 16px 13px;
	}
	.regional-initiative-anchor-navi__list {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 22px 24px;
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-anchor-navi__type {
		position: relative;
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.22;
		letter-spacing: 0.02em;
		text-align: center;
	}
	.regional-initiative-anchor-navi__type:link,
	.regional-initiative-anchor-navi__type:hover,
	.regional-initiative-anchor-navi__type:visited,
	.regional-initiative-anchor-navi__type:focus,
	.regional-initiative-anchor-navi__type:active {
		color: currentColor;
		text-decoration: none;
	}

	/* ----- regional-initiative-media ----- */
	.regional-initiative-media__head > *:first-child,
	.regional-initiative-media__head > section:first-child > *:first-child,
	.regional-initiative-media__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-media__body {
		margin: 16px 0 0;
	}
	.regional-initiative-media__body > *:first-child,
	.regional-initiative-media__body > section:first-child > *:first-child,
	.regional-initiative-media__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-media__image {
		margin: 16px 0 0;
		text-align: center;
	}
	.regional-initiative-media__image img {
		max-width: 83.7209%;
		width: 100%;
	}
	.regional-initiative-media__text {
		margin: 16px 0 0;
		padding: 0 12px;
		font-size: 15px;
		line-height: 1.56;
		text-align: center;
	}
	.regional-initiative-media > *:first-child,
	.regional-initiative-media > section:first-child > *:first-child,
	.regional-initiative-media > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-media-v2 ----- */
	.regional-initiative-media-v2 {
		--_icon-width: 48px;
	}
	.regional-initiative-media-v2__head {
		flex: 1;
	}
	.regional-initiative-media-v2__head > [class*=__title] {
		position: relative;
		padding: calc(var(--_icon-width) + 7px) 0 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.22;
		text-align: center;
	}
	.regional-initiative-media-v2__head > [class*=__title]::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		translate: -50% 0;
		width: var(--_icon-width);
		aspect-ratio: 1;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.regional-initiative-media-v2__head > *:first-child,
	.regional-initiative-media-v2__head > section:first-child > *:first-child,
	.regional-initiative-media-v2__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-media-v2__body {
		margin: 24px 0 0;
	}
	.regional-initiative-media-v2__body > *:first-child,
	.regional-initiative-media-v2__body > section:first-child > *:first-child,
	.regional-initiative-media-v2__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-media-v2__image img {
		width: 100%;
		border-radius: 8px;
	}
	.regional-initiative-media-v2__title--01::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_01.png);
	}
	.regional-initiative-media-v2__title--02::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_02.png);
	}
	.regional-initiative-media-v2__title--03::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_03.png);
	}
	.regional-initiative-media-v2__title--04::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_04.png);
	}
	.regional-initiative-media-v2__title--05::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_05.png);
	}
	.regional-initiative-media-v2__title--06::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_06.png);
	}
	.regional-initiative-media-v2__title--07::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_07.png);
	}
	.regional-initiative-media-v2__title--08::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_08.png);
	}
	.regional-initiative-media-v2__text {
		margin: 15px 8px 0;
		font-size: 16px;
		line-height: 1.5;
	}
	.regional-initiative-media-v2 > *:first-child,
	.regional-initiative-media-v2 > section:first-child > *:first-child,
	.regional-initiative-media-v2 > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-video ----- */
	.regional-initiative-video__inner {
		overflow: hidden;
		border-radius: 8px;
	}
	.regional-initiative-video__screen {
		position: relative;
		width: 100%;
		aspect-ratio: 16/9;
	}
	.regional-initiative-video__screen > iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	}
	.regional-initiative-video__screen > *:first-child,
	.regional-initiative-video__screen > section:first-child > *:first-child,
	.regional-initiative-video__screen > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-text ----- */
	.regional-initiative-text {
		margin: 16px 0 0;
		font-size: 15px;
		line-height: 1.56;
		text-align: center;
	}

	/* ----- regional-initiative-tab ----- */
	.regional-initiative-tab {
		margin: 40px 0 0;
	}
	.regional-initiative-tab__head > *:first-child,
	.regional-initiative-tab__head > section:first-child > *:first-child,
	.regional-initiative-tab__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-tab__body {
		margin: 32px 0 0;
	}
	.regional-initiative-tab__list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 -16px !important;
		padding: 0 0 7px !important;
		border-bottom: 1px solid #e7e9ee;
		list-style-type: "";
	}
	.regional-initiative-tab__list > li {
		display: flex;
	}
	.regional-initiative-tab__list > li > [class*=__button] {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 2px 0;
		width: 100%;
		padding: 13px 16px 9px;
		background: #fff;
		border-radius: 8px;
		font-size: 10px;
		line-height: 1.2;
		text-align: center;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-tab__list > li > [class*=__button]:link,
	.regional-initiative-tab__list > li > [class*=__button]:hover,
	.regional-initiative-tab__list > li > [class*=__button]:visited,
	.regional-initiative-tab__list > li > [class*=__button]:focus,
	.regional-initiative-tab__list > li > [class*=__button]:active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-tab__list > li > [class*=__button]::before {
		content: "";
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.regional-initiative-tab__list > li.is-current > [class*=__button] {
		background-color: #dbf1f2;
		font-weight: 600;
		cursor: default;
	}
	.regional-initiative-tab__list > li.is-current > [class*=__button] .regional-initiative-tab__label::after {
		opacity: 1;
	}
	.regional-initiative-tab__button--01::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_01.png);
	}
	.regional-initiative-tab__button--02::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_02.png);
	}
	.regional-initiative-tab__button--03::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_03.png);
	}
	.regional-initiative-tab__button--04::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_04.png);
	}
	.regional-initiative-tab__button--05::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_05.png);
	}
	.regional-initiative-tab__button--06::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_06.png);
	}
	.regional-initiative-tab__button--07::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_07.png);
	}
	.regional-initiative-tab__button--08::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic03_08.png);
	}
	.regional-initiative-tab__label {
		position: relative;
		padding: 0 0 4px;
	}
	.regional-initiative-tab__label::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: #3a98a0;
		opacity: 0;
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-tab__detail > *:first-child,
	.regional-initiative-tab__detail > section:first-child > *:first-child,
	.regional-initiative-tab__detail > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-link-list ----- */
	.regional-initiative-link-list {
		margin: 17px 0 0 !important;
		padding: 0 0 0 4px !important;
		list-style-type: "";
	}
	.regional-initiative-link-list > li > [class*=__type] {
		position: relative;
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
	}
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]) {
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):active {
		color: #2f656f;
		text-decoration: none;
	}
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink])::after {
		content: "";
		position: relative;
		top: -1px;
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		aspect-ratio: 1;
		margin: 0 0 0 4px;
		background: #2f656f;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: contain;
		mask-size: contain;
	}
	.regional-initiative-link-list > li > [class*=__type]:not([class*=__type--nolink]):hover {
		opacity: 0.6;
	}
	.regional-initiative-link-list__type::after {
		-webkit-mask-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg);
		mask-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg);
	}
	.regional-initiative-link-list__type--blank::after {
		-webkit-mask-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_02.svg);
		mask-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_02.svg);
	}

	/* ----- regional-initiative-box ----- */
	.regional-initiative-box {
		margin: 25px 0 0;
		padding: 16px 8px 24px;
		background: #e7e9ee;
	}
	.regional-initiative-link-list + .regional-initiative-box {
		margin-top: 26px;
	}
	.regional-initiative-box__head > *:first-child,
	.regional-initiative-box__head > section:first-child > *:first-child,
	.regional-initiative-box__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-box__body {
		margin: 4px 0 0;
	}
	.regional-initiative-box__body > *:first-child,
	.regional-initiative-box__body > section:first-child > *:first-child,
	.regional-initiative-box__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-box__title {
		font-size: 14px;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.02em;
	}
	.regional-initiative-box > *:first-child,
	.regional-initiative-box > section:first-child > *:first-child,
	.regional-initiative-box > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-unorder-list ----- */
	.regional-initiative-unorder-list {
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-unorder-list > li {
		position: relative;
		padding: 0 0 0 24px;
		font-size: 16px;
		line-height: 1.48;
	}
	.regional-initiative-unorder-list > li::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 10px;
		width: 4px;
		aspect-ratio: 1;
		background: #24242d;
		border-radius: 50%;
	}

	/* ----- regional-initiative-badge ----- */
	.regional-initiative-badge {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 39px;
		height: 24px;
		background: #edfb8d;
		border-radius: 2px;
		font-size: 10px;
		font-weight: 600;
		font-style: normal;
		line-height: 1.22;
		text-align: center;
	}

	/* v2 */
	.regional-initiative-badge-v2 {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 6px 8px;
		background: #bbe5e6;
		border-radius: 2px;
		font-size: 10px;
		font-weight: 600;
		font-style: normal;
		line-height: 1.2;
		text-align: center;
	}

	/* ----- regional-initiative-carousel ----- */
	.regional-initiative-carousel {
		position: relative;
		margin: 32px 0 0;
		transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-carousel__screen {
		overflow: hidden;
		margin: 0 -16px;
		padding: 0 24px;
	}
	.regional-initiative-carousel__item {
		width: 311px;
		margin: 0 8px;
	}
	.regional-initiative-carousel__item > [class*=__type] {
		display: block;
	}
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-carousel__item > [class*=__type]:not([class*=__type--nolink]):active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-carousel__item > *:first-child,
	.regional-initiative-carousel__item > section:first-child > *:first-child,
	.regional-initiative-carousel__item > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-carousel__head {
		overflow: hidden;
		position: relative;
		border-radius: 8px;
	}
	.regional-initiative-carousel__head .regional-initiative-badge {
		position: absolute;
		top: 0;
		left: 0;
	}
	.regional-initiative-carousel__head > *:first-child,
	.regional-initiative-carousel__head > section:first-child > *:first-child,
	.regional-initiative-carousel__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-carousel__body {
		margin: 8px 0 0;
	}
	.regional-initiative-carousel__body > *:first-child,
	.regional-initiative-carousel__body > section:first-child > *:first-child,
	.regional-initiative-carousel__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-carousel__image {
		position: relative;
		width: 100%;
		aspect-ratio: 480/320;
	}
	.regional-initiative-carousel__image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 50% 50%;
		object-position: 50% 50%;
	}
	.regional-initiative-carousel__title {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.22;
		letter-spacing: 0.02em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}
	.regional-initiative-carousel__badge {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin: 16px 0 0;
	}
	.regional-initiative-carousel__control {
		display: none;
	}
	.regional-initiative-carousel__panel {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 32px 12px;
		margin: 32px 0 0;
		font-size: 0;
		line-height: 0;
	}
	.regional-initiative-carousel__navi {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		width: 100%;
	}
	.regional-initiative-carousel__arrow--prev,
	.regional-initiative-carousel__arrow--next {
		overflow: hidden;
		position: relative;
		width: 40px;
		aspect-ratio: 1;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 0;
		text-align: left;
		text-indent: -9999em;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
		z-index: 1;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.regional-initiative-carousel__arrow--prev::before,
	.regional-initiative-carousel__arrow--next::before {
		content: "";
		position: absolute;
		inset: 0;
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bt02.svg) no-repeat center/contain;
		pointer-events: none;
	}
	.regional-initiative-carousel__arrow--prev::before {
		scale: -1 1;
	}
	.regional-initiative-carousel__dot {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-carousel__dot > li > button {
		width: 8px;
		aspect-ratio: 1;
		margin: 0;
		padding: 0;
		background: #bbe5e6;
		border: none;
		border-radius: 50%;
		font-size: 0;
		line-height: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		cursor: pointer;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.regional-initiative-carousel__dot > li.slick-active > button {
		width: 12px;
		background-color: #3a98a0;
	}
	.regional-initiative-carousel__button--pause,
	.regional-initiative-carousel__button--play {
		overflow: hidden;
		position: relative;
		width: 24px;
		aspect-ratio: 1;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-align: left;
		text-indent: -9999em;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.regional-initiative-carousel__button--pause::before,
	.regional-initiative-carousel__button--play::before {
		content: "";
		position: absolute;
		inset: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.regional-initiative-carousel__button--pause::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bt01_01.svg);
	}
	.regional-initiative-carousel__button--play::before {
		background-image: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_bt01_02.svg);
	}
	.regional-initiative-carousel .slick-slider .slick-list {
		overflow: visible;
	}
	.regional-initiative-carousel .slick-slider .slick-list .slick-track {
		display: flex;
	}
	.regional-initiative-carousel .slick-slider .slick-list .slick-track .slick-slide {
		float: none !important;
	}
	.regional-initiative-carousel:not(.is-initialized) {
		opacity: 0;
	}
	.regional-initiative-carousel:not(.is-initialized) .regional-initiative-carousel__item:not(:first-child) {
		display: none;
	}

	/* ----- regional-initiative-button ----- */
	.regional-initiative-button {
		--_padding-inline: 16px;
		--_icon-width: 24px;
		margin: 24px 0 0;
	}
	.regional-initiative-carousel + .regional-initiative-button {
		margin-top: 32px;
	}
	.regional-initiative-button__item {
		display: flex;
		justify-content: center;
	}
	.regional-initiative-button__item > [class*=__type] {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 280px;
		min-height: 48px;
		width: 100%;
		padding: 13px var(--_padding-inline);
		background: #fff;
		border: 1px solid #0e0d6a;
		border-radius: 9999px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.22;
		letter-spacing: 0.02em;
		text-align: center;
	}
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]) {
		padding-right: calc(var(--_icon-width) + var(--_padding-inline) * 2);
		padding-left: calc(var(--_icon-width) + var(--_padding-inline));
	}
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink]):active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-button__item > [class*=__type]:not([class*=__type--nolink])::after {
		content: "";
		position: absolute;
		top: 50%;
		right: var(--_padding-inline);
		translate: 0 -50%;
		width: var(--_icon-width);
		aspect-ratio: 1;
		background: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg) no-repeat center/contain;
	}
	.regional-initiative-button__icon--blank {
		width: 20px;
		margin: 0 0 0 4px;
	}

	/* v2 */
	.regional-initiative-button-v2 {
		--_padding-inline: 16px;
		--_icon-width: 24px;
		margin: 40px 0 0;
	}
	.regional-initiative-button-v2__item {
		display: flex;
		justify-content: center;
	}
	.regional-initiative-button-v2__item > [class*=__type] {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 280px;
		min-height: 48px;
		width: 100%;
		padding: 14px var(--_padding-inline);
		background: #0e0d6a;
		border-radius: 9999px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.22;
		letter-spacing: 0.02em;
		text-align: center;
	}
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]) {
		padding-right: calc(var(--_icon-width) + var(--_padding-inline));
		padding-left: calc(var(--_icon-width) + var(--_padding-inline));
	}
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink]):active {
		color: #fff;
		text-decoration: none;
	}
	.regional-initiative-button-v2__item > [class*=__type]:not([class*=__type--nolink])::after {
		content: "";
		position: absolute;
		top: 50%;
		right: var(--_padding-inline);
		translate: 0 -50%;
		width: var(--_icon-width);
		aspect-ratio: 1;
		background: #fff;
		-webkit-mask: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg) no-repeat center/contain;
		mask: url(/extlib/corporate/sustainability/regional-initiative/img_new/index_ic04_01.svg) no-repeat center/contain;
	}
	.regional-initiative-button-v2__icon--blank {
		width: 20px;
		margin: 0 0 0 4px;
	}

	/* ----- regional-initiative-news ----- */
	.regional-initiative-news {
		--_border: var(--_border-width) solid #e7e9ee;
		--_border-width: 1px;
		border-bottom: var(--_border);
		margin: 24px -16px 0;
	}
	.regional-initiative-news__article {
		border-top: var(--_border);
	}
	.regional-initiative-news__article > [class*=__type] {
		position: relative;
		display: block;
		padding: 15px 16px;
	}
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]) {
		padding-right: 54px;
	}
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-news__article > [class*=__type]:not([class*=__type--nolink]):active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-news__property {
		display: flex;
		align-items: center;
		gap: 0 6px;
	}
	.regional-initiative-news__date {
		display: block;
		font-size: 16px;
		line-height: 1.4;
	}
	.regional-initiative-news__caption {
		margin: 8px 0 0;
	}
	.regional-initiative-news__title {
		margin: 0;
		font-size: 16px;
		line-height: 1.48;
	}
	.regional-initiative-news__icon {
		position: absolute;
		top: 50%;
		right: 12px;
		translate: 0 -50%;
		display: block;
		width: 24px;
		height: 24px;
	}
	.regional-initiative-news__badge {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin: 8px 0 0;
	}

	/* ----- regional-initiative-sns ----- */
	.regional-initiative-sns {
		display: flex;
		justify-content: center;
	}
	.regional-initiative-sns > [class*=__item] {
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: 13px 0;
		padding: 8px 24px;
	}
	.regional-initiative-sns > [class*=__item]:not(:first-child) {
		border-left: 1px solid #bec4d2;
	}
	.regional-initiative-sns > [class*=__item]:first-child {
		padding-left: 0;
	}
	.regional-initiative-sns > [class*=__item]:last-child {
		padding-right: 0;
	}
	.regional-initiative-sns__head > *:first-child,
	.regional-initiative-sns__head > section:first-child > *:first-child,
	.regional-initiative-sns__head > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-sns__body > *:first-child,
	.regional-initiative-sns__body > section:first-child > *:first-child,
	.regional-initiative-sns__body > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}
	.regional-initiative-sns__title {
		position: relative;
		padding: 2px 0 0;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0.04em;
		text-align: center;
	}
	.regional-initiative-sns__title::before {
		content: "\\ ";
	}
	.regional-initiative-sns__title::after {
		content: " /";
	}
	.regional-initiative-sns__list {
		display: flex;
		justify-content: center;
		gap: 16px;
		margin: 0;
		padding: 0;
		list-style-type: "";
	}
	.regional-initiative-sns__list > li a {
		display: block;
	}
	.regional-initiative-sns__list > li img {
		width: 40px;
	}
	.regional-initiative-sns > *:first-child,
	.regional-initiative-sns > section:first-child > *:first-child,
	.regional-initiative-sns > [class^=list-wrap] > *:first-child {
		margin-top: 0 !important;
	}

	/* ----- regional-initiative-banner ----- */
	.regional-initiative-banner {
		display: flex;
		justify-content: center;
	}
	.regional-initiative-banner__item > [class*=__type] {
		overflow: hidden;
		display: block;
		border-radius: 4px;
	}
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):link,
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):hover,
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):visited,
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):focus,
	.regional-initiative-banner__item > [class*=__type]:not([class*=__type--nolink]):active {
		color: currentColor;
		text-decoration: none;
	}
	.regional-initiative-banner__item > [class*=__type] img {
		width: 100%;
	}

	/* ----- sp-hidden ----- */
	.sp-hidden {
		display: none !important;
	}


	/* --- regional-initiative-layout --- */
	.regional-initiative-layout {
		border-top: 1px solid #dde0e7;
		background-color: #fff;
	}
	.regional-initiative-layout .regional-initiative-layout__inner {
		padding: 35px 10px;
	}
	.regional-initiative-layout .regional-initiative-layout__inner >:first-child,
	.regional-initiative-layout .regional-initiative-layout__inner > section:first-child >:first-child {
		margin-top: 0 !important;
	}

/* --- regional-initiative-banner-wrap --- */
	.regional-initiative-banner-wrap {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}
	.regional-initiative-banner-wrap[data-col-sp="1"] > * {
		margin-top: 14px;
	}
	.regional-initiative-banner-wrap[data-col-sp="2"] > * {
		width: calc((100% - 15px)/2);
		margin-top: 20px;
		margin-left: 15px;
	}
	.regional-initiative-banner-wrap[data-col-sp="1"] > *:nth-of-type(-n+1),
	.regional-initiative-banner-wrap[data-col-sp="2"] > *:nth-of-type(-n+2) {
		margin-top: 0;
	}
	.regional-initiative-banner-wrap[data-col-sp="2"] > *:nth-of-type(2n+1) {
		margin-left: 0;
	}
		/* --- regional-initiative-banner-v2 --- */
	.regional-initiative-banner-v2 {
		box-sizing: border-box;
	}
	.regional-initiative-banner-v2 > [class*="__type"] {
		position: relative;
		display: block;
		border: 1px solid #f1f2f6;
		border-radius: 4px;
		overflow: hidden;
		z-regional-initiative: 1;
	}
	.regional-initiative-banner-v2 .regional-initiative-banner-v2__type::before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 4px;
		right: 4px;
		border-style: solid;
		border-width: 0 8px 8px 0;
		border-color: transparent #06066b transparent transparent;
		z-regional-initiative: 1;
	}
	.regional-initiative-banner-v2 .regional-initiative-banner-v2__type--blank::before {
		content: "";
		position: absolute;
		top: 4px;
		right: 4px;
		display: inline-block;
		width: 10px;
		height: 10px;
		background-image: url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_01.png'), url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_02.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain, 0 0;
		z-regional-initiative: 1;
	}
	.regional-initiative-banner-v2 img {
		width: 100%;
	}

}