@charset "UTF-8";
/* ----------------------------------------
	コンテンツの設定
 ---------------------------------------- */
#main {
  padding-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .page-footer {
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-footer {
    margin-top: calc(clamp(0px, 16vw, 16vw) * 1);
  }
}

.lp-our-philosophy {
  /* ----------------------------------------
  	keyvisual
  ---------------------------------------- */
  /* ----------------------------------------
  	promise
  ---------------------------------------- */
  /* ----------------------------------------
  	anchor
  ---------------------------------------- */
  /* ----------------------------------------
  	banner
  ---------------------------------------- */
  /* ----------------------------------------
  	sciencerelease
  ---------------------------------------- */
  /* ----------------------------------------
  	madeinjapan
  ---------------------------------------- */
  /* ----------------------------------------
  	bestcosme
  ---------------------------------------- */
  /* ----------------------------------------
  	beginnings
  ---------------------------------------- */
}
.lp-our-philosophy .keyvisual {
  position: relative;
  display: flex;
  align-items: center;
}
.lp-our-philosophy .keyvisual .keyvisual__image {
  display: block;
  width: 100%;
}
.lp-our-philosophy .keyvisual .keyvisual__inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.lp-our-philosophy .keyvisual .keyvisual__text {
  text-align: center;
}
.lp-our-philosophy .keyvisual .keyvisual__title {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .keyvisual .keyvisual__title {
    margin-bottom: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .keyvisual .keyvisual__title {
    margin-bottom: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    font-size: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
  }
}
.lp-our-philosophy .keyvisual .keyvisual__lead {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .keyvisual .keyvisual__lead {
    font-size: calc(clamp(0px, 1.5625vw, 30px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .keyvisual .keyvisual__lead {
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise {
    padding-top: calc(clamp(0px, 2.5vw, 48px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .promise {
    padding-top: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-our-philosophy .promise .promise__head {
  text-align: center;
}
.lp-our-philosophy .promise .promise__contents {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise .promise__contents {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    margin-block: calc(clamp(0px, 2.5vw, 48px) * 1);
    gap: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .promise .promise__contents {
    margin-block: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    flex-flow: column nowrap;
    gap: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
.lp-our-philosophy .promise .promise__card {
  background-color: #FAFAFA;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise .promise__card {
    width: calc(clamp(0px, 26.9270833333vw, 517px) * 1);
    padding-top: calc(clamp(0px, 1.5625vw, 30px) * 1);
    padding-bottom: calc(clamp(0px, 1.9270833333vw, 37px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .promise .promise__card {
    width: 100%;
    padding: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-our-philosophy .promise .promise__title {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise .promise__icon {
    margin-bottom: calc(clamp(0px, 0.4166666667vw, 8px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .promise .promise__icon {
    margin-bottom: calc(clamp(0px, 1.6vw, 1.6vw) * 1);
  }
}
.lp-our-philosophy .promise .promise__icon img {
  width: auto;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise .promise__icon img {
    height: calc(clamp(0px, 1.71875vw, 33px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .promise .promise__icon img {
    height: calc(clamp(0px, 6.9333333333vw, 6.9333333333vw) * 1);
  }
}
.lp-our-philosophy .promise .promise__text {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise .promise__text {
    margin-bottom: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 1.4583333333vw, 28px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .promise .promise__text {
    margin-bottom: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    font-size: calc(clamp(0px, 5.6vw, 5.6vw) * 1);
  }
}
.lp-our-philosophy .promise .promise__list {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.lp-our-philosophy .promise .promise__item {
  list-style: disc;
  margin-left: 0.5em;
  line-height: 170%;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise .promise__item {
    font-size: calc(clamp(0px, 0.9375vw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .promise .promise__item {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise .promise__item + .promise__item {
    margin-top: calc(clamp(0px, 0.4166666667vw, 8px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .promise .promise__item + .promise__item {
    margin-top: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1);
  }
}
.lp-our-philosophy .promise .promise__note {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .promise .promise__note {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .anchor {
    margin-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .anchor {
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-our-philosophy .anchor .anchor__list {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .anchor .anchor__list {
    justify-content: center;
    gap: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .anchor .anchor__list {
    flex-flow: column nowrap;
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.lp-our-philosophy .anchor .anchor__link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ADDDB7;
  position: relative;
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .anchor .anchor__link {
    width: calc(clamp(0px, 17.5vw, 336px) * 1);
    height: calc(clamp(0px, 5.2083333333vw, 100px) * 1);
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .anchor .anchor__link {
    padding-inline: calc(clamp(0px, 8vw, 8vw) * 1);
    height: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
.lp-our-philosophy .anchor .anchor__link:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  border-bottom: solid #1A1A1A;
  border-left: solid #1A1A1A;
  transform: rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .anchor .anchor__link:after {
    margin-top: calc(clamp(0px, 0.4166666667vw, 8px) * -1);
    border-width: calc(clamp(0px, 0.1041666667vw, 2px) * 1);
    right: calc(clamp(0px, 1.5625vw, 30px) * 1);
    width: calc(clamp(0px, 0.46875vw, 9px) * 1);
    height: calc(clamp(0px, 0.46875vw, 9px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .anchor .anchor__link:after {
    margin-top: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * -1);
    border-width: calc(clamp(0px, 0.2666666667vw, 0.2666666667vw) * 1);
    right: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    width: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1);
    height: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .banner {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .banner {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
  }
}
.lp-our-philosophy .banner .banner__list {
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .banner .banner__list {
    margin-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    gap: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .banner .banner__list {
    margin-top: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    gap: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
  }
}
.lp-our-philosophy .banner .banner__item {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .banner .banner__item {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .banner .banner__image {
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .banner .banner__text {
    position: absolute;
    padding-left: calc(clamp(0px, 4.5833333333vw, 88px) * 1);
  }
}
.lp-our-philosophy .banner .banner__title {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .banner .banner__title {
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .banner .banner__title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .banner .banner__button {
    margin-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .banner .banner__button {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .sciencerelease {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-our-philosophy .sciencerelease .sciencerelease__list {
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__list {
    gap: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__list {
    gap: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
  }
}
.lp-our-philosophy .sciencerelease .sciencerelease__item {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__item--sciencerelease {
    justify-content: center;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__image {
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__text {
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.lp-our-philosophy .sciencerelease .sciencerelease__title {
  line-height: 150%;
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__title {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: calc(clamp(0px, 16.2666666667vw, 16.2666666667vw) * 1);
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__title-large {
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
    line-height: calc(clamp(0px, 3.75vw, 72px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__title-large {
    font-size: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
    line-height: calc(clamp(0px, 11.2vw, 11.2vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__title-small {
    margin-top: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    line-height: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__title-small {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    line-height: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__button {
    margin-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .sciencerelease .sciencerelease__button {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .madeinjapan-top {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
    margin-bottom: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .madeinjapan-top {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 6.9333333333vw, 6.9333333333vw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .madeinjapan-top .madeinjapan__title {
    font-size: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
    line-height: 150%;
  }
}
.lp-our-philosophy .madeinjapan-top .sciencerelease__lead {
  line-height: 170%;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .madeinjapan-top .sciencerelease__lead {
    margin-top: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .madeinjapan-top .sciencerelease__lead {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .madeinjapan .madeinjapan__head {
    width: calc(clamp(0px, 28.5416666667vw, 548px) * 1);
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .madeinjapan .madeinjapan__head {
    margin-bottom: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .madeinjapan .madeinjapan__head-inner {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .madeinjapan .madeinjapan__title {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    line-height: 170%;
    font-weight: bold;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .madeinjapan .madeinjapan__button {
    margin-top: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .madeinjapan .madeinjapan__button {
    margin-top: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    margin-bottom: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .madeinjapan .madeinjapan__item {
    width: calc(clamp(0px, 25.9895833333vw, 499px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .madeinjapan .madeinjapan__item {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .bestcosme {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .bestcosme {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-our-philosophy .bestcosme .bestcosme__list {
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .bestcosme .bestcosme__list {
    gap: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .bestcosme .bestcosme__list {
    gap: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
  }
}
.lp-our-philosophy .bestcosme .bestcosme__item {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .bestcosme .bestcosme__item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .bestcosme .bestcosme__item--bestcosme {
    justify-content: center;
    text-align: center;
  }
}
.lp-our-philosophy .bestcosme .bestcosme__image {
  position: relative;
}
.lp-our-philosophy .bestcosme .bestcosme__text {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .bestcosme .bestcosme__text {
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: calc(clamp(0px, 30.4166666667vw, 584px) * 1);
    left: calc(clamp(0px, 9.8958333333vw, 190px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .bestcosme .bestcosme__text {
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .bestcosme .bestcosme__title {
    overflow: hidden;
    height: calc(clamp(0px, 12.8125vw, 246px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .bestcosme .bestcosme__title {
    width: calc(clamp(0px, 78.4vw, 78.4vw) * 1);
    position: absolute;
    display: flex;
    justify-content: center;
    top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .bestcosme .bestcosme__title-large {
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
    line-height: calc(clamp(0px, 3.75vw, 72px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .bestcosme .bestcosme__title-large {
    font-size: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
    line-height: calc(clamp(0px, 11.2vw, 11.2vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .bestcosme .bestcosme__title-small {
    margin-top: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    line-height: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .bestcosme .bestcosme__title-small {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    line-height: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .bestcosme .bestcosme__button {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .beginnings {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .beginnings {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-our-philosophy .beginnings .beginnings__detail {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .beginnings .beginnings__detail {
    margin-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    align-items: center;
    gap: calc(clamp(0px, 2.9166666667vw, 56px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .beginnings .beginnings__detail {
    margin-top: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
    flex-flow: column nowrap;
    gap: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .beginnings .beginnings__portrait {
    width: calc(clamp(0px, 30.4166666667vw, 584px) * 1);
    border-radius: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .beginnings .beginnings__portrait {
    border-radius: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
.lp-our-philosophy .beginnings .beginnings__text {
  line-height: 170%;
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .beginnings .beginnings__text {
    flex: 1;
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    margin-bottom: calc(clamp(0px, 5.0520833333vw, 97px) * -1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .beginnings .beginnings__text {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .beginnings .beginnings__text p + p {
    margin-top: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .beginnings .beginnings__text p + p {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .beginnings .beginnings__head {
    margin-bottom: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .beginnings .beginnings__head {
    margin-bottom: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .beginnings .beginnings__image {
    width: calc(clamp(0px, 14.8958333333vw, 286px) * 1);
    float: right;
    margin-right: calc(clamp(0px, 1.3020833333vw, 25px) * -1);
    margin-left: calc(clamp(0px, 2.7604166667vw, 53px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .beginnings .beginnings__image {
    width: calc(clamp(0px, 42.6666666667vw, 42.6666666667vw) * 1);
    float: right;
    margin-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-top: calc(clamp(0px, 1.6vw, 1.6vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-our-philosophy .beginnings .beginnings__movie {
    width: calc(clamp(0px, 67.7083333333vw, 1300px) * 1);
    margin-top: calc(clamp(0px, 5vw, 96px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 1023px) {
  .lp-our-philosophy .beginnings .beginnings__movie {
    width: 100%;
    margin-top: calc(clamp(0px, 17.6vw, 17.6vw) * 1);
  }
}