@charset "UTF-8";
/* =======================================================================
corporate
======================================================================= */
.w-100 {
	width: 100% !important;
}

.w-40 {
	width: 40% !important;
}
@media screen and (max-width: 767px) {
	.w-40 {
		width: 100% !important;
	}
}

.p-school-color-black {
	color: #000;
}

.p-coaching-intro-title {
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.p-coaching-intro-title {
		font-size: 1.625rem;
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px) {
	.p-coaching-intro-title {
		font-size: 1rem;
		line-height: 1.5;
	}
}

.p-coaching-intro-img {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
@media screen and (min-width: 768px) {
	.p-coaching-intro-img {
		flex-wrap: nowrap;
		gap: 30px;
	}
}
@media screen and (max-width: 767px) {
	.p-coaching-intro-img {
		flex-wrap: wrap;
		gap: 5px;
	}
}
.p-coaching-intro-img .p-coaching-intro-img-item {
	min-width: 245px;
	width: 33.3333%;
}
@media screen and (max-width: 767px) {
	.p-coaching-intro-img .p-coaching-intro-img-item {
		height: 137px;
		min-width: 137px;
	}
	.p-coaching-intro-img .p-coaching-intro-img-item:nth-of-type(1) {
		width: 100%;
	}
}
.p-coaching-intro-img .p-coaching-intro-img-item .circle {
	margin: 0 auto;
	height: 100%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.p-coaching-intro-img .p-coaching-intro-img-item .circle img {
	width: 70%;
	height: auto;
	max-height: 244px;
}
.p-coaching-intro-img .p-coaching-intro-img-item .circle .text {
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.p-coaching-intro-img .p-coaching-intro-img-item .circle .text {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 767px) {
	.p-coaching-intro-img .p-coaching-intro-img-item .circle .text {
		font-size: 0.875rem;
	}
}

@media screen and (min-width: 768px) {
	.p-coaching-intro-message {
		font-size: 1rem;
		line-height: 2;
	}
}
@media screen and (max-width: 767px) {
	.p-coaching-intro-message {
		font-size: 0.8125rem;
		line-height: 1.75;
	}
}

.p-school-dutchstyle-h4 {
	font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 0.05em;
	font-weight: 400;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-h4 {
		font-size: 2.25rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-h4 {
		font-size: 1.25rem;
	}
}

@media screen and (min-width: 768px) {
	.p-school-dutchstyle-h5 {
		font-size: 1.25rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-h5 {
		font-size: 0.875rem;
	}
}

.p-school-dutchstyle-h4,
.p-school-dutchstyle-h5 {
	color: #f59140;
	font-weight: bold;
}

.p-school-dutchstyle-title {
	color: #f59140;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-title {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-title {
		font-size: 1rem;
	}
}

.p-school-dutchstyle-recommend-img {
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-recommend-img {
		max-width: 630px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-recommend-img {
		max-width: 315px;
	}
}

.p-school-dutchstyle-MI {
	background-color: #facfb1;
	background-image: linear-gradient(180deg, #facfb1 0%, #fff3c3 100%);
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-MI {
		border-radius: 20px;
		padding: 9% 10%;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-MI {
		border-radius: 15px;
		padding: 13% 10% 10% 10%;
	}
}
.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table {
	position: relative;
	margin: 0 auto;
	margin-top: 40px;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table {
		width: 64%;
		max-width: 454px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table {
		width: 100%;
		margin-bottom: 98px;
	}
}
.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table::before {
	position: absolute;
	content: "";
	background-image: url("/assets/images/coaching/school/ico_school_MI_01.svg");
	background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table::before {
		width: 88px;
		height: 88px;
		bottom: 4%;
		left: -30%;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table::before {
		width: 24%;
		height: 88px;
		bottom: -104.5px;
		left: 15%;
	}
}
.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table::after {
	position: absolute;
	content: "";
	background-image: url("/assets/images/coaching/school/ico_school_MI_02.svg");
	background-repeat: no-repeat;
	width: 24%;
	height: 88px;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table::after {
		bottom: 4%;
		right: -30%;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-MI .p-school-dutchstyle-MI-table::after {
		bottom: -104.5px;
		right: 15%;
	}
}

.p-school-dutchstyle-happiness {
	display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness {
		flex-direction: row;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness {
		flex-direction: column;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-intro {
	border: #f59140 1px solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-intro {
		padding: 40px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-intro {
		padding: 23px;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-intro .p-school-dutchstyle-happiness-intro-text {
	text-align: center;
	color: #000;
	line-height: 2;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-intro .p-school-dutchstyle-happiness-intro-text {
		font-size: 1.375rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-intro .p-school-dutchstyle-happiness-intro-text {
		font-size: 0.875rem;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking {
	border: #f59140 1px solid;
	border-top: none;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking {
		border-bottom-left-radius: 10px;
		width: 66%;
		padding: 30px 25px 30px 45px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking {
		border-radius: 0;
		width: 100%;
		padding: 25px 18px;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-title {
	width: 100%;
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-title .p-school-dutchstyle-happiness-ranking-title-note {
	color: #000;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-title .p-school-dutchstyle-happiness-ranking-title-note {
		font-size: 1rem;
		margin-top: 0.5rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-title .p-school-dutchstyle-happiness-ranking-title-note {
		font-size: 0.6875rem;
		margin-top: 1rem;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-graph-bar {
	display: flex;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-graph-bar {
		flex-direction: row;
		gap: 4%;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-graph-bar {
		flex-direction: column;
		gap: 28px;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-graph-bar .p-school-dutchstyle-happiness-ranking-graph-bar-img {
	margin: 0 auto;
	margin-top: 1rem;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-graph-bar .p-school-dutchstyle-happiness-ranking-graph-bar-img {
		width: 40%;
		max-width: 247px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-graph-bar .p-school-dutchstyle-happiness-ranking-graph-bar-img {
		width: 100%;
		max-width: 185px;
	}
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-graph-bar .p-school-dutchstyle-happiness-ranking-graph-bar-photo {
		width: 60%;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking .p-school-dutchstyle-happiness-ranking-graph-bar .p-school-dutchstyle-happiness-ranking-graph-bar-photo {
		width: 100%;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie {
	border: #f59140 1px solid;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie {
		border-top: none;
		border-left: none;
		border-bottom-right-radius: 10px;
		width: 25%;
		flex-grow: 3;
		padding: 30px 47px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie {
		border-top: none;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		width: 100%;
		padding: 25px 18px;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-graph-pie-img {
	width: 160px;
	margin: 0 auto;
	margin-top: 1rem;
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dt {
	color: #f59140;
	font-weight: bold;
	margin-top: 1rem;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dt {
		font-size: 0.875rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dt {
		font-size: 0.8125rem;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dt:first-of-type {
	margin-top: 0;
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dd {
	margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dd {
		font-size: 0.875rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dd {
		font-size: 0.8125rem;
	}
}
.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dd.note {
	margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dd.note {
		font-size: 0.75rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-happiness .p-school-dutchstyle-happiness-ranking-graph-pie .p-school-dutchstyle-happiness-ranking-list dd.note {
		font-size: 0.8125rem;
	}
}

.p-school-dutchstyle-summary {
	display: flex;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-summary {
		flex-direction: row;
		gap: 60px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary {
		flex-direction: column;
		gap: 25px;
	}
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-summary .p-school-dutchstyle-summary-style {
		width: 40%;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary .p-school-dutchstyle-summary-style {
		width: 100%;
	}
}
.p-school-dutchstyle-summary .p-school-dutchstyle-summary-style .p-school-dutchstyle-summary-style-text {
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-summary .p-school-dutchstyle-summary-style .p-school-dutchstyle-summary-style-text {
		font-size: 1.75rem;
		text-align: left;
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary .p-school-dutchstyle-summary-style .p-school-dutchstyle-summary-style-text {
		font-size: 1.125rem;
		text-align: center;
		line-height: 1.25;
	}
}
.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table {
		width: 60%;
		gap: 12px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table {
		width: 100%;
		gap: 10px;
	}
}
.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item {
	width: 100%;
	aspect-ratio: 1/0.77;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-weight: bold;
}
.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item .p {
	text-align: center;
}
.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item:nth-child(1), .p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item:nth-child(4) {
	background-color: #f59140;
}
.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item:nth-child(2), .p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item:nth-child(3) {
	background-color: #f1ad70;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item {
		border-radius: 20px;
		font-size: 1.375rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item {
		border-radius: 12.5px;
		font-size: 0.9375rem;
	}
}
.p-school-dutchstyle-summary .p-school-dutchstyle-summary-table .p-school-dutchstyle-summary-table-item .text {
	text-align: center;
}

.p-school-dutchstyle-summary-drawout {
	margin: 0 auto;
	margin-top: 40px;
	display: grid;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-summary-drawout {
		width: 80%;
		grid-template-columns: repeat(4, 1fr);
		gap: 14px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary-drawout {
		width: 90%;
		grid-template-columns: repeat(2, 2fr);
		gap: 8px;
	}
}
.p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point {
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #c8c9ca;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point {
		/* 円の位置ずらし */
	}
	.p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point:nth-of-type(1), .p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point:nth-of-type(2) {
		margin-left: -22%;
	}
	.p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point:nth-of-type(3), .p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point:nth-of-type(4) {
		margin-top: -15%;
		margin-left: 30%;
	}
}
.p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point .text {
	color: #000;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point .text {
		font-size: 1rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary-drawout .p-school-dutchstyle-summary-drawout-point .text {
		font-size: 0.8125rem;
	}
}

.p-school-dutchstyle-summary-message {
	line-height: 2;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-summary-message {
		font-size: 1.75rem;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-summary-message {
		font-size: 0.875rem;
	}
}

.p-school-dutchstyle-photo-list {
	display: grid;
}
@media screen and (min-width: 768px) {
	.p-school-dutchstyle-photo-list {
		grid-template-columns: repeat(4, 1fr);
		gap: 14px;
	}
}
@media screen and (max-width: 767px) {
	.p-school-dutchstyle-photo-list {
		grid-template-columns: repeat(2, 2fr);
		gap: 9px;
	}
}