@charset "UTF-8";
/* CSS Document */

/* SP縦ブレイクポイント */
@media screen and (min-width: 559px ) and (max-width: 850px ){

    .logo-top{
        margin: 50px 0 0 50px;
    }

    .top-button{
        margin: initial;
        margin: 100px 0 0 0;
        text-align: center;
    }
    .mainbox{
        max-width: 100vw;
        height: 1000px;
        top: 0px;
        right: 0px;
    }
    
    .mainvsl{
        width: 400px;
        position: relative;
        top: 290px;
        right: -30px;
    }

    .copy-rights{
        width: 50%;
        margin: initial;
        margin: 200px 10% 0 10%;
    }

    .copy{
        margin-top: 10px;
    }

    .copy span{
        margin: 0 0 0 10px;

    }

    h3{
        margin-top: 20px;
    }

    .profile{
        top:500px;
    }

    .profile h2{
        font-size: 22px;
    }

    .profile:after{
        margin:-46px 0 0 70px;
    }



    .mainbox{
        max-width: 100vw;
        height: 1000px;
        top: 0px;
        right: 0px;
    }
    
    .mainvsl{
        width: 500px;
        position: relative;
        top: 50px;
        right: -30px;
    }

    .section2{
        width: 80%;
    }

    .section3 .box p{
        width: 90%;
    }

    .form .label{
        text-align: initial;
        width: auto;
    }

    .input{
        width: 95%;
    }

    .select .input{
        width: calc(95% + 22px);
    }
    
    .photo-container{
        margin: 0 auto 20px auto;
    }

    .adress{
        margin: 0 auto 20px auto;
    
    }

    .timetable{
        margin: 0 auto 20px auto;
        width: 90%;
    }

    .map{
        width: 90%;
        margin: initial;
        border-radius: 10px;
        overflow: hidden;
        height: 200px;
        margin: 0 auto 0 auto;
    }

    footer .c .l-button{
        margin: 0 10px 20px 10px;
    }

    .section5 .c{
        width: 70%;
        margin: 30px auto 0 auto;
    }

}