@charset "UTF-8";
/* ----------------------------------------

  コンセプト
  /concept/index.html

---------------------------------------- */
/* Components
---------------------------------------- */
.section_title > * {
  display: block;
  line-height: 2;
}
.section_title p {
  margin-top: 1rem;
  font-size: 18px;
}
.section_title em {
  font-family: "Cormorant", serif;
  font-style: italic;
}
.section_title.-large {
  margin-bottom: 3em;
  text-align: center;
}
.section_title.-large em {
  font-size: 4.6em;
  letter-spacing: 0.1em;
}
.section_title.-large span {
  line-height: 1.2;
}
.section_title.-middle {
  margin-bottom: 3em;
  text-align: center;
}
.section_title.-middle em {
  font-size: 4rem;
  letter-spacing: 0.1em;
}
.section_title.-middle span {
  margin-top: -1em;
  font-size: 1.2em;
}
@media (max-width: 768px) {
  .section_title.-large em {
    font-size: 3.5rem;
    letter-spacing: 0.05em;
  }
  .section_title.-large span {
    font-size: 1;
  }
  .section_title * p {
    font-size: 3.5rem;
  }
  .section_title.-middle {
    margin-bottom: 2em;
  }
  .section_title.-middle em {
    font-size: 2.6em;
  }
  .section_title.-middle span {
    font-size: 1em;
  }
}

p.section_text > * {
  display: block;
  line-height: 2;
}
@media (max-width: 768px) {
  p.section_text {
    font-size: clamp(0.9rem, 0.95vw, 1rem);
    font-size: 4vw;
    margin: 0.5rem auto 0;
  }
}

.page_title {
  position: absolute;
  top: 15% !important;
  color: #646464;
}

.cp-image__title {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  padding-top: 6rem;
}
@media (max-width: 768px) {
  .cp-image__title {
    padding-top: 2.5rem;
  }
}

.concept .titSub,
.concept .page-tit,
.concept .page-desc,
.concept .photo-logo {
  position: relative;
  z-index: 2;
  text-align: center;
}
.concept .titSub {
  display: block;
  margin-bottom: 100px;
  letter-spacing: 0.05em;
  font-size: 50px;
  line-height: 1;
}
.concept .page-tit {
  display: block;
  font-size: min(3.8vw, 38px);
}
.concept .page-desc {
  font-size: 20px;
  line-height: 2.5;
  margin-bottom: 60px;
}
.concept .photo-logo {
  margin: 70px auto;
}
.concept .photo-logo img {
  display: inline-block;
  width: 100%;
  max-width: 490px;
}
.concept .photo-bg {
  margin-top: -40%;
}
.concept .page-footer {
  margin: 100px 0;
}
.concept .view_more00 {
  max-width: 425px !important;
}

@media screen and (max-width: 992px) {
  .concept .page-tit {
    font-size: min(3.8vw, 38px);
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .concept .titSub {
    margin-bottom: 50px;
  }
  .concept .page-tit {
    font-size: min(3.5vw, 38px);
  }
  .concept .page-desc {
    font-size: min(2.6vw, 20px);
    line-height: 2;
  }
  .concept .photo-logo {
    margin-bottom: 35px;
  }
  .concept .photo-logo img {
    max-width: 245px;
  }
  .concept .page-footer {
    margin: 50px 0;
  }
}
/* [ LOCATION ]
---------------------------------------- */
.location {
  position: relative;
  display: block;
  margin-top: -12%;
}
.location::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: -1;
  top: 0%;
  bottom: 0%;
  width: 100%;
  background: url(../../concept/images/img-bg_pc.png) center center/cover no-repeat;
}
@media screen and (min-width: 1600px) {
  .location::before {
    height: 140vw !important;
    background: url(../../concept/images/img-bg_pc@2x.png) center center/contain no-repeat;
  }
}
@media (max-width: 768px) {
  .location::before {
    background: url(../../concept/images/img-bg_sp.png) center center/cover no-repeat;
  }
}
.location .section_title {
  display: block;
  text-align: center;
  margin: 0 auto 5em;
  color: #fff;
  /* font-family: "Noto Serif CJK JP", serif; */
}
.location .section_title em {
  font-style: normal;
}
.location__inner {
  position: relative;
}
.location .pease-title {
  display: block;
  width: 1239px;
  height: 30vw;
  max-height: 372px;
  margin: 0% auto 7%;
}
@media (max-width: 768px) {
  .location .pease-title {
    width: 80%;
    height: auto;
    max-height: none;
    /* margin: 3rem auto; */
  }
}
.location .icon-head {
  position: relative;
  display: block;
  margin: 1em auto;
  padding: 0.25em 0;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  text-align: center;
  /* font-family: "Noto Serif JP", serif; */
  letter-spacing: 0.1em;
  color: #fff;
}
.location .icon-head::after, .location .icon-head::before {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #c8c8c8;
}
.location .icon-head::after {
  margin-left: 15px;
}
.location .icon-head::before {
  margin-right: 15px;
}
@media (max-width: 768px) {
  .location .icon-head {
    font-size: 2.2em;
  }
}
.location .peace01 {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 960px;
  height: 100px;
}
.location .mv03_station {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  margin: 0 auto 37px;
}
@media (max-width: 768px) {
  .location .mv03_station {
    flex-wrap: wrap;
    height: auto;
    margin: clamp(90px, 18.6vw, 134px) auto;
  }
}
.location .mv03_station_left {
  width: 40%;
  padding: 2% 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  background-color: #8e876e;
  color: #fff;
}
@media (max-width: 768px) {
  .location .mv03_station_left {
    width: 100%;
    padding: 1.5em;
  }
}
.location .mv03_station_left dt {
  font-size: min(74px, 6vw);
  font-family: "Bellefair", serif;
  color: rgba(165, 147, 128, 0.7);
  color: rgba(255, 255, 255, 0.3);
  line-height: 1.4;
  letter-spacing: 0.26em;
}
@media (max-width: 768px) {
  .location .mv03_station_left dt {
    font-size: min(11vw, 5rem);
  }
}
.location .mv03_station_left dd {
  font-size: min(16px, 1.29vw) !important;
  line-height: 2;
}
@media (max-width: 768px) {
  .location .mv03_station_left dd {
    font-size: min(24px, 3vw) !important;
  }
}
.location .mv03_station_right {
  width: 60%;
  display: flex;
  position: relative;
}
.location .mv03_station_right::before {
  display: block;
  content: url(../../concept/images/peace-station_01.svg);
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: min(10rem, 210px);
  height: min(10rem, 210px);
  z-index: 1;
}
@media (max-width: 768px) {
  .location .mv03_station_right::before {
    top: -15.6%;
    right: -3%;
    width: 38vw;
    height: 38vw;
  }
}
.location .mv03_station_right img {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}
@media (max-width: 768px) {
  .location .mv03_station_right {
    width: 100%;
    height: auto;
  }
}
.location .mv03_parking {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 1272px;
  margin: 0 auto 37px;
}
@media (max-width: 768px) {
  .location .mv03_parking {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    height: auto;
    margin: min(4vw, 60px) auto min(17vw, 100px);
    margin: clamp(90px, 18.6vw, 134px) auto;
  }
}
.location .mv03_parking_left {
  width: 40%;
  padding: 2% 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  background-color: #8e876e;
  color: #fff;
}
@media (max-width: 768px) {
  .location .mv03_parking_left {
    width: 100%;
    padding: 1.5em;
  }
}
.location .mv03_parking_left dt {
  font-size: min(74px, 6vw);
  font-family: "Bellefair", serif;
  color: rgba(165, 147, 128, 0.7);
  color: rgba(255, 255, 255, 0.3);
  line-height: 1.4;
  letter-spacing: 0.26em;
}
@media (max-width: 768px) {
  .location .mv03_parking_left dt {
    /* letter-spacing: 0.14em; */
    font-size: min(11vw, 5rem);
  }
}
.location .mv03_parking_left dd {
  font-size: min(16px, 1.29vw) !important;
  line-height: 2;
}
@media (max-width: 768px) {
  .location .mv03_parking_left dd {
    font-size: min(24px, 3vw) !important;
  }
}
.location .mv03_parking_left {
  /* &::after {
    position: absolute;
    content: "";
    right: 20px;
    top: 50%;
    width: 15px;
    height: 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-50%) rotate(-45deg);
    pointer-events: none;
  } */
}
.location .mv03_parking_right {
  width: 60%;
  display: flex;
  position: relative;
}
.location .mv03_parking_right::after {
  content: "image";
  position: absolute;
  display: block;
  letter-spacing: 0.1em;
  z-index: 2;
  color: #fff;
  font-size: 13px;
  bottom: 3%;
  right: 2%;
}
.location .mv03_parking_right::before {
  display: block;
  content: url(../../concept/images/peace-parking-01.svg);
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: min(10rem, 210px);
  height: min(10rem, 210px);
  z-index: 1;
}
@media (max-width: 768px) {
  .location .mv03_parking_right::before {
    top: -17.6%;
    right: -3%;
    width: 38vw;
    height: 38vw;
  }
}
.location .mv03_parking_right img {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}
@media (max-width: 768px) {
  .location .mv03_parking_right {
    width: 100%;
    height: auto;
  }
}
.location .mv03_tebra {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
@media (max-width: 768px) {
  .location .mv03_tebra {
    flex-wrap: wrap;
    height: auto;
    margin: min(17vw, 60px) auto min(17vw, 100px);
    margin: clamp(90px, 18.6vw, 134px) auto;
  }
}
.location .mv03_tebra_left {
  width: 40%;
  padding: 2% 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  background-color: #8e876e;
  color: #fff;
}
@media (max-width: 768px) {
  .location .mv03_tebra_left {
    width: 100%;
    padding: 1.5em;
  }
}
.location .mv03_tebra_left dt {
  font-size: min(74px, 6vw);
  font-size: clamp(50px, 6vw, 74px);
  font-family: "Bellefair", serif;
  color: rgba(165, 147, 128, 0.7);
  color: rgba(255, 255, 255, 0.3);
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .location .mv03_tebra_left dt {
    font-size: min(11vw, 5rem);
    /* letter-spacing: 0.14em; */
  }
}
.location .mv03_tebra_left dd {
  font-size: min(16px, 1.29vw) !important;
  line-height: 2;
}
@media (max-width: 768px) {
  .location .mv03_tebra_left dd {
    font-size: min(24px, 3vw) !important;
  }
}
.location .mv03_tebra_right {
  width: 60%;
  display: flex;
  position: relative;
}
.location .mv03_tebra_right::after {
  content: "image";
  position: absolute;
  display: block;
  letter-spacing: 0.1em;
  z-index: 2;
  color: #fff;
  font-size: 13px;
  bottom: 3%;
  right: 2%;
}
.location .mv03_tebra_right::before {
  display: block;
  content: url(../../concept/images/peace-tebra_01.svg);
  position: absolute;
  bottom: 5%;
  left: 7%;
  width: min(10rem, 210px);
  height: min(10rem, 210px);
  z-index: 1;
}
@media (max-width: 768px) {
  .location .mv03_tebra_right::before {
    bottom: inherit;
    left: -3%;
    width: 38vw;
    height: 38vw;
    top: -26%;
    width: 38vw;
    height: 38vw;
  }
}
.location .mv03_tebra_right img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .location .mv03_tebra_right {
    width: 100%;
    height: auto;
  }
}
.location-parking .mv03_parking_right {
  width: 60%;
  display: flex;
  position: relative;
}
.location-parking .mv03_parking_right::before {
  display: block;
  content: url(../../images/peace-parking-01.svg);
  position: absolute;
  bottom: 5%;
  left: 5%;
  width: min(10rem, 210px);
  height: min(10rem, 210px);
  z-index: 1;
}
@media (max-width: 768px) {
  .location-parking .mv03_parking_right::before {
    top: -15.6%;
    left: inherit;
    right: -3%;
    width: 8rem;
    height: 8rem;
    top: -17.6%;
    right: -3%;
    width: 38vw;
    height: 38vw;
  }
}
@media (max-width: 768px) {
  .location-parking .mv03_parking_right {
    width: 100%;
    height: auto;
  }
}
.location-prime {
  display: block;
  max-width: 1272px;
  width: 100%;
  text-align: right;
  /* margin-bottom: clamp(60rem, 55vw, 1000px); */
  /* padding-bottom: clamp(15rem, 40vw, 1000px); */
  padding-bottom: clamp(15rem, 30vw, 80rem);
}
@media (max-width: 768px) {
  .location-prime {
    text-align: left;
    /* margin: 0 auto clamp(16rem, 20vw, 1000px); */
    /* margin: 0 auto clamp(25rem, 30vw, 1000px); */
  }
}
.location-prime dt {
  font-size: clamp(55px, 9vw, 85px);
  font-family: "Bellefair", serif;
  background: linear-gradient(-45deg, #d2a564 10%, #805b22 44%, #d4a665 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  letter-spacing: 0.25em;
  margin-right: -1.25rem;
}
@media (max-width: 768px) {
  .location-prime dt {
    /* font-size: clamp(55px, 60vw, 85px); */
    font-size: clamp(50px, 8vw, 85px);
    font-size: min(80px, 16vw);
  }
}
.location-prime .cnt {
  font-size: 28px !important;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 768px) {
  .location-prime .cnt {
    font-size: min(34px, 4.75vw) !important;
  }
}
.location-prime dd {
  color: #000;
  line-height: 2;
  padding-block: 10px;
  font-size: min(16px, 1.95vw) !important;
}
@media (max-width: 768px) {
  .location-prime dd {
    font-size: min(16px, 3.35vw) !important;
    font-size: min(4vw, 24.75px) !important;
  }
}
.location-prime__btn .viewmore-top {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(-45deg, #d2a564 10%, #805b22 44%, #d4a665 100%);
  font-size: 30px;
  color: #fff;
  line-height: 1;
  text-decoration: none;
  padding: 1rem 1rem 1rem 1.5rem;
  margin-top: 2rem;
  letter-spacing: 0.14em;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .location-prime__btn .viewmore-top {
    font-size: 25px;
    font-size: min(6vw, 45px);
    padding: 0.75rem 1rem 0.75rem 1.25rem;
  }
}
.location-prime__btn .viewmore-top:hover {
  opacity: 0.85;
  /* background: #716e84; */
}
.location-prime__btn .viewmore-top img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  display: inline-block;
  margin-left: 1em;
}
@media (max-width: 768px) {
  .location-prime__btn {
    display: flex;
    justify-content: center;
  }
}
.location-tagline {
  position: relative;
  box-sizing: border-box;
  border: 6px solid rgba(204, 204, 204, 0.3058823529);
  display: block;
  margin-top: 50px;
  width: 100%;
  height: 300px;
  margin: 4% auto 0;
  background: rgba(24, 24, 24, 0.4745098039) url("../../images/tagline__pc.png") 50% 0%/1280px 100% no-repeat;
  background-blend-mode: multiply;
}
@media (max-width: 768px) {
  .location-tagline {
    background: rgba(60, 59, 59, 0.8) url("../../images/tagline__sp.png") 50% 50%/100% 100% no-repeat;
    width: 100%;
    height: 671px;
    height: 91vw;
    max-height: 500px;
  }
}
.location-tagline:hover {
  display: block;
  opacity: 0.8;
}
.location-tagline__content {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .location-tagline__content {
    flex-direction: column;
    gap: 1.5rem;
    /* left: 5%;
    width: 90%; */
  }
}
.location-tagline__left {
  /* font-size: 56px; */
  font-size: clamp(2rem, 2.5vw, 3.5rem);
  /* font-family: "Noto Serif JP", serif; */
}
@media (max-width: 768px) {
  .location-tagline__left {
    /* font-size: min(56px, 8vw); */
    font-size: clamp(1.85rem, 6.5vw, 3.5rem);
  }
}
@media screen and (max-width: 375px) {
  .location-tagline__left {
    font-size: min(48px, 8vw);
  }
}
.location-tagline__left span {
  display: block;
  /* font-size: min(18px, 3vw); */
  font-size: clamp(13px, 1.75vw, 18px);
  margin-top: 0.5rem;
}
@media (max-width: 768px) {
  .location-tagline__left span {
    /* font-size: min(15px, 3vw);
    font-size: clamp(13px, 3vw, 18px); */
    line-height: 2.5;
  }
}
@media screen and (max-width: 372px) {
  .location-tagline__left span {
    font-size: min(13px, 3vw);
  }
}
.location-tagline__right {
  display: flex;
  align-items: center;
  /* font-size: min(18px, 2.5vw); */
  font-size: clamp(0.8rem, 1vw, 1rem);
  font-weight: 500;
  line-height: 1;
  gap: 1rem;
}
.location-tagline__right .icon {
  /* width: clamp(30px, 3.88vw, 50px); */
  width: clamp(25px, 2.5vw, 35px);
  height: auto;
  display: inline-block;
}
@media (max-width: 768px) {
  .location-tagline__right .icon {
    width: clamp(25px, 5vw, 35px);
  }
}
@media (max-width: 768px) {
  .location-tagline__right {
    gap: 0.5rem;
  }
}
.location__list {
  position: relative;
  z-index: 2;
  margin: 0 auto 80px;
}
.location__list_item {
  text-align: center;
  letter-spacing: 0.1em;
  /* background-color: #716e84; */
  background: linear-gradient(-45deg, #d2a564 10%, #805b22 44%, #d4a665 100%);
  color: #fff;
  overflow: hidden;
}
.location__list_item dl {
  padding-bottom: 3rem;
}
@media (max-width: 768px) {
  .location__list_item dl {
    padding-bottom: 1rem;
  }
}
.location__list_item dl dt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 2.4em;
  margin-top: 0.75em;
  line-height: 1.2;
  font-size: 1.5em;
}
.location__list_item dl dd {
  position: relative;
  line-height: 1;
}
.location__list_item dl dd em {
  font-size: 1.25em;
  margin-right: 0.35em;
}
.location__list_item dl dd span {
  font-family: "EB Garamond", sans-serif;
  font-size: 3.75em;
  font-style: italic;
  line-height: 1.43;
  letter-spacing: 2px;
}
@media (min-width: 769px) {
  .location::before {
    height: 30vw;
    height: 100%;
    /* min-height: 2600px; */
    /* max-height:2650px; */
  }
  .location__inner {
    width: 95%;
    max-width: 1280px;
    margin: 0 auto;
    padding: min(6%, 70px) 0 min(6.5%, 75px);
    padding: calc(70px + 9%) 0 75px;
  }
  .location__list {
    display: flex;
    justify-content: space-between;
  }
  .location__list_item {
    width: 31%;
  }
}
@media (max-width: 768px) {
  .location {
    margin-top: -14%;
  }
  .location__inner {
    width: 90%;
    /* max-width: 500px; */
    margin: 0 auto;
    padding: 9% 0;
  }
  .location__list_item {
    margin-bottom: 10%;
  }
  .location__list_item dl {
    font-size: 0.8em;
    /* dt {
      margin-top: .5em;
    } */
  }
  .location__list_item dl dd {
    margin-top: 0.5em;
  }
}

/* [ LOCATION ]
---------------------------------------- */
.locations {
  margin-top: clamp(-15%, -200px, -450px);
  margin-bottom: min(10%, 100px);
}
.locations__inner {
  position: relative;
}
.locations__list {
  position: relative;
  z-index: 2;
}
.locations__list_item {
  text-align: center;
  letter-spacing: 0.1em;
  /* background-color: #716e84; */
  background: linear-gradient(-45deg, #d2a564 10%, #805b22 44%, #d4a665 100%);
  color: #fff;
  overflow: hidden;
}
.locations__list_item dl {
  padding-bottom: 3rem;
}
@media (max-width: 768px) {
  .locations__list_item dl {
    padding-bottom: 1rem;
  }
}
.locations__list_item dl dt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 2.4em;
  margin-top: 0.75em;
  line-height: 1.2;
  font-size: 1.5em;
}
.locations__list_item dl dd {
  position: relative;
  line-height: 1;
}
.locations__list_item dl dd em {
  font-size: 1.25em;
  margin-right: 0.35em;
}
.locations__list_item dl dd span {
  font-family: "EB Garamond", sans-serif;
  font-size: 3.75em;
  font-style: italic;
  line-height: 1.43;
  letter-spacing: 2px;
}
@media (min-width: 769px) {
  .locations__inner {
    width: 95%;
    max-width: 1280px;
    margin: 0 auto;
    padding: min(3%, 150px) 0 min(5%, 100px);
  }
  .locations__list {
    display: flex;
    justify-content: space-between;
  }
  .locations__list_item {
    width: 31%;
  }
}
@media (max-width: 768px) {
  .locations__inner {
    width: 90%;
    /* max-width: 500px; */
    margin: 0 auto;
    padding: 19% 0;
  }
  .locations__list_item {
    margin-bottom: 10%;
  }
  .locations__list_item dl {
    font-size: 0.8em;
  }
  .locations__list_item dl dd {
    margin-top: 0.5em;
  }
}

/* FUTURE
---------------------------------------- */
.future {
  position: relative;
  font-size: 15.5px;
  color: #fff;
}
.future::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  /* background: #c0c7cb url("../../images/future_bg--pc.png") top right / cover no-repeat; */
  /* background: linear-gradient(90deg, #9e968a, #c5bfb1); */
  background: linear-gradient(90deg, #8e876e, #c0b9a0);
}
.future .section_title {
  padding-top: min(7%, 100px);
}
.future .section_title img {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}
.future__inner {
  position: relative;
  z-index: 2;
}
.future__title {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding-block: 5%;
  max-width: 360px;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .future__title {
    padding-block: 9%;
    max-width: none;
    /* max-width: 380px; */
    width: 75%;
  }
}
.future .section_text {
  margin: -0.5rem auto 2rem;
}
.future__list-item01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row-reverse;
  gap: 3vw;
  z-index: 1;
}
@media (max-width: 768px) {
  .future__list-item01 {
    justify-content: start;
  }
}
.future__list-item01-content {
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
  margin-top: 3rem;
  padding-bottom: 6rem;
  text-align: right;
  width: 50%;
}
.future__list-item01-content p {
  padding-block: 1rem;
}
.future__education {
  width: 50%;
}
@media (max-width: 768px) {
  .future__education {
    margin-top: 1.5rem;
    width: 100%;
  }
}
.future__images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 8%;
}
.future__images .toho-fixed00,
.future__images .toho-fixed01 {
  position: relative;
}
.future__images .toho-fixed00::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../../images/toho_img01.png) center center/86% no-repeat;
  top: 70%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.future__images .toho-fixed01::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../../images/toho_img02.png) center center/86% no-repeat;
  top: 70%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.future {
  /* dl {
    dt {
      font-size: clamp(2rem, 5vw, 5rem);
      font-family: $f-en;
      letter-spacing: 9px;
      word-spacing: 9px;
      line-height: 1.7;

      @include sp {
        font-size: 2.5rem;
        letter-spacing: 12px;
        word-spacing: 12px;
      }
    }

    dd.sub {
      font-size: 24px;
      line-height: 2;

      @include sp {
        line-height: 2.25;
        font-size: 20px;
      }
    }
  } */
}
.future__list-item02 {
  display: flex;
  flex-direction: column;
  text-align: right;
  align-items: flex-end;
  margin-top: 3rem;
  padding-bottom: 6rem;
}
@media (max-width: 768px) {
  .future__list-item02 {
    margin-top: 4.5rem;
    text-align: left;
    align-items: flex-start;
  }
}
.future__list-item02 .future-content {
  display: flex;
  gap: 2rem;
  text-align: left;
}
@media (max-width: 768px) {
  .future__list-item02 .future-content {
    flex-direction: column;
    gap: 1rem;
  }
}
.future__list-item02 .future-content p {
  padding-block: 1rem;
}
.future__list-item02 .future-content .future-graph01 {
  text-align: left;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .future__list-item02 .future-content .future-graph01 {
    width: 100%;
  }
}
.future__list-item02 .future-content .future-graph02 {
  margin-top: 1rem;
}
.future__list-item02 .future-content .future-graph02 span {
  font-size: 13px;
}
@media (max-width: 768px) {
  .future__list-item02 .future-content .future-graph02 {
    margin-top: 0;
    width: 100%;
  }
}
.future {
  /* .graph-mt {
    margin: 0.5em 0 3em;
    float: right;

    @include sp {
      margin: 0.5em 0 1em;
      width: 100%;
      float: none
    }
  }

  .note-list01,
  .note-list02 {
    text-align: left;
    font-size: 13px;
  }

  .note-list01 {
    margin-top: 1rem;
  }

  .note-list02>* {
    font-size: 13px;
    text-indent: -9px;
    margin-left: 9px;
  } */
}
.future .item {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  margin: 0 auto 37px;
}
@media (max-width: 768px) {
  .future .item {
    flex-wrap: wrap;
    flex-direction: row;
    height: auto;
    /* margin: min(4vw, 60px) auto min(8vw, 50px); */
    margin: 0 auto min(8vw, 50px);
    margin: 0 auto clamp(60px, 10.55vw, 81px);
  }
}
.future .item_left {
  width: 40%;
  color: #000;
  padding: 2% 3%;
  display: flex;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .future .item_left {
    width: 100%;
    padding: 1.5em;
    padding: 1.5em 1.5em 1.75em;
  }
}
.future .item_left dt {
  font-size: clamp(45px, 6vw, 74px);
  font-size: min(74px, 6vw);
  font-family: "Bellefair", serif;
  color: rgba(165, 140, 98, 0.6235294118);
  line-height: 1.4;
  letter-spacing: clamp(0.1em, 1.2vw, 0.26em);
}
@media (max-width: 768px) {
  .future .item_left dt {
    font-size: min(12.5vw, 50px);
    letter-spacing: 0.26em;
  }
}
.future .item_left dd {
  margin: 1em 0 0 1em;
  line-height: 1.8;
  font-size: min(16px, 1.29vw) !important;
}
.future .item_left dd .future-renzoku {
  width: 100%;
  max-width: 360px;
}
@media (max-width: 768px) {
  .future .item_left dd {
    margin: 1em 0 0 0em;
    font-size: min(24px, 3vw) !important;
  }
}
.future .item_left .cap {
  position: relative;
  font-size: min(11px, 2.5vw) !important;
  letter-spacing: 0.04em;
  text-indent: -1em;
  padding-left: 1em;
  font-family: "Noto Sans JP", sans-serif;
}
.future .item_left {
  /* &::after {
    position: absolute;
    content: "";
    right: 20px;
    top: 50%;
    width: 15px;
    height: 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-50%) rotate(-45deg);
    pointer-events: none;
  } */
}
.future .item_right {
  width: 60%;
  display: flex;
  position: relative;
}
.future .item_right img {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}
@media (max-width: 768px) {
  .future .item_right {
    width: 100%;
    height: auto;
  }
}
.future .item-education {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
@media (max-width: 768px) {
  .future .item-education {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.future-education .item_right {
  position: relative;
  min-height: 310px;
}
.future-education .item_right::before {
  display: block;
  content: url(../../images/future-education_img01.svg);
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: min(10rem, 210px);
  height: min(10rem, 210px);
  z-index: 1;
}
@media (max-width: 768px) {
  .future-education .item_right::before {
    top: inherit;
    bottom: 5%;
    right: 5%;
    width: 8rem;
    height: 8rem;
    width: 38vw;
    height: 38vw;
  }
}
.future .peace-bottom {
  display: block;
  position: relative;
  z-index: 10;
}
@media (max-width: 768px) {
  .future .peace-bottom {
    width: 90%;
  }
}

@media (min-width: 769px) {
  .future__inner {
    max-width: 1279px;
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .future-graph img {
    width: 100%;
  }
  .future .note-list01,
  .future .note-list02 {
    text-align: left;
    font-size: 11px;
  }
  .future .note-list02 > * {
    font-size: 11px;
  }
}

/*# sourceMappingURL=style_concept.css.map */