/*====================================================
////id |  overview
====================================================*/
.overview-bg-wrapper::after {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1440 180"><path fill="%23eaf5ec" d="M0,129.72s27,8.27,108-4.13,152.31-48.28,179.31-59.92c24.73-10.67,77.77-40.28,146.77-39.26,85.91,1.27,150.23,31.68,230.54,73.7s143.38,74.69,223.08,73.78,178.46-22.35,328-89.39S1440,0,1440,0v180H0v-50.28" /></svg>') no-repeat center bottom / contain;
  content: '';
  display: block;
  margin: auto;
  padding-top: 14%;
  position: absolute;
    left: -10%;
    right: -10%;
    bottom: -2px;
  width: 102%;
  height: 0;
}
.overview-inner {
  padding: min(16vw, 60px) 0 min(20vw, 280px);
}
.overview-item-wrapper {
  display: grid;
    grid-gap: min(15vw, 88px);
}
.overview-item {
  line-height: 1.6;
}
.overview-item-img .coverImg {
  border-radius: min(4.5vw, 30px);
  padding-top: 61.2%;
}
.overview-item-text dt {
  display: flex;
    justify-content: center;
  font-size: min(5.15vw, 2.2rem);
  font-weight: 700;
  letter-spacing: .07em;
  margin-bottom: .8em;
}
.overview-item-text dd {
  font-size: min(3.75vw, 1.6rem);
  letter-spacing: .03em;
}
.overview-item-text dd ul {
  margin: .4em 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1070.0px) {
  .overview-item-img {
    margin: 0 auto min(7vw, 40px);
    padding-right: min(3.5vw, 20px);
    width: min(100%, 600px);
  }
}
@media screen and (max-width: 769.0px) {
  .overview-item-text dt {
    justify-content: flex-start;
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 1070.1px) {
  .overview-item {
    display: flex;
      gap: 32px;
  }
  .overview-item:nth-child(even) {
    flex-direction: row-reverse;
  }
  .overview-item-img {
    flex: 1;
  }
  .overview-item-img .coverImg {
    height: 100%;
  }
  .overview-item:nth-child(odd) .coverImg {
    filter: drop-shadow(calc(min(2vw, 20px) * -1) min(2vw, 20px) 0 #FFFAC4);

  }
  .overview-item-text {
    display: flex;
      align-items: center;
    width: 48.5%;
  }
}

@media (hover: hover) {}


/*====================================================
////id |  feature
====================================================*/
#feature {
  background: var(--color_5);
}
.feature-bg-wrapper::after {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1440 180"><path fill="%23ffffff" d="M0,129.72s27,8.27,108-4.13,152.31-48.28,179.31-59.92c24.73-10.67,77.77-40.28,146.77-39.26,85.91,1.27,150.23,31.68,230.54,73.7s143.38,74.69,223.08,73.78,178.46-22.35,328-89.39S1440,0,1440,0v180H0v-50.28" /></svg>') no-repeat center bottom / contain;
  content: '';
  display: block;
  margin: auto;
  padding-top: 14%;
  position: absolute;
    left: -10%;
    right: -10%;
    bottom: -2px;
  width: 102%;
  height: 0;
}
.feature-item-wrapper {
  display: grid;
    grid-gap: min(12vw, 50px) 19px;
  margin: min(10vw, 80px) auto 0;
}
.feature-item {
  background: #fff;
  border-radius: 20px;
  line-height: 1.6;
  padding: 16px;
}
.feature-item-no {
  color: var(--color_1);
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1;
  margin: auto;
  position: absolute;
    left: 10px;
    top: -.5em;
  z-index: 10;
}
.feature-item-title {
  color: var(--color_2);
  display: flex;
    align-items: center;
    justify-content: center;
  font-size: min(5.12vw, 2.2rem);
  font-weight: 700;
  letter-spacing: .07em;
  margin-bottom: 6px;
  min-height: 3em;
}
.feature-item-img .coverImg {
  border-radius: 20px;
  padding-top: min(52.7%, 220px);
}
.feature-item-text {
  letter-spacing: .02em;
  margin-top: .8em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1070.0px) {
  /* .feature-item {
    padding: 16px 3.7vw;
  } */
  .feature-item-title {
    margin-bottom: .3em;
    min-height: 2em;
  }
}

@media screen and (min-width:769.1px) and (max-width:1070.0px) {
  .feature-item-wrapper {
    max-width: 800px;
  }
  .feature-item {
    display: grid;
      grid-gap: 0 3vw;
      grid-template-columns: 1fr 40%;
  }
  .feature-item-img {
    grid-column: 2;
    grid-row: 1 / 3;
  }
  .feature-item-img .coverImg {
    height: 100%;
  }
  .feature-item-title {
    align-items: flex-end;
  }
}

@media screen and (max-width: 769.0px) {
  .feature-inner {
    padding: min(20vw, 68px) 0 min(30vw, 200px);
  }
  .feature-item-wrapper {
    width: min(80%, 600px);
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .feature-inner {
    padding: 68px 0 min(22vw, 300px);
  }
}
@media print, screen and (min-width: 1070.1px) {
  .feature-item-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (hover: hover) {}

/*====================================================
////id |  banner
====================================================*/
#banner {
  background: var(--color_5);
}
.banner-item-wrapper {
  display: grid;
    grid-gap: min(10vw, 50px);
  margin-top: min(7vw, 50px);
}
.banner-item-text {
  font-size: min(3.72vw, 2.4rem);
  text-align: center;
  margin-bottom: .4em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}

@media (hover: hover) {}

.footer_contact-bg-wrapper::before {
  filter: none;
}