@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: 295.31vw;
        background: url("../img/bgSp01.png") no-repeat;
        background-size: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

    .video-container1 {
        width: 65vw;
        height: 36.56vw;
        left: 17.3vw;
        top: 120.31vw;
    }

    .video-container2 {
        width: 65vw;
        height: 36.56vw;
        left: 17.3vw;
        top: 260.54vw;
    }

    #section08 .telBtn{
        top: 36.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%;
    }
    
}