@charset "UTF-8";
/** pxからvwへ変換関数 **/
.mv-single {
  background-image: url("../img/single/bg.jpg");
  background-size: cover;
  background-position: center;
  height: 440px;
}

.mv-single h1 {
  margin-top: 3rem;
}

.mv-single .info span.tag {
  font-size: 1.2rem;
  color: #fff;
  padding: 0.1rem 1.5rem;
  border-radius: 4px;
  margin-right: 1rem;
}

.mv-single .info span.cat-all {
  background-color: #E67B60;
}

.mv-single .info span.cat-events {
  background-color: #F5CD1F;
}

.mv-single .info span.cat-information {
  background-color: #84C35F;
}

.mv-single .info span.cat-professor {
  background-color: #658CC0;
}

.main .contents {
  padding: 3rem 4rem 6rem;
}

.main .contents h2 {
  font-size: 2.8rem;
  border-bottom: 3px solid #658CC0;
  padding-bottom: 1rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.main .contents h3 {
  font-size: 2.4rem;
  border-left: 4px solid #658CC0;
  padding: 1rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.main .contents h4 {
  font-size: 2rem;
  color: #658CC0;
  margin-bottom: 1rem;
  margin-top: 3rem;
}

.main .contents p {
  margin-bottom: 2rem;
}

.main .contents ul {
  list-style-type: disc;
  margin-left: 2.2rem;
  margin-bottom: 3rem;
}

.main .contents ul li {
  margin-bottom: 1rem;
}

.main .contents ul li:last-child {
  margin-bottom: 1rem;
}

.main .contents .wp-block-columns-is-layout-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 3rem;
}

.main .contents .wp-block-columns-is-layout-flex .wp-block-column-is-layout-flow {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.main .contents .wp-block-image {
  margin-bottom: 3rem;
}

.main .single-section .w800 {
  margin: -20rem auto 0;
  border-radius: 8px;
  overflow: hidden;
}

.main .single-section .icatch img {
  display: block;
  margin: 0 auto;
}

.main .single-section .bg-white {
  box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}

@media screen and (max-width: 760px) {
  .main {
    margin-top: 6.6rem;
  }
  .main .single-section .w800 {
    margin: -15rem auto 0;
  }
  .main .contents {
    padding: 2rem 2rem 4rem;
  }
  .main .contents h2 {
    line-height: 1.6;
  }
}

@media screen and (max-width: 540px) {
  .mv-single h1 {
    font-size: 6.66667vw;
  }
  .main .contents h2 {
    font-size: 5.6vw;
  }
  .main .contents h3 {
    font-size: 4.8vw;
  }
  .main .contents h4 {
    font-size: 4.26667vw;
  }
}
/*# sourceMappingURL=single.css.map */