@charset "UTF-8";
/* --------------------------------------------------
	common
-------------------------------------------------- */
.header__inner{
  padding: 0 20px ;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.header__scroll{
  display: flex;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1000;
  overflow: visible;
}
.l-header .header__scroll .nav-btn{
  top: 50%;
  transform: translateY(-50%);
}
.header__scroll.is-fixed{
  justify-content: space-between;
}
.gym-list p, .gym-list div{
  font-family: "Noto Sans JP", sans-serif;
}
.stretch-list p, .stretch-list div{
  font-family: "Zen Maru Gothic", sans-serif!important;
}


/* title
-------------------------------------------------- */
.sec-title{
  position: relative;
  padding: 10rem 0;
  background: #FFF;
  text-align: center;
}
.gym-list .sec-title{
  background: #F7F7EE;
}
.stretch-list .sec-title{
  background: #FFFBF3;
}
.gym-list .sec-title::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 330px;
  height: 160px;
  background-color: #EDED70;
  opacity: 0.4;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 0;
}
.pilates-list .sec-title::before{
  content: '';
  position: absolute;
  top: -20px;
  left: -8px;
  width: 165px;
  height: 129px;
  background: linear-gradient(165.25deg, #FFFFF3 19.14%, #F6DFBE 97.11%);
  opacity: 0.7;
  z-index: 1;
}
.pilates-list .sec-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 304px;
  height: 134px;
  background: #FDF8F6;
  z-index: 0;
}
.stretch-list .sec-title::before{
  content: '';
  position: absolute;
  width: 131px;
  height: 94px;
  top: 0;
  left: 0;
  background: linear-gradient(166.07deg, #FFC077 16.47%, rgba(255, 245, 221, 0.3) 100%);
  opacity: 0.4;
  z-index: 1;
}
.sec-title .l-inner{
  position: relative;
  z-index: 2;
}
.sec-title .ttl-sub{
  font-size: 2.0rem;
  font-weight: 700;
  position: relative;
}
.sec-title .ttl{
  font-size: 2.8rem;
  font-weight: 700;
  display: inline-block;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
.gym-list .sec-title .ttl::after{
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #EDED70;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
}
.sec-title .list-link{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.sec-title .list-link a{
  text-decoration: underline;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .sec-title{
    padding: 3.5rem 0;
  }
  .sec-title .ttl-sub{
    font-size: 1.6rem;
  }
  .sec-title .ttl{
    font-size: 2.2rem;
  }
  .sec-title .list-link a{
    font-size: 1.4rem;
  }
}
.sec-gym-list .post-list li a .store-name{
  font-weight: 700;
  position: relative;
}
.sec-gym-list .post-list li a .store-name::after{
  content: '';
  width: 25px;
  height: 6px;
  background: url('../images/common/list_arrow.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cta_wrap .l-inner a.bnr{
  max-width: 420px;
}