body {
margin: 0;
padding: 0;
}

img {
width: 100%;
height: auto;
vertical-align: bottom;
display: block;
}

.contact{
background-color: #fff001;
padding-top: 30px;
padding-bottom: 60px;
}

.contact img.img-pc{
display: block;
width: 50%;
height: auto;
text-align: center;
margin: auto;
}

iframe {
vertical-align: bottom;
}
@media all and (min-width: 897px) {
.img-sp {
display: none;
}
}


.hover-opacity {
transition-property: opacity;
transition-duration: 0.3s;
}

.hover-opacity:hover {
opacity: 0.7; 
}

@media screen and (max-width:896px) {
.img-pc {
display: none !important;
}

.img-sp {
display: block;
}

.contact img.img-sp{
display: block;
width: 80%;
height: auto;
text-align: center;
margin: auto;
}

}