@charset "utf-8";
/* CSS Document */
.imageBOX{
    margin: 10px 0;
}
.imageBOX img{
    margin-bottom: 10px;
}
.col dl dt span{
    margin-right: 16px; 
}
#consept, #lineup, #DesignStyle, #concept4{
    margin: 100px 0;
}
#concept4 img{
    margin-bottom: 20px;
}
#lineup-main {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
}
#conceptCol1,
#house-building-philosophy,
#lineup-main,
#chooseCol1,
#chooseCol2,
#chooseCol3,
#option {
    scroll-margin-top: 120px;
}
#house-building-philosophy h3 {
    font-size: 2.4rem;
  text-align: center;
  font-weight: 500;
        margin-bottom: 40px;
}
.twhwtext {
    font-size: 1.6rem;
    font-weight: 300;
    width: 94%;
    margin: 0 auto;
}
#lineup .twhwtext,
#option .twhwtext {
  margin-bottom: 100px;
  text-align: center;
}
#house-building-philosophy .twhwtext {
  text-align: center;
}

#house-building-philosophy h3 + p + h3{
  margin-top: 100px;
}
#house-building-philosophy img {
    margin-top: 100px;
}
.subtext {
  font-size: 1.8rem; /* 少し小さく（14px） */
  font-weight: 300;    /* 細めに */
  letter-spacing: 0.03em; /* 読みやすさUPに少しだけ字間 */
}


@media only screen and (max-width: 320px) {
  /*スマホse用のcssを記述*/
}
@media only screen and (max-width: 767px) {
  /*スマホ用のcssを記述*/
    #house-building-philosophy h3 {
    font-size: 1.8rem;
}
    #conceptCol1,
    #house-building-philosophy,
    #lineup-main,
    #chooseCol1,
    #chooseCol2,
    #chooseCol3,
    #option {
        scroll-margin-top: 88px;
    }
}
@media only screen and (min-width: 768px) {
  /*pc用のcssを記述*/
    .imageBOX{
        margin: 50px 0;
    }
    .imageBOX img{
        width: 49%;
        margin: 0;
    }
    #consept, #lineup, #DesignStyle, #concept4, .footBanner{
        margin: 150px auto;
    }
    .button{
        margin: 75px auto 0;
    }
    #concept4 img{
        width: 49%;
        margin: 0;
    }
}