.loc-title{ font-size: 4rem; }
.pro-desc{ position: relative; height: 390px; background-color: #ffffff; }
.pro-desc-content{ width: 100%; position: absolute; top: -7.33rem; }
.pro-desc-text{ width: 80.5%; margin: 0 auto; background-color: #e83743; padding: 7.33rem 5.5rem 8.16rem 5.5rem; }
.pro-desc .loc-title{ color: #ffffff; }
.pro-desc .loc-title span:last-child{ border-bottom-color: #ffffff; }
.pro-desc .desc-text{ color: #ffffff; margin-top: 5rem; }
.pro-desc ul li{ font-size: 2.5rem; line-height: 4.0rem; margin-top: 10px; }
.img-2{ margin-top: 5.5rem; }

.material-desc{ position: relative; height: 390px; background-color: #ffffff; }
.material-desc-content{ width: 100%; position: absolute; top: -11.16rem; z-index: 99; }
.material-desc-text{ width: 80.5%; margin: 0 auto; background-color: #ee742b; padding: 7.33rem 5.5rem 8.16rem 5.5rem; }
.material-desc .loc-title{ color: #ffffff; }
.material-desc .loc-title span:last-child{ border-bottom-color: #ffffff; }
.material-desc .desc-text{ color: #ffffff; margin-top: 5rem; }
.material-desc p{ font-size: 2.5rem; line-height: 6.0rem; margin-top: 10px; }

.img-3{ position: relative; }
.development-desc{ position: absolute; top: 9rem; width: 100%; }
.development-desc-text{ width: 80.5%; margin: 0 auto; padding: 0 5.5rem 8.16rem 5.5rem; }
.development-desc .loc-title{ color: #ffffff; }
.development-desc .loc-title span:last-child{ border-bottom-color: #ffffff; }
.development-desc .desc-text{ color: #ffffff; margin-top: 5rem; }

.development-2-desc{ position: absolute; top: 1rem; width: 100%; }
.development-2-desc-text{ width: 80.5%; margin: 0 auto; padding: 0 5.5rem 8.16rem 5.5rem; }
.development-2-desc .loc-title{ color: #ffffff; }
.development-2-desc .loc-title span:last-child{ border-bottom-color: #ffffff; }
.development-2-desc .desc-text{ color: #ffffff; margin-top: 5rem; }
.development-2-desc ul li{ font-size: 3rem; line-height: 5.5rem; margin-top: 10px; }

.quality-desc{ position: relative; height: 390px; background-color: #ffffff; }
.quality-desc-content{ width: 100%; position: absolute; top: -7.33rem; }
.quality-desc-text{ width: 80.5%; margin: 0 auto; background-color: #e83743; padding: 7.33rem 5.5rem 8.16rem 5.5rem; }
.quality-desc .loc-title{ color: #ffffff; }
.quality-desc .loc-title span:last-child{ border-bottom-color: #ffffff; }
.quality-desc .desc-text{ color: #ffffff; margin-top: 5rem; }
.quality-desc ul li{ font-size: 2.5rem; line-height: 4.0rem; margin-top: 10px; }

.service-desc{ position: relative; height: 390px; background-color: #ffffff; }
.service-desc-content{ width: 100%; position: absolute; top: -11.16rem; z-index: 99; }
.service-desc-text{ width: 80.5%; margin: 0 auto; background-color: #ee742b; padding: 7.33rem 5.5rem 8.16rem 5.5rem; }
.service-desc .loc-title{ color: #ffffff; }
.service-desc .loc-title span:last-child{ border-bottom-color: #ffffff; }
.service-desc .desc-text{ color: #ffffff; margin-top: 5rem; }
.service-desc p{ font-size: 3rem; line-height: 6.0rem; margin-top: 10px; }
.text-bold{ font-weight: 600; }

.bottom-empty{ height: 30rem; }

@media (max-width:850px) {
    .development-desc {
        top: 7rem;
    }
    .development-2-desc-text {
        padding: 0 2.5rem;
    }
    .development-2-desc{ top: -50px; }
}

@media (max-width:500px) {
    .loc-title{ font-size: 1.6rem; }
    .loc-title span:last-child{ width: 15px; }

    .pro-desc-content{ top: -30px; }
    .pro-desc-text{ padding: 10px 30px 40px 30px }
    .pro-desc .desc-text{ margin-top: 30px; }
    .pro-desc ul li{ font-size: 14px; line-height: 25px; margin-top: 5px; }
    .img-2{ margin-top: 50px; }

    .material-desc-content{ top: -40px; z-index: 99; }
    .material-desc-text{ padding: 25px 30px 40px 30px }
    .material-desc .desc-text{ margin-top: 30px; }
    .material-desc p{ font-size: 14px; line-height: 30px; margin-top: 5px; }

    .development-desc{ top: -30px; width: 100%; }
    .development-desc-text{ padding: 55px 30px 40px 30px  }
    .development-desc .desc-text{ margin-top: 30px; }

    .development-2-desc{ top: -10px;  }
    .development-2-desc-text{ padding: 0 30px; }
    .development-2-desc .desc-text{ margin-top: 30px; }
    .development-2-desc ul li{ font-size: 14px; line-height: 25px; margin-top: 0; }

    .quality-desc-content{ top: -30px; }
    .quality-desc-text{ padding: 10px 30px 40px 30px; }
    .quality-desc .desc-text{ margin-top: 30px; }
    .quality-desc ul li{ font-size: 14px; line-height: 25px; margin-top: 5px; }

    .service-desc-content{ top: -30px; }
    .service-desc-text{ padding: 10px 30px 40px 30px; }
    .service-desc .desc-text{ margin-top: 30px; }
    .service-desc p{ font-size: 14px; line-height: 25px; margin-top: 5px; }
    .bottom-empty{ height: 150px; }
}

@media (max-width:380px) {
    .development-desc-text{ padding: 48px 30px 40px 30px }
}

@media (max-width:350px) {
    .development-desc-text{ padding: 45px 30px 40px 30px }
}