.section-title{
  position: relative;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  margin: 40px 0 30px;
}

/* 見出しテキスト＋両脇の＼／ */
.section-title span{
  position: relative;
  display: inline-block;
  padding: 0 2em; /* 左右の余白（＼／の分） */
}

.section-title span::before,
.section-title span::after{
  position: absolute;
  top: 0;
  transform: translateY(0); /* 必要なら微調整 */
  color: #333;
  font-size: 0.9em;
}

.section-title span::before{
  content: "＼";
  left: 0;
  transform: translateX(-1.2em); /* 左にずらす量を調整 */
}

.section-title span::after{
  content: "／";
  right: 0;
  transform: translateX(1.2em);  /* 右にずらす量を調整 */
}

/* 下の細いライン */
.section-title::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  width: 510px;          /* 線の長さ */
  height: 2px;
  background: #c73a3a;   /* 好きな色に */
}
.rooms_txt{
	margin:0 0 5% 0;
}



@media (max-width: 768px){

  .section-title{
    font-size: 23px;       /* 少し小さく */
    margin: 30px 0 24px;
    padding: 0 4%;         /* 見出し全体の左右余白 */
  }

  .section-title span{
    padding: 0 1.2em;      /* ＼／分の余白を少し詰める */
    white-space: nowrap;   /* 1行固定 */
  }

  .section-title span::before{
    transform: translateX(-0.9em);
  }

  .section-title span::after{
    transform: translateX(0.9em);
  }

  /* 下線：画面幅に追従 */
  .section-title::after{
    width: 92vw;           /* 画面いっぱいに近づける */
    max-width: 510px;      /* PCと揃える保険 */
    height: 2px;
  }
}




.room_four{
	display:flex;
	gap:4%;
	margin:5% 0;
}
.room_four1{
	width:29%;
}
.room_four1 img{
	width:100%;
}
.room_four1 p{
	text-align:center;
	font-size:1.2em;
}

@media (max-width: 768px){
.room_four{
	flex-wrap: wrap;
}
.room_four1{
	width:48%;
}
.room_four1 p{
	font-size:0.7em;
}
	}



.rooms_ph{
	display:flex;
	flex-wrap: wrap;
	gap: 26px 3%;
	margin:20px 0 0 0;
}
.rooms_ph1{
	width:48%;
}
@media (max-width: 768px){
	

	}


.rooms_map{
  width:100%;
  margin-bottom:80px;
}

/* 画像＋テキストの基準幅 */
.rooms_map-inner{
  width:800px;
  max-width:100%;
  margin:0 auto;
}

/* 画像は中央 */
.rooms_map-inner img{
  display:block;
  margin:0 auto;
}

/* 画像直下の説明（中央） */
.rooms_map-title{
  margin:10px 0 5px;
  text-align:center;
  font-weight:600;
}

/* 注釈文（左下スタート） */
.rooms_map-note{
  font-size:0.7em;
  text-align:left;
  font-weight:normal;
}