/* ======
  pr
 ====== */
.pr {
  width: 100%;
  position: relative;
}

.pr-caption{position:absolute; top:15%; left:0; right:0; bottom:0; display:grid; z-index:2;}
.pr-caption p{color:#fff; font-size: clamp(1.2rem, 0.5204rem + 2.8997vw, 4rem); font-weight:700; text-align:center; text-shadow:0px 5px 8px rgba(17, 17, 26, 0.4); line-height:1.6;}
/* ======
  main
 ====== */
main {
  overflow: hidden;
}
main section {
  position: relative;
}

/* ======
  btn
 ====== */
.btn-arrow {
  text-align: center !important;
  position: relative;
  border-radius: 0;
  min-width:inherit;
  padding: 0.5rem 1.5rem 1rem;
  color: var(--main); display:inline-flex; justify-content:center; align-items:center; gap:1rem;
}
.btn-arrow:after{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-right: 2px solid var(--main);
  border-bottom: 2px solid var(--main);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-arrow:before{
  content:'';
  position:absolute; bottom:0; left:0; right:0;
  width:100%;
  height:2px;
  background-color:var(--main);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-arrow:hover:before{
  background-color:var(--blue);
}


.service-link a{display:block; position:relative;}
.service-link a:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.3); -webkit-transition: all 0.3s; transition: all 0.3s;}
.service-link a:hover:before{background-color:rgba(0,0,0,0);}
.service-link a img{width:100%;}
.service-link a:hover,
.service-link a:hover img{opacity: 1;}
.service-link p{color:#fff; position:absolute; z-index:1;  top:0; bottom:0; left:0; right:0; font-size:1.2rem; font-weight:600; text-align:center; margin:0; display:grid; place-content: center; place-items: center;}
.service-link p small{display:block; font-weight:500; font-size: .7em;}
@media (min-width: 992px) {
  .service-link p{font-size:1.3rem;}
}
.service-link h3{border-bottom:2px solid var(--main); border-left:2px solid var(--main); padding:1rem .8rem;}

.store-information > h2.headline{text-align:left;}
.store-information .swiper-button{display:flex; justify-content:flex-end; gap:2rem; margin-bottom:1rem;}
.store-information .swiper-button-next,
.store-information .swiper-button-prev{position:static; width:auto; height:auto; margin:0; display:block; color:var(--main); -webkit-transition: all 0.3s; transition: all 0.3s;}
.store-information .swiper-button-next:hover,
.store-information .swiper-button-prev:hover{color:var(--bg);}
.store-information dl{margin:0;}


.topics-pickup .btn{min-width:250px; padding-top:.8rem; padding-bottom:.8rem;}
@media (min-width: 576px) {
  .topics-pickup > div{display:grid;}
  .topics-pickup a{display:flex; flex-direction: column; justify-content:flex-start;}
  .topics-pickup a > p:last-child{margin:auto 0 0;}
  .topics-pickup .btn{min-width:inherit; width:100%;}
}
@media (max-width: 575px) {
  .topics-pickup > div:not(:first-child) {display:none;}
}
@media (min-width: 992px) {
  ul.topics > li:first-child a{padding-top:.5rem;}
}

.about-btn .btn{text-align:left;}
@media (max-width: 575px) {
.about-btn .btn{font-size:.85rem; padding:1rem 2rem 1rem .5rem;}
}