@charset "UTF-8";
/* CSS Document */

#contents h2 {
 font-size: var(--font-size-36);
 font-weight: 700;
 text-align: center;
 margin-bottom: 2rem;
}
.map {
margin-bottom: 6rem;
}
.photo ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.photo ul li {
width: 48%;
margin-bottom: 2rem
}

@media screen and (min-width:769px)and (max-width:1024px){
}


@media screen and (min-width:521px) and (max-width:768px) {
}

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

.photo ul li {
width: 100%;

}

}