@charset "utf-8";
/* レスポンシブ設定
------------------------------------- */
@media screen and (min-width: 769px){
	.sp {
		display: none!important;
	}
	body {
        /*
		min-width: 1000px;
		margin: 0 auto;
        */
	}
}

@media screen and (max-width: 768px){
	.pc {
		display: none!important;
	}

/* body
------------------------------------- */
    #section01,#section02,#section03,#section04,#section05,#section06,#section07,#section08,#section09,#section10,#section11,#section12{
        display: block;
        width: 100vw;
        margin: 0 auto;
    }

    #section01{
        height: 350.78vw;
        background: url("../img/bgSp01.png") no-repeat;
        background-size: 100%;
    }

    #section02{
        height: 344.4vw;
        background: url("../img/bgSp02.png") no-repeat;
        background-size: 100%;
    }

    #section03{
        height: 257.29vw;
        background: url("../img/bgSp03.png") no-repeat;
        background-size: 100%;
    }

    #section04{
        height: 594.66vw;
        background: url("../img/bgSp04.png") no-repeat;
        background-size: 100%;
    }

    #section05{
        height: 309.64vw;
        background: url("../img/bgSp05.png") no-repeat;
        background-size: 100%;
    }

    #section06{
        height: 152.08vw;
        background: url("../img/bgSp06.png") no-repeat;
        background-size: 100%;
    }

    #section07{
        height: 377.47vw;
        background: url("../img/bgSp07.png") no-repeat;
        background-size: 100%;
    }

    #section08{
        height: 132.16vw;
        background: url("../img/bgSp08.png") no-repeat;
        background-size: 100%;
    }

    #section09{
        height: 239.32vw;
        background: url("../img/bgSp09.png") no-repeat;
        background-size: 100%;
    }

    #section10{
        height: 157.94vw;
        background: url("../img/bgSp10.png") no-repeat;
        background-size: 100%;
    }

    #section11{
        height: 345.44vw;
        background: url("../img/bgSp11.png") no-repeat;
        background-size: 100%;
    }

    #section12{
        height: 280.6vw;
        background: url("../img/bgSp12.png") no-repeat;
        background-size: 100%;
    }

    .video-container1 {
        width: 73.96vw;
        height: 40.57vw;
        left: 14.97vw;
        top: 215.31vw;
    }

    .video-container2 {
        width: 73.96vw;
        height: 40.57vw;
        left: 14.97vw;
        top: 429.54vw;
    }

    #section08 .telBtn{
        top: 43.36vw;
        left: 8.33vw;
        width: 83.72vw;
        height: 17.97vw;
        background: url("../img/btnTelSp.png") no-repeat;
        background-size: 100%;  
    }
    
    #section12 iframe{
        width: 89.84vw;
        height: 67.71vw;
        left: 5.08vw;
        top: 27.6vw;
    }
    
    #boxTel{
        height: 14.84vw;
        width: 100vw;
        background: url("../img/bgTelFooterSp.png") repeat-x;
        background-position: bottom;
        background-size: auto 4.17vw;
        bottom: 0;
    }

    #boxTel .telBtn{
        position: absolute;
        bottom: 0;
        left: 19.4vw;
        width: 61.2vw;
        height: 14.06vw;
        background: url("../img/btnTelFooterSp.png") no-repeat;
        background-size: 100%;
    }
    
}