@charset "utf-8";

.l-main {
	overflow: hidden;
	padding-inline: var(--defgap);
	padding-bottom: calc(var(--defgap) * 6);
	/* background: radial-gradient(ellipse at top, #e66465, transparent), radial-gradient(ellipse at bottom, #4d9f0c, #fff); */
}

.page_title {
	display: grid;
	--fontMin: 17;
	--fontMax: 20;
	font-size: var(--fontSize);
	letter-spacing: .12em;
}
.page_title .main {
	font-size: 180%;
}
.page_title .sub {
	display: flex;
	column-gap: .5em;
	font-weight: 400;
	font-family: var(--fontEn);
}
@media screen and (max-width: 767.98px) {
	.page_title .suckerline {
		grid-area: 2 / 1;
	}
	.page_title .sub {
		grid-area: 3 / 1;
	}
}
@media print, (min-width: 768px) {
	.page_title .main {
		grid-area: 1 / 1;
		font-size: 200%;
	}
	.page_title .sub {
		grid-area: 2 / 1;
	}
	.page_title .suckerline {
		--lineStart: 10em;
		--lineEnd: 15em;
		grid-area: 1 / 1;
		width: 0;
		margin-top: 1.85em;
	}
}

/**
 * ステートメント
 * -------------------------------------------------- */
.page-statement {
	color: white;
}
.page-statement .l-main {
	padding-top: var(--headerHeight);
	padding-bottom: calc(var(--defgap) * 8);
}
.statement_title,
.statement_content .c-paragraph {
	width: min(100% - var(--defgap), 456px);
	margin-inline: auto;
	filter: drop-shadow(0 2px 8px #80233422);
}
.statement_title {
	display: flex;
	column-gap: .5em;
	margin-top: 2em;
	font-weight: 350;
	font-family: var(--fontEn);
}
.statement_title .dottoline {
	--dotsize: .5em;
	width: 1em;
}
.statement_content {
	display: grid;
	justify-content: center;
	color: white;
	fill: white;
}
.statement_content .c-paragraph {
	margin-top: 2em;
	--fontMin: 14;
	--fontMax: 18;
	font-feature-settings: "halt" 1;
	line-height: 2.2;
	letter-spacing: .15em;
}
.statement_content blockquote .c-paragraph {
	padding-left: 1.5em;
	border-left: 1px solid currentcolor;
	font-style: italic;
}
.statement_content .c-paragraph {
	display: grid;
}
.statement_content .c-paragraph > * {
	grid-area: 1 / 1;
	display: flex;
	flex-direction: column;
}
.statement_content .c-paragraph .main .l {
	clip-path: inset(0);
}
.statement_content.is-standby .c-paragraph .main .l {
	clip-path: inset(0 100% 0 0);
}
.statement_content .c-paragraph .main .l.is-motion {
	transition: clip-path 1.4s var(--easeOut);
}
.statement_content .c-paragraph .shadow {
	color: #fff5;
}
.statement_content .c-maincopy {
	margin-top: 2em;
	--fontMin: 60;
	--fontMax: 80;
	filter: url(#svg-filter-water); /* js でアニメーション */
}
.statement_content .c-copy {
	justify-self: center;
	margin-top: 1em;
	--fontMin: 24;
	--fontMax: 32;
	filter: url(#svg-filter-morph); /* js でアニメーション */
}
.statement_content .c-copy svg {
	width: auto;
	height: 1em;
}
@media screen and (max-width: 767.98px) {
	.statement_title .dottoline {
		padding-inline-start: .25em;
	}
	.statement_content {
		margin-top: var(--defgap);
	}
	.statement_content .c-maincopy {
		justify-content: center;
	}
	.statement_content .c-copy {
		display: grid;
		justify-items: center;
		row-gap: .5em;
	}
}
@media print, (min-width: 768px) {
	.statement_title .dottoline {
		margin-inline-start: -1.5em;
	}
	.statement_content .c-paragraph {
		line-height: 2.4;
	}
}

/**
 * ごあいさつ
 * -------------------------------------------------- */
.page-message .l-main {
	padding-top: calc(var(--headerHeight) * 2);
}
.page-message .page_title {
	position: relative;
	margin-inline: auto;
}
.page-message .page_title .emblem {
	z-index: -1;
	position: absolute;
	bottom: 1em;
	--imgMin: 160;
	--imgMax: 240;
	width: var(--imgSize);
	fill: url(#svg-grad2);
	opacity: .3;
}
.message_section {
	display: grid;
	margin-top: var(--defgap);
	margin-inline: auto;
}
.message_section + .message_section {
	margin-top: calc(var(--defgap) * 3);
}
.message_section .hgroup {
	display: grid;
	width: fit-content;
}
.message_section .hgroup .suckerline {
	position: relative;
	width: 100%;
	padding-bottom: 1.5em;
}
.message_section .subject {
	font-weight: 700;
	--fontMin: 20;
	--fontMax: 26;
	font-size: var(--fontSize);
	line-height: 1.5;
	letter-spacing: .1em;
}
.message_section .subject .sub {
	font-weight: 500;
	font-size: 84.615%;
}
.message_section .author {
	margin-top: .75em;
	--fontMin: 14;
	--fontMax: 17;
	font-size: var(--fontSize);
}
.message_section .author b {
	font-size: 88.235%;
}
.message_section .image img {
	--imgMin: 180;
	--imgMax: 180;
	width: var(--imgSize);
}
.message_section .c-paragraph {
	--fontMin: 14;
	--fontMax: 16;
	line-height: 2;
	word-break: break-word;
	text-align: justify;
	hyphens: auto;
}
@media screen and (max-width: 767.98px) {
	.page-message .page_title,
	.message_section .image,
	.message_section .hgroup {
		width: calc(100% - var(--defgap) * 1.2);
		margin-inline: auto;
	}
	.page-message .page_title .emblem {
		left: calc(var(--defgap) * -2);
	}
	.message_section .hgroup,
	.message_section .c-paragraph {
		margin-top: var(--defgap);
	}
	.message_section .hgroup .suckerline {
		--suckerShift: calc(var(--defgap) * -1.6);
	}
	.message_section .image {
		order: -1;
	}
}
@media print, (min-width: 768px) {
	.page-message .page_title,
	.message_section {
		--sectionWidth: min(var(--cw) * 600 / var(--aspect), 600px);
		width: var(--sectionWidth);
	}
	.page-message .page_title .emblem {
		bottom: -.5em;
		left: calc(var(--imgSize) * -.6);
	}
	.message_section {
		grid-template-columns: 1fr auto;
	}
	.message_section .hgroup {
		grid-area: 1 / 1;
		align-self: center;
	}
	.message_section .hgroup .suckerline {
		--suckerShift: calc(var(--sectionWidth) * .5 - var(--cw) * .5);
	}
	.message_section .image {
		grid-area: 1 / 2;
		align-self: center;
	}
	.message_section .c-paragraph {
		grid-column: span 2;
		margin-top: var(--defgap);
	}
	.message_section .c-paragraph + .c-paragraph {
		margin-top: 0;
	}
}

/**
 * 記念事業
 * -------------------------------------------------- */
.page-project .l-main {
	min-height: 100vh;
	padding-top: calc(var(--headerHeight) * 2);
}
.page-project .page_title,
.page-project .c-paragraph.-lead,
.project_content {
	position: relative;
	margin-inline: auto;
}
.page-project .page_title {
	padding-bottom: 2em;
}
.page-project .c-paragraph.-lead {
	margin-top: 2em;
	line-height: 2;
	text-indent: 1em;
}
.page-project .page_title .emblem {
	z-index: -1;
	position: absolute;
	bottom: 1em;
	--imgMin: 160;
	--imgMax: 240;
	width: var(--imgSize);
	fill: url(#svg-grad2);
	opacity: .3;
}
.page-project .page_title .suckerline {
	--lineStart: 0;
	--suckerShift: var(--breakout);
	bottom: 0;
	width: inherit;
}
.project_content {
	--chamfer: calc(var(--defgap) * .3);
	z-index: 0;
	position: relative;
	margin-top: calc(var(--defgap) * 3);
	padding: calc(var(--defgap) * 2);
	padding-bottom: var(--defgap);
	filter: drop-shadow(2px 4px 8px #0001);
}
.project_content::after {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	mask: linear-gradient(white, white),
		radial-gradient(circle at left top, #fff var(--chamfer), #fff0 var(--chamfer)),
		radial-gradient(circle at right top, #fff var(--chamfer), #fff0 var(--chamfer)),
		radial-gradient(circle at left bottom, #fff var(--chamfer), #fff0 var(--chamfer)),
		radial-gradient(circle at right bottom, #fff var(--chamfer), #fff0 var(--chamfer));
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	background: linear-gradient(to top, #fffa, #fff calc(var(--defgap) * 2.5));
}
.project_content::before {
	content: "";
	position: absolute;
	inset: calc(var(--defgap) * .5) calc(var(--defgap) * 2) auto;
	bottom: auto;
	height: 6px;
	background: var(--svgSlash) center / contain repeat-x;
	mask: linear-gradient(to top, #0000, #000);
}
@media print, (min-width: 768px) {
	.c-panel {
		padding-inline: calc(var(--defgap) * 1.5);
	}
}
@media screen and (max-width: 767.98px) {
	.page-project .page_title,
	.page-project .c-paragraph.-lead,
	.project_content {
		width: 100%;
	}
	.page-project .page_title .emblem {
		left: calc(var(--defgap) * -2);
	}
	.page-project .page_title .suckerline {
		--suckerShift: calc(var(--defgap) * -1);
	}
	.project_content {
		padding-inline: var(--defgap);
	}
}
@media print, (min-width: 768px) {
	.page-project .page_title,
	.page-project .c-paragraph.-lead {
		--sectionWidth: min(var(--cw) * 600 / var(--aspect), 600px);
		width: var(--sectionWidth);
	}
	.page-project .page_title .emblem {
		bottom: -.5em;
		left: calc(var(--imgSize) * -.6);
	}
	.project_content {
		--sectionWidth: min(var(--cw) * 876 / var(--aspect), 876px);
		width: var(--sectionWidth);
	}
}

/* セクション */
.project_section {
	display: grid;
	row-gap: calc(var(--defgap) / 2);
	column-gap: var(--defgap);
	padding-bottom: calc(var(--defgap) * 2);
}
.project_section:nth-of-type(n+2) {
	padding-top: calc(var(--defgap) * 2);
	border-top: 1px solid transparent;
	border-image: linear-gradient(to left, #ffaba900, #ff8461b3 calc(var(--defgap) * 2)) 1 0 0 / 1px 0 0;
}
@media screen and (max-width: 767.98px) {
	.project_section .c-emnum {
		justify-self: flex-start;
	}
}
@media print, (min-width: 768px) {
	.project_section {
		grid-template-columns: auto 1fr;
	}
	.project_section .c-emnum {
		grid-area: 1 / 1 / 3 / 2;
		align-self: flex-start;
	}
	.project_section .c-subject {
		grid-area: 1 / 2;
		margin-top: 1.5em;
	}
	.project_section .c-paragraph {
		grid-area: 2 / 2;
	}
	.project_news {
		grid-area: 3 / 1 / 4 / 3;
	}
}
.project_section .c-emnum {
	--fontMin: 30;
	--fontMax: 48;
}
.project_section .c-emnum .e {
	width: 4em;
	fill: url(#svg-grad-project);
}
.project_section .c-emnum .t {
	width: 1.2em;
}
.project_section .c-subject {
	display: flex;
	align-items: center;
	--fontMin: 20;
	--fontMax: 28;
}
.project_section .c-subject .i {
	position: relative;
	width: 2em;
	fill: currentcolor;
	-webkit-mask: linear-gradient(to top, #0009, #000 50%);
	mask: linear-gradient(to top, #0008, #000 50%);
}
.project_section:nth-of-type(1) .c-subject .i {
	top: -.2em;
}
.project_section:nth-of-type(4) .c-subject .i {
	top: .1em;
}
.project_section .c-subject .t {
	font-weight: inherit;
}
.project_section .c-paragraph {
	text-indent: 1em;
}

/* 最新情報 */
.project_news {
	--shift: calc(var(--defgap) / 4);
	position: relative;
	width: 100%;
	margin-top: calc(var(--defgap) * 1.2);
	padding: calc(var(--defgap) * 1.2) var(--defgap) calc(var(--defgap) * 1.5);
	border-radius: .2em;
	background: linear-gradient(to top, #f0ae7266 -10%, #ff866100 110%);
}
.project_news::before {
	content: "";
	position: absolute;
	inset: calc(var(--shift) * -1) var(--shift) var(--shift) calc(var(--shift) * -1);
	border: .8px solid currentcolor;
	border-radius: inherit;
	pointer-events: none;
}
.project_news .title {
	display: flex;
	align-items: baseline;
	column-gap: 1em;
	position: absolute;
	inset: calc(var(--shift) * -1 - .7em) 0 auto;
	width: fit-content;
	margin-inline: auto;
	padding-inline: 3em 2em;
	font-weight: inherit;
	--fontMin: 12;
	--fontMax: 14;
	font-size: var(--fontSize);
	line-height: 1;
	background: linear-gradient(to top, #fff0 40%, white 40%);
}
.project_news .title .dottoline {
	top: -.15em;
	align-self: center;
	width: 1em;
}
.project_news .title .dottoline .l {
	overflow: visible;
	stroke-width: .8;
}
.project_news .title b {
	font-weight: inherit;
	font-size: 186%;
	font-family: var(--fontEn);
}
.project_pickup {
	display: grid;
	--fontMin: 12;
	--fontMax: 16;
	font-size: var(--fontSize);
	line-height: 1.4;
}
.project_pickup dt {
	font-family: var(--fontEn);
}
.project_pickup a {
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
@media (hover) {
	.project_pickup a {
		transition: background-size .4s var(--easeOut);
	}
	.project_pickup a:hover {
		background-position: right bottom;
		background-size: 0 1px;
		transition-duration: .2s;
	}
}
@media screen and (max-width: 767.98px) {
	.project_news .title {
		padding-inline: 2em 1em;
	}
	.project_pickup dd + dt {
		margin-top: 1em;
	}
}
@media print, (min-width: 768px) {
	.project_news {
		justify-self: center;
		max-width: 600px;
	}
	.project_pickup {
		align-items: baseline;
		grid-template-columns: auto 1fr;
		gap: .5em 1em;
		width: fit-content;
		margin-inline: auto;
	}
}

/**
 * 駒込学園100年の歩み
 * -------------------------------------------------- */
.page-history .l-main {
	min-height: 100lvh;
	padding-block: calc(var(--headerHeight) * 1.25);
}
.history_chronology {
	--chronologyHeight: min(100vh - var(--headerHeight) * 2, 50vh);
	display: grid;
	grid-auto-flow: column;
	column-gap: 8px;
	width: calc(var(--cw) - var(--defgap) * 2);
	height: var(--chronologyHeight);
}
.history_chronology,
.chronology_timeline {
	--textColor: white;
	--labelColor: transparent;
	--captionColor: var(--themecolor);
	--panelColor: var(--themecolor);
}
.history_chronology.-nega,
.chronology_timeline.-nega {
	--textColor: var(--themecolor);
	--labelColor: white;
	--captionColor: white;
	--panelColor: white;
}
:where(.history_chronology) > * {
	width: inherit;
}
@media screen and (max-width: 767.98px) {
	.history_chronology {
		top: 88px !important;
		--chronologyHeight: min(100vh - var(--headerHeight) * 2, 70vh);
	}
}
@media print, (min-width: 768px) {
	.history_chronology {
		width: min(var(--cw) * 768 / var(--aspect), 768px);
		margin-inline: auto;
	}
}
/* チャプタータイトル */
.chronology_chapter {
	align-self: center;
	width: fit-content;
	padding-block: 24px;
	white-space: nowrap;
}
.chronology_chapter .label,
.chronology_chapter .title {
	display: grid;
	width: fit-content;
	--fontMin: 14;
	--fontMax: 18;
	font-size: var(--fontSize);
	transition: color .4s;
}
.chronology_chapter .label {
	justify-items: center;
	color: var(--labelColor);
	line-height: 1.2;
	font-family: var(--fontEn);
	background: linear-gradient(to right, #ffaaa8aa -20%, #ff836166 150%);
	background-clip: text;
	transition: color .4s;
}
.chronology_chapter .label .n {
	font-weight: 500;
	font-size: 500%;
	letter-spacing: .1em;
}
.chronology_chapter .title {
	row-gap: .5em;
	color: var(--captionColor);
	line-height: 1.5;
}
.chronology_chapter .title .t {
	font-weight: 700;
	font-size: 200%;
	letter-spacing: .2em;
}
@media screen and (max-width: 767.98px) {
	.chronology_chapter {
		padding-right: 40px;
		padding-left: 20px;
	}
}
@media print, (min-width: 768px) {
	.chronology_chapter {
		padding-right: min(var(--cw) * 80 / var(--aspect), 80px);
		padding-left: min(var(--cw) * 40 / var(--aspect), 40px);
	}
}
/* コラム記事 */
.chronology_article {
	--chamfer: calc(var(--defgap) * .3);
	mask: linear-gradient(white, white),
		radial-gradient(circle at left top, #fff var(--chamfer), #fff0 var(--chamfer)),
		radial-gradient(circle at right top, #fff var(--chamfer), #fff0 var(--chamfer)),
		radial-gradient(circle at left bottom, #fff var(--chamfer), #fff0 var(--chamfer)),
		radial-gradient(circle at right bottom, #fff var(--chamfer), #fff0 var(--chamfer));
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	height: var(--chronologyHeight);
	color: var(--textColor);
	background: var(--panelColor);
	transition: color .4s, background-color .4s;
}
.chronology_article .article_container {
	overflow: auto;
	height: calc(var(--chronologyHeight) - var(--defgap) * 3);
	padding-block: 24px;
	mask: linear-gradient(to top, #0000, #000 10% 90%, #0000);
}
.article_container {
	--bar: 6px;
	scrollbar-width: var(--bar);
	overscroll-behavior: auto;
	-webkit-overflow-scrolling: touch;
	padding-right: var(--bar);
}
.article_container::-webkit-scrollbar {
	width: var(--bar);
	height: var(--bar);
}
.article_container::-webkit-scrollbar-thumb {
	border-radius: var(--bar);
	background: var(--textColor);
}
.article_container::-webkit-scrollbar-track {
	margin-block: 24px;
	border-radius: var(--bar);
	background: #ccc3;
}
@-moz-document url-prefix() {
	.article_container {
		scrollbar-width: thin;
		scrollbar-color: var(--textColor) transparent;
	}
}
.chronology_article .c-subject {
	--fontMin: 20;
	--fontMax: 27;
}
.chronology_article .c-paragraph {
	margin-top: 1em;
	--fontMin: 13;
	--fontMax: 16;
}
@media print, (min-width: 768px) {
	.chronology_article {
		width: min(var(--cw) * 768 / var(--aspect), 768px);
	}
}
/* 写真 */
.chronology_photo {
	display: grid;
	align-self: center;
	position: relative;
	max-height: var(--chronologyHeight);
	box-sizing: content-box;
}
.chronology_photo .wrap {
	display: inline-block;
	overflow: hidden;
}
.chronology_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.chronology_photo .caption {
	justify-self: center;
	position: absolute;
	inset: calc(100% + .5em) 0 auto;
	color: var(--captionColor);
	--fontMin: 10;
	--fontMax: 12;
	font-size: var(--fontSize);
	line-height: 1.5;
	transition: color .4s;
}
@media screen and (max-width: 767.98px) {
	.chronology_photo {
		width: auto;
		height: calc(var(--chronologyHeight) * .54);
		padding-right: 40px;
	}
	.chronology_article + .chronology_photo {
		padding-left: 40px;
	}
	.chronology_photo img {
		transform: none !important;
	}
	.chronology_photo .caption {
		right: 40px;
	}
	.chronology_article + .chronology_photo .caption {
		left: 40px;
	}
}
@media print, (min-width: 768px) {
	.chronology_photo {
		box-sizing: content-box;
		width: auto;
		height: min(var(--cw) * 450 / var(--aspect), 450px);
		padding-right: min(var(--cw) * 120 / var(--aspect), 120px);
	}
	.chronology_article + .chronology_photo {
		padding-left: min(var(--cw) * 120 / var(--aspect), 120px);
	}
	.chronology_photo .caption {
		right: min(var(--cw) * 120 / var(--aspect), 120px);
	}
	.chronology_article + .chronology_photo .caption {
		left: min(var(--cw) * 120 / var(--aspect), 120px);
	}
}
/* タイムライン */
.chronology_timeline {
	display: flex;
	position: fixed;
	inset: auto 0 var(--defgap);
	width: calc(var(--cw) - var(--defgap) * 2);
	margin-inline: auto;
	color: var(--captionColor);
	--fontMin: 14;
	--fontMax: 18;
	font-size: var(--fontSize);
	line-height: 1;
	font-family: var(--fontEn);
	transition: color .4s, opacity .4s;
}
.chronology_timeline.is-release {
	opacity: 0;
}
@media print, (min-width: 768px) {
	.chronology_timeline {
		width: min(var(--cw) * 768 / var(--aspect), 768px);
	}
}
.chronology_timeline .item {
	--point: 20px;
	position: relative;
}
.chronology_timeline .item:not(:first-child)::before {
	content: "";
	position: absolute;
	top: calc(50% - .5px);
	right: calc(50% - 1px);
	width: var(--point);
	border-top: 1px solid currentcolor;
}
.chronology_timeline .point {
	display: grid;
	place-content: center;
	position: relative;
	width: var(--point);
	height: var(--point);
}
.chronology_timeline .point::before {
	grid-area: 1 / 1;
	content: "";
	place-self: center;
	width: calc(var(--point) * .3);
	height: calc(var(--point) * .3);
	border-radius: calc(var(--point) * .3);
	background: currentcolor;
	scale: .5;
}
.chronology_timeline .point.is-active::before {
	scale: 1;
}
.chronology_timeline .num {
	grid-area: 1 / 1;
	pointer-events: none;
	position: relative;
	white-space: nowrap;
	letter-spacing: .1em;
	opacity: 0;
	translate: 0 -100%;
	transition: opacity .2s, translate .2s var(--easeOut);
}
.chronology_timeline .point.is-active .num {
	opacity: 1;
	translate: 0 -150%;
}
.chronology_timeline .num::before {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(50% - .5px);
	height: 1em;
	border-left: 1px solid currentcolor;
	transform-origin: center top;
	scale: 1 0;
	transition: scale .2s var(--easeOut);
}
.chronology_timeline .point.is-active .num::before {
	scale: 1;
}
@media (hover) {
	.chronology_timeline .point {
		cursor: pointer;
		cursor: default;
	}
	.chronology_timeline .point::before {
		transition: scale .2s var(--easeOut);
	}
	.chronology_timeline .point:hover::before {
		scale: 1;
	}
	.chronology_timeline .item:hover .num {
		opacity: 1;
		translate: 0 -150%;
	}
	.chronology_timeline .item:hover .num::before {
		scale: 1;
	}
}

/**
 * 100年先に残したい学園風景
 * -------------------------------------------------- */
.page-special .l-main {
	min-height: 100svh;
	padding-top: 0;
}
.special_memories {
	height: 100dvh;
	display: grid;
	align-items: center;
	gap: max(var(--defgap) / 2, 8px);
	grid-auto-flow: column;
	width: calc(var(--cw) - var(--defgap) * 2);
}
@media print, (min-width: 768px) {
	.special_memories {
		width: min(var(--cw) * 768 / var(--aspect), 768px);
		margin-inline: auto;
	}
}
.memories_canvas {
	position: fixed;
	inset: 0 0 auto;
	width: 100%;
	height: 100dvh;
}
.memories_photo {
	--w: 320;
	--space: 0;
	--shift: 0;
	display: grid;
	row-gap: min(var(--cw) * 6 / var(--aspect), 6px);
	position: relative;
	aspect-ratio: 1440 / 960;
	width: min(var(--cw) * var(--w) / var(--aspect), var(--w) * 1px);
	margin-left: min(var(--cw) * var(--space) / var(--aspect), var(--space) * 1px);
	will-change: transform;
}
.memories_photo .wrap {
	display: block;
}
.memories_photo img {
	visibility: hidden;
}
.memories_photo .caption {
	color: white;
	--fontMin: 10;
	--fontMax: 12;
	font-size: var(--fontSize);
	line-height: 1.2;
}
@media screen and (max-width: 767.98px) {
	.memories_photo {
		width: min(var(--cw) * (var(--w) * .6) / var(--aspect), var(--w) * .6px);
		margin-left: min(var(--cw) * (var(--space) * .6) / var(--aspect), var(--space) * .6px);
	}
}
/* レイアウト */
.memories_photo {
	grid-row: 1;
}
.memories_photo:first-of-type {
	margin-left: 0;
	justify-self: flex-start;
}
.memories_photo:nth-of-type(5n+1) {
	grid-row: span 2;
	top: max(var(--cw) * var(--shift) / var(--aspect), var(--defgap) * .5);
}
.memories_photo:nth-of-type(3n),
.memories_photo:nth-of-type(5n) {
	grid-row: 2;
}
.memories_photo:nth-of-type(4n) {
	justify-self: flex-start;
}
.memories_photo:nth-of-type(4n-1) {
	justify-self: flex-end;
}
.memories_photo:nth-of-type(5n) {
	align-self: flex-start;
}
.memories_photo:nth-of-type(6n) {
	align-self: flex-end;
	top: min(var(--cw) * var(--shift) / var(--aspect), var(--defgap) * -.5);
}
.memories_photo:nth-of-type(6n) .caption {
	order: -1;
}
.memories_photo:nth-of-type(13n) {
	grid-row: 2;
	align-self: flex-end;
	top: min(var(--cw) * var(--shift) / var(--aspect), var(--defgap) * -.5);
}
.memories_photo:nth-of-type(13n) .caption {
	order: -1;
}
.memories_photo:nth-of-type(14n-1) {
	left: calc(var(--defgap) * .5);
}
.memories_photo:nth-of-type(14n) {
	left: calc(var(--defgap) * -.5);
}

/**
 * Interview/News (一覧)
 * -------------------------------------------------- */
.page-news .l-main,
.page-interview .l-main {
	padding-top: calc(var(--headerHeight) * 2);
}
.page-news.-article .l-main,
.page-interview.-article .l-main {
	padding-top: var(--headerHeight);
}
.page-news .page_title,
.page-interview .page_title {
	justify-items: center;
	row-gap: .5em;
}
.page-news .page_title .sub .dottoline,
.page-interview .page_title .sub .dottoline {
	align-self: center;
	width: 1em;
}

/**
 * Interview (一覧)
 * -------------------------------------------------- */
.interview_list {
	display: grid;
	row-gap: calc(var(--defgap) * 3.2);
	width: min(100%, 480px);
	margin-inline: auto;
	margin-top: calc(var(--defgap) * 3.2);
	color: var(--themecolor);
}
.interview_list :is(.subject, .part, .name) {
	font-size: var(--fontSize);
	line-height: 1.5;
}
.interview_list .item a {
	display: grid;
}
.interview_list .c-emnum {
	place-self: flex-start;
	z-index: 1;
	position: relative;
	inset: -1.2em 0 0 -.6em;
}
.interview_list .c-emnum .e {
	width: 4em;
}
.interview_list .c-emnum .t {
	width: 1.6em;
}
.interview_list .image {
	filter: drop-shadow(1px 2px 4px #0001);
}
.interview_list .image img {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
	--imgMin: 168;
	--imgMax: 240;
	width: var(--imgSize);
}
.interview_list .subject {
	padding-bottom: .75em;
	border-image: linear-gradient(to left, #ffaba900, #ff8461b3 2em) 1 / 0 0 1px;
	--fontMin: 16;
	--fontMax: 20;
	word-break: auto-phrase;
}
.interview_list .part {
	margin-top: 1em;
	font-weight: 500;
	--fontMin: 12;
	--fontMax: 14;
}
.interview_list .name {
	margin-top: .25em;
	font-weight: 700;
	--fontMin: 10;
	--fontMax: 12;
}
.interview_list .name span {
	font-size: 125%;
}
.interview_list .name b {
	font-size: 144%;
}
@media screen and (max-width: 767.98px) {
	.interview_list .item a {
		grid-template-columns: auto auto;
		align-items: center;
	}
	.interview_list :is(.image, .c-emnum) {
		grid-area: 1 / 1;
	}
	.interview_list .text {
		grid-column: 2;
		align-self: center;
		padding-left: calc(var(--defgap) * .8);
	}
}
@media print, (min-width: 768px) {
	.interview_list {
		grid-template-columns: repeat(4, 1fr);
		column-gap: calc(var(--defgap) * 1.3);
		width: min(100%, 1040px);
	}
	.interview_list :is(.image, .c-emnum) {
		grid-area: 1 / 1;
	}
	.interview_list .c-emnum {
		inset: -2.2em 0 0 -1.1em;
	}
	.interview_list .c-emnum .e {
		width: 5em;
	}
	.interview_list .subject {
		margin-top: 2em;
	}
}

/**
 * News (一覧)
 * -------------------------------------------------- */
.news_list {
	max-width: 620px;
	margin: calc(var(--defgap) * 2.4) auto 0;
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
}
.news_list .item.is-comingsoon {
	padding: var(--defgap);
	border: 1px solid currentcolor;
	text-align: center;
}
.news_list .item:not(:last-child) {
	border-image: linear-gradient(to left, #ccc0, #ccc 4em) 1 / 0 0 1px;
}
.news_list .item .link {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .25em 1em;
	padding: var(--defgap) 0;
}
.news_list .date {
	font-family: var(--fontEn);
}
.news_list .category {
	display: flex;
	gap: .25em;
	font-size: 70%;
	line-height: 1.2;
}
.news_list .category .tag {
	padding: .25em .5em;
	border: 1px solid currentcolor;
	border-radius: .2em;
}
.news_list .subject {
	flex-basis: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.news_list .subject .a {
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	translate: -.25em 0;
}
@media (hover) {
	.news_list .subject .a {
		translate: -.25em 0;
		transition: translate .4s var(--easeOut);
	}
	.news_list .link:hover .subject .a {
		translate: 0;
		transition-duration: .2s;
	}
}

/**
 * Interview/News (記事)
 * -------------------------------------------------- */
.news_header,
.interview_subject {
	margin-top: calc(var(--defgap) * 4);
}
.news_header .subject,
.interview_subject {
	position: relative;
	--fontMin: 20;
	--fontMax: 32;
	font-size: var(--fontSize);
	line-height: 1.5;
}
.news_header .subject {
	flex-basis: 100%;
}
.news_header .subject .dottoline,
.interview_subject .dottoline {
	--dotsize: .5em;
	position: absolute;
	top: calc(50% - 2px);
	right: calc(100% + .5em);
	width: 1em;
}
@media screen and (max-width: 767.98px) {
	.news_header .subject,
	.interview_subject {
		margin-left: var(--defgap);
	}
}
@media print, (min-width: 768px) {
	.news_header,
	.interview_subject {
		width: 600px;
		margin-top: calc(var(--defgap) * 2);
		margin-inline: auto;
	}
	.news_header .subject .dottoline,
	.interview_subject .dottoline {
		width: 2em;
	}
}
.wp-block-post-content.is-404 .c-button {
	max-width: 320px;
	margin: calc(var(--defgap) * 2) auto 0;
	padding: 2em;
	border: 1px solid currentcolor;
	border-radius: 5em;
}
.wp-block-post-content.is-404 .c-button .a {
	scale: -1 1;
}

/**
 * News (記事)
 * -------------------------------------------------- */
.news_header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 1em;
}
.news_header .date {
	--fontMin: 14;
	--fontMax: 16;
	font-size: var(--fontSize);
	font-family: var(--fontEn);
}
.news_header .category {
	display: flex;
	flex-wrap: wrap;
	gap: .25em;
	--fontMin: 10;
	--fontMax: 12;
	font-size: var(--fontSize);
	line-height: 1.2;
}
.news_header .category .tag {
	padding: .25em .5em;
	border: 1px solid currentcolor;
	border-radius: .2em;
}

/**
 * Interview (記事)
 * -------------------------------------------------- */
.interview_visual .image {
	display: grid;
	position: relative;
	margin-left: var(--breakout);
}
.interview_visual .image::before,
.interview_visual .image::after {
	content: "";
	position: absolute;
	inset: 12px 0 auto;
	height: 6px;
	background: var(--svgSlash) center / contain repeat-x;
	mask: linear-gradient(to top, #0000, #000);
}
.interview_visual .image::after {
	inset: auto 0 12px;
}
.interview_visual .image > * {
	grid-area: 1 / 1;
}
.interview_visual .image img {
	width: 100%;
	object-fit: cover;
}
.interview_visual .c-emnum {
	place-self: flex-start;
	position: relative;
	--fontMin: 30;
	--fontMax: 48;
}
.interview_visual .c-emnum .e {
	width: 4em;
}
.interview_visual .c-emnum .t {
	width: 1.6em;
}
@media screen and (max-width: 767.98px) {
	.interview_visual .image {
		margin-right: var(--breakout);
		margin-top: calc(var(--defgap) * 3);
	}
	.interview_visual .image img {
		min-height: 300px;
	}
	.interview_visual .c-emnum {
		top: calc(var(--defgap) * -3);
		left: calc(var(--defgap) * .5);
	}
}
@media print, (min-width: 768px) {
	.interview_visual {
		width: min(100%, 720px);
		margin-inline: auto;
	}
	.interview_visual .c-emnum {
		top: var(--defgap);
		left: var(--defgap);
	}
}

/* :::::: Paginate :::::: */
.news_paginate,
.interview_paginate {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	gap: var(--defgap);
	margin-top: calc(var(--defgap) * 4);
}
.news_paginate {
	grid-template-columns: 1fr auto 1fr;
}
.news_paginate .link,
.interview_paginate .link {
	--fontMin: 14;
	--fontMax: 17;
	font-size: var(--fontSize);
}
.news_paginate .link.back,
.interview_paginate .link.back {
	grid-column: 1;
}
.news_paginate .link.index,
.interview_paginate .link.index {
	grid-column: 2;
	place-self: center;
	display: grid;
	place-items: center;
	width: 5em;
	height: 5em;
	border: 1px solid currentcolor;
	border-radius: 4em;
	font-weight: 400;
	font-family: var(--fontEn);
}
.interview_paginate .link.index {
	grid-area: 2 / 1 / 3 / 3;
}
.news_paginate .link.next,
.interview_paginate .link.next {
	grid-column: 2;
	justify-content: flex-end;
}
.news_paginate .link.next {
	grid-column: 3;
}
.interview_paginate .image {
	--imgMin: 120;
	--imgMax: 200;
	text-align: center;
	filter: drop-shadow(1px 2px 4px #0001);
}
.interview_paginate .image img {
	width: var(--imgSize);
	border-radius: 50%;
}
.interview_paginate .image .name {
	margin-top: 1em;
	font-weight: 700;
	font-size: 90%;
}
.news_paginate .link.back .c-check .circarr,
.interview_paginate .link.back .c-check .circarr {
	scale: -1 1;
}
@media print, (min-width: 768px) {
	.news_paginate,
	.interview_paginate {
		width: min(100%, 840px);
		margin-inline: auto;
	}
	.news_paginate .link,
	.interview_paginate .link {
		display: flex;
		column-gap: 40px;
		align-items: center;
	}
	.interview_paginate .link.back .image {
		order: 1;
	}
	.news_paginate .link.back .c-check > *,
	.interview_paginate .link.back .c-check > * {
		grid-column: 2;
	}
	.news_paginate .link.back .circarr,
	.interview_paginate .link.back .circarr {
		grid-column: 1;
	}
	.news_paginate .link.back .dottoline,
	.interview_paginate .link.back .dottoline {
		scale: -1 1;
	}
}
@media screen and (max-width: 767.98px) {
	.news_paginate .link,
	.interview_paginate .link {
		display: grid;
		justify-items: center;
		gap: 1em;
	}
	.interview_paginate .image .name {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.interview_paginate .image .name span {
		flex-basis: 100%;
	}
}

/* :::::: WordPress :::::: */
.wp-block-post-content {
	width: min(100%, 600px);
	margin: var(--defgap) auto 0;
}
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content p,
.wp-block-post-content ul {
	font-size: var(--fontSize);
}
.wp-block-post-content h2 {
	display: grid;
	place-items: center;
	padding: 1em 0;
	border-image: linear-gradient(to left, #ffaba900, #ff8461b3 2em) 1 / 0 0 1px;
	border-image-outset: 0 1em;
	font-weight: 700;
	--fontMin: 20;
	--fontMax: 25;
}
.wp-block-post-content h3 {
	font-weight: 700;
	--fontMin: 18;
	--fontMax: 22;
}
.wp-block-post-content p,
.wp-block-post-content ul {
	font-weight: 500;
	--fontMin: 14;
	--fontMax: 16;
}
.wp-block-post-content p {
	margin: 2em 0 0;
	line-height: 2;
}
.wp-block-post-content h2 + p {
	margin-top: 2.25em;
}
.wp-block-post-content em,
.wp-block-post-content strong {
	font-weight: 700;
}
.wp-block-post-content em {
	font-style: normal;
}
.wp-block-post-content .small {
	--fontMin: 10;
	--fontMax: 13;
}

/* 見出し */
.wp-block-heading {
	margin: 2em 0 0;
}
@media screen and (max-width: 767.98px) {
	.wp-block-heading {
		margin-top: 1em;
	}
}

/* 画像 */
.wp-block-image {
	margin-inline: calc(var(--defgap) * -.5);
	filter: drop-shadow(1px 2px 4px #0001);
}
@media print, (min-width: 768px) {
	.wp-block-image {
		margin-inline: -60px;
	}
}

/* 横並び */
.is-layout-flex {
	display: flex;
	gap: calc(var(--defgap) * .5);
}
.is-layout-flex:not(.is-nowrap) {
	flex-wrap: wrap;
}
.is-layout-flex .wp-block-image {
	margin-inline: 0;
}
@media print, (min-width: 768px) {
	.is-layout-flex {
		margin-inline: -60px;
	}
}
@media screen and (max-width: 767.98px) {
	.is-layout-flex {
		flex-direction: column;
	}
	.is-layout-flex .wp-block-image {
		width: min(75%, 340px);
	}
	.is-layout-flex .wp-block-image:nth-child(odd) {
		align-self: flex-start;
	}
	.is-layout-flex .wp-block-image:nth-child(even) {
		align-self: flex-end;
	}
}

/* カラム */
.wp-block-columns {
	display: grid;
	gap: calc(var(--defgap) * .5);
	margin-inline: calc(var(--defgap) * -.5);
}
.wp-block-column .wp-block-image {
	margin: 0;
}
@media screen and (max-width: 767.98px) {
	.wp-block-column {
		width: 80%;
		justify-self: flex-start;
	}
	.wp-block-column + .wp-block-column {
		justify-self: flex-end;
	}
}
@media print, (min-width: 768px) {
	.wp-block-columns {
		grid-auto-flow: column;
		margin-inline: -60px;
	}
}

/* インタビュイー情報 */
.interview_info :is(.part, .name) {
	margin: 0;
	line-height: 1.5;
}
.interview_info .part {
	--fontMin: 12;
	--fontMax: 14;
}
.interview_info .name {
	font-weight: 700;
	--fontMin: 14;
	--fontMax: 17;
}
.interview_info .name strong {
	font-size: 144%;
}
@media screen and (max-width: 767.98px) {
	.interview_info {
		margin-left: var(--defgap);
	}
}
@media print, (min-width: 768px) {
	.interview_info {
		width: 600px;
		margin-inline: auto;
	}
}

/* プロフィール */
.interview_profile {
	margin-top: var(--defgap);
}
.interview_profile h2 {
	--fontMin: 17;
	--fontMax: 20;
}
.interview_profile p {
	display: flex;
	align-items: center;
	margin: 0;
	--fontMin: 17;
	--fontMax: 21;
	font-family: var(--fontEn);
}
.interview_profile p::before {
	content: "";
	display: block;
	position: relative;
	top: -.1em;
	width: 1em;
	height: 1em;
	margin-right: .25em;
	vertical-align: middle;
	background: var(--emblem);
	--emblem: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" viewBox="0 0 61 61" fill="%23802334"><path d="M56.824,46.931l-1.259-9.804,5.314-9.204s-5.533-2.035-16.435-1.717c-2.343.069-4.268.375-5.881.802,1.225-1.204,2.513-2.786,3.801-4.874,5.728-9.281,6.731-15.091,6.731-15.091h-10.628l-7.861-5.992v-.014l-.008.007-.009-.007v.014l-7.861,5.992h-10.628s1.005,5.81,6.731,15.091c1.315,2.131,2.63,3.734,3.878,4.947-1.664-.466-3.678-.802-6.154-.875C5.655,25.888.121,27.924.121,27.924l5.313,9.204-1.258,9.804-.011.007.009.003v.011l.01-.007,9.12,3.812,5.314,9.204s4.53-3.775,9.703-13.374c1.053-1.953,1.736-3.69,2.178-5.237.442,1.546,1.125,3.284,2.177,5.236,5.175,9.601,9.703,13.374,9.703,13.374l5.314-9.204,9.12-3.812.011.007v-.01l.009-.005-.011-.007h.002ZM47.61,41.622c-.606,1.048-1.946,1.407-2.995.802-.802-.464-1.197-1.357-1.069-2.221l-10.595-6.117c-.615.581-1.44.942-2.352.942-.951,0-1.811-.386-2.433-1.01l-10.713,6.185c.128.864-.266,1.757-1.069,2.22-1.049.605-2.389.245-2.995-.802-.605-1.049-.245-2.389.802-2.995.802-.464,1.773-.358,2.457.185l10.692-6.174c-.107-.332-.18-.679-.18-1.046,0-1.62,1.125-2.968,2.633-3.331v-12.348c-.812-.321-1.389-1.109-1.389-2.036,0-1.21.982-2.191,2.193-2.191s2.192.981,2.192,2.191c0,.927-.576,1.714-1.388,2.035v12.349c1.508.364,2.632,1.712,2.632,3.331,0,.403-.082.784-.21,1.143l10.525,6.077c.684-.543,1.654-.647,2.457-.185,1.048.606,1.407,1.946.802,2.995h.003Z"/></svg>') center / contain no-repeat;
}
.interview_profile p::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-left: .5em;
	border-image: linear-gradient(to left, #ffaba900, #ff8461b3 2em) 1 / 0 0 1px;
}
.interview_profile ul {
	--fontMin: 13;
	--fontMax: 15;
	margin: 0;
	padding: .75em .5em 2em;
	border-image: linear-gradient(to left, #ffaba900, #ff8461b3 2em) 1 / 0 0 1px;
}
.interview_profile li {
	padding-left: 1em;
	text-indent: -1em;
}
.interview_profile li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .4em;
	height: .4em;
	border-radius: .4em;
	margin-right: .6em;
	vertical-align: middle;
	background: currentcolor;
}
@media print, (min-width: 768px) {
	.interview_profile p::before {
		margin-left: -1.25em;
	}
	.interview_profile ul {
		padding: 2em .5em 3.5em;
	}
}

/**
 * 創立100周年「玉蘭募金」のお願い
 * -------------------------------------------------- */
.page-donation .l-main {
	padding-top: var(--headerHeight);
}
.page-donation .page_title {
	display: grid;
	align-content: center;
	align-items: center;
	z-index: 0;
	position: relative;
	height: min(var(--cw) * 320 / var(--aspect), 320px);
	color: white;
}
.page-donation .page_title .sub {
	font-size: max(60%, .625rem);
}
.page-donation .page_title .bg,
.page-donation .page_title::after {
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
}
.page-donation .page_title .bg,
.page-donation .page_title .bg img {
	max-width: none;
}
.page-donation .page_title img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media print, (min-width: 768px) {
	.page-donation .page_title {
		padding-left: calc(var(--defgap) * .5);
	}
	.page-donation .page_title .bg,
	.page-donation .page_title::after {
		inset: 0 var(--breakout);
	}
}
@media screen and (max-width: 767.98px) {
	.page-donation .page_title {
		margin-right: var(--breakout);
		margin-left: var(--breakout);
		padding-inline: var(--defgap);
	}
}

.donation_section .logos img {
	width: min(var(--cw) * var(--w) * .3 / var(--aspect), var(--w) * .3px);
}
@media screen and (max-width: 767.98px) {
	.donation_section .logos img {
		width: calc(var(--cw) * var(--w) * .15 / var(--aspect));
	}
}

/* :::::: Section :::::: */
.donation_section {
	width: min(100%, 800px);
	margin: 80px auto 0;
}
.donation_section .title {
	margin-bottom: 2em;
	font-weight: 600;
	font-size: 1.75rem;
	text-align: initial;
}
.donation_section .subject {
	color: var(--themecolor);
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: .25em;
	border-bottom: 1px solid currentcolor;
	font-size: 1.125rem;
}
.donation_section .label {
	margin-top: 1em;
	font-size: 1rem;
	line-height: 1.75;
}
.donation_section .num {
	font-size: larger;
	font-family: var(--fontSerif);
}
.donation_section .c-paragraph {
	margin-top: 1em;
	text-indent: 0;
}
.donation_section .c-paragraph.-grid,
.donation_section .label + .c-paragraph {
	margin-top: .5em;
}
.donation_section .c-button {
	width: min(100%, 20em);
	margin: 2em auto;
	color: white;
	background: var(--themecolor);
}
.donation_section .c-button .arr {
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
}
@media screen and (max-width: 767.98px) {
	.donation_section .title {
		font-size: 1.25rem;
	}
	.donation_section .subject {
		font-size: 1rem;
	}
	.donation_section .label {
		font-size: .9375rem;
	}
}
@media (max-width: 479.98px) {
	.donation_section {
		margin-right: calc(var(--sidegap) * -1);
		margin-left: calc(var(--sidegap) * -1);
	}
}

/* :::::: Data :::::: */
.donation_section .data,
.donation_section .datatable {
	margin-top: 1em;
}
.donation_section .data {
	padding-left: 1em;
}
:where(.donation_section) .data dt,
:where(.donation_section) .datatable dt {
	font-weight: 700;
}
:where(.donation_section) .data dt {
	text-indent: -1em;
}
:where(.donation_section) .datatable dt {
	padding: 0 1em;
	background: whitesmoke;
}
:where(.donation_section) .data dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .5em;
	height: .5em;
	margin-right: .5em;
	border-radius: .5em;
	vertical-align: middle;
	background: currentcolor;
}
:where(.donation_section) .data dd,
:where(.donation_section) .datatable dd {
	font-size: .9375rem;
}
:where(.donation_section) .data dd + dt,
:where(.donation_section) .datatable dd + dt {
	margin-top: .75em;
}
:where(.donation_section) .data dd:has(.c-button) {
	margin-left: -1em;
}
@media print, (min-width: 768px) {
	.donation_section .datatable {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: baseline;
		column-gap: 2em;
	}
	.donation_section .datatable dt {
		grid-column: 1;
		text-align-last: justify;
	}
	.donation_section .datatable dd {
		grid-column: 2;
	}
}
@media screen and (max-width: 767.98px) {
	.donation_section .datatable dt {
		margin-bottom: .5em;
	}
	.donation_section .data dd,
	.donation_section .datatable dd {
		font-size: .8125rem;
	}
	.donation_section .datatable dd {
		padding: 0 1em;
	}
}
@media (max-width: 479.98px) {
	.donation_section .data,
	.donation_section .datatable {
		font-size: .875rem;
	}
	.donation_section .note {
		font-size: .625rem;
	}
}

/* :::::: Other :::::: */
.donation_section .logos {
	display: flex;
	gap: calc(var(--defgap) * .4);
	margin: .5em 0;
}
.donation_section .note {
	padding-left: 1em;
	font-size: .75rem;
	line-height: 1.5;
	text-indent: -1em;
}
.donation_section .datatable + .note {
	margin-top: 1em;
}
.donation_section .-attention {
	color: var(--themecolor);
	font-weight: 600;
}
.donation_section .contact dt {
	padding: 0 1em;
	background: whitesmoke;
}
@media (min-width: 375px) {
	.donation_section .contact {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: baseline;
		gap: .5em 1em;
		margin-top: 1em;
	}
	.donation_section .contact dt {
		grid-column: 1;
		text-align-last: justify;
	}
	.donation_section .contact dd {
		grid-column: 2;
	}
}
@media (max-width: 479.98px) {
	.donation_section .contact {
		font-size: .875rem;
	}
	.donation_section .note {
		font-size: .625rem;
	}
}
@media (max-width: 374.98px) {
	.donation_section .contact dt,
	.donation_section .contact dd {
		padding: 0 .5em;
	}
	.donation_section .contact dd {
		margin-top: .25em;
	}
	.donation_section .contact dd + dt {
		margin-top: .5em;
	}
}