.p-hatsujikomi {
  color: #fff;
}
.p-hatsujikomi-mv_img {
  width: 100%;
  text-align: center;
}
.p-hatsujikomi-mv_img img {
  width: 100%;
}
.p-hatsujikomi-mv_txt {
  width: 100%;
  background: #c4a872;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-mv_txt {
    line-height: 1.739130434782609;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-mv_txt {
    font-size: 4.8vw;
    line-height: 1.777777777777778;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-hatsujikomi-mv_txt {
    font-size: 1.916666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-hatsujikomi-mv_txt {
    font-size: 18.4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-hatsujikomi-mv_txt {
    font-size: 18px;
  }
}
.p-hatsujikomi-content {
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  background-color: #01012f;
}
.p-hatsujikomi-taste {
  background: #032058;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-taste {
    padding-top: 11.666666666666666%;
    padding-bottom: 11.666666666666666%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-taste {
    padding-top: 18.666666666666668vw;
    padding-bottom: 25.333333333333336vw;
  }
}
.p-hatsujikomi-taste_content {
  position: relative;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-taste_content {
    border-top: 1px solid rgba(196,168,114,0.5);
    border-bottom: 1px solid rgba(196,168,114,0.5);
    width: 76%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-taste_content {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-taste_txt {
    width: 46.71052631578947%;
    margin-left: 53.17982456140351%;
    padding-top: 5.701754385964912%;
    padding-bottom: 5.592105263157895%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-taste_txt {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-taste_img {
    position: absolute;
    top: 2.604166666666667%;
    left: 6.359649122807018%;
    width: 42.10526315789473%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-taste_img {
    position: static;
    width: 70.39999999999999vw;
    margin: 2.933333333333333vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-taste_ttl {
    width: 69.48356807511738%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-taste_ttl {
    width: 53.06666666666666vw;
    margin: auto;
  }
}
.p-hatsujikomi-taste_desc {
  line-height: 2;
  color: #c4a872;
  margin-top: 8.720930232558139%;
}
@media screen and (min-width: 961px) {
  .p-hatsujikomi-taste_desc {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-hatsujikomi-taste_desc {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-taste_desc {
    width: 100%;
    font-size: 3.466666666666666vw;
    line-height: 2;
    text-align: center;
    letter-spacing: -0.02em;
    margin: 2.666666666666667vw auto 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-hatsujikomi-taste_desc {
    font-size: 13px;
  }
}
.p-hatsujikomi-taste_label {
  font-style: italic;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  color: #c4a872;
  margin-left: -0.416666666666667%;
}
@media screen and (min-width: 961px) {
  .p-hatsujikomi-taste_label {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-hatsujikomi-taste_label {
    font-size: 9.6px;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-taste_label {
    font-size: 2.666666666666667vw;
    margin-left: -1.333333333333333vw;
    margin-top: -12vw;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-hatsujikomi-taste_label {
    font-size: 10px;
  }
}
.p-hatsujikomi-products {
  background-color: #e6e8e8;
}
.p-hatsujikomi-products .b-products_content {
  width: 60.778985507246375%;
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-products .b-products_content {
    width: 100%;
  }
}
.p-hatsujikomi-products .b-products_content_list {
  margin-top: 11.922503725782414%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-products .b-products_content_list {
    margin-top: 0;
  }
}
.p-hatsujikomi-products .b-products_content_list_itm {
  text-align: center;
  width: 40.23845007451565%;
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-products .b-products_content_list_itm {
    width: 70.39999999999999vw;
    margin: auto;
    margin-top: 15.901060070671377%;
  }
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-products .b-products_content_list_itm + .b-products_content_list_itm {
    width: 38.45007451564829%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-products .b-products_content_list_itm + .b-products_content_list_itm {
    width: 68.8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-products .b-products_content_list_itm + .b-products_content_list_itm .b-products_content_list_itm_btn {
    width: 56.201550387596896%;
    margin-left: 24.031007751937985%;
  }
}
.p-hatsujikomi-products .b-products_content_list_itm .b-products_content_list_itm_img img {
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.p-hatsujikomi-products .b-products_content_list_itm .b-products_content_list_itm_txt {
  margin-top: 3.076923076923077em;
  line-height: 1.733333333333333;
}
@media screen and (min-width: 961px) {
  .p-hatsujikomi-products .b-products_content_list_itm .b-products_content_list_itm_txt {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-hatsujikomi-products .b-products_content_list_itm .b-products_content_list_itm_txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-products .b-products_content_list_itm .b-products_content_list_itm_txt {
    margin-top: 1.428571428571429em;
    font-size: 4vw;
    line-height: 1.733333333333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-hatsujikomi-products .b-products_content_list_itm .b-products_content_list_itm_txt {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-products .b-products_content_list_itm_btn {
    width: 53.70370370370371%;
    margin-left: 22.962962962962962%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-products .b-products_content_list_itm_btn {
    width: 42.10526315789473%;
  }
}
@media screen and (min-width: 768px) {
  .p-hatsujikomi-products .b-products_nutrient + .b-products_nutrient {
    margin-top: 3.623188405797102%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-products .b-products_nutrient + .b-products_nutrient {
    margin-top: 10.666666666666668%;
  }
}
@media screen and (max-width: 767px) {
  .p-hatsujikomi-products .b-products_nutrient_note {
    position: static;
    margin-top: 1.285714285714286em;
  }
}
.p-hatsujikomi-scene {
  width: 100%;
}