@media screen and (max-width:991px){
    .banner .bottom .mask {
        position: absolute;
        top: 10.5%;
        left: 9%;
        width: 82%;
    }
    h2.subtitle {
        font-size: 1.5rem;
        letter-spacing: 5px;
    }
    h1.title{
        /* font-size: 1.5rem; */
        letter-spacing: 5px;
    }
    .content p,.content p span{
        font-size: 0.8rem;
        letter-spacing: 0px;
    }
    .waterfall {
        width: 100%;
        column-count: 2;
        column-gap: 5px;
        padding-top: 1.5%;
    
    }
    .page01,.page05,.page07,.page08{
        background-attachment: scroll;
    }

    .page01 .pageBox {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }

    .page01 h1.title{
        padding-top: 30%;
        letter-spacing: 1px;
    }

    .page02 .pageBox{
        padding-top: 10%;
    }

    .page01 h2.subtitle{
        padding-bottom: 3%;
    }

    .page02 .VideoArea iframe{
        width: 100%;
        height: 70vh;
    }

    .page02 h2.subtitle{
        font-size: 1.5rem;
        letter-spacing: 5px;
    }

    .page03 .titlePage{
        margin-top: 5%;
    }
    .page03 .pageBox{
        position: relative;
        top: unset;
        color: #000;
        padding: 10% 0%;
    }
    .page03 .pageBox h1.title {
        color: #AA8755;
    }

    .page03 .pageBox h2.subtitle {
        font-size: 1.2rem;
    }

    .page04{
        padding: 10% 4%;
    }
    .page04 h1.title {
        padding-top: 5%;
    }
    .page04 h2.subtitle {
        letter-spacing: 5px;
    }
    .page05 {
        background-position: 80% top;
    }
    .page05 .pageBox {
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        padding-top: 50%;
    }
    .page06{
        padding: 10% 4%;
    }
    .page07 {
        background-position: 4% top;
    }
    .page07 .pageBox {
        top: 10%;
    }

    .page08{
        padding: 10%;
        background-image: unset;
    }

    .page08 .pageBox{
        position: relative;
    }

    .page08 .innerImg {
        padding-top: 140%;
    }

    .page08 .imgtxt{
        position: absolute;
        bottom: 0%;
        left: 0%;
        width: 100%;
        text-align: center;
        background-color: #AA8755;
        padding: 2% 0%;
    }

    .page08 h1.title,.page08 h2.subtitle{
        color: #AA8755;
    }

    .page08 .content p,.page08 .content p span{
        color: #000;
    }
}

@media screen and (max-width:376px){
    h2.subtitle {
        letter-spacing: 4px;
    }
    h1.title{
        letter-spacing: 4px;
    }
}