@charset "UTF-8";
/* CSS Document */
main {
  background-image:url("../images/IMG_9279.JPG");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.8);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.main {
  position: relative;
  width: 100%;
  height: auto;
  background-image: url( "../images/IMG_9154.JPG");
  background-size: cover;
  background-position: 10% 70%;
  z-index: 3;
  margin-bottom: 56px;
}
.main::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: -2px;
  left: -1px;
  right: -3px;
  filter: blur(3px);
  z-index: -2;
  background: inherit;
}
.main h2 {
  color: #fff;
  font-size: 1.6rem;
  padding: 80px 0;
}
@media (min-width: 1160px) {
  .main {
    margin-bottom: 124px;
  }
  .main h2 {
    font-size: 3.6rem;
    padding: 272px 0;
    line-height: 1.0;
  }
}
.Profile {
  max-width: 858px;
  margin: 0 auto 70px;
  text-align: left;
  padding: 0 19px;
}
.Profile h2 {
  color: #1e1e1e;
  font-size: 1.8rem;
  padding-bottom: 7px;
  border-bottom: solid 1px #d1d1d1;
  margin-bottom: 8px;
}
.Profile p {
  color: #1e1e1e;
  font-size: 1.4rem;
  line-height: 1.8;
}
.book {
  width: 70px;
  height: 100px;
  margin-left: 169px;
}
@media (min-width: 1160px) {
  .Profile {
    margin-bottom: 100px;
  }
  .Profile h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  .Profile p {
    font-size: 1.6rem;
  }
  .book {
    width: 140px;
    height: 202px;
    margin-left: 540px;
  }
}
.history {
  max-width: 858px;
  margin: 0 auto 60px;
  text-align: left;
  padding: 0 19px;
  color: #1e1e1e;
}
.history_wrapper {
  margin-bottom: 60px;
}
.history h2 {
  color: #1e1e1e;
  font-size: 1.8rem;
  padding-bottom: 7px;
  border-bottom: solid 1px #d1d1d1;
  margin-bottom: 8px;
}
.history_1, .history_2, .history_3, .history_4, .history_5, .history_6 {
  display: flex;
  margin-bottom: 28px;
}
.history_2 {
  margin-bottom: 19px;
}
.history_6 {
  margin-bottom: 0;
}
.history h3 {
  width: 71px;
  font-size: 3.0rem;
  margin-right: 20px;
}
.history_3_September {
  width: 71px;
  margin-right: 20px;
}
.month {
  font-size: 1.4rem;
  width: 23px;
  margin-right: 17px;
}
.content {
  font-size: 1.4rem;
  width: 205px;
}
@media (min-width: 550px) {
  .content {
    width: 381px;
  }
}
@media (min-width: 768px) {
  .content {
    width: 599px;
  }
}
@media (min-width: 1160px) {
  .history {
    margin-bottom: 100px;
  }
  .history_wrapper {
    margin-bottom: 0;
  }
  .history h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  .history_1, .history_2, .history_3, .history_4, .history_5, .history_6 {
    height: auto;
  }
  .history h3 {
    width: 113px;
    line-height: 1.0;
    font-size: 4.8rem;
    vertical-align: middle;
  }
  .history_3_September {
    width: 113px;
    line-height: 1.0;
    vertical-align: middle;
  }
  .month {
    font-size: 1.6rem;
    width: 26px;
  }
  .content {
    font-size: 1.6rem;
    width: 644px;
  }
}
.book_visual {
  padding-bottom: 70px;
}
.slider img {
  width: 150px;
  height: 211px;
}
@media (min-width: 1160px) {
  .book_visual {
    padding-bottom: 130px;
  }
  .slider img {
    width: 250px;
    height: 338px;
  }
}