@charset 'UTF-8';
/*----------------------------------------

	- news

-----------------------------------------*/

/*----------------------------------------
	news
-----------------------------------------*/

.news {
	margin-block-start: -80px;
	padding-block-end: 80px;
	border-block-start: var(--border-width1) solid var(--color-the63rd-gray02);
	border-start-start-radius: 80px;
	background-color: var(--color-the63rd-black01);
}

.news .goBack {
	inline-size: min(80%, 1120px);
	margin-block-start: 75px;
	margin-inline: auto;
}

.news .goBack a {
	position: relative;
	padding-inline-start: 32px;
	color: var(--color-white01);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height15);
	font-family: var(--font-family-mincho);
}

.news .goBack a::before {
	content: '';
	display: block;
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 0;
	transform: rotate(180deg) translateY(50%);
	block-size: 24px;
	inline-size: 24px;
	background: url(/asset/img/sengu/the63rd/common/c_arrow01_m.svg) no-repeat center center;
	background-size: cover;
}

.news .newsContainer {
	inline-size: min(80%, 1120px);
	margin-block-start: 50px;
	margin-inline: auto;
	color: var(--color-white01);
}

.news .newsContainer .newsTitle {
	max-inline-size: 800px;
	margin-inline-start: auto;
	padding-block-end: 31px;
	border-block-end: var(--border-width1) solid var(--color-the63rd-gray02);
}

.news .newsContainer .newsTitle p {
	line-height: var(--line-height15);
}

.news .newsContainer .newsTitle h1 {
	margin-block-start: 5px;
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size44);
	line-height: var(--line-height15);
}

.news .newsContainer .newsTitle h1 ruby rt {
	font-size: var(--font-size16);
	ruby-align: unset;
	text-align: unset;
	margin-block: 0.18rem;
}

@-moz-document url-prefix() {
	.news .newsContainer .newsTitle h1 ruby rt {
		margin-block: -0.05rem -0.7rem;
	}
}

_::-webkit-full-page-media,
_:future,
:root .news .newsContainer .newsTitle h1 ruby rt {
	margin-block-end: -0.85rem;
}

.news .newsContainer .newsContents {
	max-inline-size: 800px;
	margin-inline-start: auto;
}

.news .newsContainer .newsContents .keyword {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 8px;
	margin-block-start: 32px;
}

.news .newsContainer .newsContents .keyword li a {
	display: grid;
	place-items: center;
	padding: 12px 20px;
	border: var(--border-width1) solid var(--color-white01);
	border-radius: 100vh;
	color: var(--color-white01);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size14);
	line-height: var(--line-height125);
	-webkit-user-select: none;
	user-select: none;
	transition: all 0.6s cubic-bezier(0.45, 0, 0.55, 1);
}

.news .newsContainer .newsContents .keyword li a:hover {
	border-color: var(--color-white01);
	background-color: var(--color-white01);
	color: var(--color-the63rd-black01);
}

.news .newsContainer .newsContents .mainTxt {
	margin-block-start: 80px;
}

.news .newsContainer .newsContents .mainTxt a {
	border-block-end: var(--border-width1) solid currentColor;
	color: var(--color-white01);
}

.news .newsContainer .newsContents .relationLink {
	margin-block-start: 80px;
}

.news .newsContainer .newsContents .relationLink li+li {
	margin-block-start: 19px;
}

.news .newsContainer .newsContents .relationLink li a {
	position: relative;
	margin-inline-end: calc(0.65em + 7px);
	border-block-end: var(--border-width1) solid currentColor;
	color: var(--color-white01);
}

.news .newsContainer .newsContents .relationLink li a:is(.external, .pdf) {
	margin-inline-end: calc(0.65em + 11px);
}

.news .newsContainer .newsContents .relationLink li a::after {
	content: '';
	display: inline-block;
	position: absolute;
	inset-block-end: 0.25em;
	inset-inline-end: calc((0.65em + 7px)* -1);
	block-size: 14px;
	inline-size: 7px;
	background: url(/asset/img/sengu/the63rd/common/c_arrow02w_m.svg) no-repeat center center;
	background-size: cover;
}

.news .newsContainer .newsContents .relationLink li a.external::after {
	inset-inline-end: calc((0.65em + 11px)* -1);
	block-size: 11px;
	inline-size: 11px;
	background-image: url(/asset/img/sengu/the63rd/common/c_ic_external02w_s.svg);
}

.news .newsContainer .newsContents .relationLink li a.pdf::after {
	inset-inline-end: calc((0.65em + 11px)* -1);
	block-size: 11px;
	inline-size: 11px;
	background-image: url(/asset/img/sengu/the63rd/common/c_ic_pdf01w_s.svg);
}

.news .newsContainer .newsContents .img {
	margin-block-start: 32px;
}

.news .newsContainer .newsContents .img:first-of-type {
	margin-block-start: 64px;
}

.news .newsContainer .newsContents .img.large {
	inline-size: min(100%, 800px);
}

.news .newsContainer .newsContents .img.medium {
	inline-size: min(65%, 520px);
}

.news .newsContainer .newsContents .img.small {
	inline-size: min(42%, 336px);
}

.news .newsContainer .newsContents .video {
	inline-size: 100%;
	margin-block-start: 64px;
	margin-inline: unset;
}

@media (width <=800px) {
	.news {
		padding-block-end: 40px;
	}

	.news .goBack {
		inline-size: 84%;
		margin-block-start: 57px;
	}

	.news .goBack a {
		padding-inline-start: 28px;
	}

	.news .goBack a::before {
		block-size: 20px;
		inline-size: 20px;
		background-image: url(/asset/img/sengu/the63rd/common/c_arrow01_s.svg);
	}

	.news .newsContainer {
		inline-size: 100%;
		margin-block-start: 59px;
		margin-inline: unset;
	}

	.news .newsContainer .newsTitle {
		inline-size: 84%;
		margin-inline: auto;
		padding-block-end: 31px;
	}

	.news .newsContainer .newsTitle h1 {
		margin-block-start: 6px;
		font-size: var(--font-size28);
	}

	.news .newsContainer .newsTitle h1 ruby rt {
		font-size: var(--font-size10);
	}
	@-moz-document url-prefix() {
		.news .newsContainer .newsTitle h1 ruby rt {
			margin-block: -0.05rem -0.35rem;
		}
	}
	_::-webkit-full-page-media,
	_:future,
	:root .news .newsContainer .newsTitle h1 ruby rt {
		margin-block-end: -0.55rem;
	}

	.news .newsContainer .newsContents {
		inline-size: 100%;
		margin-inline-start: unset;
	}

	.news .newsContainer .newsContents :is(.keyword, .mainTxt, .relationLink, .img:is(.large, .medium, .small)) {
		inline-size: 84%;
		margin-inline: auto;
	}

	.news .newsContainer .newsContents .mainTxt {
		margin-block-start: 65px;
	}

	.news .newsContainer .newsContents .relationLink {
		margin-block-start: 65px;
	}

	.news .newsContainer .newsContents .relationLink li a:is(.external, .pdf) {
		margin-inline-end: calc(0.65em + 12px);
	}

	.news .newsContainer .newsContents .relationLink li a.external::after {
		inset-inline-end: calc((0.65em + 12px)* -1);
		block-size: 12px;
		inline-size: 12px;
	}

	.news .newsContainer .newsContents .relationLink li a.pdf::after {
		inset-inline-end: calc((0.65em + 12px)* -1);
		block-size: 12px;
		inline-size: 12px;
	}

	.news .newsContainer .newsContents .video {
		inline-size: unset;
	}
}