/*------------------------------------------------------------
	年末年始のお知らせ
------------------------------------------------------------*/
.year_end_and_new_year_announcement_role {
	background-color: var(--color-white);
	border: 1px solid #DADDDD;
	text-align: center;
	width: 800px;
	margin: 75px auto;
	padding: 15px;
	box-sizing: border-box;
}
.year_end_and_new_year_announcement_title {
	color: var(--color-red);
	font-weight: bold;
  margin: 20px 0;
}
.holiday_shift_table {
  width: 100%;
  max-width: 700px;
  margin: 20px auto;
  border-collapse: collapse;
  border: 1px solid #DADDDD;
}
.holiday_shift_table th,
.holiday_shift_table td {
  padding: 5px;
  text-align: center;
  border: 1px solid #DADDDD;
}
.holiday_shift_table th {
  background-color: #F4F4F4;
  font-weight: bold;
}
.holiday_shift_table .changed {
  color: #d32f2f;
  font-weight: bold;
}
@media (max-width: 896px) {
	.year_end_and_new_year_announcement_role {
		width: calc(100% - 20px);
		margin: 35px 10px 0;
	}
  .holiday_shift_table td {
    font-size: 1.4rem;
  }
}