.c-scheduling {
  padding-top:120px;
  padding-bottom:120px;
  text-align:center;
}
.c-scheduling .content {
  margin-bottom: 35px;
  color:var(--darkgrey);
}
.c-scheduling .content .c-title {
  color:#000;
}
.c-scheduling .scheduling-container {
  display:flex;
  justify-content: space-between;
  gap:45px;
}
.c-scheduling .scheduling-container .schedule {
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: calc(33.333vw - 90px);
  max-width: 403px;
  height: calc(33.333vw - 90px);
  max-height: 403px;
  border: 30px solid var(--lightgrey);
  background-color: var(--green);
  color:#fff;  
  text-align:center;
}
.c-scheduling .scheduling-container .schedule .date {
  padding-top: 30px;
}
.c-scheduling .scheduling-container .schedule .date .day {
  font-size: clamp(1.5rem, -0.5rem + 10vw, 7.5rem);
}
.c-scheduling .scheduling-container .schedule .date .month {
  font-size: 24px;
}
.c-scheduling .scheduling-container .schedule .link {
  font-size: 18px;
  padding-bottom:5px;
  border-bottom: 2px solid #fff;
  margin-bottom:20px;
}

@media screen and (min-width: 1280px) {
  .c-scheduling .scheduling-container .schedule .date .day {
    font-size:120px;
  }
}
@media screen and (max-width: 1280px) {
  .c-scheduling .scheduling-container .schedule .date .month {
    font-size: 22px;
  }
  .c-scheduling .scheduling-container .schedule .link {
    font-size: 14px;
  }
}
@media screen and (max-width: 1120px) {
  .c-scheduling .scheduling-container .schedule {
    border-width:15px;
  }
}  
@media screen and (max-width: 960px) {
.c-scheduling .scheduling-container .schedule {
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: calc(33.333vw - 20px);
  max-width: none;
  height: calc(33.333vw - 20px);
  max-height: none;
}
@media screen and (max-width: 760px) {
  .c-scheduling .scheduling-container {
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:20px;
  }
  .c-scheduling .scheduling-container .schedule {
    width:100%;
    height:auto;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:20px;
    padding:15px;
  }
  .c-scheduling .scheduling-container .schedule .date {
    padding-top:0;
    display:flex;
    align-items:center;
    gap:20px;
  }
  .c-scheduling .scheduling-container .schedule .link {
    border-left: 2px solid #fff;
    padding: 5px 0 5px 20px;
    border-bottom: 0;
    margin-bottom:0;
  }
}
@media screen and (max-width: 480px) {
  .c-scheduling .scheduling-container .schedule {
    flex-direction: column;
    gap:10px;
  }
  .c-scheduling .scheduling-container .schedule .date .month {
    font-size: 20px;
  }
  .c-scheduling .scheduling-container .schedule .link {
    border-bottom: 2px solid #fff;
    padding: 5px 0 5px 0;
    border-left: 0;
    border-bottom: 2px solid #fff;
    margin-bottom:10px;
  }
}
@media screen and (max-width: 360px) {
  .c-scheduling .scheduling-container .schedule .month {
    font-size: 18px;
  }
  .c-scheduling .scheduling-container .schedule .link {
    font-size: 12px;
  }
}