/*table
-------------------------------------*/
.schedule .head1, .schedule .head2 {
  width: 7%;
  text-align: center;
  line-height: 1em;
}
.schedule .combine {
  writing-mode: vertical-rl;
    margin-top: .2em;
}
.schedule .head2 {
  background: #f0f1f7;
  color: #717694;
}
.schedule h5:first-of-type {
  margin-top: 0;
}
.schedule .event {
  padding-left: 1em;
  position: relative;
}
.schedule .event:before {
  content: "▶";
  color: #717694;
  position: absolute;
  top: 0;
  left: 0;
}
p.indent{
  padding-left: 1em;
  text-indent:  -1em;
}
/* 768px以下の表示 */
@media screen and (max-width: 768px) {
  .row .col.span-6 p {
    margin-top: 6.66vw;
  }
}

#area2 {
  position: relative;
  padding: 10px 0 70px 0;
  background-color: #f0f1f7;
}
#area2 .btn {
  width: 100%;
  margin: 0;
  text-align: left;
}
#area2 .btnsmall {
  width: 100%;
  margin: 0;
  text-align: left;
  padding-top: 31px;;
  padding-bottom: 34px;;
}

/* 840px以下の表示 */
@media screen and (max-width: 840px) {
  #area2 .btn {
    font-size: 14px;
  }
}
/* 768px以下の表示 */
@media screen and (max-width: 768px) {
  #area2 {
    padding: 10.66vw 0;
  }
  #area2:before {
    height: 10.66vw;
    background-size: 89.33vw;
  }
}
/*col余白
-------------------------------------*/
.row .col {
  margin: 2.692% 0 0;
}
/* 768px以下の表示 */
@media screen and (max-width: 768px) {
  .row .col {
    margin: 4vw 0 0;
  }
}