/*** base **************************/ :root {
  --txt12: 0.75rem;
  --txt14: 0.875rem;
  --txt15: 0.938rem;
  --txt16: 1rem;
  --txt17: 1.063rem;
  --txt18: 1.125rem;
  --txt19: 1.188rem;
  --txt20: 1.25rem;
  --txt22: 1.375rem;
  --txt23: 1.438rem;
  --txt24: 1.5rem;
  --txt25: 1.563rem;
  --txt26: 1.625rem;
  --txt27: 1.688rem;
  --txt28: 1.75rem;
  --txt30: 1.875rem;
  --txt32: 2rem;
  --txt35: 2.188rem;
  --txt39: 2.438rem;
  --txt50: 3.125rem;
  --maincontainer: 1920px;
}
/* 追従バナー *************************************************************/
@media screen and (min-width: 751px) {
  #floating-banner {
    position: fixed;
    bottom: 53px;
    right: 87px;
    z-index: 9999;
  }
  #floating-banner a.btn__buy {
    padding: 1.25rem 2.063rem;
    border: solid 5px #E2B138;
    border-radius: 18px;
    background-color: #00551C;
    font-size: 2.063rem;
    color: #fff;
    box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
    &:hover {
      text-decoration: none;
      opacity: 0.6;
    }
  }
}
@media screen and (max-width: 750px) {
  #floating-banner {
    width: 329px;
    /*width:max-content;*/
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    right: 50%;
    position: fixed;
    bottom: 48px;
    right: 87px;
    z-index: 9999;
  }
  #floating-banner a.btn__buy {
    border: solid 2px #E2B138;
    border-radius: 25px;
    background-color: #00551C;
    font-size: 1.125rem;
    padding-block: 6px;
    display: inline-block;
    width: 329px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
    &:hover {
      text-decoration: none;
      opacity: 0.6;
    }
  }
}
/* PC *************************************************************/
@media screen and (min-width: 751px) {
  html {
    scroll-padding-top: 90px;
    scroll-behavior: smooth;
  }
  a:hover {
    opacity: 0.6;
  }
  .content__wrap {
    font-family: "Noto Sans JP", sans-serif;
    color: #534B4B;
    font-weight: 500;
    width: 100%;
    margin: 0 auto;
    width: min(var(--maincontainer), 100%);
    margin-inline: auto;
    background-color: #fff;
    box-sizing: border-box;
  }
  .kv, .lead__inner, .grace__inner, .thoughts__inner, .about__inner, .product__inner, .intestine__inner, .voice__inner, .recipes__inner, .article__inner, .lineup__inner {
    width: min(1280px, 100%);
    margin-inline: auto;
  }
  .br_pc {
    display: block;
  }
  .br_sp {
    display: none;
  }
  /*.sp_only{display:none!important;}*/
  /********** KV **********************************/
  .kv {
    background-color: #fff;
    position: relative;
  }
  .kv img {
    width: 100%;
    height: auto;
  }
  @scope (.kv) {
    & .kv__btn__area {
      position: absolute;
      color: #fff;
      top: clamp(4.875rem, 1.337rem + 7.55vw, 7.7rem);
      right: 1.625rem;
      margin-inline: auto;
      & a.btn__buy {
        padding: clamp(0.688rem, -0.285rem + 2.08vw, 1.25rem) clamp(1.438rem, 0.553rem + 1.89vw, 2.063rem);
        border: solid 5px #E2B138;
        border-radius: clamp(0.875rem, -0.098rem + 2.08vw, 1.563rem);
        background-color: #00551C;
        font-size: clamp(0.938rem, -0.654rem + 3.4vw, 2.063rem);
        font-weight: 600;
        line-height: 1.515;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        &:hover {
          text-decoration: none;
          opacity: 0.6;
          /*background-color:#620807;*/
        }
      }
    }
  }
  /********** lead content **********************************/
  .lead__inner {
    padding-top: 2.5rem;
    padding-left: 3.125rem;
    padding-bottom: clamp(31px, 10vw, 40px);
    background: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_lead_bio.png) no-repeat, url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_lead_1.jpg) no-repeat;
    background-size: 285px, cover;
    background-color: #fff;
    background-position: right 27px bottom 48px, center right;
  }
  @scope (.lead__inner) {
    h2 {
      font-size: clamp(1.938rem, 1.377rem + 1.2vw, 2.813rem);
      font-weight: 700;
      letter-spacing: 0.25em;
      padding-bottom: 23px;
      color: #053107;
      position: relative;
      line-height: 1.111;
      &::after {
        border-bottom: solid 2px #FCC401;
        content: "";
        width: 155px;
        position: absolute;
        left: 0;
        bottom: 0;
      }
    }
    p {
      font-size: 1.063rem;
      line-height: 2.353;
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0);
      width: min(810px, 80%);
    }
    p:first-of-type {
      margin-top: 2.25rem;
      margin-bottom: 3.125rem;
    }
  }
  .movie_area {
    position: relative;
    padding-bottom: 358px;
    height: 0;
    overflow: hidden;
    margin-top: 3.75rem;
    margin-inline: auto;
    aspect-ratio: 16 / 9;
    max-width: 637px;
    max-height: 358px;
  }
  /********** grace__content **********************************/
  #story__content {}
  .grace__inner {
    background-color: #fff;
    padding-top: 2.594rem;
  }
  @scope (.grace__inner) {
    h2 {
      font-size: clamp(1.875rem, 1.474rem + 0.85vw, 2.5rem);
      font-weight: 700;
      color: #053107;
      text-align: center;
      letter-spacing: 0.15em;
      display: flex;
      align-items: center;
      &::before, &::after {
        flex: 1;
        content: "";
        height: 1px;
        border: solid 1px #085527;
      }
      &::before {
        margin-right: 63px;
      }
      &::after {
        margin-left: 63px;
      }
    }
    .grace__grid {
      margin-top: 2.65rem;
      display: grid;
      gap: 0 40px;
      grid-template-columns: repeat(3, 1fr minmax(420px, 1fr) 1fr);
    }
  }
  /********** thoughts__content **********************************/
  #thoughts__content {
    padding-bottom: 0px;
    margin-top: 1.813rem;
    container-type: inline-size !important;
  }
  /********** about__content **********************************/
  .about__inner {
    background-color: #fffbc0;
  }
  @scope (.about__inner) {
    h2 {
      font-size: clamp(1.375rem, 0.654rem + 1.54vw, 2.5rem);
      font-weight: 600;
      letter-spacing: 0.05em;
      padding-bottom: clamp(0.375rem, -0.026rem + 0.85vw, 1rem);
      line-height: 1.525rem;
      color: #0B2D29;
      border-bottom: solid 2px #36632A;
    }
    .about__content__wrap {
      display: grid;
      & .about__img__wrap {
        grid-row: span 2 / span 2;
        display: flex;
        align-items: center;
        background-color: #fffde8;
        height: 100%;
        & img {
          height: auto;
        }
      }
      & .about__content__title {
        padding-top: 4.375rem;
        padding-inline: 3.375rem clamp(1.813rem, -1.313rem + 6.67vw, 6.688rem);
        & .txt__ruby {
          font-size: clamp(1rem, 0.84rem + 0.34vw, 1.25rem);
          font-weight: 700;
          letter-spacing: 0.5rem;
          line-height: 3.05;
          margin-top: 1rem;
          color: #0B2D29;
        }
      }
      & .about__content__txt {
        grid-column-start: 2;
        grid-row-start: 2;
        padding-inline: 3.688rem 5.813rem;
        /*padding-bottom:4.063rem;*/
        & p {
          font-size: 1.125rem;
          line-height: 2.222;
          font-weight: 600;
          color: #3C4644;
        }
        & p.about__txt__bland {
          font-size: 1.125rem;
          line-height: 2.222;
          font-weight: 600;
          color: #0D6157;
          text-decoration: underline;
        }
      }
    }
  }
  /********** product__content **********************************/
  #product__content {
    background-color: #fff;
    padding-bottom: 3.75rem;
  }
  /********** intestine__content **********************************/
  #intestine__content {
    container-type: inline-size !important;
  }
  /********** voice__content **********************************/
  #voice__content {}
  .voice__inner {
    padding-top: 4.813rem;
    background-color: #f9fee0;
  }
  @scope (.voice__inner) {
    & > h2 {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1.625rem;
      letter-spacing: 0.05rem;
      color: #053107;
      display: flex;
      align-items: center;
      justify-content: center;
      &::before, &::after {
        width: 159px;
        content: "";
        height: 2px;
        border: solid 2px #053107;
      }
      &::before {
        margin-right: 28px;
      }
      &::after {
        margin-left: 28px;
      }
    }
    & p.lead {
      text-align: center;
      font-size: 1.375rem;
      line-height: 2.273;
      margin-bottom: 5.813rem;
      color: #3C4644;
    }
  }
  /********** recipes__content **********************************/
  #recipes__content {
    padding-block: 5.363rem 7.875rem;
    background-color: #fff;
    margin-inline: auto;
    container-type: inline-size !important;
  }
  .recipes__inner {}
  /********** article__content **********************************/
  #article__content {
    background-color: #fff;
    margin-inline: auto;
  }
  .article__inner {
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_article.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 105px;
  }
  @scope (.article__inner) {
    .article__1 {
      padding-top: 27.75rem;
      padding-left: clamp(1.563rem, -1.442rem + 6.41vw, 6.25rem);
      max-width: 824px;
      h2 {
        font-size: 2.5rem;
        font-weight: 600;
        letter-spacing: 0.2rem;
        color: #2B3923;
        position: relative;
        &::after {
          position: absolute;
          content: "";
          height: 2px;
          width: 155px;
          background-color: #FCC401;
          left: 0;
          bottom: -10px;
        }
      }
      h2 span.title__green {
        font-size: 1.375rem;
        font-weight: 600;
        letter-spacing: 0.2rem;
        color: #719830;
        display: block;
      }
      p {
        margin-top: 1.813rem;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.4;
        color: #55624C;
        span.txt__green {
          color: #719830;
        }
      }
      p:first-of-type {
        margin-top: 3.563rem;
      }
    }
    .article__2 {
      padding-top: 628px;
      padding-left: clamp(1.563rem, -1.442rem + 6.41vw, 6.25rem);
      max-width: 824px;
      h2 {
        font-size: 2.5rem;
        font-weight: 600;
        letter-spacing: 0.25em;
        color: #2B3923;
        position: relative;
        &::after {
          position: absolute;
          content: "";
          height: 2px;
          width: 155px;
          background-color: #FCC401;
          left: 0;
          bottom: -10px;
        }
      }
      h2 span.title__green {
        font-size: 1.375rem;
        font-weight: 600;
        letter-spacing: 0.2rem;
        color: #719830;
        display: block;
      }
      p {
        margin-top: 1.813rem;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.4;
        color: #55624C;
        span.txt__green {
          color: #719830;
        }
      }
      p:first-of-type {
        margin-top: 3.563rem;
      }
    }
  }
  /**********lineup__content **********************************/
  #lineup__content {
    background-color: #fff;
    padding-bottom: 3.75rem;
    container-type: inline-size !important;
  }
} /*end PC*/
/****** コンテナクエリ **************************************/
/****************** thoughts *********************************/
#thoughts__content {
  container-type: inline-size !important;
}
@container (min-width: 928px) {
  .thoughts__inner {
    padding-left: 2.063rem;
    background: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_thoughts.jpg) no-repeat;
    background-size: cover;
    background-color: #fff;
    background-position: right center;
    padding-bottom: 3.938rem;
    padding-top: 4.938rem;
    h2 {
      font-size: clamp(1.875rem, 1.474rem + 0.85vw, 2.5rem);
      font-weight: 700;
      letter-spacing: 0.2em;
      color: #0B2D29;
      position: relative;
      padding-bottom: 21px;
      &::after {
        border-bottom: solid 2px #FCC401;
        content: "";
        width: 142px;
        position: absolute;
        left: 0;
        bottom: 0;
      }
    }
    p {
      font-size: 1.125rem;
      font-weight: 600;
      line-height: 2.222;
      color: #3C4644;
      width: min(560px, 100%);
      margin-top: 2.889rem;
    }
  }
}
@container (max-width: 927px) {
  .thoughts__inner {
    padding-inline: 27px;
    background: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_thoughts_sp.jpg) no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: bottom right;
    padding-bottom: 3.938rem;
    h2 {
      font-size: clamp(1.188rem, -2.102rem + 7.94vw, 2.5rem);
      font-weight: 600;
      letter-spacing: -0.05em;
      text-align: center;
      color: #0B2D29;
      position: relative;
      padding-bottom: 21px;
      &::after {
        border-bottom: solid 2px #FCC401;
        content: "";
        width: 85px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
      }
    }
    p {
      font-size: clamp(0.938rem, 0.818rem + 0.53vw, 1.125rem);
      font-weight: 500;
      line-height: 2;
      color: #3C4644;
      margin-top: 2.889rem;
      padding-bottom: 200px;
    }
  }
}
/****************** product__content *********************************/
.product__inner {
  container-type: inline-size !important;
}
@container (min-width: 1124px) {
  @scope (.product__inner) {
    .sp_only {
      display: none !important;
    }
    .product__wrap {
      margin-top: 4.938rem;
      display: grid;
      gap: 0;
      grid-template-columns: max-content max-content 1fr;
      grid-template-rows: max-content;
      position: relative;
      & .img__wrap {
        grid-row: span 4 / span 4;
	    margin-right: 36px;  
      }
      & h2 {
        grid-column: span 2 / span 2;
        font-size: 1.875rem;
        font-weight: 600;
        color: #053107;
        letter-spacing: 0.1rem;
        text-box-trim: trim-both;
        text-box-edge: text;
        margin-bottom: 1.875rem;
      }
      & .product__txt__wrap {
        grid-column-start: 2;
        grid-row-start: 3;
        & .product__name {
          font-size: 1.25rem;
          font-weight: 600;
          color: #053107;
          line-height: 1.5;
          display: block;
		  text-box-trim: trim-both;
          text-box-edge: text;
          margin-block: 10px;	
        }
        & .product__detail {
          font-size: 1.125rem;
          font-weight: 500;
          color: #053107;
          line-height: 1.5;
          display: block;
        }
      }
      & .product__price__wrap {
        grid-column-start: 2;
        grid-row-start: 4;
        & > span {
           margin-left: 2rem;
        }
        & span span.product__price {
          font-size: 3.75rem;
          font-weight: 700;
          color: #053107;
          line-height: 1.017;
        }
        & span span.product__yen {
          font-size: 1.875rem;
          font-weight: 700;
          color: #053107;
          line-height: 2.033;
        }
		 & span.product__tax {
          font-size: 1.25rem;
          font-weight: 700;
          color: #053107;
        }   
      }
      & .pruduct__notice {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 2.857;
        & a:hover {
          text-decoration: none;
        }
        & .underline {
          border-bottom: solid 1px #000;
        }
      }
      & .buy__btn {
        grid-row: span 3 / span 3;
        grid-column-start: 3;
        grid-row-start: 2;
        display: flex;
        align-items: flex-end;
        position: absolute;
        top: 55px;
        left: -24px;
        & a {
          font-weight: 700;
          font-size: 1.875rem;
          letter-spacing: 0.1rem;
          text-align: center;
          color: #fff;
          background-color: #36632A;
          border-radius: 50%;
          width: 235px;
          height: 235px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          box-shadow: 9px 0px 0px #D1A336;
          &:hover {
            text-decoration: none;
          }
		  & .txt__buy{
			  margin-top:2rem;
			}		
          & .icon__arrow {
            background-color: #D1A336;
            border-radius: 50%;
            color: #053107;
            font-size: 1rem;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            margin-top: 1.5rem;
            vertical-align: middle;
            position: relative;
            &::before, &::after {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              margin: auto;
              content: "";
              vertical-align: middle;
            }
            &::after {
              left: 9px;
              width: 8px;
              height: 8px;
              border-top: 2px solid #053107;
              border-right: 2px solid #053107;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
            }
          }
        }
      }
    }
  }
}
@container (max-width: 1123px) {
  @scope (.product__inner) {
    .pc_only {
      display: none !important;
    }
    .br_pc {
      display: none !important;
    }
    .product__wrap {
      display: grid;
      padding-inline: 0.875rem;
      & .img__wrap {
        grid-column-start: 1;
        grid-row-start: 4;
        margin-inline: auto;
        margin-top: 0.813rem;
      }
    }
    & h2 {
      grid-column-start: 1;
      grid-row-start: 1;
      text-align: center;
      font-size: 1.125rem;
      font-weight: 600;
      color: #053107;
      margin-top: 1.688rem;
    }
    & .logo {
      grid-column-start: 1;
      grid-row-start: 2;
      margin-inline: auto;
      margin-top: 23px;
      width: min(364px, 100%);
    }
    & .product__txt__wrap {
      grid-column-start: 1;
      grid-row-start: 3;
      display: inline-block;
      margin-inline: auto;
      width: min(364px, 100%);
      & .product__name {
        font-size: 1.063rem;
        font-weight: 600;
        color: #053107;
        display: block;
        margin-top: 13px;
      }
      & .product__detail {
        font-weight: 500;
        font-size: 0.938rem;
        color: #053107;
      }
    }
    & .product__price__wrap {
      grid-row-start: 5;
      margin-inline: auto;
      & > span {
        display: block;
        text-align: center;
      }
      & span.product__price {
        font-size: 3.75rem;
        font-weight: 700;
        color: #053107;
      }
      & span.product__yen {
        font-size: 1.875rem;
        font-weight: 700;
        color: #053107;
      }
      & span.product__tax {
        font-size: 1.25rem;
        font-weight: 700;
        color: #053107;
      }
      & p.pruduct__notice {
        font-size: 0.875rem;
        font-weight: 400;
        color: #2D332E;
        & span.underline a {
          text-decoration: underline;
        }
      }
    }
    & .buy__btn {
      grid-row-start: 6;
      & a {
        font-size: 1.125rem;
        font-weight: 600;
        color: #fff;
        background-color: #00551C;
        border-radius: 25px;
        padding-block: 6px;
        width: min(400px, 80%);
        display: flex;
        margin-inline: auto;
        justify-content: center;
        border: solid 3px #E2B138;
        margin-top: 23px;
        width: 329px;
        &:hover {
          text-decoration: none;
        }
      }
      & .icon__arrow {
        display: none;
      }
    }
  }
}
}
/********** intestine__content **********************************/
section#intestine__content {
  container-type: inline-size !important;
}
@container (min-width: 900px) {
  .sp_only {
    display: none;
  }
  .intestine__inner {
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_intestine.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 5.625rem;
  }
  @scope (.intestine__inner) {
    h2 {
      font-weight: 700;
      font-size: 2.5rem;
      text-align: center;
      letter-spacing: 0.15em;
      color: #053107;
      text-align: center;
      position: relative;
      &::after {
        position: absolute;
        content: "";
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 6px;
        width: 534px;
        background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/title_line.png);
      }
    }
    & .intestine__grid {
      display: grid;
      gap: 0 38px;
      margin-top: 5.813rem;
      margin-left: 5.813rem;
      grid-template-rows: auto 1fr;
      margin-bottom: 26px;
      & > h3 {
        color: #0B2D29;
        font-size: 2rem;
        width: 100%;
        letter-spacing: 0.05rem;
        line-height: 1.563;
        margin-bottom: 1.813rem;
        .title__txt__s {
          font-size: 1.75rem;
          font-weight: 600;
          color: #0B2D29;
        }
        .marker__intestine {
          background: linear-gradient(transparent 70%, #FFEB9F 0%);
          display: inline;
        }
      }
      & > p {
        grid-column-start: 1;
        grid-row-start: 2;
        font-size: 1.125rem;
        line-height: 2.778;
        color: #3C4644;
      }
      & > img {
        grid-row: span 2 / span 2;
        grid-column-start: 2;
        grid-row-start: 1;
        height: auto;
      }
    }
    & .bg__intestine__bottom {
      background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_intestine_02.png);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      display: flex;
      justify-content: flex-end;
      & .intestine__grid__bottom {
        margin-top: 181.5px;
        padding-bottom: 73px;
        margin-right: 75px;
      }
    }
  }
  @scope (.intestine__grid__bottom) {
    & > h3 {
      color: #0B2D29;
      font-size: 2rem;
      letter-spacing: 0.05rem;
      line-height: 1.563;
      margin-bottom: 1.813rem;
      .title__txt__s {
        font-size: 2rem;
        font-weight: 600;
        color: #0B2D29;
      }
      .marker__intestine {
        background: linear-gradient(transparent 70%, #FFEB9F 0%);
        display: inline;
      }
    }
    p {
      font-size: 1.125rem;
      line-height: 2.778;
      color: #3C4644;
      width: 538px;
    }
  }
}
@container (max-width: 899px) {
  .intestine_bottom_sp {
    width: 100%;
    height: auto;
  }
  .intestine__inner {
    padding-top: 5.625rem;
    padding-inline: 1rem;
  }
  @scope (.intestine__inner) {
    h2 {
      font-weight: 600;
      font-size: clamp(1.25rem, 0.415rem + 3.71vw, 2.5rem);
      text-align: center;
      letter-spacing: 0.05rem;
      color: #053107;
      text-align: center;
      position: relative;
      &::after {
        position: absolute;
        content: "";
        bottom: -11px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 2px;
        width: 100%;
        background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/title_line_sp.png);
      }
    }
    & .intestine__grid {
      margin-top: 1.906rem;
      & > h3 {
        color: #0B2D29;
        text-align: center;
        font-size: clamp(1.25rem, 0.749rem + 2.23vw, 2rem);
        letter-spacing: 0.05em;
        line-height: 1.563;
        margin-bottom: 1.813rem;
        .title__txt__s {
          font-size: clamp(1.125rem, 0.708rem + 1.86vw, 1.75rem);
          font-weight: 600;
          color: #0B2D29;
        }
        .marker__intestine {
          background: linear-gradient(transparent 70%, #FFEB9F 0%);
          display: inline;
        }
      }
      & > p {
        font-size: clamp(0.938rem, 0.813rem + 0.56vw, 1.125rem);
        line-height: 2;
        color: #3C4644;
      }
      & > img {
        display: flex;
        justify-content: center;
        margin-inline: auto;
        height: auto;
      }
    }
    & .bg__intestine__bottom {
      display: flex;
      justify-content: center;
      & .intestine__grid__bottom {
        margin-top: 76px;
      }
    }
  }
  @scope (.intestine__grid__bottom) {
    & > h3 {
      color: #0B2D29;
      text-align: center;
      font-size: clamp(1.25rem, 0.749rem + 2.23vw, 2rem);
      ;
      letter-spacing: 0.05rem;
      line-height: 1.563;
      margin-bottom: 1.813rem;
      .title__txt__s {
        font-size: clamp(1.125rem, 0.708rem + 1.86vw, 1.75rem);
        font-weight: 600;
        color: #0B2D29;
      }
      .marker__intestine {
        background: linear-gradient(transparent 70%, #FFEB9F 0%);
        display: inline;
      }
    }
    p {
      font-size: clamp(0.938rem, 0.813rem + 0.56vw, 1.125rem);
      line-height: 2;
      color: #3C4644;
    }
  }
}
/********** recipes__content **********************************/
#recipes__content {
  container-type: inline-size !important;
}
@container (min-width: 920px) {
  @scope (.recipes__inner) {
    h2 {
      text-align: center;
      font-size: 2.5rem;
      font-weight: 600;
      color: #053107;
      letter-spacing: 0.1em;
      & .title__s {
        font-size: 2.188rem;
        letter-spacing: 0.1em;
        font-weight: 600;
      }
      & .title__color__orange {
        font-size: 2.813rem;
        letter-spacing: 0.1em;
        font-weight: 600;
        color: #FCA363;
      }
    }
    p.lead:first-of-type {
      text-align: center;
      font-size: 1.25rem;
      font-weight: 600;
      color: #534C42;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 29.5px;
      &::after {
        border-bottom: solid 2px #FCC401;
        content: "";
        width: 82px;
        left: 50%;
        bottom: -29.5px;
        height: 1px;
        transform: translateX(-50%);
      }
    }
    & p.lead_sub {
      margin-top: 23.3px;
      width: min(645px, 90%);
      margin-inline: auto;
      font-size: 1.125rem;
      line-height: 1.944;
    }
    & .recipes__grid__wrap {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      counter-reset: title-number;
      margin-top: 76px;
      padding-inline: 36px;
      & .recipes__card__content {
        margin-inline: auto;
        padding-inline: clamp(1.813rem, 1.18rem + 1.1vw, 2.5rem);
        & span.recipes__card__txt {
          font-size: 27px;
          margin-inline: auto;
          display: flex;
          justify-content: center;
          margin-top: 1.125rem;
          font-weight: 600;
        }
        h3 {
          font-size: clamp(1.375rem, 0.915rem + 0.8vw, 1.875rem);
          font-weight: 600;
          color: #534C42;
          position: relative;
          padding-left: 76px;
          line-height: 1.1;
          &::before {
            counter-increment: title-number;
            content: counter(title-number, circle-decimal);
            margin-right: 12px;
            border-radius: 50%;
            background-color: #FE8E3D;
            color: #fff;
            width: clamp(3.563rem, 2.987rem + 1vw, 4.188rem);
            height: clamp(3.563rem, 2.987rem + 1vw, 4.188rem);
            font-weight: 900;
            font-family: "Noto Serif JP", serif;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            vertical-align: middle;
            font-size: clamp(1.875rem, 1.3rem + 1vw, 2.5rem);
            position: absolute;
            line-height: 1.1;
            left: 0;
            top: calc((0.9em - 67px) / 2);
          }
          & span.recipestitle__txt__s {
            font-size: 1.25rem;
            color: #534C42;
            font-weight: 600;
          }
          & span.title__orange__s {
            font-size: 1.125rem;
            color: #fe8e3d;
            font-weight: 600;
          }
        }
        & .img__wrap {
          margin-top: 40px;
          position: relative;
          & .img__recipes__comment {
            position: absolute;
          }
          & .comment01 {
            position: absolute;
            top: -36px;
            left: -69px;
          }
          & .comment02 {
            position: absolute;
            top: -36px;
            right: -66px;
          }
          & .comment03 {
            position: absolute;
            top: -36px;
            right: -70px;
          }
        }
      }
      & .recipes__card__content:nth-of-type(2) {
        border-right: solid 1px #FE8E3D;
        border-left: solid 1px #FE8E3D;
      }
    }
  }
  .ricipes__arrangement {
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_ricipes__arrangement.jpg);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: 4.5rem;
    padding-top: clamp(5.313rem, 2.38rem + 5.1vw, 8.5rem);
    padding-bottom: 5.125rem;
    margin-inline: 15px;
    aspect-ratio: 1236 / 1024;
  }
  @scope (.ricipes__arrangement) {
    p.lead_second {
      text-align: center;
      font-size: clamp(1rem, 0.77rem + 0.4vw, 1.25rem);
      font-weight: 500;
      color: #053107;
      margin-top: 0.844rem;
      position: static;
      line-height: 2;
      letter-spacing: 0.1em;
      &::after {
        display: none;
      }
    }
    .subtitle {
      font-size: clamp(1.25rem, 0.675rem + 1vw, 1.875rem);
      text-align: center;
      display: flex;
      margin-inline: auto;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      letter-spacing: 0.1rem;
      color: #053107;
      position: relative;
      &::before {
        position: absolute;
        content: "";
        background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_leaf.png);
        background-repeat: no-repeat;
        width: 47px;
        height: 31.6px;
        top: -31px;
      }
    }
    h3 {
      text-align: center;
      font-size: clamp(1.875rem, 0.438rem + 2.5vw, 3.438rem);
      color: #053107;
      letter-spacing: 0.1rem;
      font-weight: 600;
      display: flex;
      justify-content: center;
      & .title__serif {
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        color: #053107;
        position: relative;
        margin-right: 37px;
        &::before {
          background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_fork.png);
          background-repeat: no-repeat;
          position: absolute;
          content: "";
          width: 42px;
          height: 71px;
          left: -56px;
          top: clamp(-1.438rem, -2.76rem + 2.3vw, 0rem);
        }
      }
      & .title__sunserif {
        font-size: clamp(1.875rem, 0.438rem + 2.5vw, 3.438rem);
        color: #053107;
        letter-spacing: 0.1rem;
        font-weight: 600;
        position: relative;
        &::after {
          background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_spoon.png);
          background-repeat: no-repeat;
          position: absolute;
          content: "";
          width: 66px;
          height: 78px;
          top: clamp(-1.438rem, -2.76rem + 2.3vw, 0rem);
        }
      }
    }
    .recipe__list {
      display: flex;
      gap: 60px 25px;
      grid-template-columns: repeat(auto-fit, minmax(200px, 330px));
      /*max-width: 1000px;*/
      padding: clamp(0.313rem, -1.067rem + 2.4vw, 1.813rem) clamp(2rem, -1.738rem + 6.5vw, 6.063rem);
      margin-inline: auto;
    }
    li.recipe__item {
      background: white;
      border-radius: 8px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
      overflow: hidden;
      width: 33.3333%;
    }
    img.recipe__list__image {
      border-radius: 19px;
      width: 100%;
      aspect-ratio: 3 / 2;
      object-fit: cover;
    }
    p.recipe__list__name {
      height: 3lh;
      margin-top: 20px;
      margin-bottom: 12px;
      font-size: clamp(0.938rem, 0.536rem + 0.7vw, 1.375rem);
    }
    p.recipe__list__time {
      margin-bottom: 10px;
      font-size: 15px;
      &::before {
        content: url(https://eceosjwtcom.ecbeing.biz/img/usr/blog/nori/sozai_cman_jp_20240426134352.png);
        padding-right: 5px;
      }
    }
    .recipe__text__area {
      padding: 0 10px 10px;
    }
    .icon__area {
      width: 100%;
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
    }
    .secondary {
      width: 100%;
    }
    span.recipe__icon {
      padding: 4px 10px;
      margin-right: 3px;
      margin-bottom: 3px;
      border-radius: 9px;
      border: #fb9393 1px solid;
      color: #fb9393;
      font-size: clamp(0.75rem, 0.578rem + 0.3vw, 0.938rem);
    }
    span.recipe__lead {
      font-size: 16px;
    }
    p.txt__note {
      font-size: 15px;
      text-align: center;
      letter-spacing: 0.1rem;
      color: #053107;
    }
    a.recipe__link:hover {
      text-decoration: none;
    }
  }
}
@container (max-width: 919px) and (min-width: 800px) {
  @scope (.recipes__inner) {
    br_sp {
      display: block;
    }
    h2 {
      text-align: center;
      font-size: clamp(1.25rem, 1.061rem + 2.5vw, 2.5rem);
      font-weight: 600;
      color: #053107;
      letter-spacing: 0.1rem;
      & .title__s {
        font-size: clamp(1.063rem, 0.338rem + 3.22vw, 2.188rem);
        letter-spacing: 0.1rem;
        font-weight: 600;
      }
      & .title__color__orange {
        font-size: clamp(1.375rem, 0.449rem + 4.11vw, 2.813rem);
        letter-spacing: 0.1rem;
        font-weight: 600;
        color: #FCA363;
      }
    }
    p.lead:first-of-type {
      text-align: center;
      font-size: clamp(0.938rem, 0.736rem + 0.89vw, 1.25rem);
      font-weight: 600;
      color: #534C42;
      position: relative;
      &::after {
        border-bottom: solid 2px #FCC401;
        content: "";
        width: 82px;
        position: absolute;
        left: 50%;
        bottom: clamp(-0.969rem, 0.405rem + 2.5vw, -1.844rem);
        height: 1px;
        transform: translateX(-50%);
      }
    }
    & p.lead_sub {
      margin-top: 23.3px;
      width: min(645px, 90%);
      margin-inline: auto;
      font-size: 1.125rem;
      line-height: 1.944;
    }
    & .recipes__grid__wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 30px 0;
      counter-reset: title-number;
      margin-top: 76px;
      padding-inline: 36px;
      & .recipes__card__content {
        margin-inline: auto;
        padding-inline: clamp(1.813rem, 1.18rem + 1.1vw, 2.5rem);
        padding-bottom: 15px;
        & span.recipes__card__txt {
          font-size: clamp(1.375rem, -0.726rem + 4.2vw, 1.688rem);
          margin-inline: auto;
          display: flex;
          justify-content: center;
          margin-top: 1.125rem;
          font-weight: 600;
        }
        h3 {
          font-size: clamp(1.375rem, 0.915rem + 0.8vw, 1.875rem);
          font-weight: 600;
          color: #534C42;
          position: relative;
          padding-left: 76px;
          line-height: 1.1;
          &::before {
            counter-increment: title-number;
            content: counter(title-number, circle-decimal);
            margin-right: 12px;
            border-radius: 50%;
            background-color: #FE8E3D;
            color: #fff;
            width: clamp(3.563rem, 2.987rem + 1vw, 4.188rem);
            height: clamp(3.563rem, 2.987rem + 1vw, 4.188rem);
            font-weight: 900;
            font-family: "Noto Serif JP", serif;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            vertical-align: middle;
            font-size: clamp(1.875rem, 1.3rem + 1vw, 2.5rem);
            position: absolute;
            line-height: 1.1;
            left: 0;
            top: calc((0.9em - 67px) / 2);
          }
          & span.title__orange__s {
            font-size: 1.125rem;
            color: #fe8e3d;
            font-weight: 600;
          }
        }
        & .img__wrap {
          margin-top: 40px;
          position: relative;
          & .img__recipes__comment {
            position: absolute;
          }
          & .comment01 {
            position: absolute;
            top: -36px;
            left: -69px;
          }
          & .comment02 {
            position: absolute;
            top: -36px;
            right: -66px;
          }
          & .comment03 {
            position: absolute;
            top: -36px;
            right: -70px;
          }
        }
      }
      & .recipes__card__content:nth-of-type(2) {
        border-left: solid 1px #FE8E3D;
      }
    }
  }
  .ricipes__arrangement {
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_ricipes__arrangement_middle.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: repeat-y;
    margin-top: clamp(5.875rem, 3.805rem + 3.6vw, 8.125rem);
    padding-top: 8.156rem;
    padding-bottom: clamp(1.063rem, -32.271rem + 66.67vw, 6.063rem);
    margin-inline: 15px;
    position: relative;
    &::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 63px;
      background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_ricipes__arrangement_top.jpg);
      background-size: 100% auto;
      content: "";
      background-repeat: no-repeat;
    }
    &::after {
      position: absolute;
      bottom: -63px;
      left: 0;
      width: 100%;
      height: 63px;
      background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_ricipes__arrangement_bottom.jpg);
      background-size: 100% auto;
      content: "";
      background-repeat: no-repeat;
    }
  }
  @scope (.ricipes__arrangement) {
    p.lead_second {
      text-align: center;
      font-size: 1.25rem;
      font-weight: 500;
      color: #053107;
      margin-top: 0.844rem;
      position: static;
    }
    .subtitle {
      font-size: 1.875rem;
      text-align: center;
      display: flex;
      margin-inline: auto;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      letter-spacing: 0.1rem;
      color: #053107;
      position: relative;
      &::before {
        position: absolute;
        content: "";
        background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_leaf.png);
        background-repeat: no-repeat;
        width: 47px;
        height: 31.6px;
        top: -26px;
      }
    }
    h3 {
      text-align: center;
      font-size: 2.813rem;
      color: #053107;
      letter-spacing: 0.1rem;
      font-weight: 600;
      display: flex;
      justify-content: center;
      & .title__serif {
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        color: #053107;
        position: relative;
        margin-right: 37px;
        &::before {
          background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_fork.png);
          background-repeat: no-repeat;
          position: absolute;
          content: "";
          width: 42px;
          height: 71px;
          left: -56px;
        }
      }
      & .title__sunserif {
        font-size: 2.813rem;
        color: #053107;
        letter-spacing: 0.1rem;
        font-weight: 600;
        position: relative;
        &::after {
          background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_spoon.png);
          background-repeat: no-repeat;
          position: absolute;
          content: "";
          width: 66px;
          height: 78px;
        }
      }
    }
    .recipe__list {
      display: flex;
      gap: 60px 25px;
      grid-template-columns: repeat(auto-fit, minmax(200px, 330px));
      /*max-width: 1000px;*/
      padding: 50px clamp(3.125rem, 0.423rem + 4.7vw, 6.063rem);
      margin-inline: auto;
    }
    li.recipe__item {
      background: white;
      border-radius: 8px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
      overflow: hidden;
    }
    img.recipe__list__image {
      border-radius: 19px;
      width: 100%;
      aspect-ratio: 3 / 2;
      object-fit: cover;
    }
    p.recipe__list__name {
      height: 90px;
      margin-top: 20px;
      margin-bottom: 12px;
      font-size: 18px;
    }
    p.recipe__list__time {
      margin-bottom: 10px;
      font-size: 15px;
      &::before {
        content: url(https://eceosjwtcom.ecbeing.biz/img/usr/blog/nori/sozai_cman_jp_20240426134352.png);
        padding-right: 5px;
      }
    }
    .recipe__text__area {
      padding: 0 10px 10px;
    }
    .icon__area {
      width: 100%;
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
    }
    .secondary {
      width: 100%;
    }
    span.recipe__icon {
      padding: 4px 10px;
      margin-right: 3px;
      margin-bottom: 3px;
      border-radius: 9px;
      border: #fb9393 1px solid;
      color: #fb9393;
      font-size: 12px;
    }
    span.recipe__lead {
      font-size: 16px;
    }
    p.txt__note {
      font-size: 15px;
      text-align: center;
      letter-spacing: 0.1rem;
      color: #053107;
    }
    a.recipe__link:hover {
      text-decoration: none;
    }
  }
}
@container (max-width: 799px) {
  @scope (.recipes__inner) {
    br_sp {
      display: block;
    }
    h2 {
      text-align: center;
      font-size: clamp(1.25rem, 0.225rem + 4.56vw, 2.5rem);
      font-weight: 600;
      color: #053107;
      letter-spacing: 0.1rem;
      margin-top: 1.75rem;
      & .title__s {
        font-size: clamp(1.063rem, 0.338rem + 3.22vw, 2.188rem);
        letter-spacing: 0.1rem;
        font-weight: 600;
      }
      & .title__color__orange {
        font-size: clamp(1.375rem, 0.449rem + 4.11vw, 2.813rem);
        letter-spacing: 0.1rem;
        font-weight: 600;
        color: #FCA363;
      }
    }
    p.lead:first-of-type {
      text-align: center;
      font-size: clamp(0.938rem, 0.736rem + 0.89vw, 1.25rem);
      font-weight: 600;
      color: #534C42;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 23px;
      margin-top: 1.831rem;
      &::after {
        border-bottom: solid 2px #FCC401;
        content: "";
        width: 82px;
        left: 50%;
        bottom: clamp(-0.969rem, 0.405rem + 2.5vw, -1.844rem);
        height: 1px;
      }
    }
    & p.lead_sub {
      margin-top: 23.3px;
      width: min(645px, 90%);
      margin-inline: auto;
      font-size: 0.938rem;
      line-height: 2;
    }
    & .recipes__grid__wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 48px 0;
      counter-reset: title-number;
      margin-top: 28px;
      padding-inline: clamp(1.25rem, 0.43rem + 3.64vw, 2.25rem);
      & .recipes__card__content {
        margin-inline: auto;
        padding-inline: clamp(0rem, -2.05rem + 9.11vw, 2.5rem);
        padding-bottom: 23px;
        width: 95%;
        justify-content: center;
        display: flex;
        flex-direction: column;
        & span.recipes__card__txt {
          font-size: 1.25rem;
          margin-inline: auto;
          display: flex;
          justify-content: center;
          margin-top: 1.125rem;
          font-weight: 600;
        }
        h3 {
          font-size: clamp(1.25rem, 0.915rem + 0.8vw, 1.875rem);
          font-weight: 600;
          color: #534C42;
          position: relative;
          padding-left: clamp(3.125rem, 1.792rem + 5.92vw, 4.75rem);
          line-height: 1.1;
          &::before {
            counter-increment: title-number;
            content: counter(title-number, circle-decimal);
            margin-right: 12px;
            border-radius: 50%;
            background-color: #FE8E3D;
            color: #fff;
            width: clamp(2.25rem, 0.661rem + 7.06vw, 4.188rem);
            height: clamp(2.25rem, 0.661rem + 7.06vw, 4.188rem);
            font-weight: 900;
            font-family: "Noto Serif JP", serif;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            vertical-align: middle;
            font-size: clamp(1.25rem, 1.3rem + 1vw, 2.5rem);
            position: absolute;
            line-height: 1.1;
            left: 0;
            /*top:calc((0.9em - 67px) / 2);*/
          }
          & span.title__orange__s {
            font-size: 1.125rem;
            color: #fe8e3d;
            font-weight: 600;
          }
        }
        & .img__wrap {
          margin-top: 40px;
          position: relative;
          display: flex;
          justify-content: center;
          & > img {
            width: clamp(8.375rem, -1.722rem + 44.87vw, 20.688rem);
          }
          & .img__recipes__comment {
            position: absolute;
          }
          & .comment01 {
            position: absolute;
            top: -36px;
            right: 0px;
            width: clamp(7rem, 2.182rem + 21.41vw, 12.875rem);
          }
          & .comment02 {
            position: absolute;
            top: -36px;
            right: 0px;
            width: clamp(7rem, 2.182rem + 21.41vw, 12.875rem);
          }
          & .comment03 {
            position: absolute;
            top: -36px;
            right: 0px;
            width: clamp(7rem, 2.182rem + 21.41vw, 12.875rem);
          }
        }
      }
      & .recipes__card__content:first-of-type {
        border-bottom: solid 1px #FE8E3D;
      }
      & .recipes__card__content:nth-of-type(2) {
        border-bottom: solid 1px #FE8E3D;
      }
    }
  }
  .ricipes__arrangement {
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_ricipes__arrangement_middle_sp.jpg);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: repeat-y;
    margin-top: clamp(1.875rem, -3.25rem + 22.78vw, 8.125rem);
    padding-top: clamp(4.438rem, 2.695rem + 7.74vw, 6.563rem);
    padding-bottom: clamp(4rem, 0.874rem + 13.9vw, 7.813rem);
    position: relative;
    &::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 55px;
      background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_ricipes__arrangement_top_sp.jpg);
      background-size: 100% auto;
      content: "";
      background-repeat: no-repeat;
    }
    &::after {
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: clamp(3.938rem, 0.35rem + 15.95vw, 8.313rem);
      background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_ricipes__arrangement_bottom_sp.jpg);
      background-size: 100% auto;
      content: "";
      background-repeat: no-repeat;
    }
  }
  @scope (.ricipes__arrangement) {
    p.lead_second {
      text-align: center;
      font-size: clamp(0.938rem, 0.681rem + 1.14vw, 1.25rem);
      font-weight: 500;
      color: #053107;
      margin-top: 0.844rem;
      position: static;
      line-height: 2;
    }
    .subtitle {
      font-size: clamp(1.25rem, 0.737rem + 2.28vw, 1.875rem);
      text-align: center;
      display: flex;
      margin-inline: auto;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      letter-spacing: 0.1rem;
      color: #053107;
      position: relative;
      &::before {
        position: absolute;
        content: "";
        background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_leaf_sp.png);
        background-repeat: no-repeat;
        width: 47px;
        height: 31.6px;
        top: -26px;
      }
    }
    h3 {
      text-align: center;
      font-size: clamp(1.875rem, 1.106rem + 3.42vw, 2.813rem);
      color: #053107;
      letter-spacing: 0.1rem;
      font-weight: 600;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      &::before {
        background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_fork_sp.png);
        background-repeat: no-repeat;
        position: absolute;
        content: "";
        width: 42px;
        height: 71px;
        left: clamp(3.125rem, -3.128rem + 27.79vw, 10.75rem);
        top: 50%;
        transform: translateY(-50%);
      }
      &::after {
        background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/icn_spoon_sp.png);
        background-repeat: no-repeat;
        position: absolute;
        content: "";
        width: 66px;
        height: 78px;
        top: 50%;
        right: clamp(0.188rem, -6.424rem + 29.38vw, 8.25rem);
        transform: translateY(-50%);
      }
      & .title__serif {
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        color: #053107;
        position: relative;
        display: block;
        line-height: 1.2;
      }
      & .title__sunserif {
        font-size: clamp(1.563rem, 0.537rem + 4.56vw, 2.813rem);
        color: #053107;
        letter-spacing: 0.1rem;
        font-weight: 600;
        position: relative;
      }
    }
    .recipe__list {
      display: flex;
      gap: 25px 10px;
      grid-template-columns: repeat(auto-fit, minmax(200px, 330px));
      /*max-width: 1000px;*/
      padding: 25px clamp(0.875rem, -3.379rem + 18.91vw, 6.063rem);
      margin-inline: auto;
      flex-wrap: wrap;
      justify-content: center;
    }
    li.recipe__item {
      background: white;
      border-radius: 8px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
      overflow: hidden;
      width: calc(50% - 14px);
    }
    img.recipe__list__image {
      border-radius: 19px;
      width: 100%;
      aspect-ratio: 3 / 2;
      object-fit: cover;
    }
    p.recipe__list__name {
      /*height: 80px;*/
      margin-top: 6px;
      margin-bottom: 12px;
      font-size: clamp(0.75rem, 0.442rem + 1.37vw, 1.125rem);
    }
    p.recipe__list__time {
      margin-bottom: 10px;
      font-size: clamp(0.813rem, 0.71rem + 0.46vw, 0.938rem);
      &::before {
        content: url(https://eceosjwtcom.ecbeing.biz/img/usr/blog/nori/sozai_cman_jp_20240426134352.png);
        padding-right: 5px;
      }
    }
    .recipe__text__area {
      padding: 0 10px 10px;
    }
    .icon__area {
      width: 100%;
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
    }
    .secondary {
      width: 100%;
    }
    span.recipe__icon {
      padding: 2px 6px;
      margin-right: 3px;
      margin-bottom: 3px;
      border-radius: 9px;
      border: #fb9393 1px solid;
      color: #fb9393;
      font-size: clamp(0.625rem, 0.522rem + 0.46vw, 0.75rem);
	  display:none;/*非表示*/	
    }
    span.recipe__lead {
      font-size: 16px;
    }
    p.txt__note {
      font-size: 15px;
      text-align: center;
      letter-spacing: 0.1rem;
      color: #053107;
      position: relative;
      z-index: 1;
    }
    a.recipe__link:hover {
      text-decoration: none;
    }
  }
}
/****************** lineup *********************************/
#lineup__content {
  container-type: inline-size !important;
}
@container (min-width: 1124px) {
  @scope (.lineup__inner) {
    h3.title__recommend {
      margin-top: 5.5rem;
      text-align: center;
      font-weight: 600;
      letter-spacing: 0.2rem;
      font-size: 1.875rem;
      color: #053107;
      display: flex;
      align-items: center;
      justify-content: center;
      &::before, &::after {
        content: "";
        width: 159px;
        height: 1px;
        background-color: #36632A;
      }
      &::before {
        margin-right: 26px;
      }
      &::after {
        margin-left: 26px;
      }
    }
    .product__wrap {
      margin-top: 9.25rem;
      display: grid;
      gap: 0;
      grid-template-columns: max-content max-content max-content;
      grid-template-rows: auto;
	  position: relative;
      & .img__wrap {
        grid-row: span 4 / span 4;
		margin-right:36px;  
      }
      & h2{
				grid-column-start: 2;
                grid-row-start: 1;
				font-size: 1.875rem;
				font-weight: 600;
				color: #053107;
				letter-spacing: 0.1rem;
				line-height: 2.033;
		  		text-box-trim: trim-both;
                text-box-edge: text;
                margin-bottom: 1.875rem;
			}
      picture.picture.logo {
        grid-column-start: 2;
        grid-row-start: 2;
      }
      & .product__txt__wrap {
        grid-column-start: 2;
        grid-row-start: 3;
        & .product__name {
          font-size: 1.25rem;
          font-weight: 600;
          color: #053107;
          line-height: 1.5;
          display: block;
          margin-block: 10px;
		  text-box-trim: trim-both;
          text-box-edge: text;	
        }
        & .product__detail {
          font-size: 1.125rem;
          font-weight: 500;
          color: #053107;
          line-height: 1.5;
          display: block;
        }
      }
      & .product__price__wrap {
        grid-column-start: 2;
        grid-row-start: 4;
        & > span {
         margin-left: 2em;
        }
        & span.product__price {
          font-size: 3.75rem;
          font-weight: 700;
          color: #053107;
          line-height: 1.017;
        }
        & span.product__yen {
          font-size: 1.875rem;
          font-weight: 700;
          color: #053107;
          line-height: 2.033;
        }
		& span.product__tax {
          font-size: 1.25rem;
          font-weight: 700;
          color: #053107;
          
        }  
      }
      & .pruduct__notice {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 2.857;
        & a:hover {
          text-decoration: none;
        }
        & .underline {
          border-bottom: solid 1px #000;
        }
      }
      & .buy__btn {
        grid-row: span 4 / span 4;
        grid-column-start: 3;
        grid-row-start: 2;
        display: flex;
        align-items: flex-end;
        position: absolute;
		top: 55px;
         left: -112px;  
        & a {
          font-weight: 700;
          font-size: 1.875rem;
          letter-spacing: 0.1rem;
          text-align: center;
          color: #fff;
          background-color: #36632A;
          border-radius: 50%;
          width: 235px;
          height: 235px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          box-shadow: 9px 0px 0px #D1A336;
          
          &:hover {
            text-decoration: none;
          }
		  & span.txt__buy{
			  margin-top:1rem;
			}	
          & .icon__arrow {
            background-color: #D1A336;
            border-radius: 50%;
            color: #053107;
            font-size: 1rem;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            margin-top: 1.5rem;
            vertical-align: middle;
            position: relative;
            &::before, &::after {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              margin: auto;
              content: "";
              vertical-align: middle;
            }
            &::after {
              left: 9px;
              width: 8px;
              height: 8px;
              border-top: 2px solid #053107;
              border-right: 2px solid #053107;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
            }
          }
        }
      }
    }
    .bnr_jwt_story {
      margin-top: 105px;
      margin-inline: auto;
      display: flex;
      justify-content: center;
    }
  }
}
@container (max-width: 1123px) {
  .lineup__inner {
    padding-inline: 0.875rem;
  }
  @scope (.lineup__inner) {
    .bnr_jwt_story {
      margin-top: 105px;
      margin-inline: auto;
      display: flex;
      height: auto;
      justify-content: center;
    }
    .pc_only {
      display: none !important;
    }
    .br_pc {
      display: none !important;
    }
    h3.title__recommend {
      margin-top: 5.5rem;
      text-align: center;
      font-weight: 600;
      letter-spacing: 0.2rem;
      font-size: clamp(1.125rem, 0.689rem + 1.94vw, 1.875rem);
      color: #053107;
      display: flex;
      align-items: center;
      justify-content: center;
      &::before, &::after {
        content: "";
        width: clamp(2.25rem, -2.221rem + 19.87vw, 9.938rem);
        height: 1px;
        background-color: #36632A;
      }
      &::before {
        margin-right: clamp(1rem, 0.705rem + 1.31vw, 1.625rem);
      }
      &::after {
        margin-left: clamp(1rem, 0.705rem + 1.31vw, 1.625rem);
      }
    }
    .product__wrap {
      display: grid;
      & .img__wrap {
        grid-column-start: 1;
        grid-row-start: 4;
        margin-inline: auto;
        margin-top: 0.813rem;
		  & img{height:auto;}
      }
    }
    & h2 {
      grid-column-start: 1;
      grid-row-start: 1;
      text-align: center;
      font-size: 1.125rem;
      font-weight: 600;
      color: #053107;
      margin-top: 1.688rem;
    }
    & .logo {
      grid-column-start: 1;
      grid-row-start: 2;
      margin-inline: auto;
      margin-top: 23px;
      width: min(364px, 100%);
    }
    & .product__txt__wrap {
      grid-column-start: 1;
      grid-row-start: 3;
      display: inline-block;
      margin-inline: auto;
      width: min(364px, 100%);
      & .product__name {
        font-size: 1.063rem;
        font-weight: 600;
        color: #053107;
        display: block;
        margin-top: 13px;
      }
      & .product__detail {
        font-weight: 500;
        font-size: 0.938rem;
        color: #053107;
      }
    }
    & .product__price__wrap {
      grid-row-start: 5;
      margin-inline: auto;
	  & > span {
		display: block;
		 text-align: center;
		}	
      & span.product__price {
        font-size: 3.75rem;
        font-weight: 700;
        color: #053107;
      }
      & span.product__yen {
        font-size: 1.875rem;
        font-weight: 700;
        color: #053107;
      }
      & span.product__tax {
        font-size: 1.25rem;
        font-weight: 700;
        color: #053107;
      }
      & p.pruduct__notice {
        font-size: 0.875rem;
        font-weight: 400;
        color: #2D332E;
        & span.underline a {
          text-decoration: underline;
        }
      }
    }
    & .buy__btn {
      grid-row-start: 6;
      & a {
        font-size: 1.125rem;
        font-weight: 600;
        color: #fff;
        background-color: #00551C;
        border-radius: 25px;
        padding-block: 6px;
        width: min(400px, 80%);
        display: flex;
        margin-inline: auto;
        justify-content: center;
        border: solid 3px #E2B138;
        margin-top: 23px;
        width: 329px;
        &:hover {
          text-decoration: none;
        }
      }
      & .icon__arrow {
        display: none;
      }
    }
  }
}
@container (min-width: 980px) {
  .sp-only {
    display: none;
  }
  .blend__product__wrap {
    margin-top: 3.063rem;
    display: grid;
    gap: 0 80px;
    grid-template-rows: max-content;
    grid-template-columns: 605px 1fr;
    & h3 {
      font-weight: 600;
      font-size: 24px;
      line-height: 1.458;
      & img {
        height: auto;
      }
    }
    & .blend__product__img {
      grid-row: span 5 / span 5;
    }
    & .blend__product__img img {
      height: auto;
    }
    & .jwt_name {
      grid-column-start: 2;
      grid-row-start: 2;
      font-size: 1.25rem;
      margin-top: 23px;
      font-weight: 600;
      color: #053107;
    }
    & .contents {
      grid-column-start: 2;
      grid-row-start: 3;
      font-size: 1.125rem;
      margin-top: 13px;
      color: #2D332E;
    }
    & .blend__price__wrap {
      grid-column-start: 2;
      grid-row-start: 4;
      & .blend__price__flex {
        display: flex;
        flex-direction: column;
        & .blend__price {
          font-size: 3.75rem;
          font-weight: 700;
          color: #053107;
          line-height: 1.017;
          margin-bottom: 5px;
          margin-left: 2rem;
          & .blend__yen {
            font-size: 1.875rem;
            font-weight: 700;
            margin-inline: 5px;
          }
          & .blend__tax {
            font-size: 1.25rem;
            font-weight: 700;
          }
        }
        & .blend__members__price {
          font-size: 0.875rem;
          font-weight: 500;
		  margin-top:6px;	
        }
      }
    }
    & .blend__btn {
      grid-column-start: 2;
      grid-row-start: 5;
      margin-top: 23px;
      & a.btn__buy {
        padding: 19px 70px;
        color: #fff;
        background-color: #795F5F;
        border-radius: 18px;
        font-size: clamp(1.125rem, 0.629rem + 0.93vw, 1.75rem);
        box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
        width: min(421px, 100%);
        display: block;
        text-align: center;
        &:hover {
          text-decoration: none;
          background-color: #620807;
          opacity: 1;
        }
      }
    }
  }
}
@container (max-width: 979px) {
  .br_sp {
    display: block;
  }
  .blend__product__wrap {
    margin-top: 25px;
    display: grid;
    gap: 0 80px;
    grid-template-rows: max-content;
    & h3 {
      font-weight: 600;
      font-size: 24px;
      line-height: 1.458;
      grid-column-start: 1;
      grid-row-start: 1;
      width: clamp(20.063rem, 15.882rem + 18.58vw, 27.25rem);
      margin-inline: auto;
      & img {
        height: auto;
      }
    }
    & .blend__product__img {
      grid-column-start: 1;
      grid-row-start: 4;
      margin-inline: auto;
      margin-top: 1.563rem;
      & img {
        height: auto;
      }
    }
    & .jwt_name {
      grid-column-start: 1;
      grid-row-start: 2;
      color: #053107;
      font-size: clamp(1.063rem, 0.814rem + 0.47vw, 1.375rem);
      font-weight: 600;
      margin-block: 1rem;
      line-height: 1.4;
    }
    & .contents {
      grid-column-start: 1;
      grid-row-start: 3;
      font-size: clamp(0.938rem, 0.689rem + 0.47vw, 1.25rem);
      width: min(444px, 100%);
      margin-inline: auto;
      color: #053107;
    }
    & .blend__price__wrap {
      grid-row-start: 5;
      width: min(444px, 100%);
      margin-inline: auto;
      text-align: right;
      & .blend__price__flex {
        display: flex;
        flex-direction: column;
        align-items: center;
        & .blend__price {
          font-size: 3.438rem;
          font-weight: 700;
          color: #053107;
          & .blend__yen {
            font-size: 1.938rem;
            font-weight: 700;
            margin-inline: 5px;
          }
          & .blend__tax {
            font-size: 1.25rem;
            font-weight: 600;
          }
        }
        & .blend__members__price {
          font-size: clamp(0.875rem, 0.73rem + 0.65vw, 1.125rem);
          font-weight: 400;
        }
      }
    }
    & .blend__btn {
      grid-row-start: 6;
      margin-top: 23px;
      width: min(444px, 100%);
      margin-inline: auto;
      text-align: center;
      & a.btn__buy {
        padding: 11px 36px;
        width: 329px;
        color: #fff;
        display: inline-block;
        text-align: center;
        font-weight: 700;
        background-color: #795F5F;
        border-radius: 25px;
        font-size: 1.125rem;
        box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
        &:hover {
          text-decoration: none;
          background-color: #620807;
          opacity: 1;
        }
      }
    }
  }
  .pc-only {
    display: none;
  }
}
/***************** SP *************************************************/
@media screen and (max-width: 750px) {
  html {
    scroll-padding-top: 60px;
    scroll-behavior: smooth;
  }
  .content__wrap {
    font-family: "Noto Sans JP", sans-serif;
    color: #534B4B;
    font-weight: 500;
    line-height: 1.7;
    width: 100%;
    margin: 0 auto;
    margin-inline: auto;
    background-color: #fff;
  }
  #thoughts__content, #intestine__content, #recipes__content, #lineup__content {
    container-type: inline-size !important;
  }
  .br_sp {
    display: block;
  }
  /********** KV **********************************/
  .kv {
    background-color: #fff;
  }
  @scope (.kv) {
    h2 {
      font-size: clamp(1.563rem, 0.434rem + 4.81vw, 2.688rem);
      color: #fff;
      text-align: center;
      line-height: 1.488;
      margin-bottom: 59px;
    }
    & .kv__btn__area {
      display: flex;
      background-color: #F8F8F7;
      color: #fff;
      margin-inline: auto;
      justify-content: center;
      gap: 13px;
      padding-top: 1.313rem;
      & a.btn__buy {
        padding: 13px 50px;
        border: solid 2px #E2B138;
        border-radius: 25px;
        background-color: #00551C;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1;
        box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
        display: flex;
        align-items: center;
        width: 329px;
        justify-content: center;
        &:hover {
          text-decoration: none;
          opacity: 0.6;
        }
      }
    }
  }
  /********** lead content **********************************/
  .lead__inner {
    padding-top: 1.938rem;
    padding-inline: 1rem;
    padding-bottom: 155px;
    background: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_lead_bio_sp.png) no-repeat, url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_lead_1_sp.jpg) no-repeat;
    background-size: 169px, cover;
    background-color: #fff;
    background-position: right 27px bottom 56px, bottom right;
  }
  @scope (.lead__inner) {
    h2 {
      font-size: clamp(1.25rem, 0.672rem + 2.57vw, 1.875rem);
      font-weight: 600;
      letter-spacing: 0.05em;
      color: #053107;
      position: relative;
      line-height: 1.5;
      text-align: center;
    }
    p {
      font-size: clamp(0.938rem, 0.822rem + 0.51vw, 1.063rem);
      line-height: 2;
    }
    p:first-of-type {
      margin-top: 2.75rem;
      margin-bottom: 1.75rem;
    }
  }
  /********** lead content **********************************/
  .movie_area {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 42px;
    height: 0;
    overflow: hidden;
    margin-inline: auto;
    aspect-ratio: 16 / 9;
    /*padding-inline: 12px;*/
    /*max-width: 317px;*/
  }
  div#movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-inline: 1rem;
  }
  /********** grace__content **********************************/
  .grace__inner {
    background-color: #fff;
    padding-top: 1.938rem;
  }
  @scope (.grace__inner) {
    h2 {
      font-size: clamp(1.25rem, 0.672rem + 2.57vw, 1.875rem);
      font-weight: 600;
      color: #053107;
      text-align: center;
      display: flex;
      align-items: center;
      margin-inline: 12px;
      &::before, &::after {
        flex: 1;
        content: "";
        height: 1px;
        border: solid 1px #085527;
      }
      &::before {
        margin-right: clamp(0.563rem, -2.553rem + 13.85vw, 3.938rem);
      }
      &::after {
        margin-left: clamp(0.563rem, -2.553rem + 13.85vw, 3.938rem);
      }
    }
    .grace__grid {
      margin-top: 2.65rem;
      display: grid;
      gap: 0 40px;
      grid-template-columns: repeat(3, 1fr minmax(420px, 1fr) 1fr);
    }
  }
  /********** about__content **********************************/
  .about__inner {
    background-color: #fffbc4;
  }
  @scope (.about__inner) {
    h2 {
      font-size: clamp(1.25rem, 0.096rem + 5.13vw, 2.5rem);
      font-weight: 600;
      padding-bottom: 13px;
      line-height: 1.525rem;
      text-align: center;
      color: #0B2D29;
      border-bottom: solid 2px #36632A;
    }
    .about__content__wrap {
      display: grid;
      & .about__img__wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fffde8;
        height: 100%;
		grid-row-start: 2;  
        & img {
          height: auto;
        }
      }
      & .about__content__title {
        grid-column-start: 1;
        grid-row-start: 1;
        padding-top: 1.813rem;
        padding-inline: 1rem;
		background-color: #fffde1;  
        & .txt__ruby {
          font-size: clamp(1rem, 0.841rem + 0.71vw, 1.25rem);
          font-weight: 600;
          letter-spacing: 0.05em;
          line-height: 1.5;
          margin-block: 13px;
          color: #0B2D29;
          text-align: center;
          display: block;
        }
      }
      & .about__content__txt {
        grid-column-start: 1;
        grid-row-start: 3;
        padding-inline: 1rem;
        margin-top: 2.375rem;
        & p {
          font-size: clamp(0.938rem, 0.818rem + 0.53vw, 1.125rem);
          line-height: 2;
          font-weight: 500;
          color: #3C4644;
        }
        & p.about__txt__bland {
          font-size: clamp(1rem, 0.818rem + 0.53vw, 1.125rem);
          line-height: 2;
          font-weight: 500;
		  letter-spacing: 0.05em;	
          color: #0D6157;
          text-decoration: underline;
        }
      }
    }
  }
  /********** blend__content **********************************/
  #blend__content {
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_blend_sp.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    padding-top: 1.125rem;
    padding-bottom: 1.25rem;
    padding-inline: 1.25rem;
  }
  .blend__inner {
    background-color: #FEFCF8;
    padding: 2.25rem 0.625rem 1.688rem;
  }
  span.txt_brown {
    color: #987626;
  }
  @scope (.blend__inner) {
    h2 {
      text-align: center;
      display: flex;
      justify-content: center;
      margin-bottom: 2.313rem;
    }
    & > h3 {
      font-size: 1.125rem;
      text-align: center;
      font-family: "Shippori Mincho", serif;
      font-weight: 700;
      color: #987626;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.906rem;
      &:before {
        margin-right: 5px;
        content: "";
        width: 39px;
        height: 1px;
        border: solid 1px #987626;
      }
      &:after {
        margin-left: 5px;
        content: "";
        width: 39px;
        height: 1px;
        border: solid 1px #987626;
      }
    }
    & p.about {
      font-size: clamp(0.875rem, 0.375rem + 2.13vw, 1.375rem);
      line-height: 1.818;
      padding-inline: 10px;
    }
    .blend__box__wrap h3, .blend__box__wrap2 h3 {
      font-size: clamp(0.938rem, 0.482rem + 1.94vw, 1.375rem);
      font-family: "Shippori Mincho", serif;
      font-weight: 700;
      color: #326657;
      line-height: 1.875;
      padding-bottom: 5px;
      border-bottom: solid 1px #987626;
    }
  }
  /********** voice__content **********************************/
  #voice__content {
    background-color: #f9fee0;
    padding-top: 0.125rem;
    padding-bottom: 1.438rem;
  }
  .voice__inner {
    margin-top: 2.063rem;
  }
  @scope (.voice__inner) {
    & > h2 {
      text-align: center;
      font-size: clamp(1.25rem, 0.673rem + 2.56vw, 1.875rem);
      font-weight: 600;
      color: #053107;
      margin-bottom: 35px;
      display: flex;
      justify-content: center;
      align-items: center;
      &::before, &::after {
        width: 36px;
        content: "";
        height: 2px;
        border: solid 1px #053107;
        background-color: #053107;
      }
      &::before {
        margin-right: 19px;
      }
      &::after {
        margin-left: 19px;
      }
    }
    & p.lead {
      text-align: center;
      font-size: 1.063rem;
      line-height: 1.786;
      margin-bottom: 1.875rem;
    }
    .cls-1 {
      fill: none;
      stroke: #b79b68;
      stroke-width: 1px !important;
    }
  }
  /********** article__content **********************************/
  #article__content {
    background-color: #fff;
    margin-inline: auto;
  }
  .article__inner {
    margin-top: 2.25rem;
    background-color: #FDFBEF;
  }
  @scope (.article__inner) {
    .article__1 {
      background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_article_1.png);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: clamp(18.688rem, -3.87rem + 100.26vw, 43.125rem);
      aspect-ratio: 724 / 1326;
      padding-bottom: 2.25rem;
      padding-inline: 1.313rem;
      h2 {
        font-size: clamp(1.25rem, 0.093rem + 5.14vw, 2.5rem);
        font-weight: 600;
        letter-spacing: 0.2rem;
        color: #2B3923;
        position: relative;
        &::after {
          position: absolute;
          content: "";
          height: 2px;
          width: 155px;
          background-color: #FCC401;
          left: 0;
          bottom: -10px;
        }
      }
      h2 span.title__green {
        font-size: clamp(0.938rem, 0.533rem + 1.8vw, 1.375rem);
        font-weight: 600;
        letter-spacing: 0.2rem;
        color: #719830;
        display: block;
      }
      p {
        margin-top: 1.813rem;
        font-size: clamp(0.938rem, 0.648rem + 1.29vw, 1.25rem);
        font-weight: 500;
        line-height: 1.467;
        color: #55624C;
        span.txt__green {
          color: #719830;
        }
      }
      p:first-of-type {
        margin-top: clamp(2.75rem, 1.998rem + 3.34vw, 3.563rem);
      }
    }
    .article__2 {
      padding-top: clamp(27.688rem, -5.139rem + 145.9vw, 63.25rem);
      background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/bioplus/bg_article_2.png);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      padding-bottom: clamp(1.625rem, -0.052rem + 7.46vw, 3.438rem);
      padding-inline: 1.313rem;
      aspect-ratio: 724 / 1904;
      h2 {
        font-size: clamp(1.25rem, 0.093rem + 5.14vw, 2.5rem);
        font-weight: 600;
        letter-spacing: 0.2rem;
        color: #2B3923;
        position: relative;
        &::after {
          position: absolute;
          content: "";
          height: 2px;
          width: 155px;
          background-color: #FCC401;
          left: 0;
          bottom: -10px;
        }
      }
      h2 span.title__green {
        font-size: clamp(0.938rem, 0.533rem + 1.8vw, 1.375rem);
        font-weight: 600;
        letter-spacing: 0.2rem;
        color: #719830;
        display: block;
      }
      p {
        margin-top: 1.813rem;
        font-size: clamp(0.938rem, 0.648rem + 1.29vw, 1.25rem);
        font-weight: 500;
        line-height: 1.467;
        color: #55624C;
        span.txt__green {
          color: #719830;
        }
      }
      p:first-of-type {
        margin-top: clamp(1.375rem, -0.649rem + 9vw, 3.563rem);
      }
    }
  }
  /****** products__content **************************************/
  #products__content {
    padding-block: 0rem 6.063rem;
    background-color: #fff;
    margin-inline: auto;
  }
  .products__inner {
    width: min(1160px, 100%);
    padding-inline: 15px;
    margin-inline: auto;
  }
  img.bnr_jwt_story {
    height: auto;
    margin-top: 2rem;
  }
  @scope (.products__inner) {
    .products__img {
      margin-bottom: 57px;
    }
    .products__img img {
      height: auto;
    }
    .blend__box__wrap h3, .blend__box__wrap2 h3 {
      font-size: 1.5rem;
      font-family: "Shippori Mincho", serif;
      font-weight: 700;
      color: #326657;
      line-height: 1.875;
      padding-bottom: 5px;
      border-bottom: solid 1px #987626;
    }
  }
  /****** common **************************************/
  .br_pc {
    display: none;
  }
  .br_sp {
    display: block;
  }
  .pc_only {
    display: none !important;
  }
  /*********add**************************************/
  @scope (.products__inner) {
    @container (max-width: 849px) {
      .blend__product__wrap {
        .blend__btn {
          padding-inline: 15px;
        }
      }
    }
  }
}
}