@charset "UTF-8";

/*----------------------------------------
	概要
----------------------------------------*/
.service-list {
	display: flex;
	flex-direction: column;
	gap: var(--preset-size-inner-section);
	padding-bottom: var(--preset-size-inner-section);
}
.service-list dt {
	font-size: clamp(1.2rem, 3.5vw, 1.875rem);
	font-weight: 700;
}
.service-list img {
	display: none;
}
@media screen and (min-width: 768px), print {
	.service-list {
		flex-direction: row;
	}
	.service-list > div {
		flex: 1;
	}
	.service-list dt {
		text-align: center;
	}
	.service-list img {
		display: revert;
	}
}
/* 「このような方を待っています！」 */
.wanted {
	background-color: var(--preset-color-tertiary);
	padding: 20px 0;
}
.wanted dl {
	width: min(92%, 756px);
    margin: auto;
	text-align: center;
}
.wanted dt {
    font-size: clamp(1rem, 2vw, 1.125rem);
	font-weight: 700;
    padding-bottom: 1em;
}
.wanted  ul {
	display: inline-block;
}
.wanted li {
	padding-bottom: 0.5rem;
}

/* 基本情報 */
.info-list {
	padding-top: var(--preset-size-inner-section);
}
.info-list span {
	font-weight: 700;
}

/*----------------------------------------
	一日の流れ
----------------------------------------*/
.timetable {
	border-collapse: collapse;
	padding: var(--preset-size-inner-section) 0;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
.timetable tbody tr:nth-of-type(odd) {
	background-color: var(--preset-color-light-gray);
}
.col_time {
	width: 4rem;
}
.timetable tbody th {
	color: var(--preset-color-primary);
}
.timetable th,
.timetable td {
	border: 1px solid var(--preset-color-gray);
	padding: 10px 5px;
}
.timetable .empty-cell {
	border: none;
}
/*----------------------------------------
	作業内容
----------------------------------------*/
.lead-text {
	padding-bottom: 1rem;
}
.lead-text > p {
	padding-bottom: 1rem;
}
.work-list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: var(--preset-size-inner-section);
}
.work-list img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
/* .work-list figcaption {
	font-size: 0.75rem;
} */
.sweets h3 {
	text-align: center;
}
.sweets-list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 1rem;
}
.sweets-list img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.sweets_order {
	background-color: var(--preset-color-light-gray);
	border-radius: 10px;
	padding: 20px;
}
.sweets_order h3 {
	text-align: center;
}
@media screen and (min-width: 768px), print {
	.lead-text {
		text-align: center;
	}
	.lead-text > ul {
		display: inline-block;
	}
	.work-list {
		grid-template-columns: repeat(4, 1fr);
	}
	.sweets-list {
		grid-template-columns: repeat(6, 1fr);
	}
}
/*----------------------------------------
	イベント
----------------------------------------*/
#event > p {
	padding-bottom: 1rem;
}
.event-list {
	display: flex;
	flex-direction: row;
	gap: 10px;
}
.event-list li {
	flex: 1;
}
.event-list img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}