.box01,.box02{
  margin-bottom: 160px;
}
.box01 .flex{
  display: flex;
  align-items: center;
  text-align: center;
}
.box02 .flex{
  display: flex;
  align-items: center;
  text-align: center;
}
.box01 .flex .img,.box02 .flex .img{
  width: 50%;
}
.box01 .flex .ttl,.box02 .flex .ttl{
  width: 50%;
}
.box .ttl{
  font-size: 1.8rem;
}
.box:nth-child(even) .flex{
  flex-direction: row-reverse;
}

.box .ttl span{
  font-size: 5.0rem;
  display: flex;
  line-height: 1;
  justify-content: center;

}
.box .ttl span:before{
  content: " ";
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  background-image: url(/image/about/house.png);
  width: 40px;
  height: 35px;
  margin-top: 10px;  
}
.box .text{
 margin-top: 80px; 
}
.box .text p{
  margin-bottom: 2em;
}

.box .btn{
  margin-top: 80px;
}

  @media screen and (max-width: 600px){
    .box01 .flex{
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }
    .box01 .flex .img, .box02 .flex .img{
      width: 100%;
    }
    .box01 .flex .ttl, .box02 .flex .ttl{
      width: 100%;
    }
    .box02 .flex{
      flex-wrap: wrap;
    }
    .box01, .box02{
      margin-bottom: 50px;
    }
  }