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

	- common setting
	- about
	- highlights
	- attire
	- future
	- qa

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

/*----------------------------------------
	common setting
-----------------------------------------*/

.content {
	margin-block-end: 0;
}

/*----------------------------------------
	about
-----------------------------------------*/

.about {
	padding-block-start: 32px;
	overflow: hidden;
	background: var(--color-the63rd-red01);
}

.about .aboutContainer {
	inline-size: min(80%, 1120px);
	margin-inline: auto;
}

.about .aboutContainer .aboutContainerInner {
	display: grid;
	gap: 0 min(10vw, 140px);
	grid-template-columns: 180px 1fr;
	margin-inline-end: calc(50% - (50vw - 7.5px));
}

.about .aboutContainer .aboutContainerInner>div {
	margin-block: 128px 80px;
}

.about .aboutContainer .aboutContainerInner>div :is(ul, dl) {
	inline-size: min(85.1%, 800px);
}

.about .aboutContainer .aboutContainerInner>div ul {
	display: grid;
	gap: 0 80px;
	grid-template-columns: repeat(3, max-content);
	margin-block-start: 64px;
}

.about .aboutContainer .aboutContainerInner>div ul a {
	position: relative;
	padding-inline-end: 32px;
	color: var(--color-white01);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size24);
	line-height: var(--line-height15);
}

.about .aboutContainer .aboutContainerInner>div ul a::before {
	content: '';
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: 0;
	transform: translateY(-50%);
	block-size: 24px;
	inline-size: 24px;
	background: url(/asset/img/sengu/the63rd/common/c_arrow01_dwn_m.svg) no-repeat center center;
	background-size: cover;
}

.about .aboutContainer .aboutContainerInner>div dl {
	margin-block: 160px 80px;
}

.about .aboutContainer .aboutContainerInner>div figure+dl {
	margin-block: 64px 0;
}

.about .aboutContainer .aboutContainerInner>div dl dt {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size32);
	line-height: var(--line-height15);
}

.about .aboutContainer .aboutContainerInner>div dl dt span {
	display: inline-block;
	padding-inline: 4px;
	background: var(--color-the63rd-black01);
	color: var(--color-white01);
}

.about .aboutContainer .aboutContainerInner>div dl dt br:last-of-type {
	display: none;
}

.about .aboutContainer .aboutContainerInner>div dl dt+dd {
	margin-block-start: 24px;
}

.about .aboutContainer .aboutContainerInner>div dl dd {
	display: inline-block;
	color: var(--color-white01);
}

.about .aboutContainer .aboutContainerInner>div dl dd+dd {
	margin-block-start: 20px;
}

@media (width <=1280px) {
	.about .aboutContainer .aboutContainerInner>div ul {
		gap: 32px 0;
		grid-template-columns: none;
	}
}

@media (width <=800px) {
	.about {
		padding-block-start: 20px;
	}

	.about .aboutContainer {
		inline-size: 95%;
		margin-inline: auto 0;
	}

	.about .aboutContainer .aboutContainerInner {
		gap: 0 20px;
		grid-template-columns: 120px 1fr;
		margin-inline-end: 0;
	}

	.about .aboutContainer .aboutContainerInner>div {
		margin-block: 108px 40px;
	}

	.about .aboutContainer .aboutContainerInner>div :is(ul, dl) {
		inline-size: 91.66%;
	}

	.about .aboutContainer .aboutContainerInner>div ul {
		gap: 24px 0;
		margin-block-start: 28px;
	}

	.about .aboutContainer .aboutContainerInner>div ul a {
		padding-inline-end: 27px;
		font-size: var(--font-size16);
	}

	.about .aboutContainer .aboutContainerInner>div ul a::before {
		block-size: 20px;
		inline-size: 20px;
		background: url(/asset/img/sengu/the63rd/common/c_arrow01_dwn_s.svg) no-repeat center center;
	}

	.about .aboutContainer .aboutContainerInner>div figure:last-of-type {
		inline-size: 100vw;
		margin-inline-start: calc(100% - 100vw);
	}

	.about .aboutContainer .aboutContainerInner>div figure+dl {
		margin-block: 32px 0;
	}

	.about .aboutContainer .aboutContainerInner>div dl {
		margin-block: 62px;
	}

	.about .aboutContainer .aboutContainerInner>div figure+dl {
		margin-block: 32px 0;
	}

	.about .aboutContainer .aboutContainerInner>div dl dt {
		font-size: var(--font-size20);
	}

	.about .aboutContainer .aboutContainerInner>div dl dt span {
		padding-inline: 5px;
	}

	.about .aboutContainer .aboutContainerInner>div dl dt br:last-of-type {
		display: block;
	}

	.about .aboutContainer .aboutContainerInner>div dl dt+dd {
		margin-block-start: 18px;
	}
}

/*----------------------------------------
	highlights
-----------------------------------------*/

.highlights {
	overflow: hidden;
	background: var(--color-the63rd-red01);
	scroll-margin-block-start: 48px;
}

.highlights .highlightsContainer {
	z-index: 1;
	position: relative;
	inline-size: min(80%, 1120px);
	margin-inline: auto;
	padding-block: 32px 27px;
	background: var(--color-the63rd-black01);
}

.highlights .highlightsContainer::before {
	content: '';
	display: block;
	z-index: -1;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	block-size: 100%;
	inline-size: 100vw;
	background: var(--color-the63rd-black01);
}

.highlights .highlightsContainer h2 {
	margin-block-end: 80px;
	margin-inline-start: 32px;
	color: var(--color-white01);
	font-size: var(--font-size52);
	line-height: var(--line-height12);
}

.highlights .highlightsContainer>div:not(:first-of-type) {
	margin-block-start: 128px;
}

.highlights .highlightsContainer>div:not(:nth-of-type(even)) {
	text-align: end;
}

.highlights .highlightsContainer>div h3 {
	display: inline-block;
	position: relative;
	margin-block-start: 83px;
	margin-inline-start: 80px;
	color: var(--color-the63rd-gold01);
	font-size: var(--font-size90);
	line-height: var(--line-height12);
	font-family: var(--font-family-mincho);
}

.highlights .highlightsContainer>div h3::before {
	content: '';
	display: block;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	transform: rotate(45deg);
	block-size: 120px;
	inline-size: 120px;
	margin-block-start: -60px;
	margin-inline-start: 30px;
	border-inline-start: var(--border-width1) solid var(--color-the63rd-gold01);
}

.highlights .highlightsContainer>div h3 br {
	display: none;
}

.highlights .highlightsContainer>div figure {
	margin-block-start: -9.5vw;
	margin-inline-end: calc(50% - (50vw - 7.5px));
}

.highlights .highlightsContainer>div div {
	margin-block-start: 64px;
	padding-inline-start: min(calc(10vw + 180px), 320px);
	color: var(--color-white01);
	text-align: start;
}

.highlights .highlightsContainer>div div p+p {
	margin-block-start: 20px;
}

.highlights .highlightsContainer>div:last-of-type {
	display: grid;
	gap: 64px min(5.71vw, 80px);
	grid-template-columns: min(50.96%, 530px) auto;
	grid-template-rows: repeat(2, 1fr);
	margin-inline-start: 80px;
	text-align: start;
}

.highlights .highlightsContainer>div:last-of-type h3 {
	grid-area: 1 / 2 / 2 / 3;
	margin-block-start: 85px;
	margin-inline-start: 0;
	font-size: var(--font-size60);
}

.highlights .highlightsContainer>div:last-of-type figure {
	grid-area: 1 / 1 / 3 / 2;
	margin-block-start: 0;
	margin-inline-end: 0;
}

.highlights .highlightsContainer>div:last-of-type div {
	grid-area: 2 / 2 / 3 / 3;
	margin-block-start: 0;
	padding-inline-start: 0;
}

@media (width <=800px) {
	.highlights {
		scroll-margin-block-start: 0;
	}

	.highlights .highlightsContainer {
		inline-size: 95%;
		margin-inline: auto 0;
		padding-block: 20px 30px;
	}

	.highlights .highlightsContainer::before {
		display: none;
	}

	.highlights .highlightsContainer h2 {
		margin-block-end: 0;
		margin-inline-start: 20px;
		font-size: var(--font-size36);
	}

	.highlights .highlightsContainer>div:not(:first-of-type) {
		margin-block-start: 64px;
	}

	.highlights .highlightsContainer>div h3 {
		margin-block-start: 56px;
		margin-inline: 20px;
		font-size: var(--font-size60);
		text-align: start;
	}

	.highlights .highlightsContainer>div h3::before {
		block-size: 80px;
		inline-size: 80px;
		margin-block-start: -40px;
		margin-inline-start: 20px;
	}

	.highlights .highlightsContainer>div h3 br {
		display: inline-block;
	}

	.highlights .highlightsContainer>div figure {
		margin-block-start: -15vw;
		margin-inline-end: 0;
	}

	.highlights .highlightsContainer>div div {
		inline-size: 89.47%;
		margin-block-start: -78.5vw;
		margin-inline: auto;
		padding-inline-start: 0;
	}

	.highlights .highlightsContainer>div:not(:last-of-type) div p:first-of-type {
		min-block-size: 64vw;
		inline-size: 52.94%;
	}

	.highlights .highlightsContainer>div:nth-of-type(even) p:first-of-type {
		margin-inline-start: auto;
	}

	.highlights .highlightsContainer>div div p+p {
		margin-block-start: 20px;
	}

	.highlights .highlightsContainer>div:nth-of-type(2) div {
		margin-block-start: -69vw;
	}

	.highlights .highlightsContainer>div:nth-of-type(3) div {
		margin-block-start: -75vw;
	}

	.highlights .highlightsContainer>div:nth-of-type(4) div {
		margin-block-start: -69vw;
	}

	.highlights .highlightsContainer>div:last-of-type {
		display: block;
		inline-size: 100%;
		margin-block-start: 55px;
		margin-inline: auto;
		text-align: end;
	}

	.highlights .highlightsContainer>div:last-of-type h3 {
		margin-block: 64px 20px;
		margin-inline: 20px;
		font-size: var(--font-size40);
	}

	.highlights .highlightsContainer>div:last-of-type figure {
		inline-size: calc(100% - (10.53% / 2));
	}

	.highlights .highlightsContainer>div:last-of-type div {
		inline-size: 89.47%;
		margin-block-start: 20px;
	}
}

/*----------------------------------------
	attire
-----------------------------------------*/

.attire {
	padding-block-end: 20px;
	overflow: hidden;
	background-color: var(--color-the63rd-red01);
}

.attire .attireContainer {
	z-index: 1;
	position: relative;
	inline-size: min(80%, 1120px);
	margin-inline: auto;
	padding-block: 80px;
}

.attire .attireContainer::before {
	content: '';
	z-index: -2;
	position: absolute;
	inset: 0;
	block-size: 100px;
	inline-size: 100%;
	background-color: var(--color-the63rd-black01);
}

.attire .attireContainer::after {
	content: '';
	z-index: -1;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	block-size: 100%;
	inline-size: 100vw;
	border-radius: 100px 0 0 100px;
	background: linear-gradient(-90deg, var(--color-gradient-the63rd-gold01) 0%, var(--color-gradient-the63rd-gold02) 100%);
}

.attire .attireContainer>div:first-of-type {
	display: grid;
	gap: 0 min(8.57vw, 120px);
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(2, auto);
}

.attire .attireContainer>div:first-of-type h3 {
	grid-area: 1 / 2 / 2 / 3;
	block-size: min(100%, 321px);
	inline-size: min(28vw, 392px);
}

.attire .attireContainer>div:first-of-type figure {
	grid-area: 1 / 1 / 3 / 2;
	block-size: min(100%, 517px);
	inline-size: min(28.57vw, 400px);
	margin-block-start: 20px;
	margin-inline-start: min(8.57vw, 120px);
}

.attire .attireContainer>div:first-of-type div {
	grid-area: 2 / 2 / 3 / 3;
	margin-block-start: 40px;
}

.attire .attireContainer>div:first-of-type div p {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size18);
}

.attire .attireContainer>div:first-of-type div p:nth-of-type(2) {
	margin-block-start: 20px;
}

.attire .attireContainer>div:nth-of-type(2) {
	margin-block-start: 70px;
}

.attire .attireContainer>div:nth-of-type(2) figure {
	position: absolute;
	inset-block-start: min(41.21vw, 577px);
	inset-inline-start: min(14.28vw, 200px);
	block-size: min(100%, 619px);
	inline-size: min(25.71vw, 360px);
}

.attire .attireContainer>div:nth-of-type(2) div {
	margin-inline-start: min(45.71vw, 640px);
}

.attire .attireContainer>div:nth-of-type(2) div p:nth-of-type(-n+2) {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size18);
}

.attire .attireContainer>div:nth-of-type(2) div p:nth-of-type(2) {
	margin-block: 20px 40px;
}

.attire .attireContainer>div:nth-of-type(2) div p:nth-of-type(3) .the63rdBtn01 {
	margin-inline: auto 0;
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size24);
	line-height: var(--line-height15);
}

@media (width <=800px) {
	.attire .attireContainer {
		inline-size: 90%;
		padding-block: 40px;
	}

	.attire .attireContainer>div:first-of-type {
		display: block;
		inline-size: 85vw;
		margin-inline: auto 0;
	}

	.attire .attireContainer>div:first-of-type h3 {
		block-size: 268px;
		inline-size: 326px;
		margin-inline: auto 0;
	}

	.attire .attireContainer>div:first-of-type figure {
		block-size: max(117vw, 468px);
		inline-size: max(85vw, 340px);
		margin-inline-start: 0;
	}

	.attire .attireContainer>div:first-of-type div {
		inline-size: 85vw;
		margin-block-start: 20px;
	}

	.attire .attireContainer>div:first-of-type div p {
		font-size: var(--font-size16);
	}

	.attire .attireContainer>div:nth-of-type(2) {
		inline-size: 85vw;
		margin-block-start: 32px;
		margin-inline: auto 0;
	}

	.attire .attireContainer>div:nth-of-type(2) figure {
		position: relative;
		inset: 0;
		block-size: max(154.75vw, 619px);
		inline-size: max(90vw, 360px);
		margin-inline: auto 0;
	}

	.attire .attireContainer>div:nth-of-type(2) div {
		margin-block-start: 24px;
		margin-inline-start: 0;
	}

	.attire .attireContainer>div:nth-of-type(2) div p:nth-of-type(-n+2) {
		font-size: var(--font-size16);
	}

	.attire .attireContainer>div:nth-of-type(2) div p:nth-of-type(3) .the63rdBtn01 {
		font-size: var(--font-size16);
	}
}

/*----------------------------------------
	future
-----------------------------------------*/

.future {
	position: relative;
	inline-size: min(80%, 1120px);
	margin-inline: auto;
	scroll-margin-block-start: 48px;
}

.future h2 {
	z-index: 1;
	position: absolute;
	inset-block-start: 80px;
	inset-inline-start: 0;
	inline-size: 290px;
}

.future>div h3 {
	padding-block-end: 16px;
	color: var(--color-white01);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size32);
	line-height: var(--line-height15);
}

.future>div h3 span {
	display: inline-block;
	padding-inline: 4px;
	background: var(--color-the63rd-black01);
}

.future>div p+p {
	padding-block-start: 64px;
}

.future .futureSection01 {
	inline-size: min(71.42%, 800px);
	margin-inline-start: auto;
	padding-block-start: 192px;
}

.future .futureSection01>div:first-of-type {
	position: relative;
	padding-block-end: min(57.14vw, 80px);
}

.future .futureSection01>div:first-of-type p {
	position: absolute;
	inset-block-end: min(-0.57vw, -8px);
	inset-inline-end: min(2.85vw, 40px);
	inline-size: min(18%, 144px);
}

.future .futureSection01>div:nth-of-type(2) {
	position: relative;
}

.future .futureSection01>div:nth-of-type(2)::before {
	content: '';
	position: absolute;
	inset-block-start: min(0.35vw, 5px);
	inset-inline-start: max(-22.85vw, -320px);
	block-size: min(20.35vw, 285px);
	inline-size: min(22.07vw, 309px);
	background-image: url(/asset/img/sengu/the63rd/about/i_future_illust01.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

.future .futureSection02 {
	display: grid;
	gap: 0 min(5.71vw, 80px);
	grid-template-columns: min(52.05%, 583px) 1fr;
	grid-template-rows: auto;
	margin-block-start: 128px;
}

.future .futureSection02>div:first-of-type {
	position: relative;
	margin-block-end: auto;
	padding-block-end: min(7.14vw, 100px);
}

.future .futureSection02>div:first-of-type p {
	position: absolute;
	inset-block-end: min(1.07vw, 15px);
	inset-inline-end: 0;
	inline-size: min(53.34%, 311px);
}

.future .futureSection02>div:nth-of-type(2) {
	position: relative;
	padding-block: 80px min(calc(15vw + 30px), 240px);
}

.future .futureSection02>div:nth-of-type(2) h3 {
	padding-block-end: 23px;
}

.future .futureSection02>div:nth-of-type(2)::before {
	content: '';
	position: absolute;
	inset-block-end: min(-0.14vw, -2px);
	inset-inline-start: min(0.5vw, 7px);
	block-size: min(15.14vw, 212px);
	inline-size: min(25vw, 350px);
	background-image: url(/asset/img/sengu/the63rd/about/i_future_illust02.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

.future .futureSection03 {
	inline-size: min(71.42%, 800px);
	margin-block-start: 157px;
	margin-inline-start: auto;
}

.future .futureSection03>div:first-of-type {
	position: relative;
	margin-block-end: -10px;
	padding-block-end: min(6.42vw, 90px);
}

.future .futureSection03>div:first-of-type p {
	position: absolute;
	inset-block-end: min(-1.21vw, -17px);
	inset-inline-end: min(2.85vw, 40px);
	inline-size: min(22.5%, 181px);
}

.future .futureSection03>div:nth-of-type(2) {
	position: relative;
}

.future .futureSection03>div:nth-of-type(2) h3 {
	padding-block-end: 23px;
}

.future .futureSection03>div:nth-of-type(2)::before {
	content: '';
	position: absolute;
	inset-block-start: min(2.07vw, 29px);
	inset-inline-start: max(-22.64vw, -317px);
	block-size: min(23.5vw, 329px);
	inline-size: min(21vw, 294px);
	background-image: url(/asset/img/sengu/the63rd/about/i_future_illust03.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

.future .futureSection04 {
	display: grid;
	gap: 0 min(5.71vw, 80px);
	grid-template-columns: 1fr min(52.05%, 583px);
	margin-block-start: 123px;
}

.future .futureSection04>div:first-of-type {
	grid-area: 1 / 2 / 2 / 3;
	position: relative;
	margin-block-end: auto;
	padding-block-end: min(5.71vw, 81px);
}

.future .futureSection04>div:first-of-type p {
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 0;
	inline-size: min(53.34%, 311px);
}

.future .futureSection04>div:nth-of-type(2) {
	grid-area: 1 / 1 / 2 / 2;
	position: relative;
	margin-block-start: 80px;
	padding-block-end: min(21.57vw, 302px);
}

.future .futureSection04>div:nth-of-type(2) h3 {
	padding-block-end: 23px;
}

.future .futureSection04>div:nth-of-type(2)::before {
	content: '';
	position: absolute;
	inset-block-end: min(0.07vw, 1px);
	inset-inline-end: min(3.14vw, 44px);
	block-size: min(17.85vw, 250px);
	inline-size: min(14.57vw, 204px);
	background-image: url(/asset/img/sengu/the63rd/about/i_future_illust04.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

@media (width <=800px) {
	.future {
		inline-size: 100%;
		margin-inline: 0;
		overflow: hidden;
		scroll-margin-block-start: 0;
	}

	.future h2 {
		inset-block-start: 40px;
		inline-size: 193px;
		margin-inline-start: 5%;
	}

	.future>div h3 {
		padding-block-end: 20px;
		font-size: var(--font-size20);
	}

	.future>div h3 span {
		padding-inline: 4px;
	}

	.future .futureSection01 {
		inline-size: 96%;
		margin-inline: auto;
	}

	.future .futureSection01>div:first-of-type {
		padding-block-end: min(12vw, 48px);
	}

	.future .futureSection01>div:first-of-type p {
		inset-block-end: min(0.25vw, 1px);
		inset-inline-end: min(3.25vw, 13px);
		inline-size: min(25%, 96px);
	}

	.future .futureSection01>div:nth-of-type(2) {
		position: unset;
		margin-inline: max(3vw, 12px);
	}

	.future .futureSection01>div:nth-of-type(2)::before {
		content: none;
		display: none;
	}

	.future .futureSection01>div:nth-of-type(2) h3 {
		padding-inline-start: max(35vw, 140px);
	}

	.future .futureSection01>div:nth-of-type(2) p:first-of-type {
		position: relative;
		margin-inline-end: max(-1.25vw, -5px);
		padding-inline-start: max(35vw, 140px);
	}

	.future .futureSection01>div:nth-of-type(2) p:first-of-type::before {
		content: '';
		z-index: 1;
		position: absolute;
		inset-block-end: -57px;
		inset-inline-start: max(calc(-13vw + -2%), calc(-52px + -2%));
		block-size: max(47vw, 188px);
		inline-size: max(51.25vw, 205px);
		background-image: url(/asset/img/sengu/the63rd/about/i_future_illust01.svg);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
	}

	.future .futureSection01>div:nth-of-type(2) p:nth-of-type(2) {
		margin-inline-end: max(-1.25vw, -5px);
		padding-inline-start: max(35vw, 140px);
	}

	.future .futureSection02 {
		display: block;
		inline-size: 96%;
		margin-block-start: 64px;
		margin-inline: auto;
	}

	.future .futureSection02>div:first-of-type {
		margin-block-end: 0;
		padding-block-end: min(4.125vw, 33px);
	}

	.future .futureSection02>div:first-of-type figure {
		inline-size: max(72.91%, 280px);
	}

	.future .futureSection02>div:first-of-type p {
		inset-block-end: min(-4vw, -16px);
		inset-inline-end: min(3vw, 12px);
		inline-size: min(53.9%, 207px);
	}

	.future .futureSection02>div:nth-of-type(2) {
		position: unset;
		margin-inline: max(3vw, 12px);
		padding-block: 31px 0;
	}

	.future .futureSection02>div:nth-of-type(2)::before {
		content: '';
		display: none;
	}

	.future .futureSection02>div:nth-of-type(2) h3 {
		padding-inline-start: max(35vw, 140px);
	}

	.future .futureSection02>div:nth-of-type(2) p:first-of-type {
		position: relative;
		margin-inline-end: max(-1.25vw, -5px);
		padding-inline-start: max(35vw, 140px);
	}

	.future .futureSection02>div:nth-of-type(2) p:first-of-type::before {
		content: '';
		z-index: 1;
		position: absolute;
		inset-block-end: -97px;
		inset-inline-start: max(calc(-11.98vw + -2%), calc(-47px + -2%));
		block-size: max(35vw, 140px);
		inline-size: max(57.75vw, 231px);
		background-image: url(/asset/img/sengu/the63rd/about/i_future_illust02.svg);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
	}

	.future .futureSection02>div:nth-of-type(2) p:nth-of-type(2) {
		margin-inline-end: max(-1.25vw, -5px);
		padding-inline-start: max(35vw, 140px);
	}

	.future .futureSection03 {
		inline-size: 96%;
		margin-block-start: 64px;
		margin-inline: auto;
	}

	.future .futureSection03>div:first-of-type {
		margin-block-end: 0;
		padding-block-end: min(51.75vw, 207px);
	}

	.future .futureSection03>div:first-of-type p {
		inset-block-end: 0;
		inset-inline-end: min(3vw, 12px);
		inline-size: min(31.5%, 121px);
	}

	.future .futureSection03>div:nth-of-type(2) {
		position: unset;
		margin-block-start: max(-39.75vw, -159px);
		margin-inline: max(3vw, 12px);
	}

	.future .futureSection03>div:nth-of-type(2)::before {
		content: '';
		display: none;
	}

	.future .futureSection03>div:nth-of-type(2) p:first-of-type {
		position: relative;
		padding-inline-end: max(35vw, 140px);
	}

	.future .futureSection03>div:nth-of-type(2) p:first-of-type::before {
		content: '';
		z-index: 1;
		position: absolute;
		inset-block-end: -97px;
		inset-inline-end: max(calc(-12.25vw + -2%), calc(-49px + -2%));
		block-size: max(54.75vw, 219px);
		inline-size: max(48.5vw, 194px);
		background-image: url(/asset/img/sengu/the63rd/about/i_future_illust03.svg);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
	}

	.future .futureSection03>div:nth-of-type(2) p:nth-of-type(2) {
		padding-inline-end: max(35vw, 140px);
	}

	.future .futureSection04 {
		display: block;
		inline-size: 96%;
		margin-block-start: 64px;
		margin-inline: auto;
	}

	.future .futureSection04>div:first-of-type {
		margin-block-end: 0;
		padding-block-end: 0;
	}

	.future .futureSection04>div:first-of-type figure {
		inline-size: max(72.91%, 280px);
		margin-inline-start: auto;
	}

	.future .futureSection04>div:first-of-type p {
		inset-block-end: unset;
		inset-block-start: 41.66%;
		inset-inline-start: min(3vw, 12px);
		inline-size: min(53.9%, 207px);
	}

	.future .futureSection04>div:nth-of-type(2) {
		position: unset;
		margin-block-start: min(-10.5vw, -42px);
		margin-inline: max(3vw, 12px);
		padding-block-end: 0;
	}

	.future .futureSection04>div:nth-of-type(2)::before {
		content: '';
		display: none;
	}

	.future .futureSection04>div:nth-of-type(2) p:first-of-type {
		position: relative;
		padding-inline-end: max(35vw, 140px);
	}

	.future .futureSection04>div:nth-of-type(2) p:first-of-type::before {
		content: '';
		z-index: 1;
		position: absolute;
		inset-block-end: -76px;
		inset-inline-end: max(calc(-3.93vw + -2%), calc(-16px + -2%));
		block-size: max(40.75vw, 163px);
		inline-size: max(31.75vw, 127px);
		background-image: url(/asset/img/sengu/the63rd/about/i_future_illust04.svg);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
	}

	.future .futureSection04>div:nth-of-type(2) p:nth-of-type(2) {
		padding-inline-end: max(35vw, 140px);
	}
}

/*----------------------------------------
	qa
-----------------------------------------*/

.qa {
	position: relative;
	inline-size: min(80%, 1120px);
	margin-block-start: 120px;
	margin-inline: auto;
	padding-block: 160px 448px;
	scroll-margin-block-start: -48px;
}

.qa::before,
.qa::after {
	content: '';
	display: block;
	position: absolute;
	inset-block-start: 0;
	inline-size: min(37.85vw, 530px);
	background: var(--color-the63rd-paleblue02);
}

.qa::before {
	inset-block-start: 30em;
	inset-inline-start: 0;
	block-size: calc(100% - (30em + 80px));
	border-end-end-radius: min(37.85vw, 530px);
}

.qa::after {
	inset-inline-end: 0;
	block-size: calc(100% - (26em + 80px));
	border-radius: min(37.85vw, 530px) 0 calc(min(37.85vw, 530px) / 2) calc(min(37.85vw, 530px) / 2);
}

.qa>h2 {
	margin-block-end: 32px;
	font-size: var(--font-size50);
	line-height: var(--line-height12);
	font-family: var(--font-family-mincho);
}

.qa>ul {
	z-index: 1;
	position: relative;
	inline-size: min(71.42%, 800px);
}

.qa>ul li {
	border: 1px solid var(--color-black01);
	border-radius: 24px 24px 24px 0;
	background: var(--color-white01);
}

.qa>ul li+li {
	margin-block-start: 32px;
}

.qa>ul li dl {
	position: relative;
	padding-block: 39px 31px;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.qa>ul li dl::after {
	content: '';
	display: block;
	position: absolute;
	inset-block-end: -23px;
	inset-inline-end: 14px;
	block-size: 44px;
	inline-size: 44px;
	background: url(/asset/img/sengu/the63rd/common/c_arrow01_dwn_xl.svg) no-repeat center center;
	background-size: contain;
}

.qa>ul li dl.active::after {
	background-image: url(/asset/img/sengu/the63rd/common/c_arrow01_up_xl.svg);
}

.qa>ul li dl dt {
	padding-block-end: 8px;
	padding-inline: 20px;
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height15);
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.qa>ul li dl.active dt {
	padding-block-end: 32px;
}

.qa>ul li dl dd {
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.qa>ul li dl.active dd {
	max-height: unset;
}

.qa>ul li dl dd span {
	display: block;
	padding-block: 32px;
	padding-inline: 20px;
	background: var(--color-the63rd-ivory01);
}

@media (width <=800px) {
	.qa {
		inline-size: 100%;
		margin-block-start: 0;
		padding-block: 160px 78px;
		scroll-margin-block-start: -128px;
	}

	.qa::before,
	.qa::after {
		inline-size: 47.5vw;
	}

	.qa::before {
		inset-block-start: 0;
		inset-block-start: 27em;
		block-size: calc(100% - (27em + 64px));
		border-end-end-radius: 47.5vw;
	}

	.qa::after {
		block-size: calc(100% - (14em + 64px));
		border-radius: 47.5vw 0 calc(47.5vw / 2) calc(47.5vw / 2);
	}

	.qa h2 {
		inline-size: 90%;
		margin-inline: auto;
		font-size: var(--font-size36);
	}

	.qa>ul {
		inline-size: 90%;
		margin-inline: auto;
	}

	.qa>ul li+li {
		margin-block-start: 24px;
	}

	.qa>ul li dl {
		padding-block: 23px 19px;
	}

	.qa>ul li dl::after {
		inset-block-end: -17px;
		inset-inline-end: 7px;
		block-size: 32px;
		inline-size: 32px;
		background-image: url(/asset/img/sengu/the63rd/common/c_arrow01_dwn_l.svg);
	}

	.qa>ul li dl.active::after {
		margin-block-start: 20px;
		padding-block: 20px;
		background-image: url(/asset/img/sengu/the63rd/common/c_arrow01_up_l.svg);
	}

	.qa>ul li dl dt {
		padding-block-end: 4px;
	}
}

.qa>dl {
	z-index: 1;
	position: relative;
	margin-block-start: 160px;
	margin-inline-end: 20px;
}

.qa>dl dt {
	margin-block-end: 40px;
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size28);
	line-height: var(--line-height15);
	text-align: end;
}

.qa>dl dd {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size24);
	line-height: var(--line-height15);
}

.qa>dl dd ul {
	display: flex;
	gap: 0 min(5.71vw, 80px);
	justify-content: end;
}

.qa>dl dd ul li a {
	position: relative;
	padding-inline-end: 32px;
}

.qa>dl dd ul li a::after {
	content: '';
	display: block;
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: 0;
	transform: 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: contain;
}

@media (width <=800px) {
	.qa>dl {
		inline-size: 90%;
		margin-block-start: 64px;
		margin-inline: auto;
	}

	.qa>dl dt {
		margin-block-end: 40px;
		font-size: var(--font-size20);
		text-align: start;
	}

	.qa>dl dd {
		font-size: var(--font-size16);
	}

	.qa>dl dd ul {
		display: block;
	}

	.qa>dl dd ul li a {
		padding-inline-end: 27px;
	}

	.qa>dl dd ul li a::after {
		block-size: 20px;
		inline-size: 20px;
		background-image: url(/asset/img/sengu/the63rd/common/c_arrow01_s.svg);
	}

	.qa>dl dd ul li+li {
		padding-block-start: 16px;
	}
}