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

/* SP縦ブレイクポイント */
@media screen and (max-width: 559px ){
    .logo-top{
        width: 80%;
       max-width: 400px; 
       margin: 50px 10% 0 10%;
    }

    .top-button{
        margin: initial;
        margin: 340px 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: 80%;
        margin: initial;
        margin: 25px 10% 0 10%;
    }

    .copy{
        margin: 10px 0 0 0;

    }

    h3{
        margin-top: 20px;
    }

    .profile{
        top:600px;
        right: 40px;
    }

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

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

    .heading{
        margin: initial;
        margin:20px auto 10px auto;
        height: auto;
    }

    .heading:after{
        position: absolute;
        width: 40px;
        height: 2px;
        content: '';
        -webkit-transition: all .3s;
        transition: all .3s;
        background: rgb(244,146,177);
        margin: 40px 0 0 -40px;
    }

    .symbol{
        width: 40px;
    }

    h1{
        font-size: 24px;
        margin: initial;
        margin-top: -3px;
        text-align: initial;
    }


    h2{
        font-size: 22px;
    }

    .box-h2{
        margin: 0 0 0 20px;
    }

    h4{
        margin: initial;
        margin-bottom: 20px;
    }
    h4:after{
    	position: absolute;
    	width: 130px;
    	height: 2px;
    	content: '';
    	background: rgb(244,146,177);
    	margin: 22px 0 0 -125px;
    }

    h5{
        width:auto;
    }

    p{
        font-size: 15px;
        margin: 10px 10px 0 10px;
    }
    
    .hed-p{
        margin: 10px 20px 0 20px;
    }

    .section1 .box{
        width: 96%;
        padding: 10px 0 20px 15px;
        margin-bottom: 15px;
    }

    .section2{
        margin: 0 auto 0 auto;
        width: 90%;
    }

    .section2 .box{
        margin: 0 5px 10px 5px;
        padding: 10px 25px;
    }

    .section3{
        width: 100%;
    }

    .section4 .box{
        width: 84%;
    }
    .g-box ,.movie{
        width: 80%;
        margin-bottom: 15px;
    }

    .movie{
        margin:0 auto 0 auto;
    }

    .youtube{
        width: 100%;
        height: 168px;
    }
    
    .set{
        top: 8px;
    }

    .set-container{
        width: 96%;
        margin: 0 auto 10px auto;
        padding:initial;
        text-align: center;
    }

    .underline:after{
        margin: 35px -40px ;
    }

    .flow-container{
        margin: 0 0 -10px 0;
    }

    .number{
        margin:initial;
        margin: 0 0 0 50px;
    }

    .form .set{
        text-align: initial;
    }

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

    hr{
        width: auto;
    }

    .input{
        width: 93%;
    }

    .select .input{
        width: calc(93% + 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;
    }

    .thanks-body{
        padding-top: 30vh;
    }
}