.calendar_wrap {
  width: 1100px;
  margin: 0 auto;
}
.calendar {
  display: flex;
  justify-content: space-between;
  clear: both;
}
.cal_wrapper {
  width: 48%;
}
.cal_wrapper .cal-head {
  border: none;
  background: none;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  font-size: 25px;
}
.cal_wrapper table{
  background: #ffffff;
  border-collapse: collapse;
  border: 1px solid #CDCDCD;
  width: 100%;
}
.cal_wrapper .headline,
.cal_wrapper table.cal tr.headline td {
  background: #A8D08D;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
}
.cal_wrapper:nth-of-type(2) {
  margin-top: 0;
}
.cal_wrapper table.cal tr td{
  border: 2px dotted #CDCDCD;
  width: 14.3%;
}
.cal_wrapper table.cal tr td div {
  margin: 2px;
  font-size: 14px;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
}

.cal_wrapper table.cal tr td div.prevmonth,
.cal_wrapper table.cal tr td div.nextmonth {
  visibility: hidden;
}

.cal_wrapper table.cal tr td div.Sat,
.cal_wrapper table.cal tr td div.Sun {
  background: #FFC000;
  text-align: center;
  padding: 20px;
  font-weight: bold;
}

.cal_wrapper table.cal tr td div.Sat {
  color: #FF0000;
}

.cal_wrapper table.cal tr td div.Sun {
  color: #FF0000;
}

.cal_wrapper table.cal tr td div.Holiday {
  background: #FFC000;
  color: #FF0000;
  font-weight: 700;
  padding: 20px;
  text-align: center;
}

.cal_en .cal_wrapper .headline,
.cal_en .cal_wrapper table.cal tr.headline td,
.cal_en .cal_wrapper table.cal tr td div.Holiday,
.cal_en .cal_wrapper table.cal tr td div.Sat,
.cal_en .cal_wrapper table.cal tr td div.Sun {
  padding: 20px 10px;
}

.cal_wrapper table.cal tr td div.backward {
  background: #ffffff;
  color: #CDCDCD;
  padding: 20px 0;
}

.h-text {
  margin: 15px 0;
}
.h-text .text {
  font-size: 14px;
  font-weight: bold;
}

.h-text .dayoff {
  color: #FFC000;
}
@media (max-width: 768px) {
  .calendar_wrap {
    width: 100%;
  }
  .calendar {
    flex-wrap: wrap;
  }
  .cal_wrapper {
    width: 100%;
    margin: 0 auto 30px;
  }
  .h-text {
    padding: 0 10px;
  }
  .cal_wrapper table.cal tr.headline td {
    padding: 20px 0 10px;
  }
  .cal_wrapper table.cal tr td div.Sat,
  .cal_wrapper table.cal tr td div.Sun ,
  .cal_wrapper table.cal tr td div.backward,
  .cal_wrapper table.cal tr td div.Holiday{
    padding: 15px 0;
  }

  .cal_en .cal_wrapper .headline,
  .cal_en .cal_wrapper table.cal tr.headline td, 
  .cal_en .cal_wrapper table.cal tr td div.Holiday, 
  .cal_en .cal_wrapper table.cal tr td div.Sat, 
  .cal_en .cal_wrapper table.cal tr td div.Sun {
    padding: 15px 0;
  }
}