@charset "UTF-8";

.mainVisual {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.mainVisual__picture img {
  width: 100%;
  height: 100vh;
  object-position: center;
  object-fit: cover;
}

.mainVisual__capIn {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 2;
}

.mainVisual .title-page {
  color: #ffffff;
  position: absolute;
  bottom: 6.375%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
  text-align: center;
}

.mainVisual::after {
  content: '';
  width: 100%;
  height: 18.75%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
  left: 0;
  bottom: 0%;
  position: absolute;
}

.wrap-content {
  padding: 120px 0 0;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .wrap-content {
    padding: 60px 0 0;
  }
}

.wrap-content .block {
  padding: 0 0 80px;
}

.wrap-content .s-desc {
  line-height: 2.5;
  letter-spacing: 0.2em;
}

.intro {
  color: #ffffff;
}

.intro .title01,
.intro .title02 {
  text-align: center;
}

.intro .title01 {
  margin: 0 0 150px;
}

.intro .title02 {
  margin: 0 0 70px;
}

.intro__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.intro__inner .colL {
  width: 44%;
  padding: 35px 0 0;
}

.intro__inner .colR {
  width: 50.81%;
}

.utils {
  color: #ffffff;
  text-align: center;
}

.utils .title02 {
  margin-bottom: 40px;
}

.utils__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 40px 0 0;
}

.utils__inner .photo {
  width: 49%;
}

.locate {
  color: #ffffff;
  text-align: center;
}

.locate .title02 {
  margin-bottom: 40px;
}

.locate .s-desc.my-40 {
  margin: 60px 0;
}

.slide_position {
  margin: 120px 0 0;
}

.slide_position .slick-slide {
  padding: 0 25px;
}

.slide_position .cap-slide {
  font-size: 12px;
  text-align: right;
  margin: 5px 0 0;
}

.education {
  display: flex;
  align-items: center;
  color: #000000;
  background: linear-gradient(180deg, #E4E4DF, #FFFFFF);
}

.education .colL {
  width: 50%;
}

.education .colR {
  width: 50%;
  padding: 70px 80px 120px;
  position: relative;
}

/*
.education .colR::before{pointer-events: none;background: url('../imgs/line.png') no-repeat 100% 100%;width: 160px;height: 160px;top: 0;left: 20px;content: '';position: absolute;transform: rotate(180deg);}
.education .colR::after{pointer-events: none;background: url('../imgs/line.png') no-repeat 100% 100%;width: 160px;height: 160px;bottom: 0;right: 20px;content: '';position: absolute;}
*/
.education .colR .title02 {
  margin-bottom: 24px;
}

.education .school-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0 0;
}

.education .school-list .photo {
  width: 32%;
}

.education .school-list .photo figcaption {
  text-align: right;
  font-size: 12px;
  line-height: 1.4;
}

.bottomArea {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  z-index: 1;
  padding: 45px 0;
}

@media screen and (max-width: 768px) {

  .wrap-content .block {
    padding: 0 0 100px;
  }

  .photo img {
    width: 100%;
  }

  .intro .title01 {
    margin: 0 0 40px;
  }

  .intro .title02 {
    margin: 30px 0 20px;
  }

  .intro .photo.colR {
    margin: 0 -20px;
  }

  .wrap-content .s-desc {
    text-align: left;
  }

  .intro__inner {
    margin: 0.8rem 0 0;
  }

  .intro__inner .colL {
    width: 100%;
    padding: 0;
  }

  .intro__inner .colR {
    width: 100%;
  }

  .slide_position {
    margin: 60px 0 0;
  }

  .slide_position .slick-slide {
    max-width: 300px !important;
    padding: 0 10px;
    position: relative;
  }

  .slide_position .cap-slide {
    position: absolute;
    right: 15px;
    bottom: 5px;
    font-size: 10px;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
    ;
  }

  .utils__inner .photo {
    width: calc(100% + 20px);
    margin-bottom: 30px;
  }

  .utils__inner .photo:nth-of-type(1) {
    margin-left: -20px;
  }

  .utils__inner .photo:nth-of-type(2) {
    margin-right: -20px;
    margin-left: auto;
    margin-bottom: 0;
  }

  .position .w-full-sp {
    margin: 0 -20px;
  }

  .locate .s-desc.my-40 {
    margin: 30px 0;
  }

  .utils .title02 {
    margin-bottom: 20px;
  }

  .education {
    flex-wrap: wrap;
  }

  .education .colL {
    width: 100%;
  }

  .education .colR {
    width: 100%;
    padding: 60px 20px;
  }

  .education .colR .title02 {
    text-align: center;
  }

  .education .colR::before {
    left: 5px;
    top: 5px;
  }

  .education .colR::after {
    right: 5px;
    bottom: 5px;
  }

  .education .school-list .photo {
    width: 100%;
    margin-bottom: 70px;
  }

  .education .school-list .photo:last-child {
    margin-bottom: 30px;
  }
}