/*case-dtl.cssの上書き*/
@media only screen and (min-width: 768px) {
    body #main.news-case-dtl .news_contents .contents_area .inner .interview .sec_block .interview_ph_area > div.ph_multiple .ph_multiple_upper > .ph:nth-of-type(2) {
        width: auto;
        padding-left: 0;
    }
@media only screen and (min-width: 768px) {
    body #main.news-case-dtl .news_contents .contents_area .inner .interview .sec_block .interview_ph_area > div.ph_multiple .ph_multiple_upper {
        justify-content: space-evenly;
    }
}

	
/*====== single-case.cssスタート =============================*/
	
/*====== Q & Aセクション =============================*/
.interview02 {
  margin-top: 60px;
}

/* Q&Aタイトル */
.interview02 .voice {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* Q&Aブロック */
.interview_block {
  margin-bottom: 30px;
}

.interview_q {
  font-weight: bold;
  margin-bottom: 10px;
}

.interview_a {
  margin-bottom: 20px;
  line-height: 1.6;
}

/* Q&A画像エリア */
.interview_ph_area {
    margin-top: 20px;
}

.ph_multiple {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    justify-content: space-evenly; /* 奇数中央寄せは個別で対応 */
}

.ph {
    flex: 0 1 auto;    /* 幅は自動で伸縮 */
}

.news-case-dtl .interview_ph_area .ph_multiple .ph img {
    width: 100%;      /* 親幅いっぱいに広げる */
    height: auto;
    max-width: 1072px;
    display: block;
}
	/* 奇数枚目の画像で折り返して1枚だけの行なら中央寄せ */
.ph.odd-item {
    /* デフォルトは左寄せ */
}

.ph.odd-item:nth-last-child(1):nth-child(odd) {
    margin-left: auto;
    margin-right: auto;
}


/*====== 着用アイテムセクション =============================*/
	.wearing_items {
		margin-top: 100px;
}
	
	
/* スマホ対応：767px以下 */
@media (max-width: 767px) {
  .interview_ph_area .ph_multiple {
    flex-direction: column; /* 縦並び */
    gap: 0;                 /* gapリセット */
  }

  .interview_ph_area .ph_multiple .ph {
    flex: 0 0 100% !important; /* 固定幅を上書き */
    width: 100% !important;    /* 幅いっぱい */
    margin-bottom: 24px;       /* 画像間の縦スペース */
  }

  /* 最後の画像だけ余白なし */
  .interview_ph_area .ph_multiple .ph:last-child {
    margin-bottom: 0;
  }

  .interview_ph_area .ph_multiple .ph img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/*====== お客様情報セクション =============================*/
.business_list.single-item {
    list-style: none !important;
    padding-left: 0 !important;
}