@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{
    position: absolute;
    aspect-ratio: 690/180;
    width: 86.25%;
    left: 6.875% 
}

.bunner{
    position: absolute;
    aspect-ratio: 730/347;
    width: 91.25%;
    left: 4.375%;
}

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

.cont_07-btn{
    bottom: 7%;
}

.cont_12{
    position: relative;
    aspect-ratio: 800/1369;
}

.cont_12-btn{
    bottom: 7%;
}

.cont_17{
    position: relative;
    aspect-ratio: 800/1695;
}

.cont_17 video{
    position: absolute;
    aspect-ratio: 640 / 480;
    width: 66%;
    bottom: 63%;
    left: 17%;  
}

.cont_17-btn{
    bottom: 30%;
}

.cont_17-bunner{
    bottom: 7%;
}

video{
    width: 100%;
}

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

#last{
	width: 100%;
    position: relative;
    background-color: #ffe6e9;
    z-index: 2;	
}

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

}

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