@charset "utf-8";

/* ----------------------------------
concept
---------------------------------- */

/* common */
#content_Wrap figure {
  position: relative;
  height: fit-content;
}
.sec_head {
  font-size: min(2.3vw,21px);
  line-height: 1.75;
}
.inner {
  width: 90%;
}

/* kobetsu */
.head__Area {
  background: #797872;
  color: #fff;
  text-align: center;
  padding: 7% 0;
}
.head__Area .be_smart {
  margin: 0 0 5%;
}
.head__Area .be_smart h2 {
  width: 60%;
  max-width: 382px;
  margin: 0 auto -0.5%;
}
.head__Area .be_smart p {
  font-size: min(2.4vw,22px);
  letter-spacing: 0.06em;
}
.head__Area .copy {
  font-size: min(2vw,14px);
  line-height: 2.42857143;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}

.slq__Area {
  background: #eeeceb;
  text-align: center;
  padding: 7% 0;
}
.slq__Area h3 {
  width: 40%;
  max-width: 280px;
  margin: 0 auto 5%;
}
.slq__Area .slq_head {
  margin: 0 auto 7%;
}
.slq__Area .slq_list {
  gap: 30px;
  margin: 5% auto 0;
}
.slq__Area .slq_list li {
  position: relative;
}
.slq__Area .slq_list li:not(:last-child) {
  padding-right: 30px;
}
.slq__Area .slq_list li:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
}
.slq__Area .slq_list li h4 {
  font-family: "Cormorant Garamond", serif;
  font-size: min(3.2vw,23px);
  margin: 5% 0 8%;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}
.slq__Area .slq_list li h4 span {
  font-size: 3em;
  display: block;
  color: #fff;
  margin-bottom: 0.2em;
}
.slq__Area .slq_list li .liItem_head {
  font-size: min(1.8vw,17px);
  margin: 0 0 1.5em;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}
.slq__Area .slq_list li .liItem_copy {
  font-size: min(1.3vw,14px);
  line-height: 1.8;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}

.franc__Area {
  background: url(../img/franc_bg.jpg) no-repeat center center / cover;
  position: relative;
  aspect-ratio: 2560/1494;
}
.franc__Area .txt {
  padding: 10% 0 0;
  color: #353535;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}
.franc__Area .txt .sub_head {
  font-size: min(3.2vw,31px);
  font-family: "Cormorant Garamond", serif;
  margin-bottom: 0.25em;
  letter-spacing: 0;
}
.franc__Area .txt .main_head {
  font-size: min(5.6vw,53px);
  font-family: "Cormorant Garamond", serif;
  margin-bottom: 0.5em;
}
.franc__Area .txt .txt_L {
  font-size: min(2.3vw,22px);
  line-height: 1.75;
  margin-bottom: 1em;
}
.franc__Area .txt .txt_S {
  font-size: min(1.3vw,14px);
  line-height: 2;
}

.point__Area {
  background: url(../img/img04.jpg) no-repeat center center / cover;
  text-align: center;
  padding: 6% 0 48%;
}
.point__Area .point_list {
  flex-wrap: wrap;
  gap: 20px;
  margin: 4% auto 0;
  width: 100%;
}
.point__Area .point_list li {
  width: calc((100% - 60px) / 4);
  background: rgba(255,255,255,0.44);
  /*font-size: min(1.8vw,21px);*/
  font-size: min(1.5vw, 21px);
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
  padding: 1em;
  line-height: 1.31799163;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2/1;
}
.point__Area .point_list li.l-item02 {
  line-height: 0.7;
  /*text-align: left;*/
}
.point__Area .point_list li.l-item02 .f-240 {
  vertical-align: -0.1em;
}
.point__Area .point_list li.l-item09 .f-80 {
  letter-spacing: -.05em;
}
/*.point__Area .point_list li.l-item11 {
  line-height: 1.1;
}*/
.point__Area .point_list li.l-item11 .f-120 {
  letter-spacing: -0.05em;
}
.point__Area .point_list li.l-item11 .f-120.zeh {
  position: relative;
}
.point__Area .point_list li.l-item11 .f-120.zeh::after {
  content: "Oriented";
  font-size: 0.7em;
  letter-spacing: -0.02em;
  position: absolute;
  bottom: -1.2em;
  left: 50%;
  transform: translateX(-50%);
}

/*=============================
tab
=============================*/
@media screen and (max-width: 1024px) {



}


/*=============================
spから
=============================*/
@media only screen and (max-width: 767px) {


  /* common */
  .sec_head {
    font-size: min(4.0vw,21px);
  }

  /* kobetsu */
  .head__Area {
    padding: 10% 0;
  }
  .head__Area .be_smart {
    margin: 0 0 7.5%;
  }
  .head__Area .be_smart h2 {
    width: 70%;
  }
  .head__Area .be_smart p {
    font-size: min(4.4vw,22px);
  }
  .head__Area .copy {
    font-size: min(3.6vw,14px);
  }

  .slq__Area {
    padding:10% 0;
  }
  .slq__Area h3 {
    width: 50%;
    margin: 0 auto 7.5%;
  }
  .slq__Area .slq_head {
    margin: 0 auto 10%;
  }
  .slq__Area .slq_list {
    width: 90%;
    gap: 30px;
    margin: 7.5% auto 0;
    flex-direction: column;
  }
  .slq__Area .slq_list li:not(:last-child) {
    padding-right: 0;
    padding-bottom: 30px;
  }
  .slq__Area .slq_list li:not(:last-child)::after {
    width: 100%;
    height: 1px;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
  }
  .slq__Area .slq_list li h4 {
    font-size: min(5.0vw,23px);
    margin: 5% 0 9%;
  }
  .slq__Area .slq_list li h4 span {
    font-size: 3em;
  }
  .slq__Area .slq_list li .liItem_head {
    font-size: 17px;
    margin: 0 0 1.5em;
  }
  .slq__Area .slq_list li .liItem_copy {
    font-size: 14px;
    line-height: 1.5;
  }


  .franc__Area {
    background: none;
    aspect-ratio: auto;
  }
  .franc__Area .txt {
    padding: 40px 0;
  }
  .franc__Area .txt .sub_head {
    font-size: min(5.2vw,31px);
    margin-bottom: 0.25em;
  }
  .franc__Area .txt .main_head {
    font-size: min(9.0vw,53px);
    margin-bottom: 0.5em;
  }
  .franc__Area .txt .txt_L {
    font-size: 17px;
    margin-bottom: 1em;
  }
  .franc__Area .txt .txt_S {
    font-size: 14px;
  }


  .point__Area {
    padding: 6% 0 48%;
  }
  .point__Area .point_list {
    margin: 4% auto 0;
    width: 100%;
    gap: 10px;
  }
  .point__Area .point_list li {
    width: calc((100% - 10px) / 2);
    background: rgba(255,255,255,0.6);
    font-size: min(3.2vw,16px);
    padding: 1em;
    aspect-ratio: auto;
  }


}