/************ TCFD page additions ************/

/************ add-tcfd-page 2026.001 ************/
br.sp-only {
	display: none;
}

@media screen and (max-width: 756px) {
	br.sp-only {
		display: inline;
	}
}

.tcfd-page {
	color: #252525;
	background: #fff
}

.tcfd-page * {
	box-sizing: border-box
}

.tcfd-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 560px;
	color: #fff;
	text-align: center;
	background: url('../img/tcfd/hero.jpg') center/cover no-repeat
}

.tcfd-hero__copy {
	width: min(656px, calc(100% - 30px));
	padding: 45px 30px;
	background: rgba(5, 22, 24, .72)
}

.tcfd-hero__copy p {
	margin: 0;
	font-family: "Cormorant Infant", serif;
	font-size: 18px
}

.tcfd-hero__copy h1 {
	margin: 14px 0 25px;
	font-family: "Sawarabi Mincho", "Yu Mincho", serif;
	font-size: 34px;
	font-weight: 400;
	letter-spacing: .03em
}

.tcfd-hero__copy p:last-child {
	font-family: inherit;
	font-size: 17px
}

.tcfd-container {
	width: min(1095px, calc(100% - 40px));
	margin: 0 auto;
	padding: 60px 0 100px
}

.tcfd-logo {
	display: block;
	width: 330px;
	height: auto;
	margin: 0 auto 58px
}

.tcfd-anchor-nav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 30px
}

.tcfd-anchor-nav a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 68px;
	color: #fff;
	text-decoration: none;
	background: #0065ae
}

.tcfd-anchor-nav a:after {
	width: 10px;
	height: 10px;
	margin-left: auto;
	margin-right: 24px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: "";
	transform: rotate(45deg) translateY(-4px)
}

.tcfd-gx-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 630px;
	height: 175px;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(rgba(0, 64, 121, .55), rgba(0, 64, 121, .55)), url('../img/tcfd/gx-link.jpg') center/cover
}

.tcfd-gx-link span {
	margin-top: 10px;
	font-family: "Cormorant Infant", serif
}

.tcfd-lead {
	margin: 65px 0 90px;
	text-align: center;
	line-height: 2
}

.tcfd-section {
	scroll-margin-top: 90px;
	margin-top: 85px
}

.tcfd-section>h2 {
	margin: 0 0 55px;
	color: #15558b;
	font-family: "Sawarabi Mincho", "Yu Mincho", serif;
	font-size: 28px;
	font-weight: 400;
	text-align: center
}

.tcfd-section>h2:after {
	display: block;
	width: 390px;
	max-width: 80%;
	height: 1px;
	margin: 14px auto 0;
	content: "";
	background: #9ca8ad
}

.tcfd-section>h2 small {
	display: block;
	margin-top: 12px;
	font-size: 20px
}

.tcfd-governance {
	display: grid;
	grid-template-columns: 1fr 1.05fr;
	gap: 38px;
	align-items: start
}

.tcfd-governance>img {
	width: 100%;
	height: auto
}

.tcfd-governance article {
	padding: 24px 28px;
	background: #eef6fc
}

.tcfd-governance article+article {
	margin-top: 18px;
	background: #f2f2f2
}

.tcfd-governance h3 {
	margin: 0 0 13px;
	color: #1265a5;
	font-size: 22px
}

.tcfd-governance p {
	margin: 0;
	text-align: left;
	font-size: 14px;
	line-height: 1.8
}

.tcfd-wide-figure {
	overflow-x: auto;
	margin-top: 38px
}

.tcfd-wide-figure img {
	display: block;
	width: 100%;
	height: auto
}

.tcfd-note {
	margin: 22px 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 1.7
}

.tcfd-targets {
	text-align: center
}

.tcfd-targets>p {
	line-height: 1.9
}

@media only screen and (max-width:767px) {
	.tcfd-hero {
		height: 250px
	}

	.tcfd-hero__copy {
		padding: 22px 12px
	}

	.tcfd-hero__copy p {
		font-size: 11px
	}

	.tcfd-hero__copy h1 {
		margin: 10px 0 13px;
		font-size: 21px
	}

	.tcfd-hero__copy p:last-child {
		font-size: 12px
	}

	.tcfd-container {
		width: calc(100% - 30px);
		padding: 35px 0 65px
	}

	.tcfd-logo {
		width: 190px;
		margin-bottom: 30px
	}

	.tcfd-anchor-nav {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
		margin-bottom: 9px
	}

	.tcfd-anchor-nav a {
		height: 46px;
		padding-left: 10px;
		font-size: 12px
	}

	.tcfd-anchor-nav a:last-child {
		grid-column: 1/-1;
		width: 50%;
		margin: auto
	}

	.tcfd-anchor-nav a:after {
		margin-right: 12px
	}

	.tcfd-gx-link {
		width: 100%;
		height: 95px;
		font-size: 14px
	}

	.tcfd-lead {
		margin: 38px 0 55px;
		font-size: 13px;
		line-height: 1.9
	}

	.tcfd-section {
		margin-top: 58px
	}

	.tcfd-section>h2 {
		margin-bottom: 30px;
		font-size: 20px
	}

	.tcfd-section>h2 small {
		font-size: 15px
	}

	.tcfd-governance {
		display: block
	}

	.tcfd-governance>img {
		margin-bottom: 18px
	}

	.tcfd-governance article {
		padding: 20px 17px
	}

	.tcfd-governance h3 {
		font-size: 18px
	}

	.tcfd-wide-figure {
		margin-right: -15px;
		margin-left: -15px
	}

	.tcfd-wide-figure img {
		width: 1095px;
		max-width: none
	}

	.tcfd-targets .tcfd-wide-figure img {
		width: 780px
	}

	.tcfd-targets>p {
		font-size: 12px;
		text-align: left
	}

	.tcfd-note {
		font-size: 9px
	}

	.tcfd-page .pc {
		display: none !important
	}
}

/************ /add-tcfd-page 2026.001 ************/

/************ add-tcfd-page pixel-adjust 2026.001 ************/
/************ /add-tcfd-page pixel-adjust 2026.001 ************/

/************ shared climate rules used by TCFD ************/

.climate-anchor-nav a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 48px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background: #0758a8
}

.climate-anchor-nav a:after {
	position: absolute;
	right: 22px;
	width: 10px;
	height: 10px;
	margin: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: "";
	transform: translateY(-3px) rotate(45deg)
}

.climate-related-link {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 600px;
	height: 150px;
	color: #fff;
	font-family: "Sawarabi Mincho", "Yu Mincho", serif;
	font-size: 24px;
	line-height: 1.25;
	text-align: center;
	text-decoration: none
}

.climate-related-link span {
	display: block;
	margin-top: 4px;
	font-family: "Cormorant Infant", serif;
	font-size: 15px;
	line-height: 1.2
}

.climate-related-link:after {
	position: absolute;
	top: 50%;
	right: 22px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	transform: translateY(-50%) rotate(45deg)
}

.tcfd-gx-link:before {
	display: none !important;
	content: none !important
}

.tcfd-gx-link:after {
	right: 22px !important;
	left: auto !important;
	border-top: 2px solid #fff !important;
	border-right: 2px solid #fff !important;
	border-bottom: 0 !important;
	border-left: 0 !important
}

.climate-section-title {
	margin-bottom: 30px !important;
	color: #0068b2 !important;
	font-family: "Sawarabi Mincho", "Yu Mincho", serif !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	letter-spacing: .04em;
	text-align: center !important
}

.climate-section-title:after {
	display: block;
	width: 370px !important;
	max-width: 80%;
	height: 1px;
	margin: 8px auto 0 !important;
	content: "";
	background: #6f9fbd !important
}

.tcfd-container {
	width: min(1080px, calc(100% - 40px));
	padding: 52px 0 118px
}

.tcfd-logo {
	margin-bottom: 58px
}

.tcfd-anchor-nav {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	width: 960px;
	max-width: 100%;
	margin: 0 auto 30px
}

.tcfd-anchor-nav a {
	height: 70px
}

.tcfd-gx-link {
	margin: 0 auto;
	background: linear-gradient(rgba(0, 64, 121, .48), rgba(0, 64, 121, .48)), url('../img/tcfd/gx-link.jpg') center/cover
}

.tcfd-gx-link:hover,
.tcfd-gx-link:focus,
.tcfd-gx-link:active {
	color: #fff;
	opacity: 1;
	filter: none;
	transform: none;
	background: linear-gradient(rgba(0, 64, 121, .48), rgba(0, 64, 121, .48)), url('../img/tcfd/gx-link.jpg') center/cover no-repeat;
	transition: none
}

.tcfd-lead {
	margin: 35px 0 90px;
	line-height: 2;
	text-align: center
}

.tcfd-section {
	margin-top: 85px
}

.tcfd-section:first-of-type {
	margin-top: 0
}

.tcfd-governance {
	grid-template-columns: 502px minmax(0, 1fr);
	gap: 35px
}

.tcfd-wide-figure {
	width: 100%;
	max-width: 100%;
	overflow: visible;
	margin: 38px auto 0
}

.tcfd-wide-figure img {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: auto
}

.tcfd-targets .tcfd-wide-figure {
	width: 919px;
	max-width: 100%;
	margin: 25px auto 0
}

.tcfd-targets .tcfd-wide-figure img,
#tcfd-targets .tcfd-wide-figure img {
	width: 100% !important;
	max-width: 100% !important
}

.tcfd-targets>p {
	line-height: 1.9
}

@media only screen and (max-width:767px) {
	.climate-anchor-nav a {
		padding: 0 30px;
		font-size: 12px;
		white-space: nowrap
	}

	.climate-anchor-nav a:after {
		right: 16px
	}

	.climate-related-link {
		width: 100%;
		height: 82px;
		font-size: 18px
	}

	.climate-related-link span {
		margin-top: 3px;
		font-size: 11px
	}

	.climate-related-link:after {
		right: 16px;
		width: 10px;
		height: 10px;
		border-width: 1px
	}

	.tcfd-gx-link:after {
		right: 16px !important;
		border-width: 1px !important
	}

	.climate-section-title {
		margin-bottom: 24px !important;
		font-size: 20px !important;
		line-height: 1.45 !important
	}

	.climate-section-title:after {
		width: 220px !important;
		margin-top: 8px !important
	}

	.tcfd-hero {
		height: 200px
	}

	.tcfd-hero__copy {
		width: calc(100% - 24px);
		padding: 22px 12px
	}

	.tcfd-hero__copy p {
		font-size: 11px
	}

	.tcfd-hero__copy h1 {
		margin: 10px 0 13px;
		font-size: 21px
	}

	.tcfd-hero__copy p:last-child {
		font-size: 12px
	}

	.tcfd-container {
		width: calc(100% - 40px);
		padding: 30px 0 65px
	}

	.tcfd-logo {
		width: 165px;
		margin-bottom: 28px
	}

	.tcfd-anchor-nav {
		grid-template-columns: repeat(2, 1fr);
		gap: 13px 16px;
		width: 100%;
		margin-bottom: 14px
	}

	.tcfd-anchor-nav a {
		height: 38px
	}

	.tcfd-anchor-nav a:last-child {
		grid-column: 1/-1;
		width: calc((100% - 16px)/2);
		margin: auto
	}

	.tcfd-gx-link {
		margin: 0 auto
	}

	.tcfd-lead {
		margin: 40px 0 68px;
		font-size: 12px;
		line-height: 2.05
	}

	.tcfd-section {
		margin-top: 72px
	}

	.tcfd-section:first-of-type {
		margin-top: 0
	}

	.tcfd-governance {
		display: block
	}

	.tcfd-governance>img {
		width: 100%;
		margin-bottom: 24px
	}

	.tcfd-governance article {
		padding: 20px 17px
	}

	.tcfd-governance article+article {
		margin-top: 20px
	}

	.tcfd-governance h3 {
		font-size: 18px
	}

	.tcfd-governance p {
		font-size: 12px;
		line-height: 1.9
	}

	.tcfd-wide-figure,
	.tcfd-targets .tcfd-wide-figure {
		width: 100%;
		max-width: 100%;
		overflow: visible;
		margin-right: 0;
		margin-left: 0
	}

	.tcfd-wide-figure img,
	.tcfd-targets .tcfd-wide-figure img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto
	}

	.tcfd-targets>p {
		font-size: 12px;
		line-height: 2;
		text-align: left
	}

	.tcfd-note {
		font-size: 9px
	}

	.tcfd-page .pc {
		display: none !important
	}
}

@media only screen and (min-width:768px) {
	.tcfd-hero {
		height: 360px
	}

	#tcfd-governance>.climate-section-title {
		margin-bottom: 60px !important
	}

	#tcfd-strategy {
		margin-top: 52px
	}

	#tcfd-targets {
		margin-top: 52px
	}
}

/************ TCFD final adjustments ************/

.tcfd-gx-link {
	font-family: "Sawarabi Mincho", "Yu Mincho", serif;
	font-size: 24px;
	line-height: 1.25
}

@media only screen and (max-width:767px) {
	.tcfd-gx-link {
		font-size: 15px
	}

	.climate-related-link span {
		font-size: 9px
	}

	.tcfd-container {
		padding: 21px 0 3px
	}

	.tcfd-logo {
		margin-bottom: 17px
	}

	.tcfd-lead {
		margin: 40px 0 32px;
		line-height: 1.7
	}

	#tcfd-governance>.climate-section-title {
		margin-bottom: 16px !important
	}

	.tcfd-governance>img {
		width: calc(100% + 20px);
		max-width: none
	}

	.tcfd-governance article:first-child p {
		line-height: 1.6
	}

	#tcfd-strategy {
		margin-top: 51px
	}

	#tcfd-strategy>.climate-section-title small {
		margin-top: 5px;
		font-size: 14px;
		line-height: 1.45
	}

	#tcfd-strategy>.tcfd-wide-figure {
		margin-top: 21px
	}

	#tcfd-targets {
		margin-top: 18px
	}

	#tcfd-targets>.climate-section-title {
		margin-bottom: 12px !important
	}

	#tcfd-targets>p {
		font-size: 10px;
		line-height: 1.8
	}

	#tcfd-targets>.tcfd-wide-figure {
		margin-top: 3px
	}

	#tcfd-strategy .tcfd-wide-figure,
	#tcfd-targets .tcfd-wide-figure {
		width: calc(100% + 20px);
		max-width: none;
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch
	}

	#tcfd-strategy .tcfd-wide-figure::-webkit-scrollbar,
	#tcfd-targets .tcfd-wide-figure::-webkit-scrollbar {
		display: none
	}

	#tcfd-strategy .tcfd-wide-figure img,
	#tcfd-targets .tcfd-wide-figure img {
		width: auto !important;
		max-width: none !important;
		height: auto
	}

	#tcfd-strategy>.tcfd-wide-figure:first-of-type img {
		width: 969px !important
	}

	#tcfd-strategy>.tcfd-wide-figure:nth-of-type(2) img {
		width: 1055px !important
	}

	#tcfd-targets>.tcfd-wide-figure img {
		width: 790px !important
	}
}