@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;
}

a:hover{
    opacity: 0.7;
}

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

    #wrapper{
        width: 100%;
    }

}

.btn_buy{
    position: absolute;
    aspect-ratio: 304/50;
    width: 38%;
    right: 10%;
}

.btn_pht{
    position: absolute;
    aspect-ratio: 227/137;
    width: 28.375%;
    top: 9%;
}

.btn_reinca{
    position: absolute;
    aspect-ratio: 163/46;
    width: 20.375%;
    top: 53%;
}

.btn_venex{
    position: absolute;
    aspect-ratio: 203/41;
    width: 25.375%;
    top: 53%;
}

.btn_view{
    position: absolute;
    aspect-ratio: 123/19;
    width: 15.375%;
}

.cont_01{
    position: relative;
    aspect-ratio: 800/942;
}

.cont_01_btn01{
    bottom: 23%;    
}

.cont_01_btn02{
    bottom: 16%;    
}

.cont_05{
    position: relative;
    aspect-ratio: 800/1038;
}

.cont_05_btn01{
    right: 7.5%;
}

.cont_05_btn02{
    left: 20%;
}

.cont_05_btn03{
    right: 17%;
}

.cont_07{
    position: relative;
    aspect-ratio: 800/1880;
}

.cont_07_btn01{
    left: 11%;
    bottom: 25%;
}

.cont_07_btn02{
    left: 41%;
    bottom: 25%;
}

.cont_07_btn03{
    right: 11.5%;
    bottom: 25%;
}

.cont_07_btn04{
    left: 11%;
    bottom: 5%;
}

.cont_07_btn05{
    left: 41%;
    bottom: 5%;
}