@charset "UTF-8";
/* CSS Document */
.section-order-main {
  display: flex;
  justify-content: center;
}
.section-order-main-wrap {
  margin: 12.5vw -13.26vw 8.33vw 0;
  position: relative;
}
.image-container {
  width: 36.81vw;
  height: 34.72vw;
  background: #171717;
  box-shadow: 4px 4px 10px 0px rgba(17, 17, 17, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-container img {
  width: 32.15vw;
  height: 31.39vw;
  object-fit: cover;
}
.theme-container {
  position: absolute;
  bottom: 0;
  left: -13.26vw;
}
.order-mv {
  display: block;
  width: 18.68vw;
  height: 6.74vw;
}
.order-mv-sp {
  display: none;
}
@media screen and (max-width: 770px) {
  .section-order-main-wrap {
    margin: 38.76vw -26.67vw 26.67vw 0;
    position: relative;
  }
  .image-container {
    width: 53.33vw;
    height: 46.93vw;
    background: #171717;
    box-shadow: 4px 4px 10px 0px rgba(17, 17, 17, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .image-container img {
    width: 46.4vw;
    height: 45.07vw;
    object-fit: cover;
  }
  .theme-container {
    position: absolute;
    bottom: 0;
    left: -26.67vw;
  }
  .order-mv {
    display: none;
  }
  .order-mv-sp {
    display: block;
    width: 36.8vw;
    height: 15.2vw;
  }
}
.order_message {
  margin: 0 auto 8.33vw 13.89vw;
}
.order_message_top-text {
  margin-bottom: 5.56vw;
  font-size: 2.78vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order_message_sub-text {
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
@media screen and (max-width: 770px) {
  .order_message {
    margin: 0 auto 21.33vw 6.4vw;
  }
  .order_message_top-text {
    margin-bottom: 8vw;
    font-size: 5.33vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .order_message_sub-text {
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
  }
}
.order_gallery {
  margin: 0 auto 8.33vw 13.89vw;
}
.order_fee {
  margin-top: 3.47vw;
  display: flex;
  justify-content: flex-start;
}
.order_fee_item {
  margin-right: 4.17vw;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order_fee_content {
  width: 27.78vw;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.order_fee_content_fixed {
  width: 27.78vw;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order_production-period {
  margin-top: 2.08vw;
  display: flex;
  justify-content: flex-start;
}
.order_production-period_item {
  margin-right: 1.67vw;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order_production-period_content {
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order_dish, .order_wedding, .order_portrait, .order_housewarming, .order_family-tree, .order_urn {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  margin-bottom: 6.94vw;
}
.order_dish_img {
  width: 30.21vw;
  height: 20vw;
}
.order_dish_img img, .order_wedding_img img, .order_portrait_img img, .order_housewarming_img img, .order_family-tree_img img, .order_urn_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: drop-shadow(4px 4px 10px rgba(17, 17, 17, 0.25));
}
.order_title_wrap {
  position: relative;
  height: 8.4vw;
  width: 44.31vw;
}
.order_title_wrap2 {
  position: relative;
  height: 12.5vw;
  width: 44.31vw;
}
.order_title-jp {
  position: absolute;
  bottom: 0;
  font-size: 3.33vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.33vw;
}
.order_title-en {
  position: absolute;
  left: 4.86vw;
  bottom: 0;
  color: #E4E4E4;
  font-family: Cormorant Garamond, serif;
  font-size: 6.94vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.69vw;
  Z-INDEX: -1;
}
.order_title-en2 {
  position: absolute;
  left: 4.86vw;
  bottom: 0;
  color: #E4E4E4;
  font-family: Cormorant Garamond, serif;
  font-size: 6.94vw;
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: 0.69vw;
  Z-INDEX: -1;
}
.order_dish_text {
  margin-left: 2.08vw;
  position: relative;
}
.order_wedding_img {
  width: 28.26vw;
  height: 21.18vw;
}
.order_wedding_text {
  margin-left: 4.03vw;
  position: relative;
}
.order_portrait_img {
  width: 25.42vw;
  height: 31.32vw;
}
.order_portrait_text {
  margin-left: 6.88vw;
  position: relative;
}
.order_housewarming_img {
  width: 25.42vw;
  height: 28.33vw;
}
.order_housewarming_text {
  margin-left: 6.88vw;
  position: relative;
}
.order_family-tree_img {
  width: 28.47vw;
  height: 20vw;
}
.order_family-tree_text {
  margin-left: 3.82vw;
  position: relative;
}
.order_urn_img {
  width: 28.47vw;
  height: 16.11vw;
}
.order_urn_text {
  margin-left: 3.82vw;
  position: relative;
}
@media screen and (max-width: 770px) {
  .order_gallery {
    margin: 0 6.4vw 21.33vw;
  }
  .order_dish, .order_wedding, .order_portrait, .order_housewarming, .order_family-tree, .order_urn {
    display: block;
    margin-bottom: 16vw;
  }
  .order_fee {
    margin-top: 8vw;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
  }
  .order_fee_item {
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    margin-right: 0;
  }
  .order_fee_content {
    width: 64vw;
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
  }
  .order_production-period {
    margin-top: 2.67vw;
    display: flex;
    justify-content: flex-start;
  }
  .order_production-period_item {
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 7.2vw;
  }
  .order_production-period_content {
    font-size: 4vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .order_dish_img img, .order_wedding_img img, .order_portrait_img img, .order_housewarming_img img, .order_family-tree_img img, .order_urn_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: drop-shadow(4px 4px 10px rgba(17, 17, 17, 0.25));
  }
  .order_title_wrap {
    position: relative;
    height: 16.27vw;
    width: 87.2vw;
  }
  .order_title_wrap2 {
    position: relative;
    height: 24vw;
    width: 87.2vw;
  }
  .order_title-jp {
    position: absolute;
    bottom: 0;
    font-size: 8vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.33vw;
  }
  .order_title-en {
    position: absolute;
    left: 8vw;
    bottom: 0;
    color: #E4E4E4;
    font-family: Cormorant Garamond, serif;
    font-size: 13.33vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.33vw;
    Z-INDEX: -1;
  }
  .order_title-en2 {
    position: absolute;
    left: 8vw;
    bottom: 0;
    color: #E4E4E4;
    font-family: Cormorant Garamond, serif;
    font-size: 13.33vw;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    letter-spacing: 1.33vw;
    Z-INDEX: -1;
  }
  .order_dish_img {
    width: 66.67vw;
    height: 46.4vw;
    margin: 0 auto;
  }
  .order_dish_text {
    position: relative;
    margin-top: 2.67vw;
    margin-left: 0;
  }
  .order_wedding_img {
    width: 66.67vw;
    height: 46.93vw;
    margin: 0 auto;
  }
  .order_wedding_text {
    position: relative;
    margin-top: 2.67vw;
    margin-left: 0;
  }
  .order_portrait_img {
    width: 64.27vw;
    height: 79.2vw;
    margin: 0 auto;
  }
  .order_portrait_text {
    position: relative;
    margin-top: 2.67vw;
    margin-left: 0;
  }
  .order_housewarming_img {
    width: 66.67vw;
    height: 74.13vw;
    margin: 0 auto;
  }
  .order_housewarming_text {
    position: relative;
    margin-top: 2.67vw;
    margin-left: 0;
  }
  .order_family-tree_img {
    width: 66.67vw;
    height: 47.2vw;
    margin: 0 auto;
  }
  .order_family-tree_text {
    position: relative;
    margin-top: 2.67vw;
    margin-left: 0;
  }
  .order_urn_img {
    width: 69.33vw;
    height: 39.2vw;
    margin: 0 auto;
  }
  .order_urn_text {
    position: relative;
    margin-top: 2.67vw;
    margin-left: 0;
  }
}