@media(min-width:1001px) {
    .section .homeSub {
        font-size: 18px;
        color: #292929;
    }

    /* surroundings */
    #pageContainer .pageContent .section.surroundings {
        width: 1920px;
        margin: 0 auto;
    }

    .surroundings .sectionContent {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 1680px;
        margin: 0 auto;
        height: 100vh;
        padding: 120px 0;
    }

    .surroundings .surrounBox {
        padding-left: 80px;
        padding-bottom: 8.2vw;
    }

    .surroundings .surroundingsBg {
        width: 50vw;
        min-width: 850px;
    }

    .surroundings .surroundingsBg img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* lower */
    .lower .sectionContent {
        width: 1920px;
        align-items: flex-start;
    }

    .lower .sectionContent .lowerFram {
        display: flex;
        justify-content: space-between;
        width: 1440px;
        margin: 0 auto;
        height: 100vh;
    }

    .lower .sectionContent .frameWrap {
        width: 490px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 19.8vh 0 0;
        height: 89vh;
    }

    .lower .sectionContent .frameWrap .homeSub {
        margin-bottom: 3vw;
    }

    .lower .sectionContent .frameWrap .faramePhotoSub {
        width: 25vw;
    }

    .lower .sectionContent .frameWrap .faramePhotoSub img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .lower .sectionContent .lowerBg {
        width: 720px;
        height: 89vh;
    }

    .lower .sectionContent .lowerBg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* instruct */
    .instruct .sectionContent {
        width: 1920px;
    }

    .instruct .sectionContent .instructWrap {
        display: flex;
        align-items: end;
        justify-content: space-between;
        width: 1441px;
        margin: 0 auto;
        padding: 100px 0;
    }

    .instruct .sectionContent .instructWrap .instructBg {
        width: 37.5vw;
        min-width: 550px;
    }

    .instruct .sectionContent .instructWrap .homeSub {
        margin-bottom: -4px;
        width: 521px;
    }
}

@media(max-width:1000px) {
    .section .homeSub {
        font-size: 15px;
        margin-bottom: 0;
    }

    /* surroundings */
    #pageContainer .pageContent .section.surroundings {
        margin-bottom: 58px;
    }

    .surroundings .sectionContent {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: inherit;
        align-items: inherit;
    }

    .surroundings .surroundingsBg {
        margin-bottom: 72px;
    }

    .surroundings .surroundingsBg img {
        width: 100%;
        height: 85.6vh;
        object-fit: cover;
        object-position: center;
    }

    /* lower */
    #pageContainer .pageContent .section.lower {
        overflow: hidden;
        margin-bottom: 62px;
    }

    .lower .sectionContent .lowerFram .frameWrap {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 43px;
    }

    .lower .sectionContent .lowerFram .frameWrap .faramePhotoSub {
        width: 82.6%;
        margin-bottom: 44px;
    }

    .lower .sectionContent .lowerFram .lowerBg {
        width: 84%;
        margin: 0 -8% 0 auto;
    }

    /* instruct */
    #pageContainer .pageContent .section.instruct {
        margin-bottom: -5px;
    }

    .instruct .sectionContent .instructWrap .instructBg {
        margin-bottom: 44px;
    }

}