.locations__list{display:grid;gap:24px 64px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (min-width:688px){.locations__list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.locations__item{background-color:var(--base-color);border-radius:4px;width:100%}.locations__item a{display:flex;flex-direction:column}.locations__item a:hover .locations__image img{transform:scale(1.05)}.locations__image{border-radius:2px;height:auto;overflow:hidden;position:relative;width:100%}.locations__image img{aspect-ratio:300/169;backface-visibility:hidden;display:block;height:auto;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:transform 1s var(--easing-easeOutCubic);width:100%}.locations__image.new{position:relative}.locations__image.new:after{background-color:#0003;content:"";inset:0;position:absolute}.locations__label{color:var(--sub-font-color);padding:16px 0}@media (min-width:688px){.locations__label{padding:20px 0}}.locations__label span{display:block}.locations__label span.name{font-size:1.4rem;font-weight:700}.locations__label span.en{color:#7b7b7b;font-size:1.2rem;font-weight:400;letter-spacing:.025em}.locations__tips{align-items:center;display:flex;justify-content:center;inset:0;letter-spacing:.05rem;position:absolute}.locations__tips p{border:2px solid var(--base-color);color:var(--base-color);font-size:1.4rem;font-weight:700;line-height:1.4;padding:8px 20px;text-align:center;z-index:2}
