:root {
  --features-node-w: calc(100% / 3);
}

.agency-page- ul,
.agency-page- li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.agency-page- a {
  text-decoration: none;
}
.agency-page- .c-inline {
  display: inline-block;
}
.agency-page- .c-font-en {
  font-family: "Futura Std", sans-serif;
}
.agency-page- .c-optical {
  font-feature-settings: "palt";
}
.agency-page- .c-inner {
  padding: 0 15px;
}
.agency-page- .c-button {
  display: inline-block;
  width: 100%;
  max-width: 156px;
  font-size: 12.54px;
  line-height: 1;
  padding: 9px 20px;
  border-radius: 999px;
  border: 1px solid #000;
  transition: background 0.3s, border-color 0.3s, color 0.3s;
}
@media screen and (max-width: 768px) {
  .agency-page- .c-button {
    max-width: 130px;
  }
}
.agency-page- .c-button.c-button--hover-green:hover {
  background: rgba(103, 169, 111, 0.1);
  border-color: rgba(103, 169, 111, 0.1);
}
.agency-page- .c-button.c-button--hover-white:hover {
  background: #fff;
  border-color: #fff;
}
.agency-page- .c-button.c-button--white {
  color: #fff;
  border: 1px solid #fff;
}
.agency-page- .c-button.c-button--white:hover {
  color: #000;
}
.agency-page- .c-buttons {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .agency-page- .c-buttons {
    margin-top: 60px;
  }
}
.agency-page- .c-buttons.c-buttons--column {
  flex-direction: column;
  align-items: center;
  gap: 11px;
}
.agency-page- .c-sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .agency-page- .c-sp-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .agency-page- .c-pc-only {
    display: none;
  }
}
.agency-page- .fv {
  background: url(/on/demandware.static/-/Sites-MEL_JP-Library/ja_JP/data/melvita/lorvegetal/bg-fv.jpg) center center/cover;
}
@media screen and (max-width: 1024px) {
  .agency-page- .fv {
    background: url(/on/demandware.static/-/Sites-MEL_JP-Library/ja_JP/data/melvita/lorvegetal/bg-fv-sp.jpg) center center/cover;
  }
}
.agency-page- .fv_inner {
  height: calc(100vh - 182px);
  min-height: 500px;
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .agency-page- .fv_inner {
    height: 720px;
  }
}
.agency-page- .fv_en {
  font-size: 18.24px;
  font-family: "Futura Std", sans-serif;
  font-weight: 500;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .agency-page- .fv_en {
    font-size: 14.592px;
  }
}
.agency-page- .fv_ja {
  font-size: 27.36px;
  margin: 12px 0 0;
}
@media screen and (max-width: 768px) {
  .agency-page- .fv_ja {
    margin: 30px 0 0;
    font-size: 23.94px;
    line-height: 1.7;
  }
}
.agency-page- .product {
  height: calc(100vh - 142px);
  min-height: 600px;
  background: url(/on/demandware.static/-/Sites-MEL_JP-Library/ja_JP/data/melvita/lorvegetal/bg-product.jpg) 45% 50%/cover;
  margin-top: -1px;
}
@media screen and (max-width: 768px) {
  .agency-page- .product {
    height: calc(100vh - 56px);
    min-height: 560px;
    max-height: 680px;
    background-image: linear-gradient(to bottom, rgba(32, 38, 33, 0.5) 0%, transparent 70%, transparent 100%), url(/on/demandware.static/-/Sites-MEL_JP-Library/ja_JP/data/melvita/lorvegetal/bg-product-sp.jpg);
    background-position: center center, center top;
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
  }
}
.agency-page- .product_inner {
  height: 100%;
  display: flex;
  padding: 0 10.1752402487vw;
}
@media screen and (max-width: 768px) {
  .agency-page- .product_inner {
    justify-content: center;
  }
}
.agency-page- .product_contents {
  margin-left: auto;
  color: #fff;
  text-align: center;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 768px) {
  .agency-page- .product_contents {
    margin-left: initial;
    display: block;
    place-content: initial;
  }
}
.agency-page- .product_title {
  font-size: 54.72px;
  margin-top: 24px;
  font-family: "Futura Std", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .agency-page- .product_title {
    margin: 8.5vh 0 0;
    font-size: 34.2px;
  }
}
.agency-page- .product_text {
  font-size: 15.96px;
  line-height: 2.2857142857;
}
@media screen and (max-width: 768px) {
  .agency-page- .product_text {
    font-size: 12px;
    line-height: 1.7543859649;
  }
}
@media screen and (max-width: 768px) {
  .agency-page- .product_buttons {
    margin-top: 30px;
  }
}
.agency-page- .narration {
  padding: 180px 0;
  background: rgba(103, 169, 111, 0.1);
}
@media screen and (max-width: 768px) {
  .agency-page- .narration {
    padding: 120px 0 100px;
  }
}
.agency-page- .narration_inner {
  display: grid;
  grid-template-columns: 1fr 41%;
  align-items: center;
  gap: 1.8089315998vw;
  padding: 0 7.914075749vw;
  max-width: 1600px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .agency-page- .narration_inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 30px;
    padding: 0 20px;
  }
}
.agency-page- .narration_contents {
  text-align: center;
}
.agency-page- .narration_title {
  font-size: 31.92px;
  line-height: 1.6428571429;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .agency-page- .narration_title {
    font-size: 19.608px;
    line-height: 1.7;
  }
}
.agency-page- .narration_text {
  margin-top: 54px;
  font-size: 15.96px;
  line-height: 2.4285714286;
}
@media screen and (max-width: 768px) {
  .agency-page- .narration_text {
    margin-top: 28px;
    font-size: 12.62208px;
    line-height: 2.1676300578;
  }
}
.agency-page- .narration_note {
  margin-top: 54px;
  font-size: 11.4px;
  line-height: 1.2727272727;
}
@media screen and (max-width: 768px) {
  .agency-page- .narration_note {
    margin-top: 48px;
    font-size: 9.12px;
    line-height: 1.75;
  }
}
.agency-page- .narration_media {
  width: 80%;
  max-width: 460px;
  margin-left: auto;
  aspect-ratio: 643/959;
}
@media screen and (max-width: 768px) {
  .agency-page- .narration_media {
    width: 82%;
    max-width: 400px;
    margin-left: initial;
  }
}
.agency-page- .narration_media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .agency-page- .narration_media video {
    aspect-ratio: 643/959;
  }
}
.agency-page- .features_list {
  display: flex;
}
@media screen and (max-width: 768px) {
  .agency-page- .features_list {
    height: calc(100vh - 56px);
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, 1fr);
  }
}
.agency-page- .features_node {
  flex-shrink: 0;
  width: var(--features-node-w);
  aspect-ratio: 589/931;
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
  font-size: 27.816px;
}
@media screen and (max-width: 768px) {
  .agency-page- .features_node {
    aspect-ratio: initial;
    font-size: 19.608px;
  }
}
.agency-page- .features_node:nth-child(n+1) {
  margin-left: -1px;
}
@media screen and (max-width: 768px) {
  .agency-page- .features_node:nth-child(n+1) {
    width: initial;
    margin-left: initial;
    margin-top: -1px;
  }
}
.agency-page- .features_node:nth-child(1) {
  background: url(/on/demandware.static/-/Sites-MEL_JP-Library/ja_JP/data/melvita/lorvegetal/bg-feature-01.jpg) center center/cover;
}
.agency-page- .features_node:nth-child(2) {
  background: url(/on/demandware.static/-/Sites-MEL_JP-Library/ja_JP/data/melvita/lorvegetal/bg-feature-02.jpg) center center/cover;
}
.agency-page- .features_node:nth-child(3) {
  background: url(/on/demandware.static/-/Sites-MEL_JP-Library/ja_JP/data/melvita/lorvegetal/bg-feature-03.jpg) center center/cover;
}
.agency-page- .feature_section {
  padding: 260px 0;
  background: rgba(103, 169, 111, 0.1);
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section {
    padding: 120px 0 100px;
  }
}
.agency-page- .feature_section:nth-child(2n) {
  background: #fff;
}
.agency-page- .feature_inner {
  display: grid;
  grid-template-columns: 46% 1fr;
  grid-template-areas: "f-img f-contents";
  align-items: center;
  gap: 4.7484454494vw;
  padding: 0 8.8185415489vw 0 11.9841718485vw;
  max-width: 1600px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 52px;
    padding: 0 15px;
  }
}
.agency-page- .feature_img {
  width: 100%;
  max-width: 520px;
  margin-right: auto;
  aspect-ratio: 643/959;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: f-img;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_img {
    width: 84%;
    max-width: 400px;
    margin-right: initial;
  }
}
.agency-page- .feature_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agency-page- .feature_contents {
  text-align: center;
  grid-area: f-contents;
}
.agency-page- .feature_title {
  margin: 0;
  font-size: 27.36px;
  line-height: 1.6666666667;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_title {
    font-size: 19.608px;
    line-height: 1.7;
  }
}
.agency-page- .feature_title .small {
  font-size: 0.4em;
  vertical-align: text-top;
}
.agency-page- .feature_text {
  margin: 18px 0 0;
  font-size: 13.68px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_text {
    margin: 24px 0 0;
    font-size: 12.62208px;
    line-height: 2.1676300578;
  }
}
.agency-page- .feature_text .note {
  font-size: 0.85em;
  display: block;
  margin-top: 5px;
}
.agency-page- .feature_country {
  margin-top: 50px;
  font-size: 13.68px;
}
.agency-page- .feature_note {
  margin-top: 36px;
  font-size: 11.4px;
  line-height: 1.6;
}
.agency-page- .feature_buttons {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_buttons {
    margin-top: 80px;
  }
}
.agency-page- .feature_detail {
  margin-top: 40px;
}
.agency-page- .detail-list_title {
  font-size: 27.36px;
  margin-bottom: 10px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .agency-page- .detail-list_title {
    font-size: 22.8px;
    line-height: 1.75;
  }
}
.agency-page- .detail-list_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .agency-page- .detail-list_list {
    gap: 7px;
  }
}
.agency-page- .detail-list_node {
  width: 100%;
  max-width: 460px;
  padding: 13px 24px;
  border: 1px solid #000;
  border-radius: 999px;
  font-size: 14.364px;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .agency-page- .detail-list_node {
    max-width: 330px;
    padding: 9px 10px;
    font-size: 12.312px;
    letter-spacing: -0.04em;
  }
}
.agency-page- .feature_section--02 .feature_inner {
  grid-template-columns: 1fr 38.8%;
  grid-template-areas: "f-contents f-img";
  gap: 9.0446579989vw;
  padding: 0 15.3759185981vw 0 14.7540983607vw;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section--02 .feature_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 52px;
    padding: 0 15px;
  }
}
.agency-page- .feature_section--02 .feature_note {
  margin-top: 40px;
}
.agency-page- .feature_section--02 .feature_country {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section--02 .feature_country {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section--02 .feature_img {
    width: 72%;
  }
}
.agency-page- .feature_section--02 .feature_buttons {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section--02 .feature_buttons {
    margin-top: 80px;
  }
}
.agency-page- .feature_section--03 {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section--03 {
    padding: 0 0 100px;
  }
}
.agency-page- .feature_section--03 .feature_inner {
  display: flex;
  gap: 80px;
  padding: 0 10.1123595506vw 0 0;
  max-width: initial;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section--03 .feature_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 0 15px;
  }
}
.agency-page- .feature_section--03 .feature_img {
  width: min(900px, 100%);
  max-width: initial;
  margin-right: auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section--03 .feature_img {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    aspect-ratio: 1/1;
  }
}
.agency-page- .feature_section--03 .feature_contents {
  flex-shrink: 0;
  flex-grow: 1;
}
.agency-page- .detail-round_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 14px;
  row-gap: 18px;
  max-width: 300px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .agency-page- .detail-round_list {
    gap: 14px;
  }
}
.agency-page- .detail-round_node {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #000;
  display: grid;
  place-content: center;
}
.agency-page- .detail-round_title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12.54px;
  font-weight: normal;
  margin: 0;
}
.agency-page- .detail-round_title::before {
  content: attr(data-en);
  font-size: 15.96px;
  font-family: "Futura Std", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
.agency-page- .detail-round_text {
  margin-top: 20px;
  font-size: 11.4px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .agency-page- .detail-round_text {
    margin-top: 10px;
    font-size: 12.312px;
    line-height: 1.4450867052;
  }
}
.agency-page- .feature_section--03 .feature_buttons {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .agency-page- .feature_section--03 .feature_buttons {
    margin-top: 80px;
  }
}
.agency-page- .howto {
  padding: 160px 0 300px;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto {
    padding: 120px 0 100px;
  }
}
.agency-page- .howto_inner {
  padding: 0 8.7054833239vw;
  max-width: 1600px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_inner {
    padding: 0 20px;
  }
}
.agency-page- .howto_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-size: 20.52px;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_title {
    font-size: 15.96px;
  }
}
.agency-page- .howto_title::before {
  content: attr(data-en);
  font-size: 52.44px;
  font-family: "Futura Std", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_title::before {
    font-size: 36.48px;
    font-weight: normal;
  }
}
.agency-page- .howto_container {
  margin-top: 180px;
  display: flex;
  flex-direction: column;
  gap: 300px;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_container {
    margin-top: 36px;
    gap: 180px;
  }
}
.agency-page- .howto_section {
  display: grid;
  grid-template-columns: 1fr 56%;
  grid-template-areas: "contents img";
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_section {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 30px;
  }
}
.agency-page- .howto_section:nth-child(2n) {
  grid-template-columns: 56% 1fr;
  grid-template-areas: "img contents";
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_section:nth-child(2n) {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 30px;
  }
}
.agency-page- .howto_img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  grid-area: img;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_img {
    width: 68%;
  }
}
.agency-page- .howto_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agency-page- .howto_contents {
  grid-area: contents;
  text-align: center;
}
.agency-page- .howto_name-en {
  font-size: 22.8px;
  line-height: 1.3;
  font-family: "Futura Std", sans-serif;
  font-weight: 500;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_name-en {
    font-size: 19.152px;
    line-height: 1.3333333333;
  }
}
.agency-page- .howto_name-ja {
  margin: 6px 0 0;
  font-size: 18.24px;
  line-height: 1.625;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_name-ja {
    font-size: 12.62208px;
    line-height: 1.5714285714;
  }
}
.agency-page- .howto_ingredient {
  margin: 32px 0 0;
  font-size: 15.96px;
  line-height: 1.8571428571;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_ingredient {
    font-size: 13.68px;
    line-height: 1.895;
  }
}
.agency-page- .howto_ingredient .en {
  font-family: "Futura Std", sans-serif;
  letter-spacing: 0.07em;
}
.agency-page- .howto_text {
  margin: 32px 0 0;
  font-size: 15.96px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .agency-page- .howto_text {
    font-size: 13.68px;
    line-height: 1.75;
  }
}
.agency-page- .howto_text .small {
  font-size: 0.5em;
  vertical-align: top;
}
.agency-page- .howto_text .en {
  font-family: "Futura Std", sans-serif;
  letter-spacing: 0.07em;
}
.agency-page- .howto_note {
  margin: 10px 0 0;
  font-size: 11.4px;
  line-height: 1.75;
}
.agency-page- .howto_use {
  margin: 60px 0 0;
}
.agency-page- .use_title {
  font-size: 15.96px;
  font-weight: normal;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .agency-page- .use_title {
    font-size: 13.68px;
    line-height: 1.75;
  }
}
.agency-page- .use_text {
  display: block;
  max-width: 500px;
  margin: 10px 0 0;
  margin-inline: auto;
  padding: 20px 16px;
  background: rgba(103, 169, 111, 0.1);
  border-radius: 36px;
  font-size: 13.68px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .agency-page- .use_text {
    font-size: 12.54px;
    line-height: 1.9090909091;
    border-radius: 30px;
  }
}
.agency-page- .howto_buttons {
  margin-top: 70px;
}
.agency-page- .products {
  padding: 160px 0;
  background: rgba(103, 169, 111, 0.1);
}
@media screen and (max-width: 768px) {
  .agency-page- .products {
    padding: 80px 0 100px;
  }
}
.agency-page- .products_inner {
  padding: 0 4.5223289994vw;
  max-width: 1500px;
  margin-inline: auto;
}
.agency-page- .products_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(60px, 3.3917467496vw);
}
@media screen and (max-width: 768px) {
  .agency-page- .products_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 120px;
  }
}
.agency-page- .products_node {
  text-align: center;
}
.agency-page- .products_img {
  width: 100%;
  aspect-ratio: 542/596;
  max-width: 340px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .agency-page- .products_img {
    max-width: 300px;
    margin-inline: auto;
  }
}
.agency-page- .products_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.agency-page- .products_names {
  position: relative;
}
.agency-page- .products-en {
  margin: 0;
  font-size: 19.152px;
  line-height: 1.4444444444;
  font-family: "Futura Std", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .agency-page- .products-en {
    font-size: 19.152px;
    line-height: 1.3333333333;
  }
}
.agency-page- .products-ja {
  margin: 12px 0 0;
  font-size: 13.68px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .agency-page- .products-ja {
    font-size: 12.62208px;
  }
}
.agency-page- .products_ingredient {
  font-size: 15.96px;
  line-height: 1.4285714286;
}
@media screen and (max-width: 768px) {
  .agency-page- .products_ingredient {
    margin: 26px 0 0;
    font-size: 13.68px;
    line-height: 1.6666666667;
  }
}
.agency-page- .products_price {
  margin: 24px 0 0;
  font-size: 17.6472px;
}
@media screen and (max-width: 768px) {
  .agency-page- .products_price {
    margin: 28px 0 0;
    font-size: 18.24px;
    line-height: 1.625;
  }
}
.agency-page- .products_price .tax {
  font-size: 12.54px;
}
@media screen and (max-width: 768px) {
  .agency-page- .products_price .tax {
    font-size: 11.4px;
    line-height: 2.6;
  }
}
.agency-page- .products_saleday {
  margin: 8px 0 0;
  font-size: 13.68px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .agency-page- .products_saleday {
    font-size: 15.276px;
  }
}
.agency-page- .products_buttons {
  margin-top: 40px;
}/*# sourceMappingURL=origin.css.map */