@charset "UTF-8";

.mv {
	position: relative;
	aspect-ratio: 1440 / 230;
	background: var(--white);
}

@media (max-width: 1024px) {
	.mv {
		aspect-ratio: 1440 / 300;
	}
}

@media (max-width: 768px) {
	.mv {
		aspect-ratio: 375 / 100;
	}
}

@media (orientation: landscape) and (max-width: 932px) and (max-height: 500px) {
	.mv {
		aspect-ratio: initial;
		height: 140px;
	}
}

.hero {
	background-image: var(--bg-dot);
	background-repeat: repeat;
	padding-block: 80px;
}

.hero__inner {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.hero__title {
	font-size: 2.625rem;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.06em;
	margin-block: calc((1em - 1lh) / 2) !important;
}

.hero__title span {
	background: var(--white);
	padding-block: 5px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.hero__info {
	display: flex;
	align-items: center;
	gap: 20px;
}

.news__date {
	flex-shrink: 0;
	font-family: var(--font-heading);
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.02em;
}

.news__category {
	flex-shrink: 0;
	display: grid;
	place-items: center;
	background: var(--white);
	border: 1px solid var(--color-category);
	border-radius: 100vmax;
	color: var(--color-category);
	font-size: 0.8125rem;
	padding-inline: 10px;
	min-height: 30px;
	min-width: 104px;
}

@media (max-width: 768px) {
	.hero__inner {
		gap: 20px;
	}

	.hero__title {
		font-size: 1.25rem;
	}

	.news__date {
		font-size: 1rem;
	}

	.news__category {
		font-size: 0.75rem;
		padding-inline: 0;
		min-height: 29px;
		min-width: 90px;
	}
}

.news__thumbnail {
	margin-bottom: 50px;
}

.news__thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

.news__body {
	padding: 160px 0 110px;
	max-width: 1060px;
	width: 100%;
	margin-inline: auto;
}

.news__body p {
	font-size: var(--font-basic);
	font-weight: 400;
	line-height: 1.7;
	margin-bottom: 25px;
}

.news__body p.post-note {
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0.02em;
	color: #072F39;
}

.news__body :is(h2, h3, h4, h5) {
	font-weight: 700;
}

.news__body h2 {
	position: relative;
	font-size: 1.5rem;
	line-height: 1.6;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #b2b2b2;
}

.news__body h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 196px;
	height: 2px;
	background: linear-gradient(90deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
}

.news__body h3 {
	font-size: 1.25rem;
	line-height: 1.6;
	background: linear-gradient(90deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	margin-bottom: 25px;
}

.news__body h4 {
	font-size: 1.125rem;
	line-height: 1.6;
	margin-bottom: 25px;
}

.news__body ul {
	padding-left: 0;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.news__body ul li {
	position: relative;
	padding-left: 20px;
	font-size: var(--font-basic);
	font-weight: 400;
}

.news__body ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.7em;
	width: 0.375em;
	height: 0.375em;
	border-radius: 50%;
	background: linear-gradient(90deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
}

.news__body ol {
	padding-left: 0;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	counter-reset: item;
}

.news__body ol li {
	counter-increment: item;
	display: grid;
	grid-template-columns: 2em 1fr;
	font-size: var(--font-basic);
	font-weight: 400;
}

.news__body ol li::before {
	content: counter(item) ".";
	font-family: var(--font-heading);
	font-size: 1.125rem;
	background: linear-gradient(90deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.news__body .is-layout-flex {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 40px;
}

.news__body .is-layout-flow > *:first-child {
	margin-top: 0 !important;
}

.news__body .is-layout-flow > *:last-child {
	margin-bottom: 0 !important;
}

.news__body figure.wp-block-image {
	display: block;
	margin-bottom: 30px;
	padding-top: 30px;
}

.news__body figure.wp-block-image img {
	display: block;
}

.news__body figure.wp-block-image figcaption {
	margin-top: 15px;
	font-size: 0.8125rem;
	letter-spacing: 0.03em;
}

.news__body a {
	font-size: var(--font-basic);
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0.03em;
	color: #036BC6;
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
	.news__body a:hover {
		opacity: 0.7;
	}
}

.wp-block-flexible-table-block-table table {
	margin-block: 40px;
	border-collapse: separate !important;
	border: 1px solid var(--border-grey) !important;
	border-spacing: 0;
	overflow: hidden;
}

.wp-block-flexible-table-block-table table td {
	padding: var(--content-inner-gutter) !important;
	border: 1px solid var(--border-grey) !important;
}

.wp-block-flexible-table-block-table.yoko table tr:first-child > td {
	background: #1E82A5 !important;
	border-right: 1px solid var(--white) !important;
	color: var(--white);
}

.wp-block-flexible-table-block-table.yoko table tr:first-child > td:last-child {
	border-right: none !important;
}

.wp-block-flexible-table-block-table.tate table td:first-child,
.wp-block-flexible-table-block-table.tate table th:first-child {
	background: #1E82A5 !important;
	border-bottom: 1px solid var(--white) !important;
	color: var(--white);
}

.wp-block-flexible-table-block-table.tate table tr:last-child td:first-child {
	border-bottom: none !important;
}

.img-text-wrap {
	display: flex;
	gap: 50px;
	align-items: center;
	margin-bottom: 40px;
}

.img-text-wrap .col-img {
	flex: 1;
}

.img-text-wrap .col-img img {
	width: 100%;
	height: auto;
	display: block;
}

.img-text-wrap .col-text {
	flex: 1;
}

@media (max-width: 768px) {
	.news__thumbnail {
		margin-bottom: 40px;
	}

	.news__body {
		padding: 140px 0 90px;
	}

	.news__body p {
		margin-bottom: 20px;
	}

	.news__body h2 {
		font-size: 1.25rem;
		margin-bottom: 30px;
	}

	.news__body h3 {
		font-size: 1.125rem;
		margin-bottom: 20px;
	}

	.news__body h4 {
		font-size: 1rem;
		margin-bottom: 20px;
	}

	.news__body ul {
		margin-bottom: 20px;
	}

	.news__body ul li {
		padding-left: 10px;
	}

	.news__body ol {
		gap: 5px;
		margin-bottom: 20px;
	}

	.news__body ol li::before {
		font-size: 1rem;
	}

	.news__body .is-layout-flex {
		gap: 10px;
		margin-bottom: 30px;
	}

	.news__body figure.wp-block-image {
		margin-bottom: 20px;
		padding-top: 20px;
	}

	.news__body figure.wp-block-image figcaption {
		margin-top: 10px;
	}

	.wp-block-flexible-table-block-table table {
		margin-block: 30px;
	}

	.img-text-wrap {
		flex-direction: column;
		margin-bottom: 20px;
	}

	.img-text-wrap .col-img {
		width: 100%;
	}

	.img-text-wrap {
		flex-direction: column-reverse;
	}

	.img-text-wrap.reverse-img {
		flex-direction: column;
	}
}

.link-external {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0.03em;
	color: #036BC6;
	text-decoration: underline;
	margin-bottom: 10px;
}

.link-external::after {
	content: "";
	width: 0.625em;
	height: 0.625em;
	display: inline-block;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1 11L11 1M4 1H11V8' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.link-pdf {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0.03em;
	color: #036BC6;
	text-decoration: underline;
	margin-bottom: 10px;
}

.link-pdf::after {
	content: "";
	width: 2.25em;
	height: 1.25em;
	display: inline-block;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 20' fill='none'%3E%3Crect x='.5' y='.5' width='35' height='19' rx='2.5' stroke='%23CF3737'/%3E%3Cpath d='M9.786 10.686h.0c.296 0 .554-.036.774-.108.22-.076.402-.182.546-.318.148-.14.258-.308.33-.504.072-.2.108-.422.108-.666 0-.232-.036-.442-.108-.63-.072-.188-.18-.348-.324-.48-.144-.132-.326-.232-.546-.3-.22-.072-.48-.108-.78-.108H8.58v3.114h1.206ZM9.786 6.324c.58 0 1.082.068 1.506.204.424.136.774.326 1.05.57.276.244.48.536.612.876.136.34.204.712.204 1.116 0 .42-.07.806-.21 1.158-.14.348-.35.648-.63.9-.28.252-.632.448-1.056.588-.42.14-.912.21-1.476.21H8.58V15H6.966V6.324h2.82ZM22.34 10.662c0 .636-.106 1.22-.318 1.752-.212.532-.51.99-.894 1.374-.384.384-.846.682-1.386.894-.54.212-1.14.318-1.8.318h-3.306V6.324h3.306c.66 0 1.26.108 1.8.324.54.212 1.002.51 1.386.894.384.38.682.836.894 1.368.212.532.318 1.116.318 1.752Zm-1.656 0c0-.476-.064-.902-.192-1.278-.124-.38-.306-.7-.546-.96-.236-.264-.524-.466-.864-.606-.336-.14-.716-.21-1.14-.21h-1.686v6.108h1.686c.424 0 .804-.07 1.14-.21.34-.14.628-.34.864-.6.24-.264.422-.584.546-.96.128-.38.192-.808.192-1.284ZM25.625 7.608v2.568h3.252v1.29h-3.252V15h-1.62V6.324h5.472v1.284h-3.852Z' fill='%23CF3737'/%3E%3C/svg%3E") center / contain no-repeat;
}

.btn-box .c-reversearrow-btn {
	justify-content: space-between;
	padding-inline: 15px 20px;
	min-width: 150px;
	width: auto;
}

.news-pagination {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding: 18px 20px;
	border-top: 1px solid var(--border-grey);
	border-bottom: 1px solid var(--border-grey);
}

.news-pagination a {
	color: var(--black);
	text-decoration: none;
}

.news-pagination a:hover {
	opacity: 0.7;
}

.news-pagination .is-disabled {
	color: #aaa;
}

.news-pagination__prev {
	justify-self: start;
}

.news-pagination__list {
	justify-self: center;
}

.news-pagination__list a {
	gap: 10px;
}

.news-pagination__next {
	justify-self: end;
}

.news-pagination__prev a,
.news-pagination__prev .is-disabled,
.news-pagination__list a,
.news-pagination__next a,
.news-pagination__next .is-disabled {
	display: inline-flex;
	align-items: center;
}

.news-pagination__prev a,
.news-pagination__prev .is-disabled,
.news-pagination__next a,
.news-pagination__next .is-disabled {
	gap: 20px;
}

.news-pagination__divider {
	width: 1px;
	height: 39px;
	background: currentColor;
	display: block;
}

@media (max-width: 768px) {
	.news-pagination {
		padding: 10px 0;
		font-size: 0.625rem;
	}

	.news-pagination svg {
		width: 25%;
		height: 25%;
	}

	.news-pagination__prev a,
	.news-pagination__prev .is-disabled,
	.news-pagination__next a,
	.news-pagination__next .is-disabled {
		gap: 10px;
	}

	.news-pagination__divider {
		height: 29px;
	}
}