@charset "utf-8";


#unithouse_setsumei #main-flow {
  width: 800px;
  margin: 20px auto 50px;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;   /* 白背景 */
  display: flex;
  flex-direction: column;
  justify-content: center; /* 中央寄せ */
  align-items: center;     /* 中央寄せ */
}

#unithouse_setsumei #main-flow .k-flow1,
#unithouse_setsumei #main-flow .k-flow2,
#unithouse_setsumei #main-flow .k-flow3 {
  margin-bottom: 25px;
}

/* テキスト */
#unithouse_setsumei #main-flow p,
#unithouse_setsumei #main-flow ul,
#unithouse_setsumei #main-flow li {
  margin: 10px 0;
  line-height: 1.8;
}

/* リストの装飾消し */
#unithouse_setsumei #main-flow ul {
  list-style: none;
  padding: 0;
}
.u_setsumei {
  display: block;
  margin: 0 auto 30px;
}

.unithouse_gallery {
  margin: 40px 0;
}

.unithouse_gallery .gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列 */
  gap: 15px; 
  justify-items: center; 
}

.unithouse_gallery img {
  width: 100%;
  max-width: 250px; 
 height: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: 0.3s;
}

.unithouse_gallery img:hover {
  opacity: 0.8;
}