@charset "utf-8";

.lead_area {
    position: relative;
    background: url(../img/lead_img.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: 44.285714285714286%;
}
.lead_area > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 94%;
}
.lead_area .copy {
    text-align: center;
    font-size: 18px;
    line-height: 2.4;
}
.deco {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 135px;
}

#equipment,
#structure,
#comfort{
   padding-top:94px;
   margin-top:-94px;
}


/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
    .lead_area {
        position: relative;
        background: url(../img/lead_img_sp.jpg) no-repeat center;
        padding: 60px 0;
        padding-top: 68.75%;
        background-size: cover;
    }
    .copy.single_unit {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 15px;
        line-height: 1.8;
    }
    .deco {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 96px;
    }
}