.z-embed {
  padding-top: 56.25%;
  position: relative;
}
.z-embed > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.z-btn {
  color: #fff;
  font-size: 16px;
  letter-spacing: .05em;
  background-color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: 240px;
  height: 48px;
}
.z-btn:hover {
  opacity: .75;
}
.z-btn.z-btn--sm {
  font-size: 14px;
  width: 100%;
}
.z-h2 {
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}

.z-sp {
  display: none;
}

.z-main {
  text-align: center;
  background: #000;
}
.z-main .z-main_inner {
  display: block;
  position: relative;
}
.z-main a.z-main_inner:hover  {
  opacity: 1;
}
.z-main .z-main_title {
  width: calc(336 * 100vw / 1440);
  position: absolute;
  left: calc(549 * 100vw / 1440);
  bottom: calc(33 * 100vw / 1440);
}

.z-best {
  margin-top: 115px;
}
.z-best .z-best_inner {
  max-width: 1076px;
  margin: 0 auto;
}
.z-best .z-best_body {
  margin-top: 105px;
  overflow: visible;
}
.z-best .z-best_list {
  list-style: none;
  display: flex;
  width: inherit;
  margin: 0 -8px;
}
.z-best .z-best_item {
  width: 25%;
  padding: 0 8px;
}
.z-best .z-best_card {
  color: inherit;
  display: block;
}
.z-best .z-best_card_body {
  margin-top: 30px;
}
.z-best .z-best_card_title {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  text-transform: none;
}
.z-best .z-best_card_title > span {
  font-family: ReaderLight, ReaderRegular, sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
}
.z-best .z-best_card_text {
  font-family: ReaderLight, ReaderRegular, sans-serif;
  font-size: 14px;
  line-height: 1.357;
  letter-spacing: .01em;
  margin-top: 20px;
}

.z-movie {
  margin-top: 115px;
}
.z-movie .z-movie_inner {
  max-width: 1076px;
  margin: 0 auto;
}
.z-movie .z-movie_header {
  display: flex;
  margin-top: 40px;
}
.z-movie .z-movie_title {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  width: 490px;
}
.z-movie .z-movie_text {
  font-family: ReaderLight, ReaderRegular, sans-serif;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  flex: 1;
}
.z-movie .z-movie_note {
  font-size: 14px;
  text-align: center;
  color: #888;
  margin-top: 20px;
}

.z-aging {
  background: #fff url('../images/CLP/men/23AW/CLP_23AW_SMN_RICH/aging.jpg?$staticlink$') center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  height: 540px;
  margin-top: 110px;
}
.z-aging .z-aging_inner {
  max-width: 1440px;
  margin: 0 auto;
}
.z-aging .z-aging_header {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  width: 1076px;
  margin: 0 auto;
}
.z-aging .z-aging_header > span {
  font-family: ReaderLight, ReaderRegular, sans-serif;
  font-size: 30px;
  margin-top: 30px;
}

.z-product {
  padding: 110px 0 120px;
}
.z-product .z-product_inner {
  max-width: 1440px;
  margin: 0 auto;
}
.z-product .z-product_header {
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
.z-product .z-product_title {
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}
.z-product .z-product_text {
  font-family: ReaderMedium, sans-serif;
  font-size: 30px;
}
.z-product .z-product_note {
  font-size: 14px;
  color: #878787;
  margin-top: 20px;
}
.z-product .z-product_body {
  max-width: 1036px;
  margin: 30px auto 0;
}
.z-product .z-product_panel {
  margin: 0 0 120px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.z-product .z-product_panel_pic {
  width: 640px;
  position: relative;
  z-index: 100;
}
.z-product .z-product_panel_body {
  position: relative;
  z-index: 101;
  background: #FFF;
  width: 430px;
  margin: 0 10px 0 0;
  padding: 48px 45px 45px;
  box-shadow: 0 0 25px 0 rgb(0 0 0 / 8%);
}
.z-product .z-product_panel_title {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  display: flex;
  flex-direction: column;
}
.z-product .z-product_panel_title > span {
  font-size: 24px;
  margin-bottom: 15px;
}
.z-product .z-product_panel_text {
  font-family: ReaderLight, ReaderRegular, sans-serif;
  font-size: 14px;
  line-height: 1.357;
  letter-spacing: .035em;
  margin-top: 30px;
}
.z-product .z-product_panel_action {
  margin-top: 25px;
}
.z-product.z-product--essential .z-product_panel:nth-child(even) .z-product_panel_pic {
  padding: 0 40px 0 0;
  order: 2;
}
.z-product.z-product--essential .z-product_panel:nth-child(even) .z-product_panel_body {
  order: 1;
}
.z-product.z-product--essential .z-product_panel:nth-child(even) {
  margin: 0 0 0 -40px;
}
.z-product.z-product--essential .z-product_panel .z-product_panel_title-new {
  font-size: 16px;
  color: #ff0000;
}
.z-product.z-product--regenerate {
  background: #000 url('../images/CLP/men/23AW/CLP_23AW_SMN_RICH/regenerate_bg.jpg?$staticlink$') no-repeat;
  background-size: auto 100%;
}
.z-product.z-product--regenerate .z-product_header {
  color: #FFF;
}
.z-product.z-product--regenerate .z-product_body {
  margin-top: 110px;
}
.z-product.z-product--regenerate .z-product_panel:not(:first-child) {
  margin-top: 120px;
}
.z-product.z-product--regenerate .z-product_panel:nth-child(odd) {
  flex-direction: row;
}
.z-product.z-product--regenerate .z-product_panel:nth-child(odd) .z-product_panel_body {
  margin-left: -60px;
  margin-right: 0;
}
.z-product .z-product_tech {
  color: #FFF;
  background: #000;
  display: flex;
  max-width: 750px;
  margin: 124px auto 0;
  padding: 50px;
  border: 1px solid #FFF;
}
.z-product .z-product_tech_body {
  flex: 1;
  margin-right: 20px;
}
.z-product .z-product_tech_title {
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}
.z-product .z-product_tech_text {
  font-family: ReaderLight, ReaderRegular, sans-serif;
  font-size: 14px;
  line-height: 1.357;
  letter-spacing: 0;
  margin-top: 20px;
}
.z-product .z-product_tech_text > span {
  color: #878787;
  font-size: 12px;
}
.z-product .z-product_tech_pic {
  width: 240px;
}

.z-banner {
  max-width: 1076px;
  margin: 120px auto 0;
}
.z-banner > a:hover img {
  opacity: .75;
}

.z-step {
  max-width: 1096px;
  margin: 115px auto;
}
.z-step .z-step_body {
  margin: 60px -27px 0 -50px;
}
.z-step .z-step_list {
  list-style: none;
  display: flex;
  margin-left: -50px;
  padding-left: 0;
}
.z-step .z-step_item {
  display: flex;
  flex-direction: column;
  width: 25%;
  padding-left: 50px;
}
.z-step .z-step_item:nth-child(2) {
  margin-top: 40px;
}
.z-step .z-step_item:nth-child(3) {
  margin-top: 80px;
}
.z-step .z-step_item:nth-child(4) {
  margin-top: 120px;
}
.z-step .z-step_item:nth-child(5) {
  margin-top: 160px;
}
.z-step .z-step_card {
  background: #FFF;
  min-height: 0%;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  position: relative;
  aspect-ratio: 412/1002;
  overflow: hidden;
}
.z-step .z-step_card img {
  margin-top: -20px;
  width: 100%;
}
.z-step .z-step_card_body {
  width: 100%;
  padding: 0 30px 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.z-step .z-step_card_title {
  font-size: 16px;
  line-height: 1.1875;
  letter-spacing: 0;
  text-transform: none;
  display: flex;
  flex-direction: column;
  height: 5.688em;
}
.z-step .z-step_card_title > span {
  font-family: ReaderBold, sans-serif;
  margin-bottom: 15px;
}
.z-step .z-step_card_action {
  margin-top: 15px;
}

@media (min-width: 769px) and (max-width: 1439px) {
  .z-btn {
    font-size: calc(16 * 100vw / 1440);
    width: calc(240 * 100vw / 1440);
    height: calc(48 * 100vw / 1440);
  }
  .z-btn.z-btn--sm {
    font-size: calc(14 * 100vw / 1440);
  }
  .z-h2 {
    font-size: calc(50 * 100vw / 1440);
  }

  .z-best {
    margin-top: calc(115 * 100vw / 1440);
  }
  .z-best .z-best_inner {
    max-width: calc(1076 * 100vw / 1440);
  }
  .z-best .z-best_body {
    margin-top: calc(105 * 100vw / 1440);
    overflow: visible;
  }
  .z-best .z-best_list {
    margin-left: calc(-8 * 100vw / 1440);
    margin-right: calc(-8 * 100vw / 1440);
  }
  .z-best .z-best_item {
    padding: 0 calc(8 * 100vw / 1440);
  }
  .z-best .z-best_card_body {
    margin-top: calc(30 * 100vw / 1440);
  }
  .z-best .z-best_card_title {
    font-size: calc(18 * 100vw / 1440);
  }
  .z-best .z-best_card_title > span {
    font-size: calc(16 * 100vw / 1440);
    margin-bottom: calc(5 * 100vw / 1440);
  }
  .z-best .z-best_card_text {
    font-size: calc(14 * 100vw / 1440);
    margin-top: calc(20 * 100vw / 1440);
  }

  .z-movie {
    margin-top: calc(115 * 100vw / 1440);
  }
  .z-movie .z-movie_inner {
    max-width: calc(1076 * 100vw / 1440);
  }
  .z-movie .z-movie_header {
    margin-top: calc(40 * 100vw / 1440);
  }
  .z-movie .z-movie_title {
    font-size: calc(40 * 100vw / 1440);
    width: calc(490 * 100vw / 1440);
  }
  .z-movie .z-movie_text {
    font-size: calc(20 * 100vw / 1440);
  }
  .z-movie .z-movie_note {
    font-size: calc(14 * 100vw / 1440);
    margin-top: calc(20 * 100vw / 1440);
  }

  .z-aging {
    height: calc(540 * 100vw / 1440);
    margin-top: calc(110 * 100vw / 1440);
  }
  .z-aging .z-aging_header {
    font-size: calc(40 * 100vw / 1440);
    width: calc(1076 * 100vw / 1440);
  }
  .z-aging .z-aging_header > span {
    font-size: calc(30 * 100vw / 1440);
    margin-top: calc(30 * 100vw / 1440);
  }

  .z-product {
    padding: calc(110 * 100vw / 1440) 0 calc(120 * 100vw / 1440);
  }
  .z-product .z-product_title {
    font-size: calc(50 * 100vw / 1440);
  }
  .z-product .z-product_text {
    font-size: calc(30 * 100vw / 1440);
  }
  .z-product .z-product_note {
    font-size: calc(14 * 100vw / 1440);
    margin-top: calc(20 * 100vw / 1440);
  }
  .z-product .z-product_body {
    max-width: calc(1076 * 100vw / 1440);
    margin-top: calc(30 * 100vw / 1440);
  }
  .z-product .z-product_panel_pic {
    width: calc(640 * 100vw / 1440);
  }
  .z-product .z-product_panel_body {
    width: calc(475 * 100vw / 1440);
    margin-right: calc(-60 * 100vw / 1440);
    padding: calc(40 * 100vw / 1440) calc(45 * 100vw / 1440) calc(45 * 100vw / 1440);
  }
  .z-product .z-product_panel_title {
    font-size: calc(40 * 100vw / 1440);
  }
  .z-product .z-product_panel_title > span {
    font-size: calc(24 * 100vw / 1440);
    margin-bottom: calc(15 * 100vw / 1440);
  }
  .z-product .z-product_panel_text {
    font-size: calc(14 * 100vw / 1440);
    margin-top: calc(30 * 100vw / 1440);
  }
  .z-product .z-product_panel_action {
    margin-top: calc(25 * 100vw / 1440);
  }
  .z-product.z-product--regenerate .z-product_body {
    margin-top: calc(110 * 100vw / 1440);
  }
  .z-product.z-product--regenerate .z-product_panel:not(:first-child) {
    margin-top: calc(120 * 100vw / 1440);
  }
  .z-product.z-product--regenerate .z-product_panel:nth-child(odd) .z-product_panel_body {
    margin-left: calc(-60 * 100vw / 1440);
    margin-right: 0;
  }
  .z-product .z-product_tech {
    max-width: calc(750 * 100vw / 1440);
    margin-top: calc(124 * 100vw / 1440);
    padding: calc(50 * 100vw / 1440);
  }
  .z-product .z-product_tech_body {
    margin-right: calc(20 * 100vw / 1440);
  }
  .z-product .z-product_tech_title {
    font-size: calc(30 * 100vw / 1440);
  }
  .z-product .z-product_tech_text {
    font-size: calc(14 * 100vw / 1440);
    margin-top: calc(20 * 100vw / 1440);
  }
  .z-product .z-product_tech_text > span {
    font-size: calc(12 * 100vw / 1440);
  }
  .z-product .z-product_tech_pic {
    width: calc(240 * 100vw / 1440);
  }

  .z-banner {
    max-width: calc(1076 * 100vw / 1440);
    margin-top: calc(120 * 100vw / 1440);
  }

  .z-step {
    max-width: calc(1036 * 100vw / 1440);
    margin: calc(115 * 100vw / 1440) auto;
  }
  .z-step .z-step_body {
    margin-top: calc(60 * 100vw / 1440);
  }
  .z-step .z-step_list {
    margin-left: calc(-56 * 100vw / 1440);
  }
  .z-step .z-step_item {
    padding-left: calc(56 * 100vw / 1440);
  }
  .z-step .z-step_item:nth-child(2) {
    margin-top: calc(40 * 100vw / 1440);
  }
  .z-step .z-step_item:nth-child(3) {
    margin-top: calc(80 * 100vw / 1440);
  }
  .z-step .z-step_item:nth-child(4) {
    margin-top: calc(120 * 100vw / 1440);
  }
  .z-step .z-step_item:nth-child(5) {
    margin-top: calc(160 * 100vw / 1440);
  }
  .z-step .z-step_card {
    box-shadow: 0 0 1.736vw 0 rgba(0, 0, 0, 0.08);
  }
  .z-step .z-step_card_body {
    padding: 0 calc(30 * 100vw / 1440) calc(30 * 100vw / 1440);
  }
  .z-step .z-step_card_title {
    font-size: calc(16 * 100vw / 1440);
  }
  .z-step .z-step_card_title > span {
    margin-bottom: calc(15 * 100vw / 1440);
  }
  .z-step .z-step_card_action {
    margin-top: calc(15 * 100vw / 1440);
  }
}


@media screen and (max-width: 768px) {
  .z-embed {
    padding-top: 124.6666666%;
  }
  .z-pc {
    display: none;
  }
  .z-sp {
    display: block;
  }

  .z-btn {
    font-size: calc(24 * 100vw / 750);
    width: calc(344 * 100vw / 750);
    height: calc(68 * 100vw / 750);
  }
  .z-btn.z-btn--sm {
    font-size: calc(24 * 100vw / 750);
  }
  .z-h2 {
    font-size: calc(50 * 100vw / 750);
  }

  .z-best {
    margin-top: calc(110 * 100vw / 750);
  }
  .z-best .z-best_inner {
    padding: 0 calc(40 * 100vw / 750);
  }
  .z-best .z-best_body {
    margin: calc(50 * 100vw / 750) calc(-40 * 100vw / 750) 0;
    overflow: visible;
  }
  .z-best .z-best_list {
    width: 100%;
    margin: 0;
  }
  .z-best .z-best_item {
    flex-shrink: 0;
    width: calc(290 * 100vw / 750);
    padding-left: calc(40 * 100vw / 750);
    padding-right: 0;
  }
  .z-best .z-best_item:last-child {
    margin-right: calc(40 * 100vw / 750);
  }
  .z-best .z-best_card_body {
    margin-top: calc(15 * 100vw / 750);
  }
  .z-best .z-best_card_title {
    font-size: calc(30 * 100vw / 750);
  }
  .z-best .z-best_card_title > span {
    font-size: calc(26 * 100vw / 750);
    margin-bottom: calc(8 * 100vw / 750);
  }
  .z-best .z-best_card_text {
    font-size: calc(24 * 100vw / 750);
    margin-top: calc(20 * 100vw / 750);
  }

  .z-movie {
    margin-top: calc(110 * 100vw / 750);
  }
  .z-movie .z-movie_header {
    display: block;
    margin-top: calc(55 * 100vw / 750);
    padding: 0 calc(40 * 100vw / 750);
  }
  .z-movie .z-movie_title {
    font-size: calc(60 * 100vw / 750);
    width: 100%;
  }
  .z-movie .z-movie_text {
    font-size: calc(28 * 100vw / 750);
    margin-top: calc(20 * 100vw / 750);
  }
  .z-movie .z-movie_note {
    text-align: left;
    font-size: calc(18 * 100vw / 750);
    padding: 0 calc(40 * 100vw / 750);
  }

  .z-aging {
    background-image: url('../images/CLP/men/23AW/CLP_23AW_SMN_RICH/aging_sp.jpg?$staticlink$');
    background-size: cover;
    display: block;
    height: 100vw;
    margin-top: calc(110 * 100vw / 750);
    padding-top: calc(55 * 100vw / 750);
  }
  .z-aging .z-aging_header {
    font-size: calc(40 * 100vw / 750);
    text-align: center;
    width: 100%;
  }
  .z-aging .z-aging_header > span {
    font-size: calc(30 * 100vw / 750);
    margin-top: calc(20 * 100vw / 750);
  }

  .z-product {
    padding: calc(115 * 100vw / 750) 0 calc(120 * 100vw / 750);
  }
  .z-product_inner {
    padding: 0 calc(40 * 100vw / 750);
  }
  .z-product .z-product_title {
    font-size: calc(50 * 100vw / 750);
  }
  .z-product .z-product_text {
    font-size: calc(30 * 100vw / 750);
    margin-top: calc(20 * 100vw / 750);
  }
  .z-product .z-product_note {
    font-size: calc(18 * 100vw / 750);
    margin-top: calc(20 * 100vw / 750);
  }
  .z-product .z-product_body {
    margin-top: calc(75 * 100vw / 750);
  }
  .z-product .z-product_panel {
    margin: 0 0 calc(120 * 100vw / 750);
    display: block;
  }
  .z-product .z-product_panel_pic {
    width: 100%;
  }
  .z-product .z-product_panel_body {
    width: 100%;
    margin-right: 0;
    padding: calc(75 * 100vw / 750) calc(50 * 100vw / 750) calc(80 * 100vw / 750);
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 8%);
  }
  .z-product .z-product_panel_title {
    font-size: calc(60 * 100vw / 750);
  }
  .z-product .z-product_panel_title > span {
    font-size: calc(37 * 100vw / 750);
    margin-bottom: calc(20 * 100vw / 750);
  }
  .z-product .z-product_panel_text {
    font-size: calc(24 * 100vw / 750);
    margin-top: calc(30 * 100vw / 750);
  }
  .z-product .z-product_panel_action {
    margin-top: calc(35 * 100vw / 750);
  }
  .z-product.z-product--essential .z-product_panel:nth-child(even) {
    margin: 0;
  }
  .z-product.z-product--essential .z-product_panel:nth-child(even) .z-product_panel_pic {
    padding: 0;

  }
  .z-product.z-product--essential .z-product_panel_pic {
    margin: 0 0 calc(80 * 100vw / 750);
  }
  .z-product.z-product--regenerate {
    background-image: url('../images/CLP/men/23AW/CLP_23AW_SMN_RICH/regenerate_bg_sp.jpg');
    padding-bottom: calc(120 * 100vw / 750);
  }
  .z-product.z-product--regenerate .z-product_body {
    margin-top: calc(80 * 100vw / 750);
  }
  .z-product.z-product--regenerate .z-product_panel:not(:first-child) {
    margin-top: calc(120 * 100vw / 750);
  }
  .z-product.z-product--regenerate .z-product_panel:nth-child(odd) .z-product_panel_body {
    margin-left: 0;
  }
  .z-product .z-product_tech {
    display: block;
    margin: calc(120 * 100vw / 750) auto 0;
    padding: calc(78 * 100vw / 750) calc(48 * 100vw / 750);
  }
  .z-product .z-product_tech_body {
    margin-right: 0;
  }
  .z-product .z-product_tech_title {
    font-size: calc(50 * 100vw / 750);
  }
  .z-product .z-product_tech_text {
    font-size: calc(24 * 100vw / 750);
    margin-top: calc(25 * 100vw / 750);
  }
  .z-product .z-product_tech_text > span {
    font-size: calc(18 * 100vw / 750);
    display: block;
    margin-top: calc(15 * 100vw / 750);
  }
  .z-product .z-product_tech_pic {
    width: 100%;
    margin-top: calc(20 * 100vw / 750);
  }

  .z-banner {
    margin: calc(120 * 100vw / 750) calc(40 * 100vw / 750) 0;
  }
  .z-banner > a:hover img {
    opacity: .75;
  }

  .z-step {
    margin: calc(115 * 100vw / 750) auto;
  }
  .z-step .z-step_body {
    margin-top: calc(55 * 100vw / 750);
    margin-left: 0;
    margin-right: 0;
    padding: 0 calc(40 * 100vw / 750);
  }
  .z-step .z-step_list {
    display: block;
    margin-left: 0;
  }
  .z-step .z-step_item {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .z-step .z-step_item:not(:first-child) {
    margin-top: calc(40 * 100vw / 750);
  }
  .z-step .z-step_card {
    box-shadow: 0 0 3.333vw 0 rgba(0, 0, 0, 0.08);
    aspect-ratio: auto;
    overflow: auto;
  }
  .z-step .z-step_card img {
    margin-top: 0;
  }
  .z-step .z-step_card_body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 0 0 0 calc(82 * 100vw / 750);
    top: 0;
    bottom: 0;
  }
  .z-step .z-step_card_title {
    font-size: calc(26 * 100vw / 750);
    height: 5.5em;
  }
  .z-step .z-step_card_title > span {
    margin-bottom: calc(20 * 100vw / 750);
  }
  .z-step .z-step_card_action {
    margin-top: calc(25 * 100vw / 750);
  }
}

html:not(.no-js) [data-aos=fade-up] {
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

html:not(.no-js) [data-aos=fade-right] {
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

html:not(.no-js) [data-aos=fade-left] {
  -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
}

html:not(.no-js) [data-aos=zoom-out] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  html:not(.no-js) [data-aos=fade-left],
  html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: none !important;
    transform: none !important;
  }
  html:not(.no-js) [data-aos="zoom-out"] {
    -webkit-transform: none !important;
    transform: none !important;
  }
  html:not(.no-js) [data-aos^="fade"] {
    -webkit-transform: none !important;
    transform: none !important;
  }
}