@charset "utf-8";
/* 共通設定 */
.top-h2{
  font-size: 1.375rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}

.fv-wrap {
  position: relative;
  overflow: hidden;
  height: 100svh;
  min-height: 300px;
  background: url(../images/top/fv-bg1-sp.jpg) no-repeat center center/cover;
}
.fv-copy {
  position: absolute;
  top: 5%;
  left: 5%;
  transform: translate(-5%, -5%);
  width: 65px;
}
.fv-desc {
  position: absolute;
  bottom: 10%;
}
.fv-desc {
  font-size: 1rem;
}

@media all and (min-width: 768px) {
  .top-h2{
    margin-bottom: 2.5rem;
  }
  .fv-wrap {
    background: url(../images/top/fv-bg1.jpg) no-repeat center center/cover;
  }
  .fv-copy {
    width: 70px;
    top: 10%;
    left: 10%;
    transform: translate(-10%, -10%);
  }
}
@media all and (min-width: 992px) {
  .fv-copy {
    width: 80px;
  }
}
@media all and (min-width: 1200px) {
  .fv-copy {
    left: 15%;
    transform: translate(-15%, -10%);
}
}

/* 理念 */
.sec-ideal-h2{
  width: 350px;
  max-width: 100%;
}
.sec-ideal-row{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-left: -15px;
  margin-right: -15px;
  row-gap: 30px;
}
.sec-ideal-col{
  padding-left: 15px;
  padding-right: 15px;
}

@media all and (min-width: 768px) {
  .sec-ideal-row{
    flex-direction: row;
  }
  .sec-ideal-row{
    flex-wrap: nowrap;
  }
  .sec-ideal-h2{
    width: auto;
  }

}
@media all and (min-width: 1200px) {
  .sec-ideal-row{
    margin-left: -30px;
    margin-right: -30px;
  }
  .sec-ideal-col{
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* 施設一覧 */
.sec-facilities-img img{
  width: 100%;
  border-radius: 20px;
}
.sec-facilities-row{
  align-items: flex-end;
  row-gap: 44px;
}
.sec-facilities-row .col-sm-6{
  display: flex;
  flex-direction: column;
}
.sec-facilities-cat{
  margin-bottom: 1rem;
  height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sec-facilities-cat > div{
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 2px 0 2px 21px;
  color: #ee869a;
}
.sec-facilities-cat > div::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 100%;
  border-radius: 30px;
  background-color: #ee869a;
}
/* .sec-facilities-title{
  height: 46px;
  display: flex;
  flex-direction: column;
} */
.sec-facilities-img{
  margin-bottom: 1rem;
}
.pointer-none{
  pointer-events: none;
}
@media all and (min-width: 576px) {
  .sec-facilities-item{
    height: 240px;
  }
}
@media all and (min-width: 1200px) {
.sec-facilities-row{
  margin-left: -30px;
  margin-right: -30px;
}
.sec-facilities-row .col-sm-6{
  padding-left: 30px;
  padding-right: 30px;
}
}