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

#section02{
    height: 198.32vw;
    background: url("../img/bg02.jpg") no-repeat;
    background-size: 100%;
}

#section03{
    height: 178.99vw;
    background: url("../img/bg03.jpg") no-repeat;
    background-size: 100%;
}

#section04{
    height: 168.59vw;
    background: url("../img/bg04.jpg") no-repeat;
    background-size: 100%;
}

#section05{
    height: 220.42vw;
    background: url("../img/bg05.jpg") no-repeat;
    background-size: 100%;
}

#section06{
    height: 117.79vw;
    background: url("../img/bg06.jpg") no-repeat;
    background-size: 100%;
}

#section07{
    height: 365.89vw;
    background: url("../img/bg07.jpg") no-repeat;
    background-size: 100%;
}

#section08{
    height: 146.34vw;
    background: url("../img/bg08.jpg") no-repeat;
    background-size: 100%;
}

#section09{
    height: 236.6vw;
    background: url("../img/bg09.jpg") no-repeat;
    background-size: 100%;
}

#section10{
    height: 116.91vw;
    background: url("../img/bg10.jpg") no-repeat;
    background-size: 100%;
}

#section11{
    height: 264.49vw;
    background: url("../img/bg11.jpg") no-repeat;
    background-size: 100%;
}

#section12{
    height: 253.15vw;
    background: url("../img/bg12.jpg") no-repeat;
    background-size: 100%;
}

#boxTel{
    position: fixed;
    z-index: 9999;
    height: 14.84vw;
    width: 100vw;
    background: url("../img/bgTelFooter.png") repeat-x;
    background-position: bottom;
    background-size: auto 4.17vw;
    bottom: 0;
}

#section08 .telBtn{
    position: absolute;
    display: block;
    top: 45.36vw;
    left: 8.33vw;
    width: 83.72vw;
    height: 17.97vw;
    background: url("../img/btnTel.png") no-repeat;
    background-size: 100%;      
}

#section12 iframe{
    position: absolute;
    border: none;
    width: 89.84vw;
    height: 67.71vw;
    left: 5.08vw;
    top: 20.6vw;
}
    
#boxTel .telBtn{
    display: block;
    position: absolute;
    bottom: 0;
    left: 19.4vw;
    width: 61.2vw;
    height: 14.06vw;
    background: url("../img/btnTelFooter.png") no-repeat;
    background-size: 100%;
}

@media (min-width: 961px) {
    #section01,#section02,#section03,#section04,#section05,#section06,#section07,#section08,#section09,#section10,#section11,#section12{
        width: 960px;
    }
    #section01 {
        height: calc(960px * 3809px / 1366px);
    }
    #section02 {
        height: calc(960px * 2709px / 1366px);
    }
    #section03 {
        height: calc(960px * 2445px / 1366px);
    }
    #section04 {
        height: calc(960px * 2303px / 1366px);
    }
    #section05 {
        height: calc(960px * 3011px / 1366px);
    }
    #section06 {
        height: calc(960px * 1609px / 1366px);
    }
    #section07 {
        height: calc(960px * 4998px / 1366px);
    }
    #section08 {
        height: calc(960px * 1999px / 1366px);
    }
    #section09 {
        height: calc(960px * 3232px / 1366px);
    }
    #section10 {
        height: calc(960px * 1597px / 1366px);
    }
    #section11 {
        height: calc(960px * 3613px / 1366px);
    }
    #section12 {
        height: calc(960px * 3458px / 1366px);
    }
    
    #section08 .telBtn{
        top: 435.46px;
        left: 79.97px;
        width: 803.71px;
        height: 172.51px;
        background: url("../img/btnTel.png") no-repeat;
        background-size: 100%;  
    }
    
    #section12 iframe{
        width: 862.464px;
        height: 650.02px;
        left: 48.77px;
        top: 197.76px;
    }
    
    #boxTel .telBtn{
        left: calc(( 100vw - 587.52px ) / 2);
        width: 587.52px;
        height: 134.98px;
        background: url("../img/btnTelFooter.png") no-repeat;
        background-size: 100%;
    }
}