.bp_feature_cont {
  color: #464646;
  background-color: #fff;
}
.bp_feature_cont .page_lead > h1 {
  color: #231815;
}

.bp_feature_cont .flx_img_sub {
  background-color: #e4e2dd;
}

.bp_feature_cont .ttl01 {
  color: #000;
}
.bp_feature_cont .ttl01::before {
  background-color: #323232;
}
.bp_feature_cont .ttl02 {
  color: #1e1e1e;
}
.bp_feature_cont .ttl03 {
  color: #000;
}
.bp_feature_cont .ttl04 {
  color: #401c0e;
}
@media (min-width: 768px) {
  .bp_feature_cont .kv_wrap .logo > figure {
    width: 20rem;
    position: relative;
    top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .kv_wrap .logo > figure {
    width: 23rem;
    position: relative;
    top: 12px;
  }
}
.bp_feature_cont .contents02_wrapper,
.bp_feature_cont .contents04_wrapper {
  background-color: #e4e2dd
}
.bp_feature_cont .commitment_cont {
  border-color: #401c0e;
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_wrapper {
    background-color: #e4e2dd
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_cont {
    background-color: #e4e2dd;
  }
}
.bp_feature_cont .interview_lead {
  color: #000;
}
.bp_feature_cont .interview_person_ttl {
  background-color: #231815;
}
.bp_feature_cont .interview_person_name {
  color: #401c0e;
}
.bp_feature_cont .interview_faq_item_q {
  color: #231815;
}
.bp_feature_cont .interview_faq_item_q > span {
  background-color: #231815;
}
.bp_feature_cont .result_wrapper {
  background-color: #231815;
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box_product {
    width: 48.2rem;
  }
}
.bp_feature_cont .result_box_ttl {
  color: #e4e2dd;
}
.bp_feature_cont .result_box_btn a {
  background-color: #ab2138;
}
.bp_feature_cont .recipe_lead {
  color: #000;
}
.bp_feature_cont .recipe_lead::before, .bp_feature_cont .recipe_lead::after {
  background-color: #000;
}
.bp_feature_cont .recipe_box {
  border-color: #401c0e;
  background-color: #e4e2dd;
}
.bp_feature_cont .recipe_box::before {
  background: linear-gradient(45deg, #401c0e 0%, #401c0e 55%, #fff 55%, #fff 100%);
}
.bp_feature_cont .recipe_ttl {
  color: #000;
}
.bp_feature_cont .recipe_cont_ttl {
  color: #000;
  border-color: #000;
}
.bp_feature_cont .recipe_ingredients .items::before {
  border-color: #808080;
}
.bp_feature_cont .recipe_ingredients .items .ingredient {
  background-color: #e4e2dd;
}
.bp_feature_cont .recipe_ingredients .items .qty {
  background-color: #e4e2dd;
}
.bp_feature_cont .back_list > a {
  background-color: #5b3427;
}

/* ブランド単独のcss */

.bp_feature_cont .commitment_wrapper {
        padding: 0rem 0 4.5rem;
}

.bp_feature_cont .contents01_wrapper .flx_img_sub {
  background-color: #fff;
}

/* 最下部バナーのcss */

.bnr_area {
  border: solid 1px #000;
}
@media (min-width: 768px) {
  .bnr_area {
    width: 85rem;
    margin: 6rem auto 0;
  }
}
@media screen and (max-width: 767px) {
  .bnr_area {
    width: 62.2rem;
    margin: 10rem auto 0;
  }
}

.bnr_area_inr {
  position: relative;
  display: grid;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  .bnr_area_inr {
    grid-template-columns: 38rem auto;
  }
}
.bnr_area_inr::before {
  content: "";
  position: absolute;
  background-color: #401c0e;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  pointer-events: none;
}
@media (min-width: 768px) {
  .bnr_area_inr::before {
    right: 0.9rem;
    bottom: 0.9rem;
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bnr_area_inr::before {
    right: 1.7rem;
    bottom: 1.7rem;
    width: 2.4rem;
    height: 2.4rem;
  }
}
.bnr_area_inr:hover {
  opacity: 0.7;
}

@media (min-width: 768px) {
  .bnr_area_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
    padding: 0 5.5rem;
  }
}
@media screen and (max-width: 767px) {
  .bnr_area_info {
    padding: 6rem 5rem 10rem;
  }
}

.bnr_area_head {
  font-weight: 700 !important;
}
@media (min-width: 768px) {
  .bnr_area_head {
    line-height: 158.334%;
    font-size: 2.4rem;
  }
  .bnr_area_head > p {
    line-height: inherit;
    font: inherit;
  }
  .bnr_area_head > p:first-of-type {
    margin-top: -0.291em;
  }
  .bnr_area_head > p:last-of-type {
    margin-bottom: -0.291em;
  }
}
@media screen and (max-width: 767px) {
  .bnr_area_head {
    text-align: center;
    line-height: 156.25%;
    font-size: 3.2rem;
  }
  .bnr_area_head > p {
    line-height: inherit;
    font: inherit;
  }
  .bnr_area_head > p:first-of-type {
    margin-top: -0.281em;
  }
  .bnr_area_head > p:last-of-type {
    margin-bottom: -0.281em;
  }
}

@media (min-width: 768px) {
  .bnr_area_txt {
    line-height: 175%;
    font-size: 1.6rem;
  }
  .bnr_area_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bnr_area_txt > p:first-of-type {
    margin-top: -0.375em;
  }
  .bnr_area_txt > p:last-of-type {
    margin-bottom: -0.375em;
  }
}
@media screen and (max-width: 767px) {
  .bnr_area_txt {
    text-align: center;
    padding-top: 4rem;
    line-height: 191.667%;
    font-size: 2.4rem;
  }
  .bnr_area_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bnr_area_txt > p:first-of-type {
    margin-top: -0.458em;
  }
  .bnr_area_txt > p:last-of-type {
    margin-bottom: -0.458em;
  }
}