/**全体調整**/
.wrapper {
    max-width: 768px;
    margin: 0 auto;
    height: auto;
    display: block;
}
img{
    vertical-align: bottom;
}
.wrapper img {
    width: 100%;
    vertical-align: bottom; 
}
a:hover{
    opacity: 0.8;
}

/**googlemap**/
.map{
    position:absolute;
    left: 50%;
    transform: translateX(-50%);
    top:63%;
    width:91.66%;
    height:30.665%;
}

/**ボタン調整**/
.position-relative{
    position:relative;
}
.btn{
    position:absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 78.5156%;
}
.btn01{
    top:72%;
}
.btn02{
    top:15%;
}
/**フッター調整**/
.footer{
    display:flex;
    align-items: flex-end;
    margin-top:-25%;
    justify-content:space-between;
}
.logo{
    margin-left:4%;
    max-width:38%;
}
.sns{
    display:flex;
    align-items:center;
    justify-content: flex-end;
    margin-right:3%;
    width:40%;
}
.sns a{
    margin-right:4%;
}
/**@media screen and (max-width: 660px){

.footer{
    margin-top:-25%;
}
.logo img{
    width:80%;
}
.sns img{
    width:80%;
}
}**/