.pageHeaderSection {
    padding: 0 5%;
}


.repairSpeedSection {
    padding: 0 5%;
}

.repairSpeedSection .content--titleBox {
    margin-top: 24px;
}

.repairSpeedSection .content--subTitleBox {
    margin-top: 24px;
}

.repairSpeedSection .media {
    margin-top: 24px;
    column-gap: 24px;
}

.repairSpeedSection .media--imgBox {
    width: 300px;
}

.repairSpeedSection .media--img {
    width: 100%;
}

.repairSpeedSection .media--body {
    flex: 1 0;
    padding: 8px 8px 8px 0;
}

.repairSpeedSection .media--textBox {
    margin-top: 24px;
}

.repairSpeedSection .media--text {
    font-size: 1.8rem;
    line-height: 1.5;
}

@media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */

    .repairSpeedSection .media--imgBox {
        width: 250px;
    }
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    .repairSpeedSection .media {
        flex-direction: column;
    }

    .repairSpeedSection .media--imgBox {
        width: 100%;
    }

    .repairSpeedSection .media--body {
        margin-top: 12px;
    }

    .repairSpeedSection .media--text {
        font-size: 1.6rem;
    }
}

.priceComparisonSection {
    padding: 0 5%;
}

.priceComparisonSection .content--titleBox {
    margin-top: 24px;
}

.priceComparisonSection .content--subTitleBox {
    margin-top: 24px;
}

.priceComparisonSection .media {
    margin-top: 24px;
    column-gap: 24px;
}

.priceComparisonSection .media--imgBox {
    width: 300px;
}

.priceComparisonSection .media--img {
    width: 100%;
}

.priceComparisonSection .media--body {
    flex: 1 0;
    padding: 8px 8px 8px 0;
}

.priceComparisonSection .media--textBox {
    margin-top: 24px;
}

.priceComparisonSection .media--text {
    font-size: 1.8rem;
    line-height: 1.5;
}

@media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */

    .priceComparisonSection .media--imgBox {
        width: 250px;
    }
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    .priceComparisonSection .media {
        flex-direction: column;
    }

    .priceComparisonSection .media--imgBox {
        width: 100%;
    }

    .priceComparisonSection .media--body {
        margin-top: 12px;
    }

    .priceComparisonSection .media--text {
        font-size: 1.6rem;
    }
}

.choiceRepairSection {
    padding: 0 5%;
}

.choiceRepairSection .content--titleBox {
    margin-top: 24px;
}

.choiceRepairSection .content--subTitleBox {
    margin-top: 24px;
}

.choiceRepairSection .media {
    margin-top: 24px;
    column-gap: 24px;
}

.choiceRepairSection .media--imgBox {
    width: 300px;
}

.choiceRepairSection .media--img {
    width: 100%;
}

.choiceRepairSection .media--body {
    flex: 1 0;
    padding: 8px 8px 8px 0;
}

.choiceRepairSection .media--textBox {
    margin-top: 24px;
}

.choiceRepairSection .media--text {
    font-size: 1.8rem;
    line-height: 1.5;
}

.choiceRepairSection .media--list {
    line-height: 1.5;
    padding-left: 16px;
}

.choiceRepairSection .media--item {
    font-size: 1.8rem;
    list-style: square;
}

@media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */

    .choiceRepairSection .media--imgBox {
        width: 250px;
    }

    .choiceRepairSection .media--text {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    .choiceRepairSection .media {
        flex-direction: column;
    }

    .choiceRepairSection .media--imgBox {
        width: 100%;
    }

    .choiceRepairSection .media--body {
        margin-top: 12px;
    }

    .choiceRepairSection .media--text {
        font-size: 1.6rem;
    }
}

.companyMemberSection {
    padding: 0 5%;
    display: grid;
    place-items: center;
}

.companyMemberSection .content--subTitleBox {
    margin-top: 24px;
}

.companyMemberSection .companyMembers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 32px 0;
}

.companyMemberSection .companyMembers--imgBox {
    width: 250px;
}

.companyMemberSection .companyMembers--img {
    width: 100%;
    border-radius: 50%;
}

@media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    
    .companyMemberSection .companyMembers {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }

    .companyMemberSection .companyMembers--imgBox {
        width: calc((100% - 24px * 3) / 4);
    }
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    
    .companyMemberSection .companyMembers {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .companyMemberSection .companyMembers--imgBox {
        width: calc((100% - 24px * 2) / 3);
    }
}