.store{
  font-family: var(--Shippori);
  position: relative;
}

.store_contents{
  padding: 6rem 15.1rem 15rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.store_content{
  aspect-ratio: 978/500;
  width: 100%;
  padding: 5rem 4.25rem;
  display: flex;
  justify-content: space-between;
  align-items: start;
  background-color: #11184E;
  color: white;
}

.store_img{
  aspect-ratio: 550/400;
  width: 55rem;
  overflow: hidden;
}

.store_details{
  width: 31.3rem;
}

.store_name{
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: calc(45em/30);
}

.store_detail_lists{
  margin-top: 3.2rem;
}

.store_detail{
  display: flex;
  align-items: start;
  width: 100%;
}

.store_detail:nth-child(n+2){
  margin-top: 2rem;
}

.store_detail_title{
  display: block;
  width: 9.2rem;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: calc(26em/18);
  flex-shrink: 0;
}

.store_detail_desc{
  color: white;
  font-size: 1.7rem;
  letter-spacing: 0;
  line-height: calc(25em/17);
}

.store_detail_map{
  margin: 1rem 0 0 9.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  aspect-ratio: 90/35;
  width: 9rem;
  border-radius: 2.2rem;
  color: #11184E;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1em;
}

.more_button{
  margin: 2.3rem 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  aspect-ratio: 100/40;
  width: 10rem;
  font-family: var(--NotoSans);
  color: #11184E;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}


/* bottom_links */
/* 
.archive_service {
  padding: 0 7.9rem 15rem 8.6rem;
}

.archive_service_wrap {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.service_box{
  aspect-ratio: 1/1;
  width: 30rem;
  border: 1px solid #707070;
}

.service_name_outer{
  display: flex;
  gap: 1.5rem;
  align-items: center;
  border: 1px solid #707070;
  background-color: #ffffff;
  text-align: center;
  position: absolute;
  padding: 1.7rem 3rem;
  text-wrap-mode: nowrap;
}

.service_name_en{
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1em;
}

.service_name_jp{
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1em;
}

.service_position {
  position: relative;
}

.service_box.career{
  background-color: #d7c446;
}

.service_name_outer.career {
  top: 3rem;
  left: -4rem;
} */

/* contact */
/* 
.position_down {
  margin-top: 15rem;
}

.service_box.contact {
  background-color: #ffffff;
}

.service_name_outer.contact {
  top: 20rem;
  left: -6rem;
} */


/* online_store */
/* 
.service_box.online_store{
  background-color: #11184e;
}

.service_name_outer.online_store {
  padding: 1.8rem 2.1rem;
  gap: 2.5rem;
  top: 3rem;
  left: -3rem;
} */

@media screen and (max-width: 699.98px) {
  
  .store_contents{
    padding: 4.5rem 2.5rem 10rem;
    gap: 5rem;
  }

  .store_content{
    aspect-ratio: 325/586;
    width: 100%;
    flex-direction: column;
    padding: 1rem;
    gap: 1rem;
  }

  .store_img{
    aspect-ratio: 305/215;
    width: 100%;
  }

  .store_details{
    width: 100%;
  }

  .store_name{
    text-align: center;
  }

  .store_detail_title{
    width: 9rem;
    font-size: 1.7rem;
    letter-spacing: 0;
    line-height: calc(25em/17);
  }

  .store_detail_lists{
    margin-top: 2rem;
  }
  
  .store_detail:first-of-type .store_detail_desc{
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: calc(22em/15);
  }

  .store_detail_map{
    margin: .5rem 0 0 auto;
  }

  .store_detail:nth-of-type(2){
    margin-top: .6rem;
  }

  .more_button{
    margin-top: 1rem;
  }


  /* servive */
  /* .link_container{
    padding: 0 2.5rem 15rem;
  }
  
  .archive_service_wrap{
    flex-direction: column;
  } */

}