@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100..900&display=swap');

/* Editor Reset
================================================== */
:where(.editor-styles-wrapper) *,
:where(.editor-styles-wrapper) ::before,
:where(.editor-styles-wrapper) ::after,
:where(.mce-content-body) *,
:where(.mce-content-body) ::before,
:where(.mce-content-body) ::after {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
}

:where(.editor-styles-wrapper) ul,
:where(.editor-styles-wrapper) ol,
:where(.mce-content-body) ul,
:where(.mce-content-body) ol {
	padding: 0;
	list-style: none;
}

:where(.editor-styles-wrapper) dt,
:where(.mce-content-body) dt {
	font-weight: bold;
}

:where(.editor-styles-wrapper) dd,
:where(.mce-content-body) dd {
	margin-left: 0;
}

:where(.editor-styles-wrapper) hr,
:where(.mce-content-body) hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	border-top-width: 1px;
	margin: 0;
	clear: both;
	color: inherit;
}

:where(.editor-styles-wrapper) table,
:where(.mce-content-body) table {
	border-collapse: collapse;
}

:where(.editor-styles-wrapper) caption,
:where(.mce-content-body) caption {
	text-align: left;
}

:where(.editor-styles-wrapper) td,
:where(.editor-styles-wrapper) th,
:where(.mce-content-body) td,
:where(.mce-content-body) th {
	vertical-align: top;
	padding: 0;
}

:where(.editor-styles-wrapper) th,
:where(.mce-content-body) th {
	text-align: left;
	font-weight: bold;
}

/* root / body
================================================== */
:root {
	--white        : #ffffff;
	--logoGreen    : #66cc00;
	--darkGreen    : #004b00;
	--kon          : #002966;
	--orange       : #ff9000;
	--textHeadline : #000000;
	--textBody     : #333333;
	--textCaption  : #666666;
	--textLink     : #227600;
	--textAlert    : #dd0000;
	--textImportant: #af570b;
	--borderGray   : #999999;
	--borderLgray  : #cccccc;
	--borderBlack20: rgba(0,0,0,.2);
	--borderArert  : #dd0000;
	--bgLgreen     : #cde6ba;
	--bgLgreen50   : #e6f3dc;
	--bgLgray      : #f4f4f4;
	--font-size12  : .75rem;
	--font-size13  : .8125rem;
	--font-size14  : .875rem;
	--font-size16  : 1rem;
	--font-size18  : 1.125rem;
	--font-size20  : 1.25rem;
	--font-size22  : 1.375rem;
	--font-size24  : 1.5rem;
	--font-size26  : 1.625rem;
	--font-size28  : 1.75rem;
	--font-size30  : 1.875rem;
	--font-size32  : 2rem;
	--font-size34  : 2.125rem;
	--font-size36  : 2.25rem;
	--font-size38  : 2.375rem;
	--font-size40  : 2.5rem;
	--spacing      : 0.075em;
}

* {
	letter-spacing: var(--spacing);
}

.editor-styles-wrapper {
	background-color: #fff;
	color: #333;
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-weight: 400;
	font-size: var(--font-size16);
	letter-spacing: .08em;
	line-height: 1.5;
}

.wp-block {
	max-width: 792px;
}

body.post-type-page .editor-styles-wrapper .wp-block {
	max-width: 1200px;
}

.wp-block[data-align=wide] {
	max-width: 1200px;
}

.wp-block[data-align=full] {
	max-width: none;
}

/* Custom Color
================================================== */
.has-gray-05-color {
	color: var(--bgLgray);
}

.has-gray-05-background-color {
	background-color: var(--bgLgray);
}

.has-gray-20color {
	color: var(--borderLgray);
}

.has-gray-20-background-color {
	background-color: var(--borderLgray);
}

.has-gray-40-color {
	color: var(--borderGray);
}

.has-gray-40-background-color {
	background-color: var(--borderGray);
}

.has-gray-60-color {
	color: var(--textCaption);
}

.has-gray-60-background-color {
	background-color: var(--textCaption);
}

.has-gray-80-color {
	color: var(--textBody);
}

.has-gray-80-background-color {
	background-color: var(--textBody);
}

.has-light-green-color {
	color: var(--bgLgreen);
}

.has-light-green-background-color {
	background-color: var(--bgLgreen);
}

.has-logo-green-color {
	color: var(--logoGreen);
}

.has-logo-green-background-color {
	background-color: var(--logoGreen);
}

.has-dark-green-color {
	color: var(--darkGreen);
}

.has-dark-green-background-color {
	background-color: var(--darkGreen);
}

.has-orange-color {
	color: var(--orange);
}

.has-orange-background-color {
	background-color: var(--orange);
}

.has-red-color {
	color: var(--textAlert);
}

.has-red-background-color {
	background-color: var(--textAlert);
}

/* content
================================================== */
h1,h2,h3,h4,h5,h6 {
	color: var(--textHeadline);
	font-weight: 700;
	line-height: 1.5;
}

h1 {
	font-size: var(--font-size40);
}

h2 {
	margin: 64px 0 32px;
	color: var(--darkGreen);
	font-size: var(--font-size30);
}

h3 {
	margin: 50px 0 26px;
	font-size: var(--font-size26);
}

h4 {
	margin: 36px 0 20px;
	font-size: var(--font-size22);
}

h5 {
	margin: 28px 0 20px;
	font-size: var(--font-size18);
}

h6 {
	margin: 20px 0 16px;
	font-size: var(--font-size16);
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: var(--font-size28);
	}
	
	h2 {
		margin: 48px 0 24px;
		font-size: var(--font-size28);
	}
	
	h3 {
		margin: 42px 0 18px;
		font-size: var(--font-size24);
	}
	
	h4 {
		margin: 28px 0 20px;
		font-size: var(--font-size20);
	}
}

h2:first-child,
h3:first-child {
	margin-top: 0;
}

h2 + h3 {
	margin-top: -6px;
}

p,
ol,
ul,
dl {
	margin-bottom: 1.125em;
	line-height: 1.8;
}
/*
ol,
ul,
dl {
	margin-top: 28px;
}
*/

ol {
	list-style: decimal;
	padding-left: 2em;
}

li ol {
	list-style: lower-alpha;
}

li li ol {
	list-style: lower-roman;
}

ul {
	list-style: none;
	padding-left: 0;
}

.wp-block-freeform.block-library-rich-text__tinymce ul {
	padding-left: 0;
}

ul li {
	padding-left: 1.25em;
	background: url(../images/marker1.svg) no-repeat 0 .45em / 1em;
}

li ul li {
	background-image: url(../images/marker2.svg);
}

li li ul li {
	background-image: url(../images/marker3.svg);
}

.btn,
.listCol > li,
.newsList > li,
.cat,
.tag,
#toc li,
.splide__slide,
.splide__pagination > li,
.pagination li {
	padding-left: 0;
	background: none;
}

li.column,
li.box {
	background: none;
}

li ol,
li ul,
dd dl {
	margin-top: .625em;
	margin-bottom: .625em;
}

dd + dt {
	margin-top: 1.125em;
}

dd ol,
dd ul {
	margin-top: 0;
}

a {
	color: var(--textLink);
	text-decoration: underline;
}

a:visited {
	color: var(--textLink);
}

a:hover,
a:active {
	text-decoration: none;
}

@media (hover: hover) {
	a:hover img {
		opacity: .8;
	}
}

a:focus-visible img {
	background-color: transparent;
}

a.marker {
	padding-left: 1.5em;
	background: url(../images/ico_arrow1.svg) no-repeat .25em .125em / .75em;
	text-decoration: none;
}

a.arrow:hover,
a.arrow:active {
	text-decoration: underline;
}

strong {
	font-weight: 700;
}

sup,
sub {
	font-size: var(--font-size12);
	line-height: 1;
}

table,
.wp-block-table table {
	margin: 58px 0;
	width: 100%;
	border-bottom: 1px solid var(--borderLgray);
	border-right: 1px solid var(--borderLgray);
	background-color: #fff;
	line-height: 1.8;
}

table.fixed {
	table-layout: fixed;
}

table th,
table td,
.wp-block-table th,
.wp-block-table td {
	padding: 15px 16px;
	border: 0;
	border-top: 1px solid var(--borderLgray);
	border-left: 1px solid var(--borderLgray);
	vertical-align: top;
}

table th {
	background-color: var(--bgLgray);
}

table thead th {
	background-color: var(--bgLgreen);
	text-align: center;
}

table tfoot th {
	background-color: var(--bgLgreen);
}

table td > *:first-child {
	margin-top: 0;
}

table td > *:last-child {
	margin-bottom: 0;
}

.wp-block-table thead {
	border-bottom: 0;
}

@media screen and (max-width: 767px) {
	table th,
	table td,
	.wp-block-table th,
	.wp-block-table td {
		padding: 7px 12px;
		font-size: var(--font-size14);
	}
}

.wp-block-image {
	margin-bottom: 32px;
}

figure {
	margin-bottom: 1.125em;
}

figcaption,
.wp-caption-text {
	margin-top: 10px;
	color: var(--textCaption);
	font-size: var(--font-size14);
}

.wp-caption {
	max-width: 100%;
}

a[href$='.pdf'] {
	position: relative;
}

a[href$='.pdf']::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 12px;
	background:  url(../images/ico_pdf.svg) no-repeat 0 100%;
	vertical-align: text-bottom;
}

hr,
.wp-block-separator {
	margin: 64px auto;
	border-top: 1px solid var(--borderGray);
}

.lead,
.lead p {
	font-size: var(--font-size18);
	line-height: 2.0;
}

.caption {
	margin-top: 10px;
	margin-bottom: 10px;
	color: var(--textCaption);
	font-size: var(--font-size14);
}

p + .caption {
	margin-top: -12px;
}

.comment {
	margin-bottom: 1.125em;
	color: var(--textCaption);
	font-size: var(--font-size14);
}

.comment p,
p.comment {
	text-indent: -1.5em;
	padding-left: 1.5em;
}

.comment p {
	margin-bottom: 4px;
}

@media screen and (min-width: 768px) {
	.pcCenter {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.spCenter {
		text-align: center;
	}
	
	.spLeft {
		text-align: left;
	}
}

.alignleft {
	float: left;
	margin: .5em 40px .5em 0;
}

.alignright {
	float: right;
	margin: .5em 0 .5em 40px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 873px) {
	.alignwide {
		margin-right: calc(-50vw + 40px - -50%);
		margin-left: calc(-50vw + 40px - -50%);
	}
}

@media screen and (min-width: 1281px) {
	.alignwide {
		margin-right: calc(-600px - -50%);
		margin-left: calc(-600px - -50%);
	}
}

.alignfull {
	margin-right: calc(-50vw - -50%);
	margin-left: calc(-50vw - -50%);
}

/* Prats
================================================== */
/* box (with border)
-------------------------------------------------- */
.box {
	padding: 39px;
	border: 1px solid var(--borderLgray);
	background-color: #fff;
}
	
.box:not(:first-child) {
	margin-top: 32px;
}

.box:not(:last-child) {
	margin-bottom: 32px;
}

.box.bgGray {
	border: 1px solid var(--bgLgray);
}

.box.bgGreen {
	border: 1px solid var(--bgLgreen);
}

.box.noBorder {
	border-color: #fff;
}

@media screen and (max-width: 767px) {
	.box {
		padding: 20px;
	}
}

.box > *:first-child {
	margin-top: 0;
}

.box > *:last-child {
	margin-bottom: 0;
}

.box.textBox {
	padding: 23px 31px;
}

.splide__slide .box {
	height: 100%;
}

/* column
-------------------------------------------------- */
.column {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.column.spaceWide {
	gap: 24px 40px;
}

.column:has(.box),
.column.listCol {
	align-items: stretch;
}

.column.reverse {
	flex-direction: row-reverse
}

.column.wrap {
	flex-wrap: wrap;
}

.column.imgWide {
	column-gap: 48px;
}

.column:not(:first-child) {
	margin-top: 32px;
}

.column:not(:last-child) {
	margin-bottom: 32px;
}

.column + .column,
.btns + .column {
	margin-top: 80px;
}

.column.box + .column.box {
	margin-top: 32px;
}

/* 均等 */
.column.equality > * {
	flex: 1;
}

@media screen and (min-width: 768px) {
	.column.col2 > * {
		width: calc((100% - 24px) / 2);
	}
	
	.column.col3 > * {
		width: calc((100% - 48px) / 3);
	}

	/* 均等 区切り線付き */
	.column.delimit {
		column-gap: 0 !important;
		align-items: normal;
	}
	
	.column.delimit > * {
		flex: 1;
	}
	
	.column.delimit > *:not(:first-child) {
		padding-left: 40px;
		border-left: 1px solid var(--borderLgray);
	}
	
	.column.delimit > *:not(:last-child) {
		padding-right: 40px;
	}
	
	.bgGreen .column.delimit > *:not(:first-child) {
		border-left-color: var(--borderGray);
	}
}

ol.column {
	padding-left: 0;
	list-style: none;
}

.column.equality > .img {
	flex: none;
	width: calc((100% - 24px) / 2);
}

.column:not(.equality) > .img {
	width: 40.5%;
}

.column.imgWide > .img {
	width: 57.5%;
}

.column > .text {
	flex: 1;
	margin-top: 0;
}

.column > .img + .text,
.column > .text:has(+ .img) {
	margin-top: -8px;
}

.column.equality:not(.reverse) > .text:first-child,
.column.equality.reverse > .text:last-child {
	padding-right: 16px;
}

.column.equality:not(.reverse) > .text:last-child,
.column.equality.reverse > .text:first-child {
	padding-left: 16px;
}

.column > .text > *:last-child {
	margin-bottom: 0;
}

/* 枠線あり */
.box.column,
.box .column {
	gap: 24px 40px;
}

.box.column:not(.equality) > .img,
.box .column:not(.equality) > .img {
	width: 34.3%;
}

.column > .box:not(:last-child) {
	margin-bottom: 0;
}

.column > .box:not(:first-child) {
	margin-top: 0;
}

.column > div > *:first-child {
	margin-top: 0;
}

.column > div > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.column,
	.column.reverse {
		flex-direction: column;
		align-items: normal;
	}
	
	.column + .column,
	.btns + .column {
		margin-top: 40px;
	}
	
	.column.equality > .img {
		width: 100%;
		text-align: center;
	}
	
	.column.equality:not(.reverse) > .text:first-child,
	.column.equality.reverse > .text:last-child {
		padding-right: 0;
	}
	
	.column.equality:not(.reverse) > .text:last-child,
	.column.equality.reverse > .text:first-child {
		padding-left: 0;
	}
	
	.column > .text {
		margin-top: 0;
		width: 100%;
		flex: auto;
	}
	
	.column > .img,
	.box.column > .img,
	.column:not(.equality) > .img,
	.box.column:not(.equality) > .img,
	.box .column:not(.equality) > .img {
		width: auto;
		margin: 0 auto;
	}
	
	.spWide {
		width: calc(100% + 40px) !important;
		margin-right: -20px !important;
		margin-left: -20px !important;
	}
	
	.img img,
	.spWide img {
		width: 100%;
	}
}

/* list column (horizontal)
-------------------------------------------------- */
.listCol {
	display: flex;
	gap: 24px;
}

.listCol.postList {
	flex-wrap: wrap;
}

ol.listCol {
	padding-left: 0;
	list-style: none;
}

.listCol > li {
	width: calc((100% - 48px) / 3);
	padding: 23px;
	border: 1px solid var(--borderLgray);
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

.listCol.noBorder > li {
	padding: 0;
	border: 0;
}

.listCol > li > *:first-child {
	margin-top: 0;
}

.listCol > li > *:last-child {
	margin-bottom: 0;
}

.listCol h3,
.listCol h4 {
	margin-top: 0;
	margin-bottom: 18px;
	font-size: var(--font-size22);
}

.listCol .cats + h3,
.listCol .cats + h4 {
	margin-top: 12px;
	font-size: var(--font-size18);
}

.listCol h3:has(+ .postDate) {
	margin-bottom: 0;
}

.listCol h3:has(+ .btns),
.listCol h4:has(+ .btns) {
	margin-bottom: 0;
}

.listCol .thumb {
	margin-bottom: 18px;
	aspect-ratio: 336/189;
	overflow: hidden;
}

.listCol .thumb:last-child {
	margin-bottom: 0;
}

.listCol .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.listCol .postDate,
.listCol .author {
	margin: 6px 0;
	color: var(--textCaption);
}

.listCol .author a {
	color: var(--textCaption);
	text-decoration: none;
}

.listCol .author a:hover,
.listCol .author a:active {
	text-decoration: underline;
}

.listCol *:has(+ .btns) {
	flex: 1;
}

.listCol .cats + p,
.listCol .cats + dl {
	margin-top: 12px;
}

.listCol dl dt {
	padding-left: 1.25em;
	background: url(../images/marker1.svg) no-repeat 0 .45em / 1em;
	margin-top: 0;
}

.listCol .btns {
	margin-top: 24px;
}

.listCol p + .btns,
.listCol dl + .btns {
	margin-top: 0;
}

.listCol .btn a {
	min-height: 56px;
	font-size: var(--font-size14);
}

@media screen and (max-width: 767px) {
	.listCol:not(.splide__list) {
		flex-wrap: wrap;
	}
	
	.listCol > li {
		width: 100%;
		padding: 19px;
	}
	
	.listCol h3,
	.listCol h4 {
		font-size: var(--font-size20);
	}
}

.listCol .outline {
	margin-top: 14px;
	padding: 23px;
	border: 1px solid var(--bgLgreen);
	background-color: var(--bgLgreen);
	position: relative;
}

.listCol .outline::before {
	content: '';
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 24px;
	height: 24px;
	background-color: var(--bgLgreen);
}

.listCol .outline h3,
.listCol h3.outline {
	margin-bottom: 0;
	font-size: var(--font-size20);
}

.listCol .outline .name {
	margin: 8px 0 0;
	font-weight: 500;
}

.listCol .outline .name span {
	color: var(--textCaption);
	font-size: var(--font-size14);
	font-weight: normal;
}

.listCol .outline + p {
	margin-top: 16px;
}

.listCol .outline + p:empty {
	margin-top: 4px;
}

.listCol .box {
	margin-top: 0;
	padding: 20px;
}

/* list column (vertical)
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.listCol.vertical:not(.splide__list) {
		flex-direction: column;
	}
	
	.listCol.vertical > li {
		width: 100%;
		padding: 40px;
		flex-direction: row;
		column-gap: 40px;
		align-items: flex-start;
	}
	
	.listCol.vertical .thumb {
		width: 384px;
		margin-bottom: 0;
	}
	
	.listCol.vertical .text {
		flex: 1;
	}

	.listCol.vertical .postDate,
	.listCol.vertical .author {
		margin: 12px 0;
	}
}

/* scrolled column
-------------------------------------------------- */
.column.scroll,
.listCol.scroll {
	column-gap: 32px;
	overflow-x: auto;
	padding-bottom: 16px;
}

.column.scroll > *,
.listCol.scroll > * {
	min-width: 334px;
}

@media screen and (max-width: 767px) {
	.column.scroll,
	.listCol.scroll {
		margin: 0 -20px;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 10px;
	}
	
	.column.scroll > *,
	.listCol.scroll > * {
		min-width: 350px;
	}
	
	.column.scroll > *:first-child,
	.listCol.scroll > *:first-child {
		margin-left: 20px;
	}
	
	.column.scroll > *:last-child,
	.listCol.scroll > *:last-child {
		margin-right: 20px;
	}
}

/* botton
-------------------------------------------------- */
.btns {
	margin-top: 40px;
	display: flex;
	gap: 20px 24px;
	justify-content: center;
	padding-left: 0;
	list-style: none;
}

.wp-block-buttons {
	margin-top: 40px;
	gap: 20px 24px;
}

.btns.wrap {
	flex-wrap: wrap;
}

.btns.left {
	justify-content: flex-start;
}

.btns.right {
	justify-content: flex-end;
}

.btn,
.wp-block-button {
	width: 100%;
	max-width: 384px;
	line-height: 1.5;
}

.column > .btns .btn {
	width: 384px;
	max-width: 100%;
}

.column.box .btns,
.btns + .btns,
.wp-block-buttons + .wp-block-buttons {
	margin-top: 24px;
}

@media screen and (min-width: 768px) {
	.column .text .btns:has(> :nth-child(2):last-child) .btn:not(.more):not(.hide) {
		width: auto;
		flex: 1;
	}
}

.btns + p,
.btns + figure,
.wp-block-buttons + p,
.wp-block-buttons + figure {
	margin-top: 40px;
}

.btn a,
.btn > span,
.btn input,
.wp-block-button a,
:where(.editor-styles-wrapper) .wp-block-button .wp-block-button__link {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	min-height: 63px;
	padding: 15px 30px 15px 15px;
	border: 2px solid #fff;
	border-radius: 0;
	background: var(--logoGreen) url(../images/ico_arrow2.svg) no-repeat calc(100% - 14px) 50% / 15px;
	color: var(--textHeadline);
	font-size: var(--font-size16);
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	position: relative;
}

.btn.sn a,
.btn.sn > span,
.btn.sn input,
.wp-block-button.sn a,
:where(.editor-styles-wrapper) .wp-block-button.sn .wp-block-button__link {
	border: 1px solid var(--borderGray);
	background-color: #fff;
	color: var(--darkGreen);
	background-image: url(../images/ico_arrow1.svg);
}

.btn.cv a,
.btn.cv > span,
.btn.cv input,
.wp-block-button.cv a,
:where(.editor-styles-wrapper) .wp-block-button.cv .wp-block-button__link {
	background-color: var(--orange);
}

.btn.back a,
.btn.back > span,
.btn.back input,
.wp-block-button.back a,
:where(.editor-styles-wrapper) .wp-block-button.back .wp-block-button__link {
	padding-right: 31px;
	padding-left: 41px;
	background: #fff url(../images/ico_arrow5.svg) no-repeat 14px 50% / 15px;
}

.btn.more > span {
	background-image: url(../images/ico_plus.svg);
}

.btn.hide > span {
	background-image: url(../images/ico_minus.svg);
}

.btn.close > span {
	background-image: url(../images/ico_close.svg);
}

.btn.anchor a {
	background-image: url(../images/ico_arrow3.svg);
}

.btn a[href$='.pdf']::after,
.wp-block-button a[href$='.pdf']::after {
	content: none;
}

#main .btn a[target='_blank'],
.wp-block-button a[target='_blank'],
:where(.editor-styles-wrapper) .btn a[target='_blank'],
:where(.mce-content-body) .btn a[target='_blank'] {
	background-image: url(../images/ico_external.svg);
}

#main .btn a[href$='.pdf'],
.wp-block-button a[href$='.pdf'],
:where(.editor-styles-wrapper) .btn a[href$='.pdf'],
:where(.mce-content-body) .btn a[href$='.pdf'] {
	background-image: url(../images/ico_pdf.svg);
}

@media (hover: hover) {
	.btn a:hover,
	.btn > span:hover,
	.btn input:hover,
	.wp-block-button a:hover {
		background-color: var(--darkGreen);
		background-image: url(../images/ico_arrow4.svg);
		color: #fff;
	}
	
	.btn.sn a:hover,
	.btn.sn > span:hover,
	.btn.sn input:hover,
	.wp-block-button.sn a:hover {
		background-color: var(--bgLgreen50);
		background-image: url(../images/ico_arrow1.svg);
		color: var(--darkGreen);
	}
	
	.btn.cv a:hover,
	.btn.cv > span:hover,
	.btn.cv input:hover,
	.wp-block-button.cv a:hover {
		background-color: #f28900;
		background-image: url(../images/ico_arrow2.svg);
		color: var(--textHeadline);
	}
	
	.btn.more > span:hover {
		background-image: url(../images/ico_plus_w.svg);
	}
	
	.btn.sn.more > span:hover {
		background-image: url(../images/ico_plus.svg);
	}
	
	.btn.hide > span:hover {
		background-image: url(../images/ico_minus_w.svg);
	}
	
	.btn.sn.hide > span:hover {
		background-image: url(../images/ico_minus.svg);
	}
	
	.btn.back a:hover,
	.btn.back > span:hover,
	.btn.back input:hover {
		background-image: url(../images/ico_arrow5.svg);
	}
	
	.btn.close > span:hover {
		background-image: url(../images/ico_close_w.svg);
	}
	
	.btn.sn.close > span:hover {
		background-image: url(../images/ico_close.svg);
	}
	
	.btn.anchor a:hover  {
		background-image: url(../images/ico_arrow3_w.svg);
	}
	
	.btn.sn.anchor a:hover  {
		background-image: url(../images/ico_arrow3.svg);
	}
	
	#main .btn a[target='_blank']:hover,
	.wp-block-button a[target='_blank']:hover,
	:where(.editor-styles-wrapper) .btn a[target='_blank']:hover,
	:where(.mce-content-body) .btn a[target='_blank']:hover {
		background-image: url(../images/ico_external_w.svg);
	}
	
	#main .btn.sn a[target='_blank']:hover,
	#main .btn.cv a[target='_blank']:hover,
	.wp-block-button.sn a[target='_blank']:hover,
	.wp-block-button.cv a[target='_blank']:hover,
	:where(.editor-styles-wrapper) .btn.sn a[target='_blank']:hover,
	:where(.editor-styles-wrapper) .btn.cv a[target='_blank']:hover,
	:where(.mce-content-body) .btn.sn a[target='_blank']:hover,
	:where(.mce-content-body) .btn.cv a[target='_blank']:hover {
		background-image: url(../images/ico_external.svg);
	}
	
	#main .btn a[href$='.pdf']:hover,
	.wp-block-button a[href$='.pdf']:hover,
	:where(.editor-styles-wrapper) .btn a[href$='.pdf']:hover,
	:where(.mce-content-body) .btn a[href$='.pdf']:hover {
		background-image: url(../images/ico_pdf_w.svg);
	}
	
	#main .btn.sn a[href$='.pdf']:hover,
	#main .btn.cv a[href$='.pdf']:hover,
	.wp-block-button.sn a[href$='.pdf']:hover,
	.wp-block-button.cv a[href$='.pdf']:hover,
	:where(.editor-styles-wrapper) .btn.sn a[href$='.pdf']:hover,
	:where(.editor-styles-wrapper) .btn.cv a[href$='.pdf']:hover,
	:where(.mce-content-body) .btn.sn a[href$='.pdf']:hover,
	:where(.mce-content-body) .btn.cv a[href$='.pdf']:hover {
		background-image: url(../images/ico_pdf.svg);
	}
}

.btn a:focus-visible,
.btn input:focus-visible {
	border-color: var(--textImportant) !important;
	outline: none;
}

.btn.sn a:focus-visible,
.btn.sn input:focus-visible {
	border-width: 2px;
}

@media screen and (max-width: 767px) {
	.btns {
		flex-direction: column;
		align-items: center;
		max-width: 100%;
	}
	
	.column.box .btns {
		margin-top: 18px;
	}
	
	.btn a,
	.btn > span,
	.btn input,
	.wp-block-buttons a {
		min-height: 72px;
	}
	
	.btn.large {
		margin: 0;
	}
}

.btn.email a {
	gap: .25em;
	flex-wrap: wrap;
	padding: 5px;
	background-image: none !important;
	color: var(--textBody);
}

.btn.email > span {
	display: block;
	width: auto;
	height: auto;
	min-height: auto;
	padding: unset;
	border: 0;
	background: none;
	font-weight: 400;
	text-align: left;
	text-decoration: underline;
}

.btn.email a:hover > span {
	text-decoration: none;
}

.wp-block-freeform.block-library-rich-text__tinymce:focus .btn a[data-mce-selected] {
	background-image: none;
	padding: 15px 30px 15px 15px;
}

.btn.large {
	width: 586px;
}

.btn.large a {
	min-height: 128px;
	padding-left: 24px;
	font-size: var(--font-size26);
	justify-content: flex-start;
	text-align: left;
}


.btns.activities .btn {
	max-width: calc((100% - 24px) / 2);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: cover;
}

.btns.activities .btn.climate {
	background-image: url(../images/bg_btn_climate.png);
}

.btns.activities .btn.plastic {
	background-image: url(../images/bg_btn_plastic.png);
}

.btns.activities .btn.ocean {
	background-image: url(../images/bg_btn_ocean.png);
}

.btns.activities .btn.ecosystem {
	background-image: url(../images/bg_btn_ecosystem.png);
}

.btns.activities .btn a {
	aspect-ratio: 588/190;
	padding-left: 6.8%;
	justify-content: flex-start;
	background-color: transparent;
	background-image: url(../images/ico_arrow4.svg);
	color: #fff;
	font-size: var(--font-size26);
	text-align: left;
}

@media (hover: hover) {
	.btns.activities .btn a:hover {
		background-color: rgba(255,255,255,.2);
	}
	
	.btns.activities .btn a:hover img {
		opacity: unset;
	}
}

@media screen and (max-width: 767px) {
	.btns.activities .btn {
		max-width: 384px;
	}
	
	.btns.activities .btn a {
		aspect-ratio: 350/128;
		font-size: var(--font-size24);
	}
	
	dl.qa dd .btns {
		max-width: none;
	}
}

/* Float Column
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.floatCol::after {
		content: '';
		display: block;
		clear: both;
	}
	
	.floatCol .floatL {
		float: left;
	}
	
	.floatCol .floatR {
		float: right;
	}

	.floatCol .clearL {
		clear: left;
	}
	
	.floatCol .clearR {
		clear: right;
	}
	
	.floatCol p.floatL:has(+ .btns),
	.floatCol p.floatR:has(+ .btns) {
		margin-bottom: 0;
	}
	
	.column + .floatCol {
		margin-top: 64px;
	}
}

@media screen and (max-width: 767px) {
	.floatCol img {
		width: 100%;
	}
}

/* dl like table
-------------------------------------------------- */
dl.table {
	border: 1px solid var(--borderLgray);
}

dl.table > div {
	display: flex;
	background-color: #fff;
}

dl.table > div:not(:last-child) {
	border-bottom: 1px solid var(--borderLgray);
}

dl.table dt {
	width: 25%;
}

dl.table dd {
	flex: 1;
}

dl.table dt,
dl.table dd {
	padding: 15px 16px;
}

dl.table dt {
	border-right: 1px solid var(--borderLgray);
	background-color: var(--bgLgreen);
}

dl.table dt > *:last-child,
dl.table dd > *:last-child {
	margin-bottom: 0;
}

/* etc.
-------------------------------------------------- */
.narrow {
	max-width: 792px;
	margin: 0 auto;
}

.bgGreen {
	background-color: var(--bgLgreen);
}

.bgGray {
	background-color: var(--bgLgray);
}

.bgGreen50 {
	background-color: var(--bgLgreen50);
}

h2 .subentry {
	display: block;
	font-size: var(--font-size26);
}

@media screen and (max-width: 767px) {
	h2:not(.brCtrl) span {
		font-size: var(--font-size24);
	}
}

.titleLeft {
	display: flex;
	column-gap: 5.3%;
}

.titleLeft h2,
.titleLeft h3 {
	width: 28.7%;
	margin-bottom: 0;
}

.titleLeft .content {
	flex: 1;
}

.titleLeft table {
	margin: 0;
}

@media screen and (max-width: 767px) {
	.titleLeft {
		display: block;
	}
	
	.titleLeft h2,
	.titleLeft h3 {
		width: auto;
	}
}

.summary .column {
	row-gap: 0;
}

.summary h2 {
	font-size: var(--font-size26);
}

@media screen and (max-width: 767px) {
	.summary h2 {
		font-size: var(--font-size24);
	}
}

img.icon {
	border-radius: 50%;
	background-color: #fff;
	position: relative;
}

img.icon.border {
	width: 68px;
	height: 68px;
	border: 2px solid var(--darkGreen);
}

.videoWrap,
.wp-block-embed-youtube .wp-block-embed__wrapper,
div:has(> iframe[src*='youtube.com']),
p:has(> iframe[src*='youtube.com']) {
	max-width: 100%;
	aspect-ratio: 560/315;
}

.article .wp-block-embed-youtube .wp-block-embed__wrapper,
.article div:has(> iframe[src*='youtube.com']),
.article p:has(> iframe[src*='youtube.com']) {
	max-width: 560px;
}

.videoWrap .mce-object-iframe,
.videoWrap iframe,
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
div > iframe[src*='youtube.com'],
p > iframe[src*='youtube.com'] {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.videoWrap,
	.wp-block-embed-youtube .wp-block-embed__wrapper,
	div:has(> iframe[src*='youtube.com']),
	p:has(> iframe[src*='youtube.com']) {
		width: 100%;
	}
}

.article .wp-block-embed {
	margin-top: 32px;
	margin-bottom: 32px;
}

iframe.wp-embedded-content {
	width: 100%;
}

.cats,
.tags {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: baseline;
}

.cat,
.tag {
	padding: 2px 7px;
	border: 1px solid var(--darkGreen);
	color: var(--darkGreen);
	font-size: var(--font-size14);
	line-height: 1.2;
}

.cat a,
.tag a {
	display: block;
	margin: -2px -7px;
	padding: 2px 7px;
	text-decoration: none;
}

.cat a:hover,
.tag a:hover {
	background-color: var(--bgLgreen50);
}

.cat.current a,
.tag.current a {
	background-color: var(--darkGreen);
	color: #fff;
}

.profile .photo {
	border-radius: 50%;
	overflow: hidden;
}

/* Parts
================================================== */
/* Cover Block
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.coverBlock {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	
	.coverBlock .coverImg {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.coverBlock .coverText {
		position: relative;
		margin: 40px 40px 40px calc(100% - 588px);
		padding: 15px 31px 23px;
		border: 1px solid #fff;
		background-color: #fff;
	}
	
	.coverBlock.textLeft .coverText {
	margin: 40px calc(100% - 588px) 40px 40px;
	}
	
	.coverBlock .coverText img {
		display: block;
		margin: 0 auto;
	}
	
	.coverBlock .coverText h2,
	.coverBlock .coverText h3 {
		margin: 6px 0 14px;
		font-size: var(--font-size28);
		text-align: center;
	}
	
	.coverBlock .coverText p {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.coverBlock .coverImg {
		aspect-ratio: 2 / 1;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.coverBlock .coverText img {
		display: block;
		margin: -36px auto 0;
	}
	
	.coverBlock .coverText h2,
	.coverBlock .coverText h3 {
		margin: 14px 0 32px;
		text-align: center;
	}
	
	body:not(#home) .coverBlock .coverText h2,
	body:not(#home) .coverBlock .coverText h3 {
		margin: 9px 0 27px;
		font-size: var(--font-size24);
	}
}

/* Cover Header
-------------------------------------------------- */
.coverHeader {
	margin-bottom: 56px;
	aspect-ratio: 10/3;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.coverHeader img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.coverHeader h2 {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: center;
	position: relative;
	z-index: 1;
}

.coverHeader h2 span {
	padding: 1px 16px;
	background-color: var(--darkGreen);
	color: #fff;
	font-size: var(--font-size18);
}

.coverHeader h2 span[lang] {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: var(--font-size40);
	line-height: 1.4;
	letter-spacing: .04em;
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	.coverHeader {
		margin-bottom: 38px;
		aspect-ratio: 13/10;
		margin-right: -20px;
		margin-left: -20px;
	}
	
	.coverHeader h2 span {
		padding: 1px 8px;
		font-size: var(--font-size14);
	}
	
	.coverHeader h2 span[lang] {
		font-size: var(--font-size40);
	}
}

/* Data box
-------------------------------------------------- */
.column:has(.dataBox) {
	align-items: normal;
}

.dataBox {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin-top: 32px;
	padding: 20px 23px;
	border: 1px solid #fff;
	background-color: #fff;
	text-align: center;
	position: relative;
}

.dataBox img.icon {
	margin-top: -52px;
}

.dataBox dl {
	margin: 0 -18px;
	line-height: 1.5;
}
	
.dataBox dt {
	font-size: var(--font-size18);
}

.dataBox dd {
	margin: -8px 0 -4px;
	color: var(--darkGreen);
	font-size: var(--font-size20);
	line-height: 1.5;
	overflow-x: auto;
	white-space: nowrap;
}

.dataBox dd em {
	margin-right: 4px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 4rem;
	font-style: normal;
	letter-spacing: 0;
}

.dataBox dd.large {
	margin: 0;
}

.dataBox dd.large em {
	font-size: 3.125rem;
	line-height: 1.68;
}

.dataBox .note {
	margin-bottom: 0;
	color: var(--textCaption);
	font-size: var(--font-size14);
	font-weight: 400;
	line-height: 1.5;
}

.dataBox h3 {
	margin: 0 0 16px;
	font-size: var(--font-size24);
}

.dataBox p {
	flex: 1;
	text-align: left;
}

@media screen and (max-width: 380px) {
	.dataBox dd.large em {
		font-size: 2.625rem;
	}
}

/* Table of Contents
-------------------------------------------------- */
#toc,
#toc_container {
	max-width: 996px;
	margin: 56px auto;
	border: 1px solid var(--borderLgray);
}

#toc h2,
#toc_container .toc_title {
	margin-bottom: 0;
	padding: 14px 20px;
	background-color: var(--bgLgreen);
	color: var(--textHeadline);
	font-size: var(--font-size18);
	font-weight: 700;
	line-height: 1.5;
}

#toc ul,
#toc_container .toc_list {
	margin-bottom: 0;
	padding: 16px 20px;
	font-weight: 700;
	line-height: 1.5;
}

#toc li,
#toc_container .toc_list li {
	padding-left: 0;
	background: none;
}

#toc li:not(:last-child),
#toc_container .toc_list li:not(:last-child) {
	border-bottom: 1px solid var(--borderLgray);
}

#toc li a,
#toc_container .toc_list li a {
	display: block;
	padding: 12px 0 12px 22px;
	background: url(../images/ico_arrow6.svg) no-repeat 0 calc(12px + .25em);
	text-decoration: none;
}

#toc li a:hover,
#toc li a:focus,
#toc_container .toc_list li a:hover,
#toc_container .toc_list li a:active {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	#toc_container {
		margin-top: 32px;
	}
}

/* Table of contents (Sticky)
-------------------------------------------------- */
#toc.accordion {
	border: 1px solid var(--borderLgray);
}

#toc.accordion h2 {
	margin-bottom: 0;
	padding: 16px 20px;
}

#toc.accordion ul {
	padding: 0;
}

/* tab content
-------------------------------------------------- */
.tablist {
	display: flex;
	column-gap: 16px;
}

.tablist .tab {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(1.5em + 38px);
	padding: 0 9px;
	border: 1px solid var(--borderLgray);
	border-bottom: 0;
	background-color: #fff;
	color: var(--darkGreen);
	font-weight: 700;
	line-height: 1.5;
	text-decoration: underline;
	text-align: center;
	cursor: pointer;
	flex: 1;
}

@media (hover: hover) {
	.tablist .tab:hover {
		text-decoration: none;
	}
}

.tablist .tab.active {
	min-height: calc(1.5em + 45px);
	margin-top: -8px;
	border-color: var(--darkGreen);
	background-color: var(--darkGreen);
	color: #fff;
	font-size: var(--font-size18);
	text-decoration: none;
}

.tabpanel {
	padding: 39px;
	border: 1px solid var(--borderLgray);
	background-color: #fff;
	display: none;
}

.tabpanel.active {
	display: block;
}

:where(.editor-styles-wrapper) .tabpanel,
:where(.mce-content-body) .tabpanel {
	display: block;
}

@media screen and (max-width: 767px) {
	.tablist {
		column-gap: 8px;
	}
	
	.tab.active {
		min-height: calc(1.5em + 47px);
		font-size: var(--font-size16);
	}
	
	.tabpanel {
		padding: 29px 19px 19px;
	}
}

/* accordion
-------------------------------------------------- */
.accordion button {
	width: 100%;
	padding: 12px 52px 12px 24px;
	position: relative;
}

.accordion button::before,
.accordion button::after {
	content: '';
	position: absolute;
	z-index: 1;
}

.accordion button::before {
	top: calc(50%);
	right: 24px;
	width: 15px;
	border-bottom: 1px solid var(--darkGreen);
}

.accordion button::after {
	top: calc(50% - 7px);
	right: 31px;
	height: 15px;
	border-right: 1px solid var(--darkGreen);
	transition: transform .3s ease;
}

.accordion button[aria-expanded="true"]::after {
	transform: rotate(90deg);
}

.accordion dd {
	margin: 12px 24px;
}

.btns.accordion .btn {
	padding: 0;
}

.btns.accordion .btn span {
	background-image: none !important;
}

@media (hover: hover) {
	.btns.accordion .btn:hover::before,
	.btns.accordion .btn:hover::after {
		border-color: #fff;
	}
}

@media screen and (max-width: 767px) {
	.accordion button {
		padding: 8px 36px 8px 8px;
	}
	
	.accordion button::before {
		right: 8px;
	}
	
	.accordion button::after {
		right: 15px;
	}
	
	.accordion dd {
		margin: 8px;
	}
	
	.btns.accordion button::before {
		right: 14px;
	}
	
	.btns.accordion button::after {
		right: 21px;
	}
}

/* QA
-------------------------------------------------- */
dl.qa {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--borderLgray);
	background-color: #fff;
}

dl.qa dt {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--borderLgray);
	color: var(--textLink);
}

dl.qa dt button {
	padding-left: calc(2.5em + 44px);
	text-align: left;
	position: relative;
}

dl.qa dd {
	padding-left: calc(2.5em + 20px);
	margin-top: 20px;
	margin-bottom: 28px;
	position: relative;
}

dl.qa dd:last-child {
	margin-bottom: 12px;
}

dl.qa dt button i,
dl.qa dd i {
	position: absolute;
	top: calc(5px + .5em);
	left: 0;
	transform: translateY(-50%);
	width: 1.8em;
	height: 1.8em;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--darkGreen);
	font-family: 'Work Sans', sans-serif;
	font-size: var(--font-size22);
	font-weight: 600;
	font-style: normal;
}

dl.qa dt button i {
	top: calc(15px + .5em);
	left: 24px;
	background-color: var(--darkGreen);
	color: #fff;
}

dl.qa dd > div {
	margin-left: calc(-2.5em - 20px);
}

dl.qa dd .btns {
	margin-top: 16px;
	margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
	dl.qa dt button {
		padding-left: calc(1.75em + 32px);
	}
	
	dl.qa dd {
		padding-left: calc(1.75em + 24px);
		margin-top: 12px;
	}
	
	dl.qa dt button i,
	dl.qa dd i {
		left: 8px;
		width: 28px;
		height: 28px;
		font-size: var(--font-size16);
	}
	
	dl.qa dt button i {
		left: 16px;
	}
	
	dl.qa dd > div {
		margin-left: calc(-1.75em - 24px);
	}
}

/* Activity Stance
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.stance .box {
		width: calc((100% - 24px) / 2);
	}
}

.stance .box {
	display: flex;
	flex-direction: column;
}

.stance .box h3 {
	display: flex;
	align-items: center;
	font-size: var(--font-size22);
}

.stance .box h3 img {
	width: 60px;
	height: 60px;
	margin-right: 16px;
}

.stance .box p {
	margin-bottom: 0;
	flex: 1;
}

.stance .box .btns {
	margin-top: 26px;
}

/* Wide more section
-------------------------------------------------- */
.more.wide {
	margin-top: 63px;
	padding-top: 54px;
	padding-bottom: 63px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid var(--bgLgreen);
	background-color: var(--bgLgreen);
	text-align: center;
	position: relative;
}

.more.wide::before {
	content: '';
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 32px;
	height: 32px;
	background-color: #fff;
}

.more.wide h3 {
	font-size: var(--font-size24);
}

.more.wide .btns {
	margin-top: 30px;
}

/* Specific Goals (issues)
-------------------------------------------------- */
.specificGoals {
	margin-top: 108px !important;
	padding-top: 8px;
}

.specificGoals h2 {
	margin-top: 82px;
	margin-bottom: 42px;
	padding-top: 48px;
	text-align: center;
	position: relative;
}

.specificGoals h2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 72px;
	height: 72px;
	border: 4px solid var(--bgLgreen);
	border-radius: 50%;
	background: #fff url(../images/ico_leaf.svg) no-repeat 50% 50% / 64px;
}

.specificGoals .listCol li {
	padding-top: 0;
}

.specificGoals .listCol .num {
	margin: 0 auto 16px;
	padding: 8px 5px 3px;
	width: 4.7em;
	background-color: var(--darkGreen);
	color: #fff;
	font-size: var(--font-size14);
	line-height: 1.2;
	text-align: center;
}

.specificGoals .listCol .num em {
	display: block;
	font-family: 'Work Sans', sans-serif;
	font-size: var(--font-size32);
	font-weight: 700;
	font-style: normal;
}

.specificGoals .listCol p {
	font-size: var(--font-size22);
	font-weight: 700;
	line-height: 1.5;
	flex: 1;
}

@media screen and (max-width: 767px) {
	.specificGoals .listCol p {
		font-size: var(--font-size20);
	}
}

/* Sognature belt / Donation belt (issues)
-------------------------------------------------- */
.signatureBelt,
.donationBelt {
	margin-top: 80px;
	background-color: var(--bgLgreen);
	position: relative;
	overflow: hidden;
}

.signatureBelt::before,
.donationBelt::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 55%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.signatureBelt::after,
.donationBelt::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 45%;
	width: 10%;
	height: 100%;
	background-image: linear-gradient(to right, var(--bgLgreen), transparent);
}

.signatureBelt *,
.donationBelt * {
	position: relative;
	z-index: 1;
}

.signatureBelt h3,
.donationBelt h3 {
	width: 47%;
	margin-bottom: 37px;
	font-size: var(--font-size22);
}


@media screen and (max-width: 767px) {
	.signatureBelt,
	.donationBelt {
		margin-top: 64px;
		padding-bottom: 210px !important;
		background-position: 0 0, 50% 100%;
		background-size: auto, auto 280px;
	}
	
	.signatureBelt::before,
	.donationBelt::before {
		width: 100%;
		height: 210px;
	}
	
	.signatureBelt::after,
	.donationBelt::after {
		bottom: 170px;
		right: 0;
		width: 100%;
		height: 40px;
		background-image: linear-gradient(to bottom, var(--bgLgreen), transparent);
	}
		
	.signatureBelt h3,
	.donationBelt h3 {
		width: 100%;
		margin-bottom: 28px;
		font-size: var(--font-size28);
	}
}

/* Can Do Now
-------------------------------------------------- */
.canDoNow ul {
	margin-top: 68px;
	display: flex;
	flex-wrap: wrap;
	gap: 48px 24px;
}

.canDoNow li {
	padding-left: 0;
	background: none;
	width: calc((100% - 48px) / 3);
	color: var(--darkGreen);
	font-size: var(--font-size20);
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}

.canDoNow li p {
	margin-top: -16px;
	margin-bottom: 0;
	padding: 16px 24px;
	border: 2px solid var(--darkGreen);
	background-color: #fff;
	position: relative;
	z-index: 1;
}

.canDoNow li p::before {
	content: '';
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 26px;
	height: 26px;
	border-width: 2px;
	border-style: solid;
	border-color: var(--darkGreen) transparent transparent var(--darkGreen);
	background-color: #fff;
}

@media screen and (max-width: 767px) {
	.canDoNow h2 {
		text-align: center;
	}

	.canDoNow ul {
		margin-top: 48px;
		row-gap: 40px;
	}
	
	.canDoNow li {
		width: 100%;
	}
}

/* mail magazine banner
-------------------------------------------------- */
.mailmagBnr {
	margin-top: 80px;
	padding: 30px calc(31.2% + 30px) 30px 30px;
	background-color: var(--bgLgreen);
	position: relative;
}

.mailmagBnr::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 31.2%;
	height: 100%;
	background: url(../images/img_mailmag2.jpg) no-repeat 50% 50% / cover;
}

.mailmagBnr h3 {
	display: flex;
	gap: 16px 24px;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size22);
}

.mailmagBnr .btns {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.mailmagBnr {
		margin-top: 64px;
		padding: calc(41% + 20px) 16px 16px;
	}
	
	.mailmagBnr::before {
		width: 100%;
		height: auto;
		aspect-ratio: 350/144;
	}
	
	.mailmagBnr h3 {
		flex-direction: column;
		font-size: var(--font-size18);
		text-align: center;
	}
}

/* Step Column
-------------------------------------------------- */
.stepCol {
	border: 1px solid var(--bgLgreen);
}

.stepCol > div {
	padding: 40px;
	position: relative;
}

.step2::before,
.step3::before {
	content: '';
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 32px;
	height: 32px;
	background-color: #fff;
}

.step3::before {
	background-color: var(--bgLgreen);
}

.stepCol .heading h3 {
	margin: -20px 0 0;
	color: var(--darkGreen);
	font-family: 'Work Sans', sans-serif;
	font-size: var(--font-size24);
	text-transform: uppercase;
}

.stepCol .heading h3 em {
	font-size: 3rem;
	font-style: normal;
}

.stepCol .accordion dl {
	margin-bottom: 0;
}

.stepCol .accordion dt {
	border: 1px solid var(--borderGray);
	color: var(--darkGreen);
	text-align: center;
}

.stepCol .accordion dd {
	margin: 0;
	padding: 16px 20px;
	border: 1px solid var(--borderGray);
	border-top: 0;
}

.stepCol .accordion h4 {
	font-size: var(--font-size20);
}

.stepCol .accordion h4:first-child {
	margin-top: 0;
}

.stepCol .box {
	padding: 23px;
}

.stepCol .box.pickup {
	text-align: center;
}

.stepCol .box.pickup p {
	display: inline-block;
	text-align: left;
}

.stepCol .box.pickup .column {
	margin-top: 0;
	row-gap: 12px;
	justify-content: center;
	align-items: center;
}

.stepCol .box.pickup .column p {
	margin-bottom: 0;
}

.stepCol .box.pickup .btns,
.stepCol .btns {
	margin-top: 0;
}

.stepCol .unused .box {
	text-align: center;
}

.stepCol .box .column {
	gap: 24px;
}

@media screen and (max-width: 767px) {
	.stepCol .heading h3 {
		text-align: center;
	}
	
	.stepCol > div {
		padding: 40px 20px;
	}
	
	.stepCol .heading {
		flex-direction: column;
	}
		
	.box {
		padding: 19px;
	}
	
	.stepCol img {
		width: 100%;
	}
}

/* Tel and Mail
-------------------------------------------------- */
.telAndMail dl {
	margin-bottom: 0;
}

.telAndMail dt {
	display: flex;
	column-gap: 24px;
	font-size: var(--font-size26);
}

.telAndMail dt img {
	margin-top: .5em;
}

.telAndMail dd {
	margin-left: 96px;
	margin-top: calc((72px - 2em) * -1);
}

.telAndMail a {
	color: var(--textBody);
	font-size: var(--font-size22);
	font-weight: 700;
	text-decoration: none;
	word-break: break-all;
}

@media screen and (max-width: 767px) {
	.telAndMail dt {
		column-gap: 16px;
		align-items: center;
		font-size: var(--font-size20);
	}
	
	.telAndMail dt img {
		width: 64px;
		height: 64px;
		margin-top: 0;
	}
	
	.telAndMail dd {
		margin-left: 0;
		margin-top: 16px;
	}
	
	.telAndMail a {
		font-size: var(--font-size18);
		font-weight: 500;
	}
}

/* feature (act/work)
-------------------------------------------------- */
.feature .column {
	align-items: normal;
}

.feature .column > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.feature h3 {
	margin-top: 10px;
	text-align: center;
}

.feature h3 img {
	display: block;
	margin: 0 auto 16px;
}

.feature .img img {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.feature h3.wordLimit {
		max-width: 9em;
		margin-right: auto;
		margin-left: auto;
	}
	
	.feature .comment {
		display: block;
		margin-top: .25em;
		text-indent: -1.5em;
		margin-left: 1.5em;
	}
	
	.feature .column p {
		flex: 1;
	}
}

/* .initiatives
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.initiatives .floatL {
		width: 39.2%;
	}
	
	.initiatives .floatR {
		width: 54.2%;
	}
	
	.initiatives h2 {
		margin-top: -8px;
	}
}

.initiatives .column {
	gap: 6.67%;
}

.initiatives .img {
	width: 54%;
}

@media screen and (min-width: 768px) {
	.initiatives p {
		font-size: var(--font-size18);
		line-height: 2.0;
	}
}

/* time table
-------------------------------------------------- */
.schedule {
	padding: 16px 32px;
	border: 1px solid var(--borderLgray);
}

.schedule table {
	margin: 0;
	border: 0;
}

.schedule tr:not(:last-child) {
	border-bottom: 1px solid var(--borderLgray);
}

.schedule th,
.schedule td {
	border: 0;
}

.schedule th {
	width: 22.5%;
	min-width: 6em;
	padding-left: 0;
	background-color: transparent;
}

.schedule td {
	padding-right: 0;
}

@media screen and (max-width: 767px) {
	.schedule {
		padding: 16px 24px;
	}
}

/* event list (home/event)
-------------------------------------------------- */
.eventList dl.table > div:nth-child(2n) {
	background-color: var(--bgLgray);
}

.eventList dl.table dt,
.eventList dl.table dt {
	display: flex;
	align-items: center;
}

.eventList dl.table dt {
	width: 25%;
}

.eventList dl.table dd {
	word-break: break-all;
}

.eventList dl.table .cats {
	margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
	.eventList h2 {
		margin-bottom: 24px;
	}

	.eventList dl.table dt {
		width: 45%;
	}
}

/* Block Pattern
================================================== */
/* Donation Banner
-------------------------------------------------- */
.donationBnr {
	margin: 70px auto 80px !important;
	padding: 23px;
	border: 1px solid var(--darkGreen);
	background-color: var(--darkGreen);
	color: #fff;
	display: flex;
	gap: 24px;
}

.donationBnr .img {
	width: 240px;
	height: 240px;
	margin-bottom: 0;
	border-radius: 50%;
	overflow: hidden;
}

.donationBnr .img p {
	height: 100%;
	margin: 0;
}

.donationBnr .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.donationBnr .text {
	flex: 1;
}
	
.donationBnr .text h3 {
	margin-bottom: 18px;
	color: #fff;
	font-size: var(--font-size22);
	font-weight: 700;
	line-height: 1.5;
}

.donationBnr .btns {
	margin-top: 24px;
}

.donationBnr .btn {
	max-width: none;
}

@media screen and (max-width: 767px) {
	.donationBnr {
		padding: 19px;
		flex-direction: column;
	}
	
	.donationBnr .img {
		margin: 0 auto;
	}
	
	.donationBnr .text p {
		font-size: var(--font-size20);
	}
}

/* Mailmagazine
-------------------------------------------------- */
.mailmagBnr2 {
	margin: 70px auto 80px !important;
	padding: 29px 23px;
	border: 1px solid #fff;
	background: url(../images/img_mailmagB.jpg) no-repeat 50% 50% / cover;
	position: relative;
}

.mailmagBnr2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.40);
}

.mailmagBnr2 p {
	margin-bottom: 0;
	padding-top: 80px;
	background: url(../images/ico_mail-o_w.svg) no-repeat 50% 0 / 64px;
	color: #fff;
	font-size: var(--font-size22);
	font-weight: 600;
	text-align: center;
	position: relative;
	z-index: 1;
}

.mailmagBnr2 .btns {
	margin-top: 18px;
}
	
.mailmagBnr2 .btn {
	max-width: 310px;
}


/* Speakers Profle
-------------------------------------------------- */
.speakersProfile {
	margin-top: 56px;
	margin-bottom: 40px;
	color: var(--textHeadline);
	font-size: var(--font-size26);
	display: flex;
	gap: 16px 24px;
	align-items: center;
}

.speakersProfile::before {
	content: '';
	display: inline-block;
	width: 52px;
	height: 52px;
	border: 2px solid var(--darkGreen);
	border-radius: 50%;
	background: url(../images/ico_talk.svg) no-repeat 50% 50% / 52px;
}

@media screen and (max-width: 767px) {
	.speakersProfile {
		margin-bottom: 28px;
		font-size: var(--font-size24);
		flex-direction: column;
	}
}

.profileBox {
	display: flex;
	gap: 24px 48px;
}

.profileBox + .profileBox {
	margin-top: 48px;
	padding-top: 56px;
	border-top: 1px solid var(--borderLgray);
}

.profileBox .photo {
	flex: none;
	width: 240px;
	height: 240px;
	margin-bottom: 0;
	border-radius: 50%;
	overflow: hidden;
}

.profileBox .photo p {
	height: 100%;
	margin: 0;
}

.profileBox .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profileBox .text {
	flex: 1;
}

.profileBox h3 {
	margin: -6px 0 8px;
}

.profileBox .post {
	font-size: var(--font-size18);
	font-weight: 700;
}

.profileBox *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.profileBox {
		flex-direction: column;
	}
	
	.profileBox + .profileBox {
		margin-top: 32px;
		padding-top: 40px;
	}
	
	.profileBox .photo {
		margin: 0 auto 6px;
	}
}

/* Bottom Parts
================================================== */
/* Support with donation
-------------------------------------------------- */
#supportWithDonation {
	margin-top: calc(792px * .4545 / 2);
	padding-top: calc(792px * .4545 / 2);
	padding-bottom: 64px;
	border-top: 1px solid var(--logoGreen);
	background-color: var(--logoGreen);
	position: relative;
}

.contentBody + #supportWithDonation,
.initiatives + #supportWithDonation,
.article + #supportWithDonation {
	margin-top: calc(792px * .4545 / 2 + 160px);
}

aside:has(+ #supportWithDonation) .inner {
	position: relative;
	z-index: 1;
}

#supportWithDonation::before {
	content: '';
	position: absolute;
	bottom: calc(100% + 1px);
	left: 0;
	width: 100%;
	height: calc(792px * .4545 / 2 + 160px);
}

.contentBody:has(+ #supportWithDonation) > .bgGreen:last-child,
.contentBody:has(+ #supportWithDonation) > .bgGray:last-child {
	padding-bottom: 0;
}

.contentBody:has(> .bgGreen:last-child) + #supportWithDonation::before {
	background-color: var(--bgLgreen);
}

.contentBody:has(> .bgGray:last-child) + #supportWithDonation::before {
	background-color: var(--bgLgray);
}

#supportWithDonation:has(+ #workTogether) {
	padding-bottom: 46px;
}

#supportWithDonation .img {
	position: absolute;
	top: calc(792px * .4545 / -2);
	left: 50%;
	transform: translateX(-50%);
	width: calc(100vw - 80px);
	max-width: 792px;
	aspect-ratio: 11 / 5;
}

#supportWithDonation .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	#supportWithDonation {
		margin-top: calc((100vw - 40px) * .56 / 2);
		padding-top: calc((100vw - 40px) * .56 / 2);
		padding-bottom: 56px;
	}
	
	.contentBody + #supportWithDonation,
	.initiatives + #supportWithDonation,
	.article + #supportWithDonation {
		margin-top: calc((100vw - 40px) * .56 / 2 + 120px);
	}
	
	#supportWithDonation::before {
		height: calc((100vw - 40px) * .56 / 2 + 120px);
	}
	
	#supportWithDonation:has(+ #workTogether) {
		padding-bottom: 40px;
	}
	
	#supportWithDonation .img {
		top: calc((100vw - 40px) * .56 / -2);
		width: calc(100vw - 40px);
		aspect-ratio: 25 / 14;
		overflow: hidden;
	}
}

#supportWithDonation .box {
	margin-top: 64px;
	padding: 25px 31px 31px;
	border-color: #fff;
}

#supportWithDonation h2 {
	margin: 0 0 20px;
	text-align: center;
}

#supportWithDonation .results {
	margin-top: 24px;
	display: flex;
	flex-direction: row;
	column-gap: 24px;
	justify-content: center;
}

#supportWithDonation .results .dataBox {
	width: calc((100% - 24px) / 2);
	margin-top: 0;
	border-color: #de6b00;
	background-color: transparent;
}

#supportWithDonation .results .dataBox dd {
	color: #de6b00
}

#supportWithDonation .results .dataBox .large em {
	font-size: 3rem;
}

#supportWithDonation .btns {
	margin-top: 32px;
}

#supportWithDonation .btn.sn a {
	border-color: var(--textHeadline);
}

@media screen and (max-width: 767px) {
	#supportWithDonation {
		padding-bottom: 40px;
	}
	
	#supportWithDonation .box {
		padding: 23px 15px;
	}
	
	#supportWithDonation h2 {
		margin-bottom: 12px;
		font-size: var(--font-size28);
	}
	
	#supportWithDonation .results {
		flex-direction: column;
		row-gap: 16px;
		align-items: center;
	}
	
	#supportWithDonation .results .dataBox {
		width: 384px;
		max-width: 100%;
	}
}

@media screen and (max-width: 860px) and (min-width: 801px), (max-width: 419px) {
	#supportWithDonation .results .dataBox .large em {
		font-size: 2.875rem;
	}
}

@media screen and (max-width: 800px) and (min-width: 678px), (max-width: 389px) {
	#supportWithDonation .results .dataBox .large em {
		font-size: 2.625rem;
	}
}

@media screen and (max-width: 365px) {
	#supportWithDonation .results .dataBox .large em {
		font-size: 2.5rem;
	}
}

/* About Greenpeace
-------------------------------------------------- */
#aboutGP {
	padding: 54px 0 62px;
	background-color: var(--bgLgreen);
}

#aboutGP:has(+ #supportWithDonation) {
	padding-bottom: calc(792px * .4545 / 2 + 62px);
	margin-bottom: calc(792px * .4545 / -2);
}

#aboutGP h2 {
	font-size: var(--font-size26);
	text-align: center;
}

#aboutGP .btns {
	margin-top: 28px;
}

@media screen and (max-width: 767px) {
	#aboutGP {
		padding: 46px 0 16px;
	}
	
	#aboutGP h2 {
		font-size: var(--font-size24);
	}
	
	#aboutGP .column {
		row-gap: 16px;
	}
	
	#aboutGP .btns {
		margin-top: 22px;
	}
}

/* Work Together
-------------------------------------------------- */
#workTogether {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: var(--logoGreen);
}

#supportWithDonation + #workTogether {
	padding-top: 0;
}

#donateBanner + #workTogether {
	padding-top: 60px;
}

#workTogether .box {
	padding: 25px 31px 31px;
	border-color: #fff;
}

#workTogether h2 {
	margin: 0 0 24px;
	text-align: center;
}

#workTogether .img {
	margin-bottom: 28px;
}

#workTogether .btns {
	margin-top: 28px;
}

@media screen and (min-width: 768px) {
	#workTogether .img {
		aspect-ratio: 11/5;
		overflow: hidden;
	}
	
	#workTogether .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

@media screen and (max-width: 767px) {
	#workTogether {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#workTogether .box {
		padding: 23px 15px;
	}
	
	#workTogether .btns .btn br {
		display: none;
	}
}

/* Activities
-------------------------------------------------- */
#activities {
	margin: 72px 0 80px;
}
.contentBody + #activities {
	margin-top: -80px;
}

@media screen and (max-width: 767px) {
	#activities {
		margin: 56px 0 64px;
	}
	.contentBody + #activities {
		margin-top: -56px;
	}
}

/* Can do with Doantion / QA about donation
-------------------------------------------------- */
#canDoWithDonation,
#qaAboutDonation {
	padding-top: 56px;
	padding-bottom: 56px;
	background-color: var(--logoGreen);
}

aside + #canDoWithDonation,
aside + #qaAboutDonation {
	padding-top: 0;
}

#canDoWithDonation h2,
#qaAboutDonation h2 {
	color: var(--textHeadline);
	text-align: center;
}

#canDoWithDonation h3 {
	text-align: center;
}

#qaAboutDonation dl.qa {
	border-bottom-color: var(--logoGreen);
}

#qaAboutDonation dl.qa dt {
	border-top-color: var(--logoGreen);
}

/* Donate Form
-------------------------------------------------- */
#donateForm {
	background-color: var(--logoGreen);
}

#supportWithDonation + #donateForm {
	padding-top: 0;
}

#donateForm h2 {
	color: var(--textHeadline);
	font-size: var(--font-size32);
	text-align: center;
}

#donateForm h3 {
	margin: 0 0 26px;
	font-size: var(--font-size20);
	text-align: center;
}

#donateForm form.donateForm {
	padding: 31px 19px 23px;
	border: 1px solid #fff;
	background-color: #fff;
}


/* Adjustment Old Article
================================================== */
.contentBody > img:not(.external),
.contents img:not(.external),
.contents a:has(img:not(.external)),
.post-content img:not(.external),
.post-content a:has(img:not(.external)) {
	display: block;
	margin: 1.125em 0;
}

.contents h1,
.post-content h1 {
	margin: 64px 0 32px;
	color: var(--darkGreen);
	font-size: var(--font-size30);
}

@media screen and (max-width: 767px) {
	.contents h1,
	.post-content h1 {
		margin: 48px 0 24px;
		font-size: var(--font-size28);
	}
}

body {
	--wp--preset--color--green-400: #80d643;
	--wp--preset--color--green-500: #66cc00;
	--wp--preset--color--green-800: #198700;
	--wp--preset--color--action-yellow: #ffe100;
	--wp--preset--color--dark-green-800: #1f4912;
	--wp--preset--color--beige-100: #f6f4ef;
	--wp--preset--color--blue-green-800: #167f82;
	--wp--preset--color--red-500: #d43b57;
	--wp--preset--color--grey-100: #f5f7f8;
	--wp--preset--color--grey-200: #ececec;
	--wp--preset--color--grey-600: #6f7376;
	--wp--preset--color--grey-800: #45494c;
	--wp--preset--color--grey-900: #1c1c1c;
}

.has-green-400-background-color {
	background-color: var(--wp--preset--color--green-400);
}

.has-green-500-background-color {
	background-color: var(--wp--preset--color--green-500);
}

.has-green-800-background-color {
	background-color: var(--wp--preset--color--green-800);
}

.has-action-yellow-background-color {
	background-color: var(--wp--preset--color--action-yellow);
}

.has-dark-green-800-background-color {
	background-color: var(--wp--preset--color--dark-green-800);
}

.has-beige-100-background-color {
	background-color: var(--wp--preset--color--beige-100);
}

.has-blue-green-800-background-color {
	background-color: var(--wp--preset--color--blue-green-800);
}

.has-red-500-background-color {
	background-color: var(--wp--preset--color--red-500);
}

.has-grey-100-background-color {
	background-color: var(--wp--preset--color--grey-100);
}

.has-grey-200-background-color {
	background-color: var(--wp--preset--color--grey-200);
}

.has-grey-600-background-color {
	background-color: var(--wp--preset--color--grey-600);
}

.has-grey-800-background-color {
	background-color: var(--wp--preset--color--grey-800);
}

.has-grey-900-background-color {
	background-color: var(--wp--preset--color--grey-900);
}

.has-green-400-color {
	color: var(--wp--preset--color--green-400);
}

.has-green-500-color {
	color: var(--wp--preset--color--green-500);
}

.has-green-800-color {
	color: var(--wp--preset--color--green-800);
}

.has-action-yellow-color {
	color: var(--wp--preset--color--action-yellow);
}

.has-dark-green-800-color {
	color: var(--wp--preset--color--dark-green-800);
}

.has-beige-100-color {
	color: var(--wp--preset--color--beige-100);
}

.has-blue-green-800-color {
	color: var(--wp--preset--color--blue-green-800);
}

.has-red-500-color {
	color: var(--wp--preset--color--red-500);
}

.has-grey-100-color {
	color: var(--wp--preset--color--grey-100);
}

.has-grey-200-color {
	color: var(--wp--preset--color--grey-200);
}

.has-grey-600-color {
	color: var(--wp--preset--color--grey-600);
}

.has-grey-800-color {
	color: var(--wp--preset--color--grey-800);
}

.has-grey-900-color {
	color: var(--wp--preset--color--grey-900);
}

.wp-block-image.is-style-rounded-180 figure,
.wp-block-image.is-style-rounded-180 img {
	border-radius: 50%;
	max-height: 180px;
}

.wp-block-image.is-style-rounded-180 img {
	aspect-ratio: 1;
	object-fit: cover;
}

.has-dark-green-800-background-color .wp-block-image,
.has-grey-100-background-color .wp-block-image {
	margin-top: 16px;
	margin-bottom: 32px;
}

.has-dark-green-800-background-color .wp-block-heading,
.has-grey-100-background-color .wp-block-heading {
	margin-top: 0;
}

.has-dark-green-800-background-color .wp-block-buttons,
.has-grey-100-background-color .wp-block-buttons {
	margin-top: 0;
}

.has-dark-green-800-background-color .wp-block-button a,
.has-grey-100-background-color .wp-block-button a {
	background-color: var(--orange);
}

@media (hover: hover) {
	.has-dark-green-800-background-color .wp-block-button a:hover,
	.has-grey-100-background-color .wp-block-button a:hover {
		background-color: #f28900 ;
		background-image: url(../images/ico_arrow2.svg);
		color: var(--textHeadline);
	}
	
	.has-dark-green-800-background-color .wp-block-button a[target='_blank']:hover,
	.has-grey-100-background-color .wp-block-button a[target='_blank']:hover {
		background-image: url(../images/ico_external.svg);
	}
	
	.has-dark-green-800-background-color .wp-block-button a[href$='.pdf']:hover,
	.has-grey-100-background-color .wp-block-button a[href$='.pdf']:hover {
		background-image: url(../images/ico_pdf.svg);
	}
}