@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}
/*--------------------------------------------------------------------------
CSS　カスタム設定(flag/top-style.css)ver.1 2026.04.16
--------------------------------------------------------------------------*/
/*■■■■■■ 基本設定 ■■■■■■■*/
/*FLAG 青緑　濃い*/
/*FLAG 青緑　薄い*/
/*FLAG 青　*/
/*■■■■■■　#0 OUTLINEヘッダー　■■■■■■■*/
.outline-fv {
  margin: 80px 0 0;
  width: 100%;
  aspect-ratio: 4/1;
  overflow: hidden;
  background-color: #7f9994;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  color: #FFF;
}

.outline-title {
  padding: 0;
  font-family: "Cormorant", serif;
  font-size: 5.6rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  alidn-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.outline-title span {
  font-size: 2rem;
  text-align: center;
  letter-spacing: 5px;
}

/*■■■■■■　#1 物件概要　■■■■■■■*/
.bg-outline {
  padding: 3em 0;
  background-color: #f4f3f0;
}

.outline-block {
  padding: 3em 0;
}

.p-outline__ttl {
  margin: 0 auto;
  padding: 5px 0;
  text-align: left;
  color: #333;
  font-family: "Noto Serif JP", serif;
  font-size: 2.6rem;
  line-height: 1.2;
  font-weight: 500;
  border-bottom: 1px solid #333;
  width: 100%;
  max-width: 100rem;
}

dl.p-outline-define {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.2rem 0;
  width: 100%;
  max-width: 100rem;
  margin: 1rem auto 0;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
dl.p-outline-define dt, dl.p-outline-define dd {
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

dt.p-outline-define__ttl {
  width: 30rem;
  text-align: left;
  font-weight: 700;
  line-height: 1.6;
  background: rgb(241.0135135135, 232.9324324324, 222.9864864865);
  padding: 2rem;
}

dd.p-outline-define__txt {
  width: calc(100% - 30rem);
  line-height: 1.6;
  background: #fff;
  padding: 2rem;
  text-align: left;
}

/* 予告広告・注意書き */
.p-outline-notice {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  margin-top: 24px;
  text-align: left;
  width: 100%;
  max-width: 100rem;
}

/* 左側の予告広告ラベル */
.p-outline-notice__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
  padding: 8px 4px;
  border: 2px solid #333;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

/* 右側の注意書き */
.p-outline-notice__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 1.5;
}

.p-outline-notice__text p {
  margin: 0;
}

/* スマートフォン */
@media (max-width: 767px) {
  .p-outline-notice {
    gap: 12px;
    margin-top: 20px;
    width: 100%;
  }
  .p-outline-notice__label {
    -ms-flex-preferred-size: 90px;
        flex-basis: 90px;
    padding: 6px 2px;
    font-size: 15px;
  }
  .p-outline-notice__text {
    font-size: 10px;
    line-height: 1.5;
  }
}
/*===============================
■■　スマホ用　■■
===============================*/
/*------------(XS)------------*/
@media (min-width: 320px) and (max-width: 767px) {
  /*■■■■■■　#0 OUTLINEヘッダー(XS)　■■■■■■■*/
  .outline-fv {
    margin: 0;
    width: 100%;
    aspect-ratio: 6/4;
    overflow: hidden;
    background-color: #7f9994;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    color: #FFF;
  }
  .outline-title {
    padding: 0;
    font-size: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    alidn-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .outline-title span {
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 5px;
  }
  /*■■■■■■　#1 物件概要(XS)　■■■■■■■*/
  .outline-block {
    padding: 3em 0;
  }
  .p-outline__ttl {
    margin: 0 auto;
    padding: 5px 0;
    text-align: left;
    color: #333;
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 500;
    border-bottom: 1px solid #333;
    width: 100%;
  }
  dl.p-outline-define {
    display: block;
    margin: 1rem auto 0;
    border: 0;
    width: 100%;
  }
  dl.p-outline-define dt, dl.p-outline-define dd {
    border: 0;
  }
  dt.p-outline-define__ttl {
    width: 100%;
    text-align: left;
    font-weight: 700;
    line-height: 1.6;
    background: rgb(241.0135135135, 232.9324324324, 222.9864864865);
    padding: 1rem 2rem;
  }
  dd.p-outline-define__txt {
    width: 100%;
    line-height: 1.6;
    background: #fff;
    padding: 1.5rem 2rem;
    text-align: left;
  }
} /*xs*/
/*------------(SM)------------*/
@media (min-width: 768px) and (max-width: 1023px) {
  /*■■■■■■　#0 OUTLINEヘッダー(XS)　■■■■■■■*/
  .outline-fv {
    margin: 0;
    width: 100%;
    aspect-ratio: 6/4;
    overflow: hidden;
    background-color: #7f9994;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    color: #FFF;
  }
  .outline-title {
    padding: 0;
    font-size: 5rem;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    alidn-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .outline-title span {
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 5px;
  }
  /*■■■■■■　#1 物件概要(SM)　■■■■■■■*/
  .outline-block {
    padding: 3em 0;
  }
  .p-outline__ttl {
    margin: 0 auto;
    padding: 5px 0;
    text-align: left;
    color: #333;
    font-family: "Noto Serif JP", serif;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: 500;
    border-bottom: 1px solid #333;
    width: 100%;
  }
  dl.p-outline-define {
    display: block;
    margin: 1rem auto 0;
    border: 0;
    width: 100%;
  }
  dl.p-outline-define dt, dl.p-outline-define dd {
    border: 0;
  }
  dt.p-outline-define__ttl {
    width: 100%;
    text-align: left;
    font-weight: 700;
    line-height: 1.6;
    background: rgb(241.0135135135, 232.9324324324, 222.9864864865);
    padding: 1rem 2rem;
  }
  dd.p-outline-define__txt {
    width: 100%;
    line-height: 1.6;
    background: #fff;
    padding: 1.5rem 2rem;
    text-align: left;
  }
} /*SM*/
/*------------(MD)------------*/
/*------------(LG)------------*/
/*------------(XL)------------*/