@charset "UTF-8";
/*================================================
メインビジュアル
================================================*/
.underPage .mainv{
    background: no-repeat center / cover url("../img/quality_mainv.jpg");
}
/*================================================
プレハブ建築品質向上講習会概要
================================================*/
.qualityOverview__box .wrapper__flex-img {
    width: 20%;
}
.qualityOverview__box .wrapper__flex-img img {
    width: 100%;
}
.qualityOverview__box .wrapper__flex-txt {
    width: 78%;
}
.qualityOverviewDate h4 {
    font-size: 2rem;
    margin: 20px auto 10px;
}
.qualityOverviewDate__room-box {
    margin-top: 1rem;
}
.qualityOverviewDate__date {
    background: #EAF9FF;
    font-weight: bold;
}
.qualityOverviewDate__room dl {
    display: flex;
}
.qualityOverviewDate__room dt {
    width: 30%;
}
@media screen and (max-width: 768px){
    .qualityOverview__box .wrapper__flex-img {
        width: 80%;
        margin: 0 auto 20px;
    }
    .qualityOverview__box .wrapper__flex-txt {
        width: 100%;
    }
    .qualityOverviewDate h4{
        font-size: 1.8rem;
    }
    .qualityOverview .lineBlueTable th,.qualityOverview .lineBlueTable td {
        padding: 4px 4px;
        font-size: 1.2rem;
    }
    .qualityOverview .lineBlueTable th:nth-child(2) {
        width: 14%;
    }
    .qualityOverviewDate__room dl {
        display: block;
    }
    .qualityOverviewDate__room dt {
        width: 100%;
    }
}
/*================================================
スケジュール
================================================*/
@media screen and (max-width: 768px){
    .qualitySchedule .blueTxtBtn.pdfBtn li:not(:last-child) {
        margin-bottom: 20px;
    }
}
/*================================================
申し込み方法
================================================*/
.qualityApplication .lineBlueTable {
    margin-top: 20px;
}
.qualityApplication .lineBlueTable dt {
    float: left ;
    clear: left ;
}
.qualityApplication .lineBlueTable dd {
    float: left ;
}
.qualitySponsor dl {
    display: flex;
}
@media screen and (max-width: 768px) {
    .qualityApplication .lineBlueTable th {
        width: 20%;
    }
}
/*================================================
2022年度実績
================================================*/
.qualityAchievements__box:not(:last-child) {
    margin-bottom: 20px;
}
.qualityAchievements .wrapper__flex-txt {
    width: 78%;
}
.qualityAchievements .wrapper__flex-img {
    width: 20%;
}
.qualityAchievements .wrapper__flex-img img {
    width: 100%;
}
@media screen and (max-width: 768px){
    .qualityAchievements .wrapper__flex-txt {
        width: 100%;
        margin-bottom: 20px;
    }
    .qualityAchievements .wrapper__flex-img {
        width: 80%;
        margin: 0 auto;
    }
}