@charset "UTF-8";
/* CSS Document */

.hako2_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* 左右に配置 */
	align-items: center;
  gap: 4%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.hako2_1 li {
  flex-basis: 100%;  /* デフォルトで1列 */
}
.hako2_1 li img {
  width: 100%;
}
/* Googleマップの設定 */
.hako2_1 li:nth-child(2) { 
  width: 100%; /* Googleマップは1列 */
}

.gmap iframe {
  width: 100%; /* Googleマップの横幅100% */
  height: 500px; /* 高さ調整 */
}

.hako2_1 li img {
  width: 100%;
}
.hako2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4%;
  padding: 0;
  margin: 0;
}
.hako2 li {
  flex-basis: 46%; 
  text-align: center;
}
	
.hako2 li img {
  width: 100%; /* 画像が親要素の幅に合わせて表示される */
  height: auto;
}
/* ------------------------------------ */
/* ▼タブレット（768〜） */
/* ------------------------------------ */
@media (min-width: 768px) {
  .hako2_1 li {
    flex-basis: 46%;  /* 幅を50%に設定して2列に */
  }
}

.dl3_4com{	
}
.dl3_4com dt{
	width: 3em;
	padding-bottom: 0.6em;
	float: left;
}
.dl3_4com dd{
	margin-left: 4em;
	padding-bottom: 0.6em;
}