/* ===== style-sp.css ===== */

/* ===== 物件概要 SP ===== */
/*スマホ*/
@media screen and (max-width:750px){
/* SP：1列2段レイアウト（項目ラベル上段・内容下段） */
	.out1 {
  padding: 70px 0 0;
  background: #ffffff;
}
	.outline {
  padding: 0% 4%;font-family: 'Noto Sans JP', sans-serif;
}
	.outtitle{
  width: 20%;
  height: auto;
  padding: 1rem 0% 0 0%;
  text-align: center;
}
	
.outline__row {
  flex-direction: column;
}

.outline__label {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid var(--color-border);
  padding: 2.5% 4%;
  font-size: clamp(0.72rem, 3.2vw, 0.82rem);
}

.outline__value {
  width: 100%;
  padding: 2.5% 4%;
  font-size: clamp(0.72rem, 3.2vw, 0.82rem);
}

/* SP：値は常に白で統一（ラベル色との2色のみ） */
.outline__value {
  background: var(--color-value-bg);
}

/* SP：タイトル */
.outline__title {
  font-size: clamp(0.8rem, 3.8vw, 0.95rem);
  padding: 3% 4% 0%;
  letter-spacing: 0.2em;
}

/* SP：外側余白 */
.outline {
  padding: 1rem 4%;
}

.outline__block {
  margin-bottom: 5%;
}
	
  .outline {
    padding: 0% 4%;
  }
  .outline__block {
    margin-bottom: 7%;
  }
  .outline__title {
    font-size: clamp(0.8rem, 3.8vw, 0.95rem);
    padding: 3.5% 4%;
    letter-spacing: 0.15em;
  }
  /* SP：1列2段 */
  .outline__row {
    flex-direction: column;
  }
  .outline__label {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--color-border);
    padding: 2.5% 4%;
    font-size: clamp(0.72rem, 3.2vw, 0.82rem);
  }
  .outline__value {
    width: 100%;
    padding: 2.5% 4%;
    font-size: clamp(0.72rem, 3.2vw, 0.82rem);
  }
  /* SP：ラベル・値ともに全行で2色のみ固定（偶数行の交互を上書き） */
  .outline__row:nth-child(even) .outline__label,
  .outline__row:nth-child(odd) .outline__label {
    background: var(--color-label-bg);
  }
  .outline__row:nth-child(even) .outline__value,
  .outline__row:nth-child(odd) .outline__value {
    background: var(--color-value-bg);
  }
}
	
	
}