@charset "UTF-8";

.p-layout-course{
	display:grid;
	gap:20px;
}

.p-layout-course__cell{
	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-list-timetable__item, .p-list-timetable__box, .p-list-timetable__titleLegend, .p-list-timetable__data{
	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-list-timetable{
	--main-color:#c41b1f;
	--bg-color:#fdf9f4;

	margin:40px 0;

	.p-course-confectionary &, &.of-confectionary{
		--main-color:#ff84a0;
		--bg-color:#fff9fa;
	}

	.p-course-cookery-2 &, &.of-cookery-2{
		--main-color:#ff9a39;
		--bg-color:#fef7f3;
	}

	.p-course-cookery-1 &, &.of-cookery-1{
		--main-color:#50c7a9;
		--bg-color:#50c7a9;
	}
}

.p-list-timetable__item{
	& + &{
		margin-top:10px;
	}
}

.p-list-timetable__box{
	padding:25px 20px 30px;
	background-color:var(--bg-color);
	color:var(--main-color);
}

.p-list-timetable__title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:10px;
	font-size:2rem;
	gap:5px;
}

.p-list-timetable__titleLegend{
	min-width:76px;
	flex-shrink:0;
	line-height:1;
}

.p-panel-passRate{
	--main-color:#ff84a0;

	max-width:640px;
	padding:15px;
	border-radius:20px;
	margin:15px auto;
	background-color:#fff;
	text-align:center;
}

.p-panel-passRate__inner{
	display:flex;
	max-width:550px;
	min-height:140px;
	flex-direction:column;
	gap:5px 40px;
	margin-inline:auto;
}

.p-panel-passRate__title{
	display:flex;
	flex-direction:column;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.6;
}

.p-panel-passRate__data{
	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-panel-passRate__dataValue{
	color:var(--main-color);
	font-family:var(--font-en-roboto);
	font-size:5rem;
	font-weight:700;
	line-height:1;
}

.p-panel-passRate__dataEmphasis{
	font-size:8rem;
}

.p-box-student-1{
	min-height:254px;
}

.p-box-student-1__layoutAreaImage{
	padding-right:110px;
}

.p-box-student-1__viewport{
	right:-40px;
	width:155px;
}

.p-box-student-2{
	min-height:222px;
}

.p-box-student-2__layoutAreaImage{
	padding-right:160px;
}

.p-box-student-2__viewport{
	right:-34px;
	width:185px;
}

.p-layout-narrow{
	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-box-column{
	--main-color:#ff84a0;
	--bg-color:#fff9fa;

	position:relative;
	display:flex;
	flex-direction:column;
	padding:0 25px;
	background-color:var(--bg-color);
	gap:1px;

	&::after{
		position:absolute;
		display:block;
		background-color:var(--main-color);
		content:"";
		inset:30px 25px;
	}
}

.p-box-column__col{
	position:relative;
	z-index:1;
	padding:30px 0;
	background-color:var(--bg-color);
}

.p-box-column__title{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-bottom:5px;
	color:var(--main-color);
	font-size:1.8rem;
	font-weight:700;
	line-height:1.4;
}

.p-box-column__disc{
	font-size:1.4rem;

	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-text-chefNamePlate{
	display:inline-flex;
	flex-direction:column;
	justify-content:center;
}

.p-text-chefNamePlate__name{
	font-size:2rem;
	font-weight:700;
	text-align:center;
}

.p-text-chefNamePlate__role{
	font-size:1.4rem;
	font-weight:400;
	text-align:center;
}

.p-text-chefNamePlate__achievements{
	margin-top:5px;
	font-size:1.2rem;
	font-weight:400;
	text-align:left;
}

@media (width > 767px){
	.p-layout-course{
		grid-template-columns:minmax(270px, 360px) minmax(400px, 580px);
	}

	.p-layout-course__cell{
		> *{
			height:100%;
		}
	}
	.p-list-timetable{
		margin-top:60px;
	}

	.p-list-timetable__item{
		& + &{
			margin-top:15px;
		}
	}

	.p-list-timetable__box{
		padding:30px 20px 50px;
	}

	.p-list-timetable__title, .p-list-timetable__data{
		max-width:720px;
		margin-inline:auto;
	}

	.p-list-timetable__title{
		font-size:2.4rem;
		gap:10px;

		&::before{
			display:inline-block;
			min-width:82px;
			content:"";
		}
	}

	.p-list-timetable__titleLegend{
		min-width:82px;
	}
	.p-panel-passRate{
		padding:20px;
		margin-block:25px;
	}

	.p-panel-passRate__inner{
		min-height:130px;
		flex-direction:row;
		align-items:center;
		justify-content:center;
	}

	.p-panel-passRate__title{
		font-size:2rem;
		text-align:left;
	}

	.p-panel-passRate__dataValue{
		font-size:7rem;
	}

	.p-panel-passRate__dataEmphasis{
		font-size:11.2rem;
	}
	.p-box-student-1{
		min-height:214px;
	}

	.p-box-student-1__layoutAreaImage{
		padding-right:180px;
	}

	.p-box-student-1__viewport{
		right:-75px;
		width:309px;
	}
	.p-box-student-2{
		min-height:190px;
	}

	.p-box-student-2__layoutAreaImage{
		padding-right:320px;
	}

	.p-box-student-2__viewport{
		right:0;
		width:348px;
	}
	.p-layout-narrow{
		max-width:540px;
		margin-inline:auto;
	}
	.p-box-column{
		flex-direction:row;
		padding:40px 0;

		&::after{
			inset:40px 50px;
		}
	}

	.p-box-column__col{
		flex:1;
		padding:0 50px;
	}

	.p-box-column__title{
		font-size:1.8rem;
	}

	.p-box-column__disc{
		font-size:1.5rem;
	}
	.p-text-chefNamePlate__name{
		font-size:2.2rem;
	}

	.p-text-chefNamePlate__role, .p-text-chefNamePlate__achievements{
		font-size:1.4rem;
	}
}