@charset "UTF-8";
/*color*/
/* 間取り図の凡例（床暖房・収納） */
/* guideline */
/*font-family*/
/*text-shadow*/
/*box-shadow*/
/*media query break point*/
/*gHeader用*/
/*gHeader用*/
/* media query */
/* ------------------------------------------------------------
    PLAN LIST
------------------------------------------------------------ */
.s-plans {
  padding-block: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px) clamp(64px, 58.0571428571px + 1.5238095238vw, 80px);
  /* 絞り込みタブ（共通の .c-tab__btn をこのページのデザインに合わせて上書き） */
}
.s-plans__tab .c-tab__btn__in {
  max-width: 752px;
}
.s-plans__tab .c-tab__btn__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 44px;
  border: none;
  border-radius: 100px;
  font-family: "TsukuAOldMinPr6N-M", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  line-height: 1.25;
  background-color: rgba(96, 92, 87, 0.72);
}
.s-plans__tab .c-tab__btn__item.is-active {
  background-color: #605c57;
}
@media only screen and (min-width: 769px) {
  .s-plans__tab .c-tab__btn__in {
    gap: 16px;
  }
  .s-plans__tab .c-tab__btn__item {
    height: 44px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .s-plans__tab .c-tab__btn__item:not(.is-active):hover {
    background-color: #605c57;
  }
}
.s-plans__tab-note {
  display: block;
  font-size: 1rem;
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 769px) {
  .s-plans__tab-note {
    font-size: 1.1rem;
  }
}
.s-plans {
  /* 一覧：SP 1カラム → タブレット 2カラム → PC 3カラム（g_katsuragawa と同じ切り替え） */
}
.s-plans__list {
  display: -ms-grid;
  display: grid;
  gap: clamp(20px, 15.5428571429px + 1.1428571429vw, 32px);
  margin-top: clamp(32px, 23.0857142857px + 2.2857142857vw, 56px);
}
@media only screen and (min-width: 769px) {
  .s-plans__list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1000px) {
  .s-plans__list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.s-plans__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.64);
  border: solid 1px rgba(45, 37, 25, 0.24);
  color: #2D2519;
}
.s-plans__item:hover, .s-plans__item:focus {
  color: #2D2519;
}
@media only screen and (min-width: 1200px) {
  .s-plans__item {
    -webkit-transition: background-color 0.5s, border-color 0.5s;
    transition: background-color 0.5s, border-color 0.5s;
  }
  .s-plans__item:hover {
    background-color: rgba(255, 255, 255, 0.88);
    border-color: #605c57;
  }
  .s-plans__item:hover .c-btn__icn {
    background-color: #2D2519;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .s-plans__item:hover .c-btn__icn::after {
    background-color: #fff;
  }
}
.s-plans {
  /* ワッペン（駐車場優先権付など） */
}
.s-plans__wa {
  position: absolute;
  z-index: 1;
  top: -4px;
  right: 8px;
  width: clamp(64px, 58.0571428571px + 1.5238095238vw, 80px);
  height: clamp(64px, 58.0571428571px + 1.5238095238vw, 80px);
  padding-top: clamp(6px, 5.2571428571px + 0.1904761905vw, 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  background-color: #93284c;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 90%, 0 100%);
  color: #fff;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.04em;
}
.s-plans__wa-txt {
  font-size: clamp(1.3rem, 1.1885714286rem + 0.2857142857vw, 1.6rem);
}
.s-plans__wa-note {
  font-size: clamp(1rem, 0.9628571429rem + 0.0952380952vw, 1.1rem);
}
.s-plans__spec {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  line-height: 1.25;
  text-align: center;
}
.s-plans__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 4px;
  padding-bottom: 8px;
  border-bottom: solid 1px #a1823c;
  color: #a1823c;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
}
.s-plans__type .letter {
  font-size: 3.2rem;
}
.s-plans__type .s {
  font-size: 80%;
}
.s-plans__madori {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 下の住居専有面積との間隔（Figma：8px） */
  margin-bottom: -4px;
}
.s-plans__madori-in {
  font-size: 1.8rem;
  letter-spacing: 0.04em;
}
.s-plans__madori-in .num {
  font-size: 2.8rem;
}
.s-plans__madori-in {
  /* 幅が足りない時は階数注記ごと次の行へ送る */
}
.s-plans__madori-in .note {
  display: inline-block;
  margin-left: 4px;
  font-size: 1.2rem;
  color: #605c57;
}
.s-plans__menseki {
  letter-spacing: 0.04em;
}
.s-plans__menseki .hd {
  margin-right: 4px;
  font-size: 1.2rem;
  color: #605c57;
}
.s-plans__menseki .num {
  font-size: 2.8rem;
}
.s-plans__menseki .unit {
  font-size: 2rem;
}
.s-plans {
  /* 図面：全タイプ同じ横幅で書き出してあるので、枠の幅を統一すれば縮尺が揃う
     （SPで間延びしないよう、画像は上下をトリミング済み） */
}
.s-plans__layout {
  width: 100%;
  max-width: 240px;
}
.s-plans__layout img {
  display: block;
  width: 100%;
  height: auto;
}
.s-plans__layout {
  /* 横並び時：カードの余った高さぶん縦に広げ、図面を上下中央に置く */
}
@media only screen and (min-width: 769px) {
  .s-plans__layout {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.s-plans__link {
  margin-top: auto;
  padding-block: 0;
  gap: 16px;
}
.s-plans__link .c-btn__label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
}
.s-plans__link .c-btn__icn {
  width: 40px;
  height: 40px;
}
.s-plans__link .c-btn__icn::after {
  -webkit-mask-size: 10px;
          mask-size: 10px;
}
.s-plans__notes {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  margin-top: clamp(32px, 23.0857142857px + 2.2857142857vw, 56px);
}
@media only screen and (min-width: 769px) {
  .s-plans__notes {
    -ms-grid-columns: 1fr 40px 256px;
    grid-template-columns: 1fr 256px;
    gap: 40px;
  }
}
.s-plans__casbee {
  max-width: 256px;
}

/* ------------------------------------------------------------
    凡例（一覧・詳細共通）
------------------------------------------------------------ */
.s-hanrei {
  color: #605c57;
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  line-height: 1.25;
}
@media only screen and (min-width: 769px) {
  .s-hanrei {
    font-size: 1.2rem;
  }
}
.s-hanrei__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}
.s-hanrei__list + .s-hanrei__list {
  margin-top: 8px;
}
.s-hanrei__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.s-hanrei__item img {
  width: auto;
  height: clamp(7.5px, 7.3142857143px + 0.0476190476vw, 8px);
}
.s-hanrei__swatch {
  width: clamp(28px, 26.5142857143px + 0.380952381vw, 32px);
  height: clamp(10px, 9.2571428571px + 0.1904761905vw, 12px);
}
.s-hanrei__swatch--heat {
  background-color: #f3e8ea;
}
.s-hanrei__swatch--storage {
  background-color: #eae5da;
}

/* ------------------------------------------------------------
    PLAN DETAIL（type_〇.php）
------------------------------------------------------------ */
.s-plandetail {
  padding-block: clamp(40px, 31.0857142857px + 2.2857142857vw, 64px);
  background-color: rgba(255, 255, 255, 0.64);
  /* SP：スペック → 図面・凡例 → 特長 → PDF の1カラム
     769px以上：左にスペック・特長・PDF、右に図面（Figma 1440px で 432px : 720px） */
}
.s-plandetail__in {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  -ms-grid-rows: auto 32px auto 32px auto 32px auto;
      grid-template-areas: "spec" "zu" "feature" "pdf";
  gap: 32px;
}
@media only screen and (min-width: 769px) {
  .s-plandetail__in {
    -ms-grid-columns: minmax(0, 3fr) clamp(24px, 15.0857142857px + 2.2857142857vw, 48px) minmax(0, 5fr);
    grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
    -ms-grid-rows: auto 40px auto 40px 1fr;
    grid-template-rows: auto auto 1fr;
        grid-template-areas: "spec    zu" "feature zu" "pdf     zu";
    gap: 40px clamp(24px, 15.0857142857px + 2.2857142857vw, 48px);
  }
}
.s-plandetail {
  /* スペック */
}
.s-plandetail__spec {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: spec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(16px, 13.0285714286px + 0.7619047619vw, 24px);
  line-height: 1.25;
}
.s-plandetail__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 4px;
  padding-bottom: 8px;
  border-bottom: solid 1px #a1823c;
  color: #a1823c;
  font-weight: normal;
  font-size: clamp(1.8rem, 1.5771428571rem + 0.5714285714vw, 2.4rem);
  letter-spacing: 0.04em;
  line-height: 1.25;
}
.s-plandetail__type .letter {
  font-size: clamp(4.8rem, 4.2057142857rem + 1.5238095238vw, 6.4rem);
}
.s-plandetail__type {
  /* 枝番（D2 の「2」など）は少し小さく */
}
.s-plandetail__type .s {
  font-size: 80%;
}
.s-plandetail {
  /* ワッペン（駐車場優先権付など）：写真＋右端が切り欠きのリボン */
}
.s-plandetail__wa {
  width: 100%;
  max-width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding-right: 8px;
  background-color: #93284c;
  clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%);
  color: #fff;
}
.s-plandetail__wa-ph {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: min(120px, 40%);
}
.s-plandetail__wa-ph img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 120/72;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-plandetail__wa-ph .c-cap--w {
  font-size: 1.1rem;
  letter-spacing: 0.04em;
}
.s-plandetail__wa-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  font-size: clamp(1.5rem, 1.3885714286rem + 0.2857142857vw, 1.8rem);
  line-height: 1;
  letter-spacing: 0.04em;
}
.s-plandetail__wa-txt .note {
  font-size: 1.1rem;
  line-height: 1.25;
}
.s-plandetail__madori {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.s-plandetail__madori-in {
  font-size: clamp(1.8rem, 1.5771428571rem + 0.5714285714vw, 2.4rem);
  letter-spacing: 0.04em;
}
.s-plandetail__madori-in .num {
  font-size: clamp(3rem, 2.6285714286rem + 0.9523809524vw, 4rem);
}
.s-plandetail__madori-in {
  /* 階数の注記（5〜11階 など）。幅が足りない時は注記ごと次の行へ */
}
.s-plandetail__madori-in .note {
  display: inline-block;
  margin-left: 4px;
}
.s-plandetail__madori-in .note, .s-plandetail__madori-note, .s-plandetail__menseki-hd, .s-plandetail__menseki-in .tsubo, .s-plandetail__menseki-sub {
  color: #605c57;
  font-size: clamp(1.2rem, 1.1257142857rem + 0.1904761905vw, 1.4rem);
  letter-spacing: 0.04em;
}
.s-plandetail__menseki {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.s-plandetail__menseki-in {
  letter-spacing: 0.04em;
}
.s-plandetail__menseki-in .num {
  font-size: clamp(3rem, 2.6285714286rem + 0.9523809524vw, 4rem);
}
.s-plandetail__menseki-in .unit {
  font-size: clamp(2.4rem, 2.1028571429rem + 0.7619047619vw, 3.2rem);
}
.s-plandetail__menseki-in .tsubo {
  margin-left: 4px;
}
.s-plandetail__menseki-sub {
  line-height: 1.5;
  /* Figma：面積ブロックとの間隔 20px（スペック内の gap 24px から詰める） */
  margin-top: -4px;
}
.s-plandetail {
  /* 図面・凡例 */
}
.s-plandetail__zu {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: zu;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(20px, 15.5428571429px + 1.1428571429vw, 32px);
}
.s-plandetail {
  /* 全タイプ同じ横幅（1200px＝表示600px）で書き出してあるので、縮尺が揃う */
}
.s-plandetail__zu-img {
  width: 100%;
  max-width: 600px;
  /* 直下の図面だけ（ピンチアウトアイコン .c-icn--hint__icn の画像は対象外） */
}
.s-plandetail__zu-img > img {
  display: block;
  width: 100%;
  height: auto;
}
.s-plandetail__hanrei {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .s-plandetail__hanrei {
    padding-inline: clamp(0px, -14.8571428571px + 3.8095238095vw, 40px);
  }
  .s-plandetail__hanrei .s-hanrei__list {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.s-plandetail {
  /* 特長 */
}
.s-plandetail__feature {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: feature;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.s-plandetail__feature-item {
  position: relative;
  padding-left: 14px;
  font-size: clamp(1.5rem, 1.4257142857rem + 0.1904761905vw, 1.7rem);
  letter-spacing: 0.08em;
  line-height: 1.5;
}
.s-plandetail__feature-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.75em - 3px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #b59a5b;
}
.s-plandetail {
  /* PDFリンク（共通ボタン .c-btn--box--L の色・サイズをデザインに合わせて上書き） */
}
.s-plandetail__pdf {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: pdf;
}
@media only screen and (min-width: 769px){
  .s-plandetail__spec {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .s-plandetail__zu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 3;
  }
  .s-plandetail__feature {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .s-plandetail__pdf {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
.s-plandetail__pdf .c-btn--box--M {
  max-width: 296px;
  height: 44px;
  padding: 0 16px;
  background-color: #605c57;
  border-color: #605c57;
  margin-inline: auto;
}
.s-plandetail__pdf .c-btn--box--M .c-btn__label {
  font-size: clamp(1.4rem, 1.3257142857rem + 0.1904761905vw, 1.6rem);
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 1200px) {
  .s-plandetail__pdf .c-btn--box--M:hover {
    background-color: #fff;
    color: #605c57;
  }
}
@media only screen and (min-width: 769px) {
  .s-plandetail__pdf {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
  .s-plandetail__pdf .c-btn--box--M {
    margin-inline: 0;
  }
}

/* ------------------------------------------------------------
    PLAN NAVI（一覧に戻る＋他タイプ）
    ※ 他タイプの中身は asset/inc/planLink.php
------------------------------------------------------------ */
.s-plannav {
  padding-block: clamp(32px, 26.0571428571px + 1.5238095238vw, 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 40px;
}
@media only screen and (min-width: 769px) {
  .s-plannav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(32px, 20.1142857143px + 3.0476190476vw, 64px);
  }
}
.s-plannav {
  /* 一覧に戻る（共通ボタンの矢印を左向きにして使う） */
}
.s-plannav__back {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding-block: 0;
  gap: 16px;
}
.s-plannav__back .c-btn__icn {
  width: 48px;
  height: 48px;
}
.s-plannav__back .c-btn__icn::after {
  -webkit-mask-size: 12px;
          mask-size: 12px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.s-plannav__back .c-btn__label {
  font-size: clamp(1.6rem, 1.5257142857rem + 0.1904761905vw, 1.8rem);
  letter-spacing: 0.08em;
  line-height: 1.4;
}
.s-plannav__types {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(28px, 29.4857142857px + -0.380952381vw, 24px);
}
@media only screen and (min-width: 769px) {
  .s-plannav__types {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.s-plannav__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 769px) {
  .s-plannav__group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 24px;
  }
}
.s-plannav__group-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 10px;
  padding-left: 12px;
  border-left: solid 1px rgba(96, 92, 87, 0.48);
  color: #605c57;
  font-size: clamp(1.6rem, 1.5257142857rem + 0.1904761905vw, 1.8rem);
  letter-spacing: 0.08em;
  line-height: 1.25;
}
.s-plannav__group-hd .note {
  font-size: 1.1rem;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 769px) {
  .s-plannav__group-hd {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 156px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
    border-left: none;
    border-right: solid 1px rgba(96, 92, 87, 0.24);
  }
}
.s-plannav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 24px;
  margin-left: 12px;
}
.s-plannav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
  padding-bottom: 4px;
  border-bottom: solid 1px #2D2519;
  color: #2D2519;
  line-height: 1.25;
  white-space: nowrap;
}
.s-plannav__link:hover, .s-plannav__link:focus {
  color: #2D2519;
}
.s-plannav__link .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2px;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
}
.s-plannav__link .letter {
  font-size: 1.8rem;
}
.s-plannav__link .s {
  font-size: 80%;
}
.s-plannav__link .menseki {
  font-size: 1.8rem;
  letter-spacing: 0.04em;
}
.s-plannav__link .unit {
  font-size: 1.4rem;
}
.s-plannav__link {
  /* 表示中のタイプ */
}
.s-plannav__link.is-current {
  border-bottom-color: transparent;
  color: rgba(96, 92, 87, 0.72);
}
@media only screen and (min-width: 1200px) {
  .s-plannav__link:not(.is-current) {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .s-plannav__link:not(.is-current):hover {
    opacity: 0.6;
  }
}
/*# sourceMappingURL=floorplan_plan.css.map */