@charset "utf-8";

/* ↓↓↓ #seminar ↓↓↓ */
#seminar .page-title {
  /* max-width: 419px; */
  max-width: 661px;
}

@media screen and (max-width: 750px) {
  #seminar .page-title {
    width: 85%;
    /* max-width: 419px; */
  }
}

#seminar .link-group {
  margin-top: 25px;
  position: relative;
}

#seminar .notes {
  display: block;
  margin-top: 40px;
  font-size: 1.4rem;
  color: #ff1d25;
}

#seminar .link-group {
  width: 100%;
  /* height: 280px; */
  margin: 20px auto 0 auto;
}

#seminar .link-group a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2.0rem;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 140px 0;
}

#seminar .link-group a.sec1 {
  background-image: url("../img/sec1_link_bg.jpg");
}

#seminar .link-group a.sec2 {
  background-image: url("../img/sec2_link_bg.jpg");
}

#seminar .link-group a.sec3 {
  background-image: url("../img/sec3_link_bg.jpg");
}

#seminar .link-group a.sec4 {
  background-image: url("../img/sec4_link_bg.jpg");
}

#seminar .link-group a .imgs {
  position: absolute;
  width: 400px;
  left: 28%;
  right: 28%;
  bottom: 5%;
  box-shadow: 1px 2px 17px -6px rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 750px) {
  #seminar .link-group {
    width: 100%;
    /* height: 280px; */
    margin: 20px auto 0 auto;
  }

  #seminar .link-group a .imgs {
    width: 92%;
    left: 4%;
    right: 4%;
  }

  #seminar .link-group a {
    padding: 31.702% 0;
  }
}

#seminar .link-group a:hover {
  opacity: .7;
}

#seminar .link-group a .balloon {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  width: 400px;
  height: 100px;
  background-color: rgba(0, 136, 3, .9);
}

/* @media screen and (max-width: 480px) {
  #seminar .link-group {
    width: 100%;
    height: 300px;
    margin: 20px auto 0 auto;
  }
} */
/* ↑↑↑ #seminar ↑↑↑ */


/* ↓↓↓ #event ↓↓↓ */

#event .pagetitle {
  font-size: 3rem;
  letter-spacing: 0.04em;
  line-height: 1;
}

#event .page-title {
  max-width: 457px;
}

#event .link-group a:hover {
  opacity: .7;
}

#event .link-group a.no-link:hover {
  opacity: 1;
}

#event .link-group {
  margin-top: 15px;
  position: relative;
  /* height: 280px; */
}

#event .link-group a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  overflow: hidden;
}

/* #event .link-group a .bg-image {
  width: 950px;
} */

#event .link-group a .imgs {
  position: absolute;
  width: 400px;
  left: 0;
  right: 0;
  bottom: 5%;
  margin: 0 auto;
  /* box-shadow: 1px 2px 17px -6px rgba(0, 0, 0, 0.6); */
}

@media screen and (max-width: 750px) {
  #event .pagetitle {
    font-size: 2.1rem;
    letter-spacing: 0.02em;
  }

  #event .page-title {
    width: 85%;
  }

  #event .link-group a .bg-image {
    width: 100%;
  }

  #event .link-group a .imgs {
    width: 90%;
    left: 5%;
    right: 5%;
  }
}

/* ↑↑↑ #event ↑↑↑ */