@media screen and (max-width:960px){

    body {
        padding: 0 2%;
    }
    .lead {
        font-size: 1rem;
    }

    .access {
        padding-top: 70px;
        margin-bottom: 0;
    
    }
    .access-dt {
        padding-top: 130px;
        font-size: 1.7rem;
        
        left: 3rem;
    }
    .access-dd{
        padding-top: 170px;
        margin-left: 0;
        left: 3rem;
    }

    .ill-img01,
    .ill-img02,
    .ill-img03,
    .ill-img04,
    .snow-img01,
    .snow-img02,
    .snow-img03,
    .snow-img04,
    .sl-img01,
    .sl-img02,
    .sl-img03,
    .sl-img04,
    .hs-img01,
    .hs-img02,
    .hs-img03  {
        width: 55%;
    }
    .relative-area__ill,
    .relative-area__sl {
        height: 1300px;
    }
    .ill-img01,
    .sl-img01 {
        top: 20.5%;
        left: 43.5%;
    }
    .ill-img02,
    .sl-img02 {
        top: 37.5%;
        left: 1.5%;
    }
    .ill-img03,
    .sl-img03 {
        top: 54.4%;
        left: 43.5%;
    }
    .ill-img04,
    .sl-img04 {
        top: 71.4%;
        left: 1.5%;
    }
    .illumination-schedule,
    .snow-light-schedule {
        top: 92%;
        left: 57%;
    }


    .relative-area__snow {
        height: 1420px;
    }
    .snow-img01 {
        top: 17.6%;
        left: 1.5%;
    }
    .snow-img02 {
        top: 33%;
        left: 43.5%;
    }
    .snow-img03 {
        top: 48.4%;
        left: 1.5%;
    }
    .snow-img04 {
        top: 63.7%;
        left: 43.5%;
    }
    .snow-schedule {
        top: 83%;
        left: 16%;
    }

    .relative-area__hs {
        height: 1160px;
    }
    .hs-img01 {
        top: 18%;
        left: 1.5%;
    }
    .hs-img02 {
        top: 36.8%;
        left: 43.5%;
    }
    .hs-img03 {
        top: 55.6%;
        left: 1.5%;
    }


}


@media screen and (max-width:520px){

    .main-title {
        margin-top: 35px;
        font-size: 3rem;
    }
    .lead, .access-dd {
        margin-bottom: 15px;
        font-size: 0.8rem;
    }
    .content-title {
        font-size: 1.8rem;
    }
    .small {
        font-size: 1.125rem;
    }
    footer p {
        font-size: 0.8rem;
    }

    /*-- access --*/
    .access-area {
        position: static;
    }
    .map,
    .access,
    .access-dt,
    .access-dd {
        position: static;
    }
    .access {
        padding-top: 0;
        margin-left: 10px;
    }
    .access-dl {
        height: 350px;
    }
    .access-dt {
        padding-top:0;
        margin-left: 10px;
    }
    .access-dd {
        padding-top: 0;
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .map {
        text-align: center;
    }
    

 /*-- imgのレイアウト --*/
    .relative-area__ill, 
    .relative-area__snow, 
    .relative-area__sl, 
    .relative-area__hs {
        height: auto;
        margin-bottom: 40px;
    }
    .relative-area,
    .schedule {
        position: static;
    }
    .ill-img01,
    .ill-img02,
    .ill-img03,
    .ill-img04,
    .snow-img01,
    .snow-img02,
    .snow-img03,
    .snow-img04,
    .sl-img01,
    .sl-img02,
    .sl-img03,
    .sl-img04,
    .hs-img01,
    .hs-img02,
    .hs-img03  {
        position: static;
        width: 100%;
    }

    .schedule {
        margin-top: 1rem;
        
        font-size: 0.8rem;
        text-align: center;
        border-bottom: none;
    }

}