
.contents_Wrap{
  padding:150px 0 120px;
}
.contents_Box{
  width:1100px;
  margin:0 auto 120px;
}
.contents_Box_Wrap .contents_Box{
  margin-bottom:0;
}
.contents_Box .content_ttl{
  font-size:24px;
  line-height:1;
  margin-bottom:25px;
  font-family: 'Times New Roman', Times, 'serif', YakuHanMP_Noto, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  letter-spacing: 0.1em;
}
.contents_Box .innerWrap{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.contents_Box .innerWrap .innerBox{
  width:350px;
  margin-bottom:40px;
}
.contents_Box .innerWrap .innerBox:nth-last-child(3),
.contents_Box .innerWrap .innerBox:nth-last-child(2),
.contents_Box .innerWrap .innerBox:last-child{
  margin-bottom:0;
}
.contents_Box .innerWrap .innerBox .img{
  width:350px;
  position:relative;
}
.contents_Box .innerWrap .innerBox .img .cap{
  position:absolute;
  bottom:0;
  right:0;
  font-size:12px;
  margin:3px 5px;
  color:#fff;
}
.contents_Box .innerWrap .innerBox .img .cap.bk{
  color:#000;
}
.contents_Box .innerWrap .innerBox .ttl{
  font-size:19px;
  color:#888;
  line-height:1;
  letter-spacing: 0.04em;
  margin:17px 0;
}
.contents_Box .innerWrap .innerBox .ttl span{
  font-size:15px;
}
.contents_Box .innerWrap .innerBox .txt{
  font-size:15px;
  line-height:1.667;
  letter-spacing: 0.04em;
  margin:-5px 0;
}
.contents_Box .innerWrap .innerBox .txt .cap{
  font-size:12px;
}
.contents_Box .innerWrap .innerBox .flex_wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contents_Box .innerWrap .innerBox .flex_wrap .img:first-child{
  margin-bottom:5px;
}
.contents_Box .innerWrap .innerBox .flex_wrap .img:nth-child(2),
.contents_Box .innerWrap .innerBox .flex_wrap .img:nth-child(3){
  width:173.5px;
}
.contents_Box_Wrap{
  display:flex;
  justify-content: space-between;
  width:1100px;
  margin:0 auto 50px;
}
.contents_Box_Wrap .contents_Box.toilet{
  width:725px;
  margin:0;
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contents_Box_Wrap .contents_Box.toilet .content_ttl{
  width:725px;
}
.contents_Box_Wrap .contents_Box.balcony{
  width:350px;
  margin:0;
}
.colorBox{
  width:1100px;
  margin:0 auto;
  background-color:#f4f4f4;
  padding:30px;
  box-sizing:border-box;
}
.colorBox .ttl{
  font-size:19px;
  line-height:1;
  letter-spacing: 0.04em;
  color:#888;
  margin-bottom:17px;
}
.colorBox .txt{
  font-size:15px;
  line-height:1.667;
  letter-spacing: 0.04em;
  margin:-5px 0;
}

@media screen and (max-width: 768px) {
  .contents_Wrap{
    padding:20% 0 13.333%;
  }
  .contents_Box{
    width:92%;
    margin:0 auto 24%;
  }
  .contents_Box .content_ttl{
    font-size:6.4vw;
    margin-bottom:7.246%;
    text-align: center;
    letter-spacing: 0.08em;
  }
  .contents_Box .innerWrap .innerBox{
    width:47.826%;
    margin-bottom:7.246%;
  }
  .contents_Box .innerWrap .innerBox:nth-last-child(3){
    margin-bottom:7.246%;
  }
  .contents_Box .innerWrap .innerBox .img{
    width:100%;
  }
  .contents_Box .innerWrap .innerBox .img .cap{
    font-size:2.667vw;
    margin:0.667% 1.333%;
  }
  .contents_Box .innerWrap .innerBox .ttl{
    font-size:4vw;
    line-height:1.333;
    letter-spacing: -0.03em;
    white-space: nowrap;
    margin:4.545% 0;
  }
  .contents_Box .innerWrap .innerBox .ttl.long_ttl{
    letter-spacing: -0.1em;
  }
  .contents_Box .innerWrap .innerBox .ttl span{
    font-size:2.667vw;
  }
  .contents_Box .innerWrap .innerBox .txt{
    font-size:3.2vw;
    line-height:1.5;
    letter-spacing: 0.02em;
    margin:-0.909% 0;
  }
  .contents_Box .innerWrap .innerBox .txt .cap{
    font-size:2.667vw;
  }
  .contents_Box .innerWrap .innerBox .flex_wrap .img:first-child{
    margin-bottom:1.515%;
  }
  .contents_Box .innerWrap .innerBox .flex_wrap .img:nth-child(2),
  .contents_Box .innerWrap .innerBox .flex_wrap .img:nth-child(3){
    width:49.394%;
  }
  .contents_Box_Wrap{
    width:92%;
    margin:0 auto 16%;
    display:block;
  }
  .contents_Box_Wrap .contents_Box.toilet{
    width:100%;
    margin-bottom:24%;
  }
  .contents_Box_Wrap .contents_Box.toilet .content_ttl{
    width:100%;
  }
  .contents_Box_Wrap .contents_Box.toilet .innerWrap{
    width:47.826%;
  }
  .contents_Box_Wrap .contents_Box.toilet .innerWrap .innerBox{
    width:100%;
  }
  .contents_Box_Wrap .contents_Box.balcony{
    width:100%;
    margin:0;
  }
  .contents_Box_Wrap .contents_Box.balcony .innerWrap{
    width:100%;
  }
  .contents_Box_Wrap .contents_Box.balcony .innerWrap .innerBox{
    width:100%;
    display:flex;
    justify-content: space-between;
  }
  .contents_Box_Wrap .contents_Box.balcony .innerWrap .innerBox .img,
  .contents_Box_Wrap .contents_Box.balcony .innerWrap .innerBox .spWrap{
    width:47.826%;
  }
  .contents_Box_Wrap .contents_Box.balcony .innerWrap .innerBox .spWrap .ttl{
    margin-top:-0.756%;
  }
  .colorBox{
    width:92%;
    padding:4.348%;
  }
  .colorBox .ttl{
    font-size:4vw;
    letter-spacing: -0.08em;
    color:#000;
    margin-bottom:4.286%;
  }
  .colorBox .txt{
    font-size:3.2vw;
    line-height:1.5;
    letter-spacing: 0.04em;
    margin:-0.476% 0;
  }
}

.capBlk {
  max-width: 1100px;
  padding: 0 20px;
  margin: 0 auto 100px;
}
.capBlk .cap {
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .capBlk {
    max-width: 92%;
    padding: 0;
    margin-bottom: 4%;
  }
  .capBlk .cap {
    font-size: 2.667vw;
    line-height: 1.4;
  }
}
