.mainContent .topVisual {
  background: url("../images/bg_index01.jpg") no-repeat center;
  background-size: cover;
}

.mainContent .topVisual h2 {
  width: 200px;
  margin: 0 auto;
  padding: 120px 0 125px;
}

@media screen and (max-width: 1200px) {
  .mainContent .topVisual h2 {
    width: 180px;
    padding: 90px 0 105px;
  }
}

@media screen and (max-width: 767px) {
  .mainContent .topVisual h2 {
    width: 150px;
    padding: 70px 0 80px;
  }
}

@media screen and (max-width: 460px) {
  .mainContent .topVisual h2 {
    width: 130px;
    padding: 45px 0 60px;
  }
}

.mainContent .topVisual h2 span {
  color: #f95d09;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  display: block;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .mainContent .topVisual h2 span {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 460px) {
  .mainContent .topVisual h2 span {
    margin-bottom: 7px;
  }
}

.mainContent .container02 {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .mainContent .container02 {
    width: 94%;
  }
}

.mainContent .menu {
  margin: 10px 0 55px;
}

@media screen and (max-width: 767px) {
  .mainContent .menu {
    margin-bottom: 25px;
  }
}

.mainContent .menu .text00 + .text00::before {
  content: "/";
  margin: 0 16px;
}

.eventArea {
  margin-bottom: 110px;
}

@media screen and (max-width: 767px) {
  .eventArea {
    margin-bottom: 50px;
  }
}

.eventArea .eventContent {
  margin-bottom: 50px;
}

.eventArea .eventContent .evenText01 {
  width: 645px;
}

@media screen and (max-width: 1200px) {
  .eventArea .eventContent .evenText01 {
    width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .eventArea .eventContent .evenText01 {
    width: 100%;
    margin-bottom: 10px;
  }
}

.eventArea .eventContent .evenText01 p {
  line-height: 1.7;
}

.eventArea .eventContent .evenText01 .mb15 {
  margin-bottom: 15px;
}

.eventArea .eventContent .eventImg {
  width: 315px;
}



@media screen and (max-width: 1200px) {
  .eventArea .eventContent .eventImg {
    width: 31%;
  }
}

@media screen and (max-width: 767px) {
  .eventArea .eventContent .eventImg {
    width: 100%;
    margin-bottom: 15px;
  }
}

.eventArea .eventContent .eventImg img {
  width: 100%;
}

.eventArea .eventContent .eventName {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

@media screen and (max-width: 767px) {
  .eventArea .eventContent .eventName {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

.eventArea .eventContent .eventName:before {
  content: "";
  width: 85px;
  height: 1px;
  background-color: #f95d09;
  position: absolute;
  bottom: 0;
  left: 0;
}

.eventArea .eventContent .eventName h3 {
  width: 70%;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .eventArea .eventContent .eventName h3 {
    font-size: 15px;
  }
}

@media screen and (max-width: 350px) {
  .eventArea .eventContent .eventName h3 {
    width: 60%;
  }
}

.eventArea .eventContent .eventName .time {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .eventArea .eventContent .eventName .time {
    padding-bottom: 10px;
  }
}

.eventArea .lastContent {
  margin-bottom: 0;
}

.eventArea .simpleTable01 {
  font-size: 14px;
  width: 100%;
  border: 1px solid #cccccc;
}

.eventArea .simpleTable01 tr:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

.eventArea .simpleTable01 th {
  font-weight: bold;
  width: 50%;
  padding: 20px;
  background-color: #f4f4f4;
  border-right: 1px solid #cccccc;
}

.eventArea .simpleTable01 td {
  padding: 10px;
  border-right: 1px solid #cccccc;
}

@media screen and (max-width: 900px) {
  .eventArea .simpleTable01 td {
    font-size: 13px;
  }
}

.eventArea .simpleTable01 .product01 {
  text-align: center;
}

@media screen and (max-width: 900px) {
  .eventArea .simpleTable01 .product01 {
    text-align: left;
  }
}

.eventArea .simpleTable01 .detail01 {
  vertical-align: middle;
}

@media screen and (max-width: 900px) {
  .eventArea .simpleTable01 .detail01 {
    vertical-align: top;
  }
}




.eventArea .simpleTable02 {
  font-size: 14px;
  width: 100%;
  border: 1px solid #cccccc;
}

.eventArea .simpleTable02 tr:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

.eventArea .simpleTable02 th {
  font-weight: bold;
  width: 50%;
  padding: 20px;
  background-color: #f4f4f4;
  border-right: 1px solid #cccccc;
}

.eventArea .simpleTable02 td {
  padding: 10px;
  border-right: 1px solid #cccccc;
}

@media screen and (max-width: 900px) {
  .eventArea .simpleTable02 td {
    font-size: 13px;
  }
}

.eventArea .simpleTable02 .product01 {
  text-align: center;
}

@media screen and (max-width: 900px) {
  .eventArea .simpleTable02 .product01 {
    text-align: left;
  }
}

.eventArea .simpleTable02 .detail01 {
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 900px) {
  .eventArea .simpleTable02 .detail01 {
    vertical-align: top;
  }
}




.eventArea .imgBox01 img {
  width: 49%;
  display: block;
}

@media screen and (max-width: 767px) {
  .eventArea .imgBox01 img {
    width: 100%;
    float: none;
    margin: 0 auto 15px;
  }
}

.footer .pageTop {
  border-top: 1px solid #e5e5e5;
  position: relative;
}

.footer .pageTop:before {
  content: '';
  width: 2px;
  height: 35px;
  background-color: #f95d09;
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .footer .pageTop:before {
    height: 20px;
    top: -11px;
  }
}

.footer .pageTop a {
  font-weight: bold;
}