@media (min-width: 768px) {
  /** PCサイズ（rem指定）はここに　※PCとSPの後でOK **/
  /** font-size:calc(16 / 16 * 1rem); **/
  .section:last-child {
    padding-bottom: calc(220 / 16 * 1rem);
    margin-bottom: calc(-100 / 16 * 1rem);
  }
}

@media (min-width: 768px) and (max-width: 1366px) {
  /** タブレットサイズ（vw指定）はここに　※PCとSPの後でOK **/
  /**  font-size:calc(16 / 1366 * 100vw) **/
  .section:last-child {
    padding-bottom: calc(220 / 1366 * 100vw);
    margin-bottom: calc(-100 / 1366 * 100vw);
  }
}

@media (max-width: 767px) {
  /** SPサイズ（vw指定）はここに　※PCとSPの後でOK **/
  /**  font-size:calc(16 / 750 * 100vw) **/
  .section:last-child {
    padding-bottom: calc(220 / 750 * 100vw);
    margin-bottom: calc(-100 / 750 * 100vw);
  }
}

.section-text__accent {
  color: #01653e;
  font-weight: 700;
}

/* --------------------------------------------------------------------------
  MAINVISUAL
-------------------------------------------------------------------------- */
@media (min-width: 1367px) {
  .mainvisual {
    padding: calc(35 / 16 * 1rem) calc(70 / 16 * 1rem) calc(70 / 16 * 1rem) calc(70 / 16 * 1rem);
  }
  .mainvisual .mainvisual-inner {
    background-image: url(../../img/healthy_life/mainvisual_img.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    max-width: calc(1232 / 16 * 1rem);
    margin-inline: auto;
    padding: calc(74 / 16 * 1rem) calc(75 / 16 * 1rem) calc(142 / 16 * 1rem) calc(75 / 16 * 1rem);
  }
  .mainvisual .mainvisual-text__ttl {
    width: calc(586 / 16 * 1rem);
  }
  .mainvisual .mainvisual-text__label {
    font-size: calc(18 / 16 * 1rem);
    line-height: 1.77;
    text-align: center;
    margin-top: calc(38 / 16 * 1rem);
  }
  .mainvisual .mainvisual-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
  }

  .mainvisual .mainvisual-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .mainvisual {
    padding: calc(35 / 1366 * 100vw) calc(70 / 1366 * 100vw) calc(70 / 1366 * 100vw) calc(70 / 1366 * 100vw);
  }
  .mainvisual .mainvisual-inner {
    background-image: url(../../img/healthy_life/mainvisual_img.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    max-width: calc(1232 / 1366 * 100vw);
    margin-inline: auto;
    padding: calc(74 / 1366 * 100vw) calc(75 / 1366 * 100vw) calc(142 / 1366 * 100vw) calc(75 / 1366 * 100vw);
  }
  .mainvisual .mainvisual-text__ttl {
    width: calc(586 / 1366 * 100vw);
  }
  .mainvisual .mainvisual-text__label {
    font-size: calc(18 / 1366 * 100vw);
    line-height: 1.77;
    text-align: center;
    margin-top: calc(38 / 1366 * 100vw);
  }
  .mainvisual .mainvisual-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
  }

  .mainvisual .mainvisual-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .mainvisual {
    background-image: url(../../img/healthy_life/mainvisual_img_sp.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: calc(70 / 750 * 100vw);
    width: 100%;
    height: calc(843 / 750 * 100vw);
  }
  .mainvisual .mainvisual-inner {
    position: relative;
    max-width: calc(649 / 750 * 100vw);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .mainvisual .mainvisual-text {
    width: 100%;
  }
  .mainvisual .mainvisual-text__ttl {
    display: block;
    width: 100%;
  }
  .mainvisual .mainvisual-text__ttl img {
    width: 100%;
    height: auto;
  }
  .mainvisual .mainvisual-text__label {
    font-size: calc(18 / 750 * 100vw);
    line-height: 1.77;
    text-align: center;
    margin-top: calc(38 / 750 * 100vw);
  }
  .mainvisual .mainvisual-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  .mainvisual .mainvisual-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* --------------------------------------------------------------------------
  profile
-------------------------------------------------------------------------- */
@media (min-width: 1367px) {
  .profile {
    padding: calc(70 / 16 * 1rem) 0;
    background: #fcf7ea;
  }
  .profile .profile-inner {
    max-width: calc(1145 / 16 * 1rem);
    margin-inline: auto;
    padding: calc(0 / 16 * 1rem) calc(20 / 16 * 1rem) calc(35 / 16 * 1rem) calc(20 / 16 * 1rem);
  }
  .profile__container {
    display: flex;
    gap: calc(45 / 16 * 1rem);
  }
  .profile-text {
    background-image: url(../../img/healthy_life/bg_profile_01_pc.png);
    background-size: 100% 75%;
    background-position: top 2.75em left;
    background-repeat: no-repeat;
    padding-left: calc(15 / 16 * 1rem);
    padding-right: calc(15 / 16 * 1rem);
    font-size: calc(20 / 16 * 1rem);
    line-height: 3;
    letter-spacing: 0.074em;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #2c2d2d;
    margin: 0;
    width: 100%;
  }

  .profile-text__inner {
  }

  .profile__doctor {
    max-width: calc(319 / 16 * 1rem);
    width: 100%;
  }

  .profile__doctor-image {
    max-width: calc(294 / 16 * 1rem);
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(30 / 16 * 1rem);
  }
  .profile__doctor-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .profile__doctor-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 16 * 1rem);
    margin-bottom: calc(20 / 16 * 1rem);
  }
  .profile__doctor-head__link {
    position: relative;
    top: calc(2 / 16 * 1rem);
  }
  .profile__doctor--name {
    font-size: calc(22 / 16 * 1rem);
    font-weight: 700;
    line-height: 1;
    color: #01653e;
    letter-spacing: 0.2em;
    margin: 0;
  }
  .profile__doctor-head-icon {
    width: calc(21 / 16 * 1rem);
    height: auto;
    aspect-ratio: 1;
  }

  .profile__doctor--profile {
    font-size: calc(11 / 16 * 1rem);
    line-height: calc(16 / 11);
    letter-spacing: 0.015em;
    font-feature-settings: "palt";
    color: #2c2d2d;
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1366px) {
  .profile {
    padding: calc(70 / 1366 * 100vw) 0;
    background: #fcf7ea;
  }
  .profile .profile-inner {
    max-width: calc(1145 / 1366 * 100vw);
    margin-inline: auto;
    padding: calc(20 / 1366 * 100vw) calc(20 / 1366 * 100vw) calc(35 / 1366 * 100vw) calc(20 / 1366 * 100vw);
  }
  .profile__container {
    display: flex;
    gap: calc(45 / 1366 * 100vw);
  }
  .profile-text {
    background-image: url(../../img/healthy_life/bg_profile_01_pc.png);
    background-size: 100% 75%;
    background-position: top 2.75em left;
    background-repeat: no-repeat;
    padding-left: calc(15 / 1366 * 100vw);
    padding-right: calc(15 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
    line-height: 3;
    letter-spacing: 0.074em;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #2c2d2d;
    margin: 0;
    width: 100%;
  }

  .profile-text__inner {
  }

  .profile__doctor {
    max-width: calc(319 / 1366 * 100vw);
    width: 100%;
  }

  .profile__doctor-image {
    max-width: calc(294 / 1366 * 100vw);
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(30 / 1366 * 100vw);
  }
  .profile__doctor-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .profile__doctor-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1366 * 100vw);
    margin-bottom: calc(20 / 1366 * 100vw);
  }
  .profile__doctor-head__link {
    position: relative;
    top: calc(2 / 1366 * 100vw);
  }
  .profile__doctor--name {
    font-size: calc(22 / 1366 * 100vw);
    font-weight: 700;
    line-height: 1;
    color: #01653e;
    letter-spacing: 0.2em;
    margin: 0;
  }
  .profile__doctor-head-icon {
    width: calc(21 / 1366 * 100vw);
    height: auto;
    aspect-ratio: 1;
  }

  .profile__doctor--profile {
    font-size: calc(11 / 1366 * 100vw);
    line-height: calc(16 / 11);
    letter-spacing: 0.015em;
    font-feature-settings: "palt";
    color: #2c2d2d;
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .profile {
    padding: calc(70 / 750 * 100vw) 0 calc(80 / 750 * 100vw) 0;
    background: #fcf7ea;
    margin-top: calc(50 / 750 * 100vw);
  }
  .profile .profile-inner {
    margin-inline: auto;
    padding: calc(0 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .profile__container {
    display: flex;
    flex-direction: column;
    gap: calc(70 / 750 * 100vw);
  }
  .profile-text {
    background-image: url(../../img/healthy_life/bg_profile_01_sp.png);
    background-size: 100% 84%;
    background-position: top 2em left;
    background-repeat: no-repeat;
    font-size: calc(30 / 750 * 100vw);
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #2c2d2d;
    margin: 0;
    width: 100%;
  }
  .profile__doctor {
    width: 100%;
  }
  .profile__doctor-image {
    max-width: calc(524 / 750 * 100vw);
    width: 100%;
    height: auto;
    margin: 0 auto calc(48 / 750 * 100vw);
  }
  .profile__doctor-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .profile__doctor-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(14 / 750 * 100vw);
    margin-bottom: calc(32 / 750 * 100vw);
  }
  .profile__doctor--name {
    font-size: calc(40 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1;
    color: #01653e;
    margin: 0;
  }
  .profile__doctor-head-icon {
    width: calc(34 / 750 * 100vw);
    height: auto;
    aspect-ratio: 1;
  }
  .profile__doctor--profile {
    font-size: calc(26 / 750 * 100vw);
    line-height: calc(42 / 26);
    letter-spacing: 0.015em;
    font-feature-settings: "palt";
    text-align: justify;
    text-justify: inter-ideograph;
    color: #2c2d2d;
    margin: 0;
    width: 100%;
  }
}

/* --------------------------------------------------------------------------
  TONYU CHONAI 豆乳と腸内環境
-------------------------------------------------------------------------- */

@media (min-width: 768px) {
  .tonyu-chonai {
    padding-top: calc(100 / 16 * 1rem);
    padding-bottom: calc(100 / 16 * 1rem);
  }
  .tonyu-chonai__title {
    text-align: center;
  }
  .tonyu-chonai__title__label {
    padding-left: calc(48 / 16 * 1rem);
    padding-right: calc(48 / 16 * 1rem);
    color: #01653e;
    font-size: calc(40 / 16 * 1rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(40 / 32);
    font-feature-settings: "palt";
    position: relative;
  }
  .tonyu-chonai__title__label:before {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_01.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(27 / 16 * 1rem);
    width: 100%;
    height: calc(37 / 16 * 1rem);
    position: absolute;
    top: calc(10 / 16 * 1rem);
    left: 0;
  }
  .tonyu-chonai__title__label:after {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_02.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(33 / 16 * 1rem);
    width: 100%;
    height: calc(43 / 16 * 1rem);
    position: absolute;
    top: calc(10 / 16 * 1rem);
    right: 0;
  }
  .tonyu-chonai__inner {
    padding-left: calc(36 / 16 * 1rem);
    padding-right: calc(36 / 16 * 1rem);
    max-width: calc(1020 / 16 * 1rem);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-chosei-block {
    margin-top: calc(55 / 16 * 1rem);
  }
  .tonyu-chosei-block + .tonyu-chosei-block {
    margin-top: calc(32 / 16 * 1rem);
  }
  .tonyu-chosei-block__body {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: calc(20 / 16 * 1rem);
  }
  .tonyu-chosei-block__image {
    max-width: calc(318 / 16 * 1rem);
    width: 100%;
  }
  .tonyu-chosei-block__contents {
    max-width: calc(593 / 16 * 1rem);
    width: 100%;
  }
  .tonyu-chosei-block__contents__text {
    font-size: calc(15 / 16 * 1rem);
    font-weight: 500;
    letter-spacing: 0.015em;
    line-height: calc(28 / 15);
  }

  .tonyu-chosei-block:nth-child(2n) .tonyu-chosei-block__body {
    flex-direction: row-reverse;
  }

  /*************************************/
  .tonyu-chosei-block.--block-01 {
  }
  .tonyu-chosei-block.--block-01 .tonyu-chosei-block__image {
    max-width: calc(283 / 16 * 1rem);
    width: 100%;
  }
  .tonyu-chosei-block.--block-02 {
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__body {
    gap: calc(75 / 16 * 1rem);
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__contents {
    max-width: calc(499 / 16 * 1rem);
    width: 100%;
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__image {
    border-radius: calc(10 / 16 * 1rem);
    box-shadow: calc(12 / 16 * 1rem) calc(12 / 16 * 1rem) 0 0 #dbf0ea;
    max-width: calc(318 / 16 * 1rem);
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1366px) {
  .tonyu-chonai {
    padding-top: calc(100 / 1366 * 100vw);
    padding-bottom: calc(100 / 1366 * 100vw);
  }
  .tonyu-chonai__title {
    text-align: center;
  }
  .tonyu-chonai__title__label {
    padding-left: calc(48 / 1366 * 100vw);
    padding-right: calc(48 / 1366 * 100vw);
    color: #01653e;
    font-size: calc(40 / 1366 * 100vw);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(40 / 32);
    font-feature-settings: "palt";
    position: relative;
  }
  .tonyu-chonai__title__label:before {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_01.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(27 / 1366 * 100vw);
    width: 100%;
    height: calc(37 / 1366 * 100vw);
    position: absolute;
    top: calc(10 / 1366 * 100vw);
    left: 0;
  }
  .tonyu-chonai__title__label:after {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_02.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(33 / 1366 * 100vw);
    width: 100%;
    height: calc(43 / 1366 * 100vw);
    position: absolute;
    top: calc(10 / 1366 * 100vw);
    right: 0;
  }
  .tonyu-chonai__inner {
    padding-left: calc(36 / 1366 * 100vw);
    padding-right: calc(36 / 1366 * 100vw);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-chosei-block {
    margin-top: calc(55 / 1366 * 100vw);
  }
  .tonyu-chosei-block + .tonyu-chosei-block {
    margin-top: calc(32 / 1366 * 100vw);
  }
  .tonyu-chosei-block__body {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: calc(20 / 1366 * 100vw);
  }
  .tonyu-chosei-block__image {
    max-width: calc(318 / 1366 * 100vw);
    width: 100%;
    flex-shrink: 0;
  }
  .tonyu-chosei-block__contents {
    max-width: calc(800 / 1366 * 100vw);
    width: 100%;
  }
  .tonyu-chosei-block__contents__text {
    font-size: calc(15 / 16 * 1rem);
    font-weight: 500;
    letter-spacing: 0.015em;
    line-height: calc(28 / 15);
  }

  .tonyu-chosei-block:nth-child(2n) .tonyu-chosei-block__body {
    flex-direction: row-reverse;
  }

  /*************************************/
  .tonyu-chosei-block.--block-01 {
  }
  .tonyu-chosei-block.--block-01 .tonyu-chosei-block__image {
    max-width: calc(283 / 1366 * 100vw);
    width: 100%;
  }
  .tonyu-chosei-block.--block-02 {
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__body {
    gap: calc(75 / 1366 * 100vw);
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__contents {
    max-width: calc(704 / 1366 * 100vw);
    width: 100%;
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__image {
    border-radius: calc(10 / 1366 * 100vw);
    box-shadow: calc(12 / 1366 * 100vw) calc(12 / 1366 * 100vw) 0 0 #dbf0ea;
    max-width: calc(318 / 1366 * 100vw);
    width: 100%;
  }
}

@media (max-width: 767px) {
  .tonyu-chonai {
    padding-top: calc(100 / 750 * 100vw);
    padding-bottom: calc(90 / 750 * 100vw);
  }
  .tonyu-chonai__title {
    text-align: center;
  }
  .tonyu-chonai__title__label {
    padding-left: calc(72 / 750 * 100vw);
    padding-right: calc(72 / 750 * 100vw);
    color: #01653e;
    font-size: calc(56 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(56 / 32);
    font-feature-settings: "palt";
    position: relative;
  }
  .tonyu-chonai__title__label:before {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_01.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(42 / 750 * 100vw);
    width: 100%;
    height: calc(56 / 750 * 100vw);
    position: absolute;
    top: calc(12 / 750 * 100vw);
    left: 0;
  }
  .tonyu-chonai__title__label:after {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_02.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(50 / 750 * 100vw);
    width: 100%;
    height: calc(65 / 750 * 100vw);
    position: absolute;
    top: calc(12 / 750 * 100vw);
    right: 0;
  }
  .tonyu-chonai__inner {
    padding-left: calc(40 / 750 * 100vw);
    padding-right: calc(40 / 750 * 100vw);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-chosei-block {
    margin-top: calc(25 / 750 * 100vw);
  }
  .tonyu-chosei-block + .tonyu-chosei-block {
    margin-top: calc(70 / 750 * 100vw);
  }
  .tonyu-chosei-block__body {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: calc(10 / 750 * 100vw);
  }
  .tonyu-chosei-block__image {
    width: 100%;
    order: 2;
  }
  .tonyu-chosei-block__contents {
    width: 100%;
    order: 1;
  }
  .tonyu-chosei-block__contents__text {
    font-size: calc(30 / 750 * 100vw);
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: calc(54 / 30);
  }

  .tonyu-chosei-block:nth-child(2n) .tonyu-chosei-block__body {
  }

  /*************************************/
  .tonyu-chosei-block.--block-01 {
  }
  .tonyu-chosei-block.--block-01 .tonyu-chosei-block__image {
    max-width: calc(492 / 750 * 100vw);
    position: relative;
    left: calc(22 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-chosei-block.--block-02 {
    padding-bottom: calc(45 / 750 * 100vw);
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__body {
    gap: calc(40 / 750 * 100vw);
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__contents {
  }
  .tonyu-chosei-block.--block-02 .tonyu-chosei-block__image {
    border-radius: calc(10 / 750 * 100vw);
    box-shadow: calc(28 / 750 * 100vw) calc(45 / 750 * 100vw) 0 0 #dbf0ea;
    max-width: calc(640 / 750 * 100vw);
    width: 100%;
  }
}

/* --------------------------------------------------------------------------
  TONYU RECIPE 食生活に豆乳をアレンジレシピ
-------------------------------------------------------------------------- */

@media (min-width: 768px) {
  .tonyu-recipe {
    background-color: #fcf7ea;
    padding-top: calc(154 / 16 * 1rem);
    padding-bottom: calc(104 / 16 * 1rem);
  }
  .tonyu-recipe-wrap {
    position: relative;
    background: #fff;
    border: calc(3 / 16 * 1rem) solid #01653e;
    box-shadow: calc(6 / 16 * 1rem) calc(6 / 16 * 1rem) 0 0 #01653e;
    border-radius: calc(10 / 16 * 1rem);
    padding: 0 calc(0 / 16 * 1rem) calc(40 / 16 * 1rem) calc(0 / 16 * 1rem);
    max-width: calc(1080 / 16 * 1rem);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-recipe-wrap::before {
    content: "";
    position: absolute;
    top: calc(-69 / 16 * 1rem);
    left: 50%;
    transform: translateX(-50%);
    background: url(../../img/when_bg.svg) no-repeat center / contain;
    max-width: calc(325 / 16 * 1rem);
    width: 100%;
    height: calc(85 / 16 * 1rem);
    z-index: 0;
  }
  .tonyu-recipe__title {
    text-align: center;
    margin-bottom: calc(25 / 16 * 1rem);
    position: relative;
    left: calc(-5 / 16 * 1rem);
    z-index: 1;
    margin-top: calc(-35 / 16 * 1rem);
    max-width: calc(303 / 16 * 1rem);
    width: 100%;
    margin-inline: auto;
  }
  .recipe__title__label {
    padding-top: calc(70 / 16 * 1rem);
    padding-bottom: calc(6 / 16 * 1rem);
    color: #01653e;
    font-size: calc(40 / 16 * 1rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(40 / 30);
    font-feature-settings: "palt";
    position: relative;
    display: block;
  }
  .recipe__title__label:before {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_03.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(64 / 16 * 1rem);
    width: 100%;
    height: calc(64 / 16 * 1rem);
    position: absolute;
    top: calc(0 / 16 * 1rem);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .recipe__title__label:after {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(3 / 16 * 1rem);
    left: 0;
    top: 100%;
    background: #01965c;
  }
  .recipe__title__label__strong {
    font-size: calc(28.5 / 16 * 1rem);
  }
  .recipe__title__label__small {
    font-size: calc(21 / 16 * 1rem);
  }

  /**********************************/
  .tonyu-recipe-block-wrapper {
    margin-top: calc(65 / 16 * 1rem);
  }
  .tonyu-recipe-block-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }
  .tonyu-recipe-block {
    padding-bottom: calc(40 / 16 * 1rem);
    max-width: calc(874 / 16 * 1rem);
    width: 100%;
  }
  .tonyu-recipe-block__image__object {
    border-radius: calc(10 / 16 * 1rem);
    overflow: hidden;
  }
  .tonyu-recipe-block__contents {
    opacity: 0;
    margin-top: calc(50 / 16 * 1rem);
  }
  .tonyu-recipe-block__contents__copy {
    font-size: calc(28 / 16 * 1rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(32 / 28);
    font-feature-settings: "palt";
    text-align: center;
    color: #01653e;
  }
  .tonyu-recipe-block__contents__title {
    max-width: calc(576 / 16 * 1rem);
    width: 100%;
    margin-top: calc(30 / 16 * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-recipe-block__contents__title__link {
    background-color: #01956b;
    border-radius: calc(14 / 16 * 1rem);
    font-size: calc(22 / 16 * 1rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(32 / 22);
    font-feature-settings: "palt";
    height: calc(75 / 16 * 1rem);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
  }
  .tonyu-recipe-block__contents__title__link:hover {
    opacity: 0.7;
  }
  .tonyu-recipe-block__contents__text {
    font-size: calc(14 / 16 * 1rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: calc(28 / 14);
    margin-top: calc(40 / 16 * 1rem);
  }
  .slick-active .tonyu-recipe-block__contents {
    opacity: 1;
  }
}

@media (min-width: 768px) and (max-width: 1366px) {
  .tonyu-recipe {
    background-color: #fcf7ea;
    padding-top: calc(154 / 1366 * 100vw);
    padding-bottom: calc(104 / 1366 * 100vw);
  }
  .tonyu-recipe-wrap {
    position: relative;
    background: #fff;
    border: calc(3 / 1366 * 100vw) solid #01653e;
    box-shadow: calc(6 / 1366 * 100vw) calc(6 / 1366 * 100vw) 0 0 #01653e;
    border-radius: calc(10 / 1366 * 100vw);
    padding: 0 calc(0 / 1366 * 100vw) calc(40 / 1366 * 100vw) calc(0 / 1366 * 100vw);
    max-width: calc(1080 / 1366 * 100vw);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-recipe-wrap::before {
    content: "";
    position: absolute;
    top: calc(-69 / 1366 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    background: url(../../img/when_bg.svg) no-repeat center / contain;
    max-width: calc(325 / 1366 * 100vw);
    width: 100%;
    height: calc(85 / 1366 * 100vw);
    z-index: 0;
  }
  .tonyu-recipe__title {
    text-align: center;
    margin-bottom: calc(25 / 1366 * 100vw);
    position: relative;
    left: calc(-5 / 1366 * 100vw);
    z-index: 1;
    margin-top: calc(-35 / 1366 * 100vw);
    max-width: calc(303 / 1366 * 100vw);
    width: 100%;
    margin-inline: auto;
  }
  .recipe__title__label {
    padding-top: calc(70 / 1366 * 100vw);
    padding-bottom: calc(6 / 1366 * 100vw);
    color: #01653e;
    font-size: calc(40 / 1366 * 100vw);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(40 / 30);
    font-feature-settings: "palt";
    position: relative;
    display: block;
  }
  .recipe__title__label:before {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_03.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(64 / 1366 * 100vw);
    width: 100%;
    height: calc(64 / 1366 * 100vw);
    position: absolute;
    top: calc(0 / 1366 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .recipe__title__label:after {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(3 / 1366 * 100vw);
    left: 0;
    top: 100%;
    background: #01965c;
  }
  .recipe__title__label__strong {
    font-size: calc(28.5 / 1366 * 100vw);
  }
  .recipe__title__label__small {
    font-size: calc(21 / 1366 * 100vw);
  }

  /**********************************/
  .tonyu-recipe-block-wrapper {
    margin-top: calc(65 / 1366 * 100vw);
  }
  .tonyu-recipe-block-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }
  .tonyu-recipe-block {
    padding-bottom: calc(40 / 1366 * 100vw);
    max-width: calc(874 / 1366 * 100vw);
    width: 100%;
  }
  .tonyu-recipe-block__image__object {
    border-radius: calc(10 / 1366 * 100vw);
    overflow: hidden;
  }
  .tonyu-recipe-block__contents {
    opacity: 0;
    transition: 0.3s ease;
    margin-top: calc(50 / 1366 * 100vw);
  }
  .tonyu-recipe-block__contents__copy {
    font-size: calc(28 / 1366 * 100vw);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(32 / 28);
    font-feature-settings: "palt";
    text-align: center;
    color: #01653e;
  }
  .tonyu-recipe-block__contents__title {
    max-width: calc(576 / 1366 * 100vw);
    width: 100%;
    margin-top: calc(30 / 1366 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-recipe-block__contents__title__link {
    background-color: #01956b;
    border-radius: calc(14 / 1366 * 100vw);
    font-size: calc(22 / 1366 * 100vw);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(32 / 22);
    font-feature-settings: "palt";
    height: calc(75 / 1366 * 100vw);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
  }
  .tonyu-recipe-block__contents__title__link:hover {
    opacity: 0.7;
  }
  .tonyu-recipe-block__contents__text {
    font-size: calc(14 / 1366 * 100vw);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: calc(28 / 14);
    margin-top: calc(40 / 1366 * 100vw);
  }
  .slick-active .tonyu-recipe-block__contents {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .tonyu-recipe {
    /* background-color: #fcf7ea;
    padding-top: calc(154 / 750 * 100vw);
    padding-bottom: calc(104 / 750 * 100vw); */
    padding-left: calc(40 / 750 * 100vw);
    padding-right: calc(40 / 750 * 100vw);
  }
  .tonyu-recipe-wrap {
    position: relative;
    background: #fff;
    border: calc(3 / 750 * 100vw) solid #01653e;
    box-shadow: 0 calc(10 / 750 * 100vw) 0 0 #01653e;
    border-radius: calc(20 / 750 * 100vw);
    padding: 0 calc(0 / 750 * 100vw) calc(34 / 750 * 100vw) calc(0 / 750 * 100vw);
    /* margin-top: calc(185 / 750 * 100vw); */
    margin-top: calc(130 / 750 * 100vw);
  }
  .tonyu-recipe-wrap::before {
    content: "";
    position: absolute;
    top: calc(-200 / 750 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    width: calc(416 / 750 * 100vw);
    height: calc(280 / 750 * 100vw);
    background: url(../../img/when_bg_sp.svg) center center / contain no-repeat;
    z-index: 0;
  }
  .tonyu-recipe__title {
    text-align: center;
    margin-bottom: calc(25 / 750 * 100vw);
    position: relative;
    left: calc(-5 / 750 * 100vw);
    z-index: 1;
    margin-top: calc(-80 / 750 * 100vw);
    max-width: calc(303 / 750 * 100vw);
    width: 100%;
    margin-inline: auto;
  }
  .recipe__title__label {
    padding-top: calc(70 / 750 * 100vw);
    padding-bottom: calc(6 / 750 * 100vw);
    color: #01653e;
    font-size: calc(40 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(40 / 28);
    font-feature-settings: "palt";
    position: relative;
    display: block;
  }
  .recipe__title__label:before {
    content: "";
    background-image: url(../../img/healthy_life/ico_health-life_03.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: calc(64 / 750 * 100vw);
    width: 100%;
    height: calc(64 / 750 * 100vw);
    position: absolute;
    top: calc(0 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .recipe__title__label:after {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(3 / 750 * 100vw);
    left: 0;
    top: 100%;
    background: #01965c;
  }
  .recipe__title__label__strong {
    font-size: calc(36 / 750 * 100vw);
  }
  .recipe__title__label__small {
    font-size: calc(26 / 750 * 100vw);
  }

  /**********************************/
  .tonyu-recipe-block-wrapper {
    margin-top: calc(65 / 750 * 100vw);
  }
  .tonyu-recipe-block-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
  }
  .tonyu-recipe-block {
    padding-bottom: calc(40 / 750 * 100vw);
    max-width: calc(544 / 750 * 100vw);
    width: 100%;
  }
  .tonyu-recipe-block__image__object {
    border-radius: calc(10 / 750 * 100vw);
    overflow: hidden;
  }
  .tonyu-recipe-block__contents {
    opacity: 0;
    transition: 0.3s ease;
    margin-top: calc(40 / 750 * 100vw);
  }
  .tonyu-recipe-block__contents__copy {
    font-size: calc(28 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(32 / 28);
    font-feature-settings: "palt";
    text-align: center;
    color: #01653e;
  }
  .tonyu-recipe-block__contents__title {
    max-width: calc(576 / 750 * 100vw);
    width: 100%;
    margin-top: calc(30 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  .tonyu-recipe-block__contents__title__link {
    background-color: #01956b;
    border-radius: calc(14 / 750 * 100vw);
    font-size: calc(23 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: calc(32 / 24);
    font-feature-settings: "palt";
    height: calc(75 / 750 * 100vw);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
  }
  .tonyu-recipe-block__contents__title__link:hover {
    opacity: 0.7;
  }
  .tonyu-recipe-block__contents__text {
    font-size: calc(20 / 750 * 100vw);
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: calc(28 / 20);
    margin-top: calc(20 / 750 * 100vw);
  }
  .slick-active .tonyu-recipe-block__contents {
    opacity: 1;
  }
}

/* --------------------------------------------------------------------------
  TONYU RECIPE SLIDER
-------------------------------------------------------------------------- */

@media (min-width: 768px) {
  .recipe-slide-dots .slick-slide {
  }
  .recipe-slide-dots .slick-dots {
    position: static;
  }

  .recipe-slide-prev,
  .recipe-slide-next {
    border-radius: 100%;
    background-color: #fff;
    border: calc(3 / 16 * 1rem) solid #01653e;
    color: #fff;
    max-width: calc(54 / 16 * 1rem);
    width: 100%;
    height: calc(54 / 16 * 1rem);
    position: absolute;
    top: calc(220 / 16 * 1rem);
    z-index: 1000;
    cursor: pointer;
    transition: 0.3s ease;
  }
  .recipe-slide-prev:before,
  .recipe-slide-next:before {
    content: "";
    border: calc(3 / 16 * 1rem) solid #01653e;
    border-right: 0;
    border-bottom: 0;
    border-radius: 2px;
    display: block;
    max-width: calc(18 / 16 * 1rem);
    width: 100%;
    height: calc(18 / 16 * 1rem);
    transform: rotate(-45deg);
    position: relative;
    left: calc(18 / 16 * 1rem);
  }
  .recipe-slide-next:before {
    transform: rotate(135deg);
    left: calc(12 / 16 * 1rem);
  }

  .recipe-slide-prev {
    left: calc(-28 / 16 * 1rem);
  }
  .recipe-slide-next {
    left: auto;
    right: calc(-32 / 16 * 1rem);
  }
  .recipe-slide-prev:hover,
  .recipe-slide-next:hover {
    transform: scale(1.1, 1.1);
  }

  .tonyu-recipe-block-wrapper .slick-slide {
    padding: 0 calc(20 / 16 * 1rem);
  }

  .tonyu-recipe-block-wrapper .slick-list {
  }

  .tonyu-recipe-block-wrapper .slick-dots li {
    margin: 0 calc(10 / 16 * 1rem);
  }
  .tonyu-recipe-block-wrapper .slick-dots li button:before {
    content: "";
    opacity: 1;
    background-color: #a9a9a9;
    border-radius: 100%;
    width: calc(13 / 16 * 1rem);
    height: calc(13 / 16 * 1rem);
  }
  .tonyu-recipe-block-wrapper .slick-dots li.slick-active button:before {
    background-color: #039252;
  }
}

@media (min-width: 768px) and (max-width: 1366px) {
  .recipe-slide-dots .slick-slide {
  }
  .recipe-slide-dots .slick-dots {
    position: static;
  }

  .recipe-slide-prev,
  .recipe-slide-next {
    border-radius: 100%;
    background-color: #fff;
    border: calc(3 / 1366 * 100vw) solid #01653e;
    color: #fff;
    max-width: calc(54 / 1366 * 100vw);
    width: 100%;
    height: calc(54 / 1366 * 100vw);
    position: absolute;
    top: calc(220 / 1366 * 100vw);
    z-index: 1000;
    cursor: pointer;
    transition: 0.3s ease;
  }
  .recipe-slide-prev:before,
  .recipe-slide-next:before {
    content: "";
    border: calc(3 / 1366 * 100vw) solid #01653e;
    border-right: 0;
    border-bottom: 0;
    border-radius: 2px;
    display: block;
    max-width: calc(18 / 1366 * 100vw);
    width: 100%;
    height: calc(18 / 1366 * 100vw);
    transform: rotate(-45deg);
    position: relative;
    left: calc(18 / 1366 * 100vw);
  }
  .recipe-slide-next:before {
    transform: rotate(135deg);
    left: calc(12 / 1366 * 100vw);
  }

  .recipe-slide-prev {
    left: calc(-28 / 1366 * 100vw);
  }
  .recipe-slide-next {
    left: auto;
    right: calc(-32 / 1366 * 100vw);
  }
  .recipe-slide-prev:hover,
  .recipe-slide-next:hover {
    transform: scale(1.1, 1.1);
  }

  .tonyu-recipe-block-wrapper .slick-slide {
    padding: 0 calc(20 / 1366 * 100vw);
  }

  .tonyu-recipe-block-wrapper .slick-list {
  }

  .tonyu-recipe-block-wrapper .slick-dots li {
    margin: 0 calc(10 / 1366 * 100vw);
  }
  .tonyu-recipe-block-wrapper .slick-dots li button:before {
    content: "";
    opacity: 1;
    background-color: #a9a9a9;
    border-radius: 100%;
    width: calc(13 / 1366 * 100vw);
    height: calc(13 / 1366 * 100vw);
  }
  .tonyu-recipe-block-wrapper .slick-dots li.slick-active button:before {
    background-color: #039252;
  }
}

@media (max-width: 767px) {
  .recipe-slide-dots .slick-slide {
  }
  .recipe-slide-dots .slick-dots {
    position: static;
  }

  .recipe-slide-prev,
  .recipe-slide-next {
    border-radius: 100%;
    background-color: #fff;
    border: calc(3 / 750 * 100vw) solid #01653e;
    color: #fff;
    max-width: calc(44 / 750 * 100vw);
    width: 100%;
    height: calc(44 / 750 * 100vw);
    position: absolute;
    top: calc(140 / 750 * 100vw);
    z-index: 1000;
    cursor: pointer;
    transition: 0.3s ease;
  }
  .recipe-slide-prev:before,
  .recipe-slide-next:before {
    content: "";
    border: calc(4 / 750 * 100vw) solid #01653e;
    border-right: 0;
    border-bottom: 0;
    border-radius: 2px;
    display: block;
    max-width: calc(16 / 750 * 100vw);
    width: 100%;
    height: calc(16 / 750 * 100vw);
    transform: rotate(-45deg);
    position: relative;
    left: calc(13 / 750 * 100vw);
  }
  .recipe-slide-next:before {
    transform: rotate(135deg);
    left: calc(8 / 750 * 100vw);
  }

  .recipe-slide-prev {
    left: calc(-22 / 750 * 100vw);
  }
  .recipe-slide-next {
    left: auto;
    right: calc(-24 / 750 * 100vw);
  }
  .recipe-slide-prev:hover,
  .recipe-slide-next:hover {
    transform: scale(1.1, 1.1);
  }

  .tonyu-recipe-block-wrapper .slick-slide {
    padding: 0 calc(9 / 750 * 100vw);
  }

  .tonyu-recipe-block-wrapper .slick-list {
  }
  .tonyu-recipe-block-wrapper .slick-dots li {
    margin: 0 calc(13 / 750 * 100vw);
  }
  .tonyu-recipe-block-wrapper .slick-dots li button:before {
    content: "";
    opacity: 1;
    background-color: #a9a9a9;
    border-radius: 100%;
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
  }
  .tonyu-recipe-block-wrapper .slick-dots li,
  .tonyu-recipe-block-wrapper .slick-dots li button {
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
  }
  .tonyu-recipe-block-wrapper .slick-dots li.slick-active button:before {
    background-color: #039252;
  }
}