@charset "UTF-8";
.about {
  padding: 8rem 2rem;
}
.about .cont_inr {
  /*  background: url("../../images/index/ab_bg.png")no-repeat center center/cover, linear-gradient(to right, #88CDD3, #9CD5B9);*/
  background: url("../../images/index/ab_bg.png") no-repeat center center/cover, linear-gradient(to right, #88CDD3, #9CD5B9);
  text-align: center;
  padding: 5rem 1rem 6rem;
  border-radius: 100vh;
  position: relative;
}
.about .cont_inr::after {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: calc(100% - 2.2rem);
  height: calc(100% - 2.2rem);
  content: "";
  border-radius: 100vh;
  border: 1px solid #fff;
}
.about .cont_inr .cont_ttl {
  font-size: 3rem;
  position: relative;
  z-index: 0;
  font-weight: 700;
}
.about .cont_inr .cont_ttl::after {
  position: absolute;
  content: "ABOUT";
  font-family: 'Concert One', sans-serif;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ADE3E2;
  font-size: 6.6rem;
  z-index: -1;
}
.about .cont_inr .txt {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0 2rem;
}
.about .ab_inr {
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .about .cont_inr {
    padding: 9rem 1.5rem;
  }
  .about .cont_inr::after {
    top: 2rem;
    left: 2rem;
    width: calc(100% - 4.4rem);
    height: calc(100% - 4.4rem);
    border: 2px solid #fff;
  }
  .about .cont_inr .cont_ttl {
    font-size: 4rem;
  }
  .about .cont_inr .cont_ttl::after {
    font-size: 10.6rem;
  }
  .about .cont_inr .txt {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .headerWrap::after {
    background-color: rgba(136, 205, 211, 0.7);
  }
  .mv {
    padding-top: 9.5rem
  }
}