@charset "utf-8";
/* リセット
------------------------------------- */
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}

table {border-spacing:0; border-collapse:collapse;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle; outline:none;}
q:before,q:after {content:'';}
ul {list-style: none;}

hr,
legend,
caption {display:none;}

img {border:0; vertical-align:bottom;}

a:focus { outline:none;}


/* aタグ設定
------------------------------------- */
a{
    color:#FD5229;
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	zoom:1;
}

a:active {

}

/* 基本設定
------------------------------------- */
body{
    width: 100%;
    height: 100%;
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.3px;
    position: relative;
}

.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

/* body
------------------------------------- */
#wrapper{
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}

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

#section01{
    height: calc((1678 / 1366 ) * 100vw);
    background: url("../img/bgPc01.png") no-repeat;
    background-size: 100%;
}

#section02{
    height: calc((1608 / 1366 ) * 100vw);
    background: url("../img/bgPc02.png") no-repeat;
    background-size: 100%;
}

#section03{
    height: calc((1546 / 1366 ) * 100vw);
    background: url("../img/bgPc03.png") no-repeat;
    background-size: 100%;
}

#section04{
    height: calc((1772 / 1366 ) * 100vw);
    background: url("../img/bgPc04.png") no-repeat;
    background-size: 100%;
}

#section05{
    height: calc((1279 / 1366 ) * 100vw);
    background: url("../img/bgPc05.png") no-repeat;
    background-size: 100%;
}

#section06{
    height: calc((864 / 1366 ) * 100vw);
    background: url("../img/bgPc06.png") no-repeat;
    background-size: 100%;
}

#section07{
    height: calc((1895 / 1366 ) * 100vw);
    background: url("../img/bgPc07.png") no-repeat;
    background-size: 100%;
}

#section08{
    height: calc((429 / 1366 ) * 100vw);
    background: url("../img/bgPc08.png") no-repeat;
    background-size: 100%;
}

#section09{
    height: calc((659 / 1366 ) * 100vw);
    background: url("../img/bgPc09.png") no-repeat;
    background-size: 100%;
}

#section10{
    height: calc((982 / 1366 ) * 100vw);
    background: url("../img/bgPc10.png") no-repeat;
    background-size: 100%;
}

#section11{
    height: calc((1549 / 1366 ) * 100vw);
    background: url("../img/bgPc11.png") no-repeat;
    background-size: 100%;
}

#section12{
    height: calc((1379 / 1366 ) * 100vw);
    background: url("../img/bgPc12.png") no-repeat;
    background-size: 100%;
}

.video-container1 {
    position: absolute;
    overflow: hidden;
    width: 31.33vw;
    height: 17.28vw;
    left: 12.44vw;
    top: 73.86vw;
}

.video-container2 {
    position: absolute;
    overflow: hidden;
    width: 31.33vw;
    height: 17.28vw;
    left: 56.30vw;
    top: 58.37vw;
}

.video-container1 video, .video-container2 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#boxTel{
    position: fixed;
    z-index: 9999;
    height: 73px;
    width: 100%;
    background: url("../img/bgTelFooterPc.png") repeat-x;
    background-position: bottom;
    bottom: 0;
}

#section08 .telBtn{
    position: absolute;
    display: block;
    top: 21.3vw;
    left: 39.09vw;
    width: 28.7vw;
    height: 6.22vw;
    background: url("../img/btnTelPc.png") no-repeat;
    background-size: 100%;
}

#section12 iframe{
    position: absolute;
    width: 59.3vw;
    height: 32.21vw;
    border: none;
    left: 20.35vw;
    top: 13.18vw;
}
    
#boxTel .telBtn{
    position: absolute;
    display: block;
    bottom: 0;
    right: 1.83vw;
    width: 24.16vw;
    height: 5.34vw;
    background: url("../img/btnTelFooterPc.png") no-repeat;
    background-size: 100%;
}

@media (min-width: 1366px) {
    #section01,#section02,#section03,#section04,#section05,#section06,#section07,#section08,#section09,#section10,#section11,#section12{
        width: 1366px;
    }
    #section01 {
        height: 1678px;
    }
    #section02 {
        height: 1608px;
    }
    #section03 {
        height: 1546px;
    }
    #section04 {
        height: 1772px;
    }
    #section05 {
        height: 1279px;
    }
    #section06 {
        height: 864px;
    }
    #section07 {
        height: 1895px;
    }
    #section08 {
        height: 429px;
    }
    #section09 {
        height: 659px;
    }
    #section10 {
        height: 982px;
    }
    #section11 {
        height: 1549px;
    }
    #section12 {
        height: 1379px;
    }
    .video-container1 {
        width: 428px;
        height: 236px;
        left: 174px;
        top: 1007px;
    }

    .video-container2 {
        width: 428px;
        height: 236px;
        left: 777px;
        top: 800px;
    }
    
    #section08 .telBtn{
        top: 291px;
        left: 534px;
        width: 392px;
        height: 85px;
        background: url("../img/btnTelPc.png") no-repeat;
        background-size: 100%;  
    }
    
    #section12 iframe{
        width: 810px;
        height: 440px;
        left: 278px;
        top: 180px;
    }
    
    #boxTel .telBtn{
        right: 25px;
        width: 330px;
        height: 73px;
        background: url("../img/btnTelFooterPc.png") no-repeat;
        background-size: 100%;
    }
}



/* Footer
------------------------------------- */