/* first view */
#first_view{
  width: 100%;
  height: 100vh;
}
.fv_rayout{
  align-items: center;
}
.top_holder{
  width: 60%;
  height: 100%;
}
.top_holder img{
  height: 100%;
  object-fit: cover;
}
.fv_menu{
  width: 40%;
  height: 100%;
}
.logo_holder{
  max-width: 250px;
}

/* concept */
.concept_content{
  text-align: center;
}

/* shops */
#shops{
  width: 100%;
}
.shop_flexbox{
  width: 100%;
  padding: 0 5rem;
  justify-content: space-between;
  row-gap: 2rem;
}
.shop_card{
  width: 50%;
  align-items: center;
  justify-content: center;
}
.shop_card figure{
  width: 390px;
  height: 390px;
  flex-shrink: 0;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.shop_card figure img{
  height: 100%;
  object-fit: cover;
}
.shop_text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%;
  min-width: 390px;
  gap: 1rem;
}

/* ============================================================== */
/* ==============  2023タプレット 601-1024px   ==================== */
/* ============================================================== */
@media screen and (max-width:1024px){
  #first_view{
    height: initial;
    flex-direction: column;
    gap: 2rem;
  }
  .top_holder{
    width: 100%;
    height: 100vh;
  }
  .shop_flexbox{
    flex-direction: column;
    padding: 0 2rem;
  }
  .shop_card{
    flex-direction: column;
    width: 100%;
  }
  .shop_text{
    width: 100%;
    max-width: 390px;
  }
}

/* ============================================================== */
/* ==============  2023スマホ     375-600px   ==================== */
/* ============================================================== */
@media screen and (max-width:600px){
  .shop_flexbox{
    padding: 0 5px;
  }
  .shop_card figure{
    width: 350px;
    height: 350px;
    margin-right: 0;
  }
  .shop_text{
    width: 100%;
    max-width: 350px;
    min-width: 350px;
  }
}