@charset "utf-8"; /* CSS Document */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img{
    width: 100%;
    vertical-align: bottom;
}

#wrapper{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

@media screen and (max-width: 640px) {

    #wrapper{
        width: 100%;
    }

}

.btn-a{
    position: absolute;
    aspect-ratio: 690/180;
    width: 86.25%;
    left: 6.875%;  
}

.btn-b{
    position: absolute;
    aspect-ratio: 322/121;
    width: 40.25%;
}

.btn_link{
    position: absolute;
    aspect-ratio: 270/328;
    width: 33.75%;
    bottom: 1%;
}

.cont09_link{
    position: absolute;
    aspect-ratio: 400/234;
    width: 50%;
}

.cont10_link, .cont11_link, .cont12_link, .cont13_link{
    position: absolute;
    aspect-ratio: 400/280;
    width: 50%;
}

.cont11_link{
    position: absolute;
    aspect-ratio: 400/234;
    width: 50%;
}

.fv{
    position: relative;
    aspect-ratio: 800/1344;
}

.fv_link_a{
    left: 1%;
}

.fv_link_b{
    left: 33.6%;
}

.fv_link_c{
    right: 0%;
}

.cont03{
    position: relative;
    aspect-ratio: 800/2713;
}

.cont03_btn{
    bottom: 31%;
}

@media screen and (max-width: 640px) {

.cont03_btn{
    bottom: 30%;
}

}

.cont04{
    position: relative;
    aspect-ratio: 800/2082;
}

.cont04_btn{
    bottom: 39%;
}

.cont05{
    position: relative;
    aspect-ratio: 800/2115;
}

.cont05_btn{
    bottom: 40%;
}

.cont06{
    position: relative;
    aspect-ratio: 800/3642;
}

.cont06_btn{
    bottom: 53%;
}


@media screen and (max-width: 640px) {

.cont06_btn{
    bottom: 52%;
}

}

.cont07{
    position: relative;
    aspect-ratio: 800/2895;
}

.cont07_btn{
    bottom: 56.5%;
}

.cont08{
    position: relative;
    aspect-ratio: 800/2375;
}

.cont08_btn{
    bottom: 46%;
}

.cont09{
    position: relative;
    aspect-ratio: 800/2873;
}

.cont09_link01{
    left: 0%;
    bottom: 74%;
}

.cont09_link02{
    right: 0%;
    bottom: 74%;
}

.cont09_link03{
    left: 0%;
    bottom: 48%;
}

.cont09_link04{
    right: 0%;
    bottom: 48%;
}

.cont09_link05{
    left: 0%;
    bottom: 22%;
}

.cont09_link06{
    right: 0%;
    bottom: 22%;
}

.cont09_btn01{
    left: 8%;
    bottom: 59.5%;
}

.cont09_btn02{
    right: 7%;
    bottom: 59.5%;
}

.cont09_btn03{
    left: 8%;
    bottom: 33.5%;
}

.cont09_btn04{
    right: 7%;
    bottom: 33.5%;
}

.cont09_btn05{
    left: 8%;
    bottom: 7.6%;
}

.cont09_btn06{
    right: 7%;
    bottom: 7.6%;
}

.cont10{
    position: relative;
    aspect-ratio: 800/1746;
}

.cont10_link01{
    left: 0%;
    bottom: 76%;
}

.cont10_link02{
    right: 0%;
    bottom: 76%;
}

.cont10_link03{
    left: 0%;
    bottom: 31%;
}

.cont10_link04{
    right: 0%;
    bottom: 31%;
}

.cont10_btn01{
    left: 8%;
    bottom: 53.5%;
}

.cont10_btn02{
    right: 7%;
    bottom: 53.5%;
}

.cont10_btn03{
    left: 8%;
    bottom: 9.3%;
}

.cont10_btn04{
    right: 7%;
    bottom: 9.3%;
}

.cont11{
    position: relative;
    aspect-ratio: 800/1748;
}

.cont11_link01{
    left: 0%;
    bottom: 77%;
}

.cont11_link02{
    right: 0%;
    bottom: 77%;
}

.cont11_link03{
    left: 0%;
    bottom: 33%;
}

.cont11_link04{
    right: 0%;
    bottom: 33%;
}

.cont11_btn01{
    left: 8%;
    bottom: 53.8%;
}

.cont11_btn02{
    right: 7%;
    bottom: 53.8%;
}

.cont11_btn03{
    left: 7%;
    bottom: 9.6%;
}

.cont11_btn04{
    right: 7%;
    bottom: 9.6%;
}

.cont12{
    position: relative;
    aspect-ratio: 800/1748;
}

.cont12_btn01{
    left: 8%;
    bottom: 53.3%;
}

.cont12_btn02{
    right: 7%;
    bottom: 53.3%;
}

.cont12_btn03{
    left: 8%;
    bottom: 10.3%;
}

.cont12_btn04{
    right: 7%;
    bottom: 10.3%;
}

.cont12_link01{
    left: 0%;
    bottom: 77%;
}

.cont12_link02{
    right: 0%;
    bottom: 77%;
}

.cont12_link03{
    left: 0%;
    bottom: 32%;
}

.cont12_link04{
    right: 0%;
    bottom: 32%;
}

.cont13{
    position: relative;
    aspect-ratio: 800/3367;
}

.cont13_link01{
    left: 0%;
    bottom: 88%;
}

.cont13_link02{
    right: 0%;
    bottom: 88%;
}

.cont13_link03{
    left: 0%;
    bottom: 65.5%;
}

.cont13_link04{
    right: 0%;
    bottom: 65.5%;
}

.cont13_link05{
    left: 0%;
    bottom: 42.5%;
}

.cont13_link06{
    right: 0%;
    bottom: 42.5%;
}

.cont13_link07{
    left: 0%;
    bottom: 18%;
}

.cont13_btn01{
    left: 8%;
    bottom: 76.1%;
}

.cont13_btn02{
    right: 7%;
    bottom: 76.1%;
}

.cont13_btn03{
    left: 8%;
    bottom: 53.5%;
}

.cont13_btn04{
    right: 7%;
    bottom: 53.5%;
}

.cont13_btn05{
    left: 8%;
    bottom: 30.9%;
}

.cont13_btn06{
    right: 7%;
    bottom: 30.9%;
}

.cont13_btn07{
    left: 8%;
    bottom: 6.3%;
}

#last{
	width: 100%;
    background-color: #ffe6e9;	
}

#last p{
	width: 800px;
	margin:20px auto 10px;
	padding: 0 5px 20px;
	font-size: 16px;
}

@media screen and (max-width: 640px) {

#last{
    background-color: #ffe6e9;		
}

#last p{
    width: 100%;
    margin: 20px auto 10px;
    padding: 0px 20px 20px;
    font-size: 16px;
}

}

#bunner{
    position: fixed;
    bottom: 3vh;
    right: 50%;
    transform: translateX(50%);
    width: 10%;
    max-width: 150px;
    transition: 1s;
    opacity: 0;
    z-index: 1;
}

.bunner_out{
    transition: 1s;
    opacity: 1!important;
}

.block-page-top{
display: none !important;
}

@media screen and (max-width: 640px) {

    #bunner{
        position: fixed;
        bottom: 2vh;
        right: 5%;
        width: 20%;
    }

}

@keyframes bunner_out{
    100%{opacity: 0;}
}

a, dt {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover, .con_btn:hover, input:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
}

.cam {
    display: block;
    margin-top: -30px;
    padding-top: 30px;
}

@media screen and (max-width: 640px) {
    .cam {
        display: block;
        margin-top: -60px;
        padding-top: 60px;
    }
}