.main-img-con{
    margin: auto;
    margin-top: 60px;
    background-image: url(../images/construction/top-construction-main.jpg);
    background-size: cover;
    height: 40vh;
    background-position: center center;
}

.construction-box{
    max-width: 1080px;
    margin: 75px auto;
    display: flex;
}
.construction-box-1{
    max-width: 1080px;
    margin: 75px auto;
    display: flex;
    justify-content: space-between;
}
.construction-box-img{
    max-width: 540px;
}
.construction-box-txt-r{
    max-width: 520px;
    padding-left: 40px;
}
.construction-box-txt-l{
    max-width: 520px;
    padding-right: 40px;
}
h3{
    font-size: 30px;
    color: #8C785A;
}


/*smartphone-view*/

@media screen and (max-width: 540px) {
 .main-img-con{
    margin: auto;
    margin-top: 60px;
    background-image: url(../images/construction/top-construction-main_sp.jpg);
    background-size: cover;
     height: 27vh;
    background-position: center center;
}
.construction-box{
    margin: 50px auto;
    display: block;
    
}
.construction-box-1{
    margin: 50px auto;
    display: flex;
    flex-direction: column-reverse;
    
}
.construction-box-img{
    max-width: 540px;
    width: 100%;
}
.construction-box-txt-r{
    padding-left: 0;
    width: 100%;
}
.construction-box-txt-l{
    padding-right: 0;
    width: 100%;
}
h3{
    font-size: 22px;
    color: #8C785A;
}
    
    
}