#page {
  padding-top: 220px;
}

@media only screen and (max-width: 767px) {
  #page {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 768px) {
  #event-tao2019 .st_border.event-title {
    font-size: 2.4rem;
  }
}

#event-tao2019 .con_inner .con_inner {
  max-width: 670px;
}

#event-tao2019 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .row {
    margin: 0 -2.5px;
  }
}

#event-tao2019 .row .item {
  padding: 0 5px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .row .item {
    padding: 0 2.5px;
  }
}

#event-tao2019 .row.col-4 .item {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .row.col-4 .item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  #event-tao2019 .row.col-4 .item:nth-child(n+3) {
    margin-top: 5px;
  }
}

#event-tao2019 .row.col-4 .item:nth-child(n+5) {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .row.col-4 .item:nth-child(n+5) {
    margin-top: 5px;
  }
}

#event-tao2019 .row.col-2 .item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

#event-tao2019 .mb10 {
  margin-bottom: 10px !important;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .mb10 {
    margin-bottom: 5px !important;
  }
}

#event-tao2019 .mt50 {
  margin-top: 50px !important;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .mt50 {
    margin-top: 30px !important;
  }
}

#event-tao2019 .square {
  display: block;
  width: 82px;
  height: 82px;
  margin: 0 auto 50px;
  border: 12px solid #449BA4;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .square {
    margin-bottom: 30px;
  }
}

#event-tao2019 .ticket {
  margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .ticket {
    margin-bottom: 60px;
  }
}

#event-tao2019 .ticket .img {
  margin-bottom: 30px;
}

#event-tao2019 .ticket .txt {
  font-size: 1.8rem;
  text-align: center;
}

#event-tao2019 .ticket .txt + .info-txt {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .ticket .txt {
    font-size: 1.5rem;
  }
}

#event-tao2019 .ticket .box {
  padding: 15px 10px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  border: 3px solid #449ba4;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .ticket .box {
    font-size: 1.7rem;
  }
}

#event-tao2019 .message {
  margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .message {
    margin-bottom: 50px;
  }
}

#event-tao2019 .message .img-txt {
  margin: 0 auto;
}

#event-tao2019 .message .img-txt.is-01 {
  max-width: 578px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .message .img-txt.is-01 {
    max-width: 360px;
    margin-bottom: 15px;
  }
}

#event-tao2019 .message .img-txt.is-02 {
  max-width: 342px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .message .img-txt.is-02 {
    max-width: 218px;
  }
}

#event-tao2019 .message .staff {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .message .staff {
    margin-bottom: 40px;
  }
}

#event-tao2019 .message .top {
  max-width: 330px;
  margin: 0 auto 20px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .message .top {
    max-width: 100%;
  }
}

#event-tao2019 .message .top .caption {
  display: block;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .message .top .caption {
    font-size: 1.4rem;
  }
}

#event-tao2019 .message .comment {
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .message .comment {
    font-size: 1.4rem;
  }
}

#event-tao2019 .message .comment + .comment {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .message .comment + .comment {
    margin-top: 15px;
  }
}

#event-tao2019 .hdg-3 {
  margin-bottom: 30px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .hdg-3 {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
}

#event-tao2019 .kenkou {
  margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .kenkou {
    margin-bottom: 50px;
  }
}

#event-tao2019 .kenkou .txt {
  margin-bottom: 30px;
  font-size: 1.6rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .kenkou .txt {
    margin-bottom: 20px;
    font-size: 1.4rem;
  }
}

#event-tao2019 .about .txt {
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  #event-tao2019 .about .txt {
    font-size: 1.4rem;
  }
}