/* common */
.ff-en{font-family: 'Proxima Nova';letter-spacing: 0.08em;}
.main{color: #fff;}
.main .tit-en{font-size: min(2.6vw,2.8rem);color: #fff;font-weight: 400; text-align: center;max-width: 360px;margin: 0 auto;padding:0 0 10px;border-bottom: 1px solid #fff;}
.main .title{margin: 20px 0 40px;text-align: center;}
@media screen and (max-width:767px){
    .main .tit-en{font-size: 4.8vw;max-width: 320px;}
}
/* landscape */
.landscape{background: #928068;padding: 40px 0 60px;}
.landscape .img .info-txt{font-size: 1.8rem;position: absolute;top: 3.2%;max-width: 400px;left: 32.5%;line-height: 1.6;}
.landscape .img .capOut{color: #fff;bottom: 1vw;font-size: 1.6rem;}
@media screen and (max-width:1200px){
    .landscape .img .info-txt {font-size: 1.6vw;top: 2.5%;max-width: 32vw;left: 32%;}
}
@media screen and (max-width:767px){
    .landscape{padding: 30px 0;}
    .landscape .img .info-txt {top: 2.5%;}
    .landscape .img .capOut{bottom: -10px;font-size: 1.2rem;}
}
/* planting */
.planting{margin: 40px 0 0;}
.planting .planting-tit{font-size: min(2.6vw,2.8rem);font-weight: 400;}
.planting .intro-text{font-size: 1.8rem;}
.planting .list-item{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 25px 0 0;margin: 20px 0 0;border-top: 1px solid #fff;}
.planting .list-item .img{width: 16.5%;}
.planting .list-item .img{font-size: 1rem;}
@media screen and (max-width:767px){
    .planting .intro-text{font-size: 1.5rem;}
    .planting .planting-tit{font-size: 4.8vw;margin-bottom: 5px;}
    .planting .list-item{justify-content: flex-start;}
    .planting .list-item .img{width: 28%;margin:0 8% 20px 0px;}
    .planting .list-item .img:nth-of-type(3){margin-right: 0;}
}
@media screen and (max-width:480px){
    .planting .list-item{justify-content: space-between;}
    .planting .list-item .img{width: 48%;margin:0 0 20px;}
    .planting .intro-text{font-size: 1.2rem;}

}
/* exterior */
.exterior{background: #555d65;padding: 40px 0 60px;}
.exterior .list-house {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 40px 0 0;}
.exterior .list-house .list-house_info{width: 48.34%;}
.exterior .list-house .list-house_info:nth-of-type(2){width: 50%;}
.exterior .list-house .list-house_info .intro-house{position: absolute;max-width:220px;right: 0;top: 66%;font-size: 1.8rem;}
.exterior .list-house .list-house_info .cap{bottom: -20px;left: 48%;}
@media screen and (max-width:1200px){
    .exterior .list-house .list-house_info .intro-house{font-size: 1.5vw;max-width: 19vw;}
}
@media screen and (max-width:767px){
    .exterior{padding: 30px 0 50px;}
    .exterior .list-house .list-house_info{width: 100%;margin: 0 0 60px;}
    .exterior .list-house .list-house_info:nth-of-type(2){width: 100%;margin: 0;}
    .exterior .list-house .list-house_info .img img{width: 100%;}
    .exterior .list-house .list-house_info .intro-house{font-size: 3.3vw;right: 1%;max-width: 37vw;}
}
@media screen and (max-width:480px){
    .exterior .list-house .list-house_info .cap{left: 42%;}
}
/* architect */
.architect{background: #2c3b45;}
.architect .architect-info{align-items: center;}
.architect .architect-info .person{width: 46%;align-items: center;}
.architect .architect-info .person .img{width: 185px;}
.architect .architect-info .person .info-person{width: calc(100% - 220px);}
.architect .architect-info .person .info-person .info-person_tit{font-size: min(3.6vw,3.6rem);color: #acafb2;margin: 0 0 10px;border-bottom: 1px solid #acafb2;}
.architect .architect-info .person .name{font-size: min(2.3vw,2.3rem);}
.architect .architect-info .architect-intro{width: 50%;}
@media screen and (max-width:767px){
    .architect .architect-info .person{width: 100%;margin: 0 0 20px;}
    .architect .architect-info .person .info-person .info-person_tit{font-size: 5.5vw;}
    .architect .architect-info .person .name{font-size: 4.8vw;}
    .architect .architect-info .architect-intro{width: 100%;}
    .architect{padding: 20px 0;}
}
@media screen and (max-width:480px){
    .architect .architect-info .person .img{width: 140px;}
    .architect .architect-info .person .info-person{width: calc(100% - 160px);}
    .architect .architect-info .architect-intro p{font-size: 1.2rem;}
}