li {
	letter-spacing: 0;
}
/* pfiページ */
/* PC pfi fv */
.pfi-fv {
	background-image: url(../img/common/pfi-fv.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	padding-left: calc((160 / 1440) * 100vw);

	.pfi-fv__inner {
		max-width: 1440px;
		width: 100%;
		margin: 0 auto;

		padding-top: 80px;
		padding-bottom: 80px;

		display: flex;
		justify-content: space-between;
		gap: 24px;
		flex-wrap: wrap;
	}
	.left {
		display: flex;
		flex-direction: column;
		gap: 15px;
		.box {
			display: block;
			max-width: 372px;
			width: 100%;
			background: rgba(0, 68, 145, 0.8);
			padding: 24px;
			pointer-events: auto;
			cursor: pointer;
			/* transition: background-color 0.3s ease;
			&:hover {
				background-color: rgba(0, 68, 145, 1);
			} */
			.text1 {
				color: #FFF;

				/* Design Tokens/Body/Large/Bold */
				font-family: var(--Font-Family-main, "Noto Sans JP");
				font-size: var(--Font-Size-Body-large, 18px);
				font-style: normal;
				font-weight: 700;
				line-height: var(--Font-Line-height-Body-large, 27px); /* 150% */

				margin-bottom: 12px;
			}
			.text2 {
				color: #FFF;

				/* Design Tokens/Body/XS/Bold */
				font-family: var(--Font-Family-main, "Noto Sans JP");
				font-size: var(--Font-Size-Body-xs, 12px);
				font-style: normal;
				font-weight: 700;
				line-height: var(--Font-Line-height-Body-xs, 18px); /* 150% */

				margin-bottom: 12px;
			}
			.wrap {
				display: flex;

				.text3 {
					color: #fff;
					font-family: var(--Font-Family-main, "Noto Sans JP");
					font-size: 18px;
					font-style: normal;
					font-weight: 400;
					line-height: 24px; /* 133.333% */
				}
				.arrow {
					margin-left: auto;
					width: fit-content;
					img {
						width: 24px;
						height: 24px;
					}
				}
			}
		}
	}
	.right {
		display: flex;
		flex-direction: column;
		gap: 16px;
		justify-content: flex-end;

		padding-bottom: 14px;
		.text1 {
			color: var(--General-Primary-selected, #004491);
			font-family: "Noto Serif JP";
			font-size: var(--Font-Size-Heading-lv2, 36px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Font-Line-height-Heading-lv2, 54px); /* 150% */

			padding: 8px 12px;
			width: fit-content;
			background: rgba(255, 255, 255, 0.8);
		}
		.text2 {
			color: var(--General-Primary-selected, #004491);
			font-family: "Noto Serif JP";
			font-size: var(--Font-Size-Heading-lv2, 36px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Font-Line-height-Heading-lv2, 54px); /* 150% */

			padding: 8px 25.5px;
			width: fit-content;
			background: rgba(255, 255, 255, 0.8);
			span {
				color: var(--General-Primary-selected, #004491);
				font-family: "Noto Serif JP";
				font-size: 42px;
				font-style: normal;
				font-weight: 500;
				line-height: 0;
			}
		}
	}
}
/* SP pfi fv */
@media (max-width: 767px) {
	.pfi-fv {
		background-image: url(../img/common/pfi-fv.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;

		padding-left: 0;

		.pfi-fv__inner {
			max-width: 1440px;
			width: 100%;
			margin: 0 auto;

			padding: 56px 20px;

			display: flex;
			flex-direction: column-reverse;
			justify-content: space-between;
			gap: 40px;
			flex-wrap: wrap;
		}
		.left {
			display: flex;
			flex-direction: column;
			gap: 15px;
			width: 100%;
			.box {
				display: block;
				max-width: 335px;
				width: 100%;
				background: rgba(0, 68, 145, 0.8);
				padding: 24px;
				.text1 {
					color: #FFF;

					/* Design Tokens/Body/Large/Bold */
					font-family: var(--Font-Family-main, "Noto Sans JP");
					font-size: var(--Font-Size-Body-large, 18px);
					font-style: normal;
					font-weight: 700;
					line-height: var(--Font-Line-height-Body-large, 27px); /* 150% */

					margin-bottom: 12px;
				}
				.text2 {
					color: #FFF;

					/* Design Tokens/Body/XS/Bold */
					font-family: var(--Font-Family-main, "Noto Sans JP");
					font-size: var(--Font-Size-Body-xs, 12px);
					font-style: normal;
					font-weight: 700;
					line-height: var(--Font-Line-height-Body-xs, 18px); /* 150% */

					margin-bottom: 12px;
					padding-left: 0px;
				}
				.text3 {
					color: #FFF;
					font-family: var(--Font-Family-main, "Noto Sans JP");
					font-size: 18px;
					font-style: normal;
					font-weight: 400;
					line-height: 24px; /* 133.333% */
					padding-left: 0;
				}
				.arrow {
					margin-left: auto;
					width: fit-content;
					img {
						width: 24px;
						height: 24px;
					}
				}
			}
		}
		.right {
			display: flex;
			flex-direction: column;
			gap: calc(16 / 375 * 100vw);
			justify-content: flex-end;

			padding-bottom: 0;
			.text1 {
				color: var(--General-Primary-selected, #004491);
				font-family: "Noto Serif JP";
				font-size: calc(18 / 375 * 100vw);
				font-style: normal;
				font-weight: 500;
				line-height: 100%; /* 100% */

				padding: calc(8 / 375 * 100vw) calc(12 / 375 * 100vw);
				width: fit-content;
				background: rgba(255, 255, 255, 0.8);
			}
			.text2 {
				color: var(--General-Primary-selected, #004491);
				font-family: "Noto Serif JP";
				font-size: calc(18 / 375 * 100vw);
				font-style: normal;
				font-weight: 500;
				line-height: 133.333%; /* 133.333% */

				padding: calc(8 / 375 * 100vw);
				width: fit-content;
				background: rgba(255, 255, 255, 0.8);

				white-space: nowrap;
				span {
					color: var(--General-Primary-selected, #004491);
					font-family: "Noto Serif JP";
					font-size: calc(23 / 375 * 100vw);
					font-style: normal;
					font-weight: 500;
					line-height: 24px;
				}
			}
		}
	}
}

/* PC pfi fv以外 */
@media (min-width: 767px) {
	.sp-br {
		display: none;
	}
	.page-case-list {
		margin-bottom: 0;
	}

	.page-case-list__title {
		color: #fff;
		text-align: center;
		font-family: "Noto Serif JP";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 160%; /* 64px */

		background: var(--General-Information-selected, #004491);

		padding: 8px 24px;
		width: fit-content;
		margin: 0 auto;

		margin-bottom: 40px;
	}

	.page-case-policy__schools-list--col4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
		li {
			width: 145px;
		}
	}
	.page-case-policy__schools-list--col3 {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;

		li {
			width: 168px;
			color: #000;
		}
	}
	.page-case-policy__schools-list--col5 {
		li {
			width: 112px;
		}
	}
	.sp-empty {
		display: none;
	}

	.org-img {
		display: flex;
		align-items: center;
		gap: 42px;
		.img1-1 {
			max-width: 478px;
			height: auto;
		}
		.img-handshake {
			max-width: 80px;
			width: 100%;
			height: auto;
		}
		.img1-2 {
			max-width: 478px;
			height: auto;
		}
		.img2-1 {
			max-width: 478px;
			height: auto;
		}
		.img2-2 {
			max-width: 478px;
			height: auto;
		}
	}

	.vertical-padding120 {
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.bar {
		height: 1px;
		background: #c3c3c3;
		width: 100%;
	}

	.imgs4 {
		display: flex;
		flex-wrap: wrap;

		padding: 0 48px;
		gap: 24px;

		margin-bottom: 48px;
		margin-top: 24px;
		.img {
			width: calc(50% - 12px);
			height: auto;
		}
	}
}

/* SP pfi fv以外 */
@media (max-width: 767px) {
	.sp-br {
		display: inline;
	}
	.page-case-policy {
		margin-bottom: 0;
	}
	.page-case-list {
		margin-bottom: 0;
	}

	.page-case-list__title-wrap {
		padding: 0 20px;
	}
	.page-case-list__title {
		color: #fff;
		text-align: center;
		font-family: "Noto Serif JP";
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 160%; /* 64px */
		letter-spacing: 0;

		background: var(--General-Information-selected, #004491);

		padding: 8px 12px;
		width: fit-content;
		margin: 0 auto;

		margin-bottom: 22px;
	}

	.vertical-padding120 {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.page-case-policy__title {
		letter-spacing: 0;
		display: block;

		color: var(--General-Primary-selected, #004491);
		text-align: center;
		font-family: "Noto Serif JP";
		font-size: 24px;
		font-style: normal;
		font-weight: 500;
		line-height: 160%; /* 38.4px */
	}

	.page-case-policy__schools-list--col4 {
		max-width: 310px;
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;

		li {
			max-width: 145px;
			width: 100%;
			letter-spacing: 0;
			color: #000;

			/* Design Tokens/Body/Large/Regular */
			font-family: var(--Font-Family-main, "Noto Sans JP");
			font-size: var(--Font-Size-Body-large, 18px);
			font-style: normal;
			font-weight: 400;
			line-height: var(--Font-Line-height-Body-large, 27px); /* 150% */
		}
	}

	.page-case-policy__schools-list--col3 {
		max-width: 310px;
		width: 100%;
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;

		li {
			color: #000;

			/* Design Tokens/Body/Medium/Regular */
			font-family: var(--Font-Family-main, "Noto Sans JP");
			font-size: var(--Font-Size-Body-medium, 16px);
			font-style: normal;
			font-weight: 400;
			line-height: var(--Font-Line-height-Body-medium, 24px); /* 150% */
			width: 168px;
			color: #000;
		}
	}

	.page-case-policy__schools-list--col5 {
		max-width: 310px;
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;

		li {
			display: block;
			max-width: 145px;
			width: 100%;
			letter-spacing: 0;
			color: #000;

			/* Design Tokens/Body/Large/Regular */
			font-family: var(--Font-Family-main, "Noto Sans JP");
			font-size: var(--Font-Size-Body-large, 18px);
			font-style: normal;
			font-weight: 400;
			line-height: var(--Font-Line-height-Body-large, 27px); /* 150% */
		}
	}
	.sp-empty {
		display: block;
	}

	.org-img {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 42px;
		.img1-1 {
			max-width: 335px;
			height: auto;
		}
		.img-handshake {
			max-width: 80px;
			width: 100%;
			height: auto;
		}
		.img1-2 {
			max-width: 335px;
			height: auto;
		}
		.img2-1 {
			max-width: 335px;
			height: auto;
		}
		.img2-2 {
			max-width: 335px;
			height: auto;
		}
	}

	.bar {
		height: 1px;
		background: #c3c3c3;
		width: 100%;
	}

	.imgs4 {
		display: flex;
		flex-direction: column;

		padding: 0px;
		gap: 24px;

		margin-bottom: 48px;
		margin-top: 24px;
		.img {
		}
	}
}

@media (max-width: 767px) {
	.accordion-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
}

@media (max-width: 600px) {
	.page-case-policy__schools-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;

		&::after {
			content: "";
			display: block;
			width: 16px;
			height: 16px;
			background-image: url(../img/common/accordion-arrow.png);
			background-size: contain;
			background-repeat: no-repeat;

			margin-right: 16px;

			transition: transform 0.3s ease;
		}
	}
	.page-case-policy__schools-title.open::after {
		transform: rotate(180deg);
	}

	/* .page-case-policy__schools-list{
		display: none;
	}
	.page-case-policy__schools-list.open{
		display: grid;
	} */
	.page-case-policy__schools-list {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out;
	}
}
/* pfiページ */

/* トップPFI */
.top-pfi {
	padding: 0 20px;
	.top-pfi__inner {
		max-width: 1120px;
		width: 100%;
		margin: 0 auto;
		padding-top: 48px;
		padding-bottom: 48px;
		.btn--272 {
			max-width: 272px;
			width: min(272px, 100%);
		}
		.pfi-link {
			display: flex;
			gap: 16px;

			margin-bottom: 24px;
			.box {
				display: block;
				max-width: 362px;
				width: 100%;
				background: #004491;
				padding: 24px;
				.text1 {
					color: #fff;

					/* Design Tokens/Body/Large/Bold */
					font-family: var(--Font-Family-main, "Noto Sans JP");
					font-size: var(--Font-Size-Body-large, 18px);
					font-style: normal;
					font-weight: 700;
					line-height: var(--Font-Line-height-Body-large, 27px); /* 150% */

					margin-bottom: 12px;
				}
				.text2 {
					color: #fff;

					/* Design Tokens/Body/XS/Bold */
					font-family: var(--Font-Family-main, "Noto Sans JP");
					font-size: var(--Font-Size-Body-xs, 12px);
					font-style: normal;
					font-weight: 700;
					line-height: var(--Font-Line-height-Body-xs, 18px); /* 150% */

					margin-bottom: 12px;
				}
				.wrap {
					display: flex;
					.text3 {
						color: #fff;
						font-family: var(--Font-Family-main, "Noto Sans JP");
						font-size: 18px;
						font-style: normal;
						font-weight: 400;
						line-height: 24px; /* 133.333% */
					}
					.arrow {
						margin-left: auto;
						width: fit-content;
						img {
							width: 24px;
							height: 24px;
						}
					}
				}
			}
		}
		.btn {
			display: block;
			margin: 0 auto;
		}
	}
}

/* トップPFI */
@media (max-width: 767px) {
	.top-pfi {
		padding: 0 20px;
		.top-pfi__inner {
			max-width: 1120px;
			width: 100%;
			margin: 0 auto;
			padding-top: 48px;
			padding-bottom: 48px;
			.btn--272 {
				max-width: 272px;
				width: min(272px, 100%);
			}
			.pfi-link {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 16px;

				margin-bottom: 24px;
				.box {
					display: block;
					max-width: 362px;
					width: 100%;
					background: #004491;
					padding: 24px;
					.text1 {
						color: #fff;

						/* Design Tokens/Body/Large/Bold */
						font-family: var(--Font-Family-main, "Noto Sans JP");
						font-size: var(--Font-Size-Body-large, 18px);
						font-style: normal;
						font-weight: 700;
						line-height: var(--Font-Line-height-Body-large, 27px); /* 150% */

						margin-bottom: 12px;
					}
					.text2 {
						color: #fff;

						/* Design Tokens/Body/XS/Bold */
						font-family: var(--Font-Family-main, "Noto Sans JP");
						font-size: var(--Font-Size-Body-xs, 12px);
						font-style: normal;
						font-weight: 700;
						line-height: var(--Font-Line-height-Body-xs, 18px); /* 150% */

						margin-bottom: 12px;
					}
					.text3 {
						color: #fff;
						font-family: var(--Font-Family-main, "Noto Sans JP");
						font-size: 18px;
						font-style: normal;
						font-weight: 400;
						line-height: 24px; /* 133.333% */
					}
					.arrow {
						margin-left: auto;
						width: fit-content;
						img {
							width: 24px;
							height: 24px;
						}
					}
				}
			}
			.btn {
				display: block;
				margin: 0 auto;
			}
		}
	}
}