html {
  font-size: 10px;
}

.site-content ul {
  list-style: none;
}
.site-content img {
  width: 100%;
}

h2.page_title_h2 {
  color: #e95500;
  font-size: 2.8rem;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
}

.wall_wrap,
.roof_wrap {
  padding: 30px 15px;
}
.wall_wrap .inner,
.roof_wrap .inner {
  max-width: 1024px;
  margin: auto;
}
.wall_wrap .inner .detail,
.roof_wrap .inner .detail {
  padding: 10px 15px;
  margin: 20px auto 15px;
  background-color: #fff;
}
@media (min-width: 750px) {
  .wall_wrap .inner .detail,
  .roof_wrap .inner .detail {
    display: flex;
  }
}
.wall_wrap .inner .detail .left_block,
.roof_wrap .inner .detail .left_block {
  font-size: 1.8rem;
  font-weight: 500;
}
@media (min-width: 750px) {
  .wall_wrap .inner .detail .left_block,
  .roof_wrap .inner .detail .left_block {
    font-size: 2.8rem;
    font-weight: bold;
    padding-right: 15px;
    flex-basis: 130px;
  }
}
.wall_wrap .inner .detail .right_block,
.roof_wrap .inner .detail .right_block {
  font-size: 1.6rem;
}
@media (min-width: 750px) {
  .wall_wrap .inner .detail .right_block,
  .roof_wrap .inner .detail .right_block {
    font-size: 2.1rem;
    padding-top: 5px;
    padding-left: 15px;
    flex-basis: calc(100% - 130px);
  }
}
.wall_wrap .inner .txt,
.roof_wrap .inner .txt {
  margin-bottom: 15px;
  font-size: 2.4rem;
  font-weight: bold;
}
@media (min-width: 750px) {
  .wall_wrap .inner .txt,
  .roof_wrap .inner .txt {
    font-size: 3.5rem;
    text-align: center;
  }
}
.wall_wrap .inner .price_wrap,
.roof_wrap .inner .price_wrap {
  max-width: 900px;
  margin: auto;
}
.wall_wrap .inner .price_wrap .caution,
.roof_wrap .inner .price_wrap .caution {
  margin-top: 10px;
  font-size: 1.5rem;
}

.wall_wrap {
  background-color: #fce9de;
  margin-top: 50px;
}
.wall_wrap .left_block {
  color: #e95500;
}
@media (min-width: 750px) {
  .wall_wrap .left_block {
    border-right: 1px solid #e95500;
  }
}
.wall_wrap .detail {
  border: 1px solid #e95500;
}
.wall_wrap .txt {
  color: #e95500;
}

.roof_wrap {
  background-color: #ffe8f0;
}
.roof_wrap .left_block {
  color: #ff508c;
}
@media (min-width: 750px) {
  .roof_wrap .left_block {
    border-right: 1px solid #ff508c;
  }
}
.roof_wrap .detail {
  border: 1px solid #ff508c;
}
.roof_wrap .txt {
  color: #ff508c;
}
.roof_wrap .caution {
  margin-bottom: 30px;
}
.roof_wrap .link {
  display: block;
  max-width: 450px;
  margin: 30px auto 0;
}
@media (min-width: 750px) {
  .roof_wrap .link {
    max-width: 750px;
  }
}