/* -------------------------- */
/* content */
/* -------------------------- */
/* contents_head */
.contents_head {
  background-image: url(/images/company/calendar/bg_header.jpg);
}

.holiday {
  background: #EE464C;
  color: #fff;
}

/* calendar */
.calendar .calendar_mark {
  margin-bottom: 30px;
  display: flex;
}

.calendar .calendar_mark li {
  padding: 3px 10px;
  border: 1px solid #e8e8e8;
}

.calendar .calendar_mark li:first-child {
  border-right: none;
}

.calendar .table_calendar {
  width: 100%;
  margin-bottom: 25px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #e8e8e8;
}

.calendar .table_calendar thead th {
  padding: 10px 5px;
  background: #00A0E8;
  color: #fff;
  font-size: 1.6rem;
}

.calendar .table_calendar tbody th, .calendar .table_calendar tbody td {
  padding: 5px 3px;
  border: 1px solid #e8e8e8;
  text-align: center;
}

.calendar .table_calendar tbody th {
  background: #EAF3F9;
}

.calendar .table_calendar tbody td {
  font-family: "Roboto";
}

@media screen and (min-width: 1280px) {
  .calendar .calendar_mark li {
    padding: 5px 15px;
    font-size: 1.6rem;
  }
  .calendar .table_calendar thead th {
    font-size: 2.4rem;
  }
  .calendar .table_calendar tbody th, .calendar .table_calendar tbody td {
    padding: 12px 3px;
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 768px) {
  .calendar .calendar_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .calendar .table_calendar {
    width: 32%;
  }
}

/*# sourceMappingURL=map/company_calendar.css.map */