.pl-design-label4 {
  font-family: var(--font-en-sans);
  font-size: clamp(0.8rem, 0.8vw, 0.8rem);
  letter-spacing: 0.0em;
  color: var(--color-dark);
  margin-bottom: 2%; margin-top: 0%;font-weight: 700;
}.pl-design-label4 {
  font-family: var(--font-en-sans);
  font-size: clamp(0.8rem, 0.8vw, 0.8rem);
  letter-spacing: 0.0em;
  color: var(--color-dark);
  margin-bottom: 2%; margin-top: 0%;font-weight: 700;
}/* ===== プランニングページ PC ===== */

/* ===== MV ===== */
.pl-mv {
  overflow: hidden;
}
.pl-mv-img {
  position: relative;
  width: 100%;
}
.pl-mv-img img {
  width: 100%;
  height: auto;
  display: block;
}
.pl-mv-txt {
  position: absolute;
  bottom: 8%;
  right: 5%;
  font-family: var(--font-en-sans);
  font-size: clamp(2.5rem, 6vw, 6rem);
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0.04em;
  line-height: 1.05;
  text-align: right;
  margin: 0;
  pointer-events: none;
}
.pl-mv-img .img-note {
  position: absolute;
  bottom: 1%;
  left: 1.5%;
  font-family: var(--font-sans-jp);
  font-size: 0.55rem;
  color: rgba(255,255,255,0.75);
}

/* ===== PLANNING セクション ===== */
.pl-planning {
  padding: 6% 0 5%;
  background: #eae6dc;margin: 0% 0 0%;
}
.pl-sec-label {
  font-family: var(--font-en-sans);
  font-size: clamp(1.0rem, 1.3vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0.0em;
  color: #beb191;
  margin-bottom: 2%;
}

.pl-ttl-main {
    font-family: var(--font-sans-jp);
  font-size: clamp(1rem, 1.8vw, 2.0rem);
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #000;
  line-height: 1.6;
  margin-bottom: 2%;
}
.pl-ttl-sub {
  font-family: var(--font-sans-jp);
  font-size: clamp(1rem, 1.8vw, 1.6rem);
  font-weight: 400;
  color: var(--color-dark);
  line-height: 1.7;
  margin-bottom: 1%;
  margin-top: 5%;
}
.pl-body {
  font-family: var(--font-sans-jp);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  font-weight: 400;
  line-height: 1.9;margin-bottom: 2%;
  color: var(--color-dark);
}
.pl-note {
  font-family: var(--font-sans-jp);
  font-size: clamp(0.58rem, 0.72vw, 0.65rem);
  color: #000;
  line-height: 1.8;
  margin-top: 2%;
}
.pl-note2 {
  font-family: var(--font-sans-jp);
  font-size: clamp(0.55rem, 0.68vw, 0.62rem);
  color: #000;
  text-align: left;
  padding: 0% 0 0%;
}




/* ===== グラフ画像 ===== */
.pl-graph-fig {
  position: relative;
  margin: 4% auto 4%;
  width: 80%;
}
.pl-graph-fig img {
  width: 100%;
  height: auto;
  display: block;
}
.pl-graph-fig figcaption {
  font-family: var(--font-sans-jp);
  font-size: clamp(0.55rem, 0.68vw, 0.62rem);
  color: #888;
  text-align: right;
  padding: 1% 0 0;
}
.pl-graph-fig--half {
  width: 55%;
}

/* ===== MODEL ROOM セクション ===== */
.pl-modelroom {
  padding: 0% 0 8%;
  background: #fff;
}
.pl-modelroom-ttl {
  font-family: var(--font-en-sans);
  font-size: clamp(3rem, 7vw, 7rem);
  font-weight: 300;
  letter-spacing: 0.1em;
  color: var(--color-main);
  text-align: center;
  margin-bottom: 2%;
  line-height: 1;width: 70%;margin: 0 auto 4%;
}
.pl-modelroom-sub {
 font-family: var(--font-sans-jp);
  font-size: clamp(1.0rem, 1.4vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--color-dark);
  line-height: 1.6;
  margin-bottom: 6%;text-align: center;
}

/* ===== スライダー ===== */
.pl-slider {
  position: relative;
}
.pl-slider-main {
  position: relative;
  width: 100%;
  margin-bottom: 1%;
}
.pl-slider-fig {
  position: relative;
  margin: 0;
}
.pl-slider-fig img {
  width: 100%;
  height: auto;
  display: block;
}
.pl-slider-cap {
  position: absolute;
  bottom: 2%;
  left: 1.5%;
  font-family: var(--font-sans-jp);
  font-size: clamp(0.58rem, 0.75vw, 0.68rem);
  color: rgba(255,255,255,0.85);
  pointer-events: none;
}
.pl-slider-prev,
.pl-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.5);
  border: none;
  width: 44px;
  height: 44px;
  font-size: 1.2rem;
  color: #333;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.pl-slider-prev:hover,
.pl-slider-next:hover {
  background: rgba(255,255,255,0.8);
}
.pl-slider-prev {
  left: 1%;
}
.pl-slider-next {
  right: 1%;
}
.pl-slider-thumbs {
  display: flex;
  gap: 0.5%;
}
.pl-thumb {
  flex: 1;
  margin: 0;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.pl-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.pl-thumb--active,
.pl-thumb:hover {
  opacity: 1;
}

/* ===== SPACE DESIGN セクション ===== */
.pl-space {
  background: #d7dce3;
  padding-bottom: 7%;
}

/* SPACE DESIGN MV */
.pl-space-mv {
   max-width: 1200px;
   width: 90%;margin: 0% auto 5%;
  position: relative;
  
}
.pl-space-mv img {
  width: 100%;
  height: auto;
  display: block
}
.pl-space-mv-txt {
  position: absolute;
  bottom: 10%;
  left: 5%;
  font-family: var(--font-en-sans);
  font-size: clamp(2.5rem, 7vw, 7rem);
  font-weight: 700;
  color: rgba(255,255,255,0.88);
  letter-spacing: 0.06em;
  margin: 0;
  pointer-events: none;
}
.pl-space-mv .img-note {
  position: absolute;
  bottom: 1%;
  right: 1.5%;
  font-family: var(--font-sans-jp);
  font-size: 0.55rem;
  color: rgba(255,255,255,0.75);
}
.pl-space-catch {
  font-family: var(--font-serif-jp);
  font-size: clamp(0.95rem, 1.5vw, 1.3rem);
  font-weight: 400;
  color: var(--color-dark);
  text-align: center;
  letter-spacing: 0.06em;
  margin-bottom: 5%;
}

/* ===== 収納4カラム ===== */
.pl-col4 {
  display: flex;
  gap: 2%;
  margin-bottom: 6%;margin-top: 4%;
  align-items: flex-start;
}
.pl-col4-item {
  flex: 1;
  text-align: center;
}
.pl-item-fig {
  margin: 0 0 3%;
}
.pl-item-fig img {
  width: 100%;
  height: auto;
  display: block;
}
.pl-fig-cap {
  font-family: var(--font-sans-jp);
  font-size: clamp(0.72rem, 0.9vw, 0.82rem);
  color: #000;
  line-height: 1.6;
  text-align: center;
}
.pl-note-inline {
  font-family: var(--font-sans-jp);
  font-size: clamp(0.58rem, 0.7vw, 0.64rem);
  color: #000;
}
.pl-design-fig1 {
  flex: none;
  width: 100%;
  margin: 0;
}



/* ===== リビング・スペース設計 ===== */
.pl-space-ttl {
  font-family: var(--font-serif-jp);
  font-size: clamp(0.95rem, 1.5vw, 1.3rem);
  font-weight: 400;
  color: var(--color-dark);
  line-height: 1.7;
  margin-bottom: 4%;
  margin-top: 2%;
}
.pl-design-row {
  display: flex;
  gap: 5%;
  align-items: center;
  margin-bottom: 5%;margin-top: 4%;
}
.pl-design-txt {
  flex: 1;
}
.pl-design-label {
  font-family: var(--font-en-sans);
  font-size: clamp(1rem, 1.6vw, 1.8rem);
  letter-spacing: 0.15em;
  color: var(--color-dark);
  margin-bottom: 0%;font-weight: 500;
}
.pl-design-label2 {
  font-family: var(--font-en-sans);
  font-size: clamp(0.8rem, 1.2vw, 1.0rem);
  letter-spacing: 0.0em;
  color: var(--color-dark);
  margin-bottom: 4%;font-weight: 500;
}
.pl-design-label3 {
  font-family: var(--font-en-sans);
  font-size: clamp(0.8rem, 1.2vw, 1.4rem);
  letter-spacing: 0.0em;
  color: var(--color-dark);
  margin-bottom: 2%;font-weight: 500;
}

.pl-design-fig {
  flex: none;
  width: 50%;
  margin: 0;
}
.pl-design-fig img {
  width: 100%;
  height: auto;
  display: block;
}
.pl-design-fig figcaption {
  bottom: 2%;
  right: 1.5%;
  font-family: var(--font-sans-jp);
  font-size: clamp(0.5rem, 0.62vw, 0.58rem);
  color: rgba(80,80,80,0.9);
  pointer-events: none;
}
/* ===== SLIDING DOOR ===== */
.pl-sliding-row {
  display: flex;
  gap: 3%;
  align-items: center;
  margin-bottom: 5%;
}
.pl-sliding-left {
  flex: 0 0 40%;
  text-align: center;
}
.pl-sliding-en {
  font-family: var(--font-en-sans);
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: 700;
  letter-spacing: 0em;
  color: var(--color-dark);
  margin-bottom: 0%;
}
.pl-sliding-jp {
  font-family: var(--font-sans-jp);
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  color: var(--color-dark);font-weight: 600
}
.pl-sliding-right {
  flex: 1;
  text-align: left;
}
/* ===== OUT FRAME：画像70% テキスト30% ===== */
.pl-design-fig2 {
  flex: none;
  width: 70%;
  margin: 0;
}
.pl-design-fig2 img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== キッチン空間：画像50% テキスト50% ===== */
.pl-design-fig3 {
  flex: none;
  width: 50%;
  margin: 0;
}
.pl-design-fig3 img {
  width: 100%;
  height: auto;
  display: block;
}






/* ===== 注釈 ===== */
.pl-remarks {
  padding: 3% 0 4%;
  background: #fff;
  border-top: 1px solid #e8e8e8;
}
.pl-remarks-txt {
  font-family: var(--font-sans-jp);
  font-size: clamp(0.58rem, 0.72vw, 0.65rem);
  color: #888;
  line-height: 1.9;
}