@charset "UTF-8";
/*----------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ カスタムプロバティ ▼ ≡≡≡≡≡≡≡≡≡≡≡
----------------------------------------*/
@font-face {
  font-family: "ampersand";
  /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url("../fonts/ampersand.otf") format("opentype"), url("../fonts/ampersand.woff") format("woff"), url("../fonts/ampersand.woff2") format("woff2");
}
/*--------------------------------
   Media Queries (1400px ~ 1400px)
 --------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ S e t U p SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.premiumhaircare_lp {
  position: relative;
  padding-bottom: calc(40 * 100vw/390);
  background-color: #fff;
  color: var(--color-text);
  font-family: var(--font-en), var(--font-jp), sans-serif;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  max-width: calc(390 * 100vw/390);
  z-index: 0;
}
.premiumhaircare_lp .swiper-button-next:after,
.premiumhaircare_lp .swiper-button-prev:after {
  display: none;
}
.premiumhaircare_lp::after {
  content: "";
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_sp.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.premiumhaircare_lp img,
.premiumhaircare_lp svg {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}
.premiumhaircare_lp picture {
  display: block;
}
.premiumhaircare_lp a {
  display: block;
  color: inherit;
}
.premiumhaircare_lp a:hover {
  opacity: 1;
}
.premiumhaircare_lp *:focus {
  outline: none;
}
.premiumhaircare_lp a,
.premiumhaircare_lp label {
  -webkit-tap-highlight-color: rgba(6, 121, 142, 0.2);
}
.premiumhaircare_lp input {
  display: none;
}
.premiumhaircare_lp li,
.premiumhaircare_lp ol {
  list-style-type: none;
}
.premiumhaircare_lp .spOnly {
  display: block;
}
.premiumhaircare_lp .pcOnly {
  display: none;
}
.premiumhaircare_lp ::-moz-selection {
  color: #EFFBFD;
  background-color: rgba(76, 121, 142, 0.7);
}
.premiumhaircare_lp ::selection {
  color: #EFFBFD;
  background-color: rgba(76, 121, 142, 0.7);
}
.premiumhaircare_lp sup {
  font-size: 0.6em;
}
.premiumhaircare_lp #share img {
  margin: auto;
}
.premiumhaircare_lp .anim,
.premiumhaircare_lp .fvArea__img,
.premiumhaircare_lp .fvArea__text {
  opacity: 0;
}
.premiumhaircare_lp .anim_enable {
  -webkit-animation: opa 1.4s cubic-bezier(0.53, 0.1, 0.59, 1) forwards;
          animation: opa 1.4s cubic-bezier(0.53, 0.1, 0.59, 1) forwards;
}
.premiumhaircare_lp .fvArea__img {
  overflow: hidden;
}
.premiumhaircare_lp .fvArea__img img {
  -webkit-animation: deflation 2.2s 0.4s cubic-bezier(0.53, 0.1, 0.59, 1) forwards;
          animation: deflation 2.2s 0.4s cubic-bezier(0.53, 0.1, 0.59, 1) forwards;
  rotate: 1deg;
  scale: 1.04;
}
@-webkit-keyframes deflation {
  0% {
    rotate: 1deg;
    scale: 1.04;
  }
  80% {
    rotate: 0deg;
  }
  100% {
    scale: 1;
    rotate: 0deg;
  }
}
@keyframes deflation {
  0% {
    rotate: 1deg;
    scale: 1.04;
  }
  80% {
    rotate: 0deg;
  }
  100% {
    scale: 1;
    rotate: 0deg;
  }
}
.premiumhaircare_lp .move {
  opacity: 0;
  -webkit-animation: opa 1.4s cubic-bezier(0.51, 0.21, 0.41, 1) 0.2s 1 forwards;
          animation: opa 1.4s cubic-bezier(0.51, 0.21, 0.41, 1) 0.2s 1 forwards;
  -webkit-mask-image: linear-gradient(-25deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, #000 58.3333333333%, #000);
          mask-image: linear-gradient(-25deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, #000 58.3333333333%, #000);
  -webkit-mask-repeat: none;
          mask-repeat: none;
  -webkit-mask-position: center 100%;
          mask-position: center 100%;
  -webkit-mask-size: 100% max(300%, 100vh);
          mask-size: 100% max(300%, 100vh);
  transform: translateZ(0);
  transition: -webkit-mask-position 1.2s 0.2s linear;
  transition: mask-position 1.2s 0.2s linear;
  transition: mask-position 1.2s 0.2s linear, -webkit-mask-position 1.2s 0.2s linear;
  transition: mask-position 1.2s 0.2s linear, -webkit-mask-position 1s linear;
}
.premiumhaircare_lp .move_enable {
  -webkit-mask-position: center 0;
          mask-position: center 0;
}
@-webkit-keyframes opa {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opa {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.premiumhaircare_lp .active_enable .num {
  -webkit-animation: slightly 12s ease-in forwards;
          animation: slightly 12s ease-in forwards;
}
@-webkit-keyframes slightly {
  4% {
    rotate: 0deg;
  }
  5% {
    rotate: 3deg;
  }
  6% {
    rotate: 0deg;
  }
  7% {
    rotate: 4deg;
  }
  8% {
    rotate: 0deg;
  }
  100% {
    rotate: 0deg;
  }
}
@keyframes slightly {
  4% {
    rotate: 0deg;
  }
  5% {
    rotate: 3deg;
  }
  6% {
    rotate: 0deg;
  }
  7% {
    rotate: 4deg;
  }
  8% {
    rotate: 0deg;
  }
  100% {
    rotate: 0deg;
  }
}

/*--------------------------------
							SP  Only
--------------------------------*/
/* .premiumhaircare_lp : set up SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡ ▼ Layout SP First ▼ ≡≡≡≡≡≡≡≡
 ------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ layout  SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.premiumhaircare_lp {
  --color-text: #000000;
  --color-primary: #EEF2F5;
  --color-secondary: #E4EAEE;
  --color-tertiary: #CCD7DE;
  --color-background-1: rgba(161, 199, 219, .6);
  --color-background-2: rgba(87, 132, 155, .7);
  --color-button: #E4EAED;
  --color-border: #505050;
  --font-en: "semplicitapro";
  --font-jp: "ryo-gothic-plusn";
}
.premiumhaircare_lp .num {
  position: absolute;
  background-color: #fff;
  border: 1px solid var(--color-text);
  border-radius: 99px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  z-index: 0;
}
.premiumhaircare_lp .section__titile {
  position: relative;
  margin-inline: auto;
  padding-left: calc(11 * 100vw/390);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 0;
}
.premiumhaircare_lp .section__titile .num {
  top: calc(9 * 100vw/390);
  left: calc(-4 * 100vw/390);
  padding: calc(5 * 100vw/390) calc(13 * 100vw/390) calc(6 * 100vw/390) calc(12 * 100vw/390);
  font-size: calc(15 * 100vw/390);
}
.premiumhaircare_lp .section__titile h3 {
  display: grid;
  place-content: center;
  font-size: calc(16 * 100vw/390);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  background-image: url(../img/cloud_sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(295 * 100vw/390);
  height: calc(153 * 100vw/390);
}
.premiumhaircare_lp .section__titile h3 .text-en {
  font-size: calc(17 * 100vw/390);
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .section .parentheses {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1em;
}
.premiumhaircare_lp .section .parentheses::before, .premiumhaircare_lp .section .parentheses::after {
  content: "";
  width: calc(5 * 100vw/390);
  height: calc(58 * 100vw/390);
  background-image: url(../img/parentheses_sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.premiumhaircare_lp .section .parentheses::after {
  transform: scale(-1, 1);
}
.premiumhaircare_lp .section .swiper-container {
  margin: auto;
  overflow: hidden;
}
.premiumhaircare_lp .section .swiper-containerWrap {
  position: relative;
  z-index: 0;
}
.premiumhaircare_lp .section .swiper-pagination {
  position: static;
  margin-block: calc(18 * 100vw/390) calc(38 * 100vw/390);
  line-height: 1;
}
.premiumhaircare_lp .section .swiper-pagination-bullet {
  margin: 0 calc(3 * 100vw/390);
  background: transparent;
  border: 1px solid var(--color-text);
  border-radius: 3px;
  opacity: 1;
  width: calc(38 * 100vw/390);
  height: calc(3 * 100vw/390);
}
.premiumhaircare_lp .section .swiper-pagination-bullet-active {
  background-color: var(--color-text);
}
.premiumhaircare_lp .section .swiper-button-prev,
.premiumhaircare_lp .section .swiper-button-next {
  top: 45%;
  background-color: var(--color-secondary);
  background-image: url(../img/triangle.svg);
  background-size: calc(5 * 100vw/390) calc(9 * 100vw/390);
  background-repeat: no-repeat;
  background-position: center left 46%;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  width: calc(40 * 100vw/390);
  height: calc(40 * 100vw/390);
  transform: translateX(10);
}
.premiumhaircare_lp .section .swiper-button-prev {
  left: calc(21 * 100vw/390);
}
.premiumhaircare_lp .section .swiper-button-next {
  transform: scale(-1, 1);
  right: calc(21 * 100vw/390);
}
.premiumhaircare_lp .c-contents--card {
  border: 1px solid;
  border-radius: calc(30 * 100vw/390);
  overflow: hidden;
  height: 100%;
}
.premiumhaircare_lp .c-contents--card .brand--text {
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.premiumhaircare_lp .c-contents--card .brand--text.en {
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .c-contents--card .brand--text.jp {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
}
.premiumhaircare_lp .c-contents--card .cate {
  line-height: 1;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
}
.premiumhaircare_lp .c-contents--card .item__contents__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  -moz-column-gap: calc(12 * 100vw/390);
       column-gap: calc(12 * 100vw/390);
  background-color: #fff;
  border-bottom: 1px solid;
  text-align: left;
}
.premiumhaircare_lp .c-contents--card .brand-container {
  margin: 0;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.premiumhaircare_lp .c-contents--card .swiper-wrapper {
  align-items: baseline;
}
.premiumhaircare_lp .c-contents--card .item__contents__main--img {
  width: 100%;
}
.premiumhaircare_lp .c-contents--card .item__contents__main--img .item--img {
  margin-inline: auto;
}
.premiumhaircare_lp .c-contents--card .item__contents__main--name {
  font-size: calc(15 * 100vw/390);
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
}
.premiumhaircare_lp .c-contents--card .item__contents__main--name small {
  font-size: calc(12 * 100vw/390);
  font-weight: 500;
}
.premiumhaircare_lp .c-contents--card .item__contents__main--credit {
  padding: calc(8 * 100vw/390) calc(16 * 100vw/390) calc(8 * 100vw/390);
}
.premiumhaircare_lp .c-contents--card .item__contents__main--credit__inner {
  display: flex;
  position: relative;
  align-items: baseline;
  -moz-column-gap: calc(8 * 100vw/390);
       column-gap: calc(8 * 100vw/390);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 0;
}
.premiumhaircare_lp .c-contents--card .item__contents__main--credit__inner::after {
  content: "";
  position: absolute;
  top: calc(-9 * 100vw/390);
  right: calc(-12 * 100vw/390);
  width: 1px;
  height: calc(32 * 100vw/390);
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.premiumhaircare_lp .c-contents--card .item__contents__main--text {
  font-size: calc(12 * 100vw/390);
  line-height: 1.4;
  letter-spacing: 0.03em;
  text-align: justify;
}
.premiumhaircare_lp .button {
  display: inline-grid;
  position: relative;
  place-content: center;
  perspective: 1000px;
  perspective-origin: 50% 50%;
  vertical-align: bottom;
  border-radius: 99px;
  overflow: hidden;
  z-index: 0;
}
.premiumhaircare_lp .button:hover .button--text {
  transform: translate3d(0, 0, -30px) rotateX(90deg);
}
.premiumhaircare_lp .button::after {
  content: "";
  position: absolute;
  width: calc(3 * 100vw/390);
  height: calc(7 * 100vw/390);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  z-index: 0;
}
.premiumhaircare_lp .button--text {
  display: inline-block;
  position: relative;
  transition: 0.4s;
  transform-origin: 50% 0%;
  transform-style: preserve-3d;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
}
.premiumhaircare_lp .button--text::after {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  content: attr(data-text); /*hover時に表示されるテキスト*/
  transform-origin: 50% 0%;
  transform: translate3d(0, 105%, 0) rotateX(-90deg);
}
.premiumhaircare_lp .button--detail {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  color: #fff;
  background-color: var(--color-text);
  font-size: calc(12 * 100vw/390);
  width: calc(139 * 100vw/390);
  height: calc(39 * 100vw/390);
  z-index: 1;
}
.premiumhaircare_lp .button--detail::after {
  top: calc(16 * 100vw/390);
  right: calc(14 * 100vw/390);
  background-color: #fff;
}
.premiumhaircare_lp .button--review {
  margin: calc(23 * 100vw/390) auto 0;
  background-color: var(--color-button);
  border: 1px solid var(--color-text);
  font-size: calc(12 * 100vw/390);
  width: calc(260 * 100vw/390);
  height: calc(39 * 100vw/390);
  z-index: 1;
}
.premiumhaircare_lp .button--review::after {
  top: calc(16 * 100vw/390);
  right: calc(14 * 100vw/390);
  background-color: var(--color-text);
}
.premiumhaircare_lp .button--review .button--text {
  padding-right: calc(8 * 100vw/390);
}
.premiumhaircare_lp .button--all {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: calc(-23 * 100vw/390);
  color: #fff;
  background-color: var(--color-text);
  font-size: calc(13 * 100vw/390);
  width: calc(270 * 100vw/390);
  height: calc(45 * 100vw/390);
  z-index: 1;
}
.premiumhaircare_lp .button--all::after {
  top: calc(19 * 100vw/390);
  right: calc(14 * 100vw/390);
  background-color: #fff;
}
.premiumhaircare_lp .button-campaignAera {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid;
  font-size: calc(14 * 100vw/390);
  width: calc(219 * 100vw/390);
  height: calc(47 * 100vw/390);
  z-index: 1;
}
.premiumhaircare_lp .button-campaignAera::after {
  top: calc(20 * 100vw/390);
  right: calc(14 * 100vw/390);
  background-color: #fff;
}
.premiumhaircare_lp .fvArea {
  position: relative;
  background-color: #fff;
  z-index: 0;
}
.premiumhaircare_lp .fvArea__text {
  position: absolute;
  padding: calc(18 * 100vw/390) calc(20 * 100vw/390) calc(20 * 100vw/390);
  bottom: 0;
  background-color: rgba(165, 203, 222, 0.9);
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.premiumhaircare_lp .fvArea__text p {
  margin-bottom: calc(13 * 100vw/390);
  font-size: calc(15 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
.premiumhaircare_lp .fvArea__text h2 {
  display: grid;
  place-content: center;
  border: 1px solid;
  border-radius: 99px;
  font-size: calc(44 * 100vw/390);
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0;
  width: 100%;
  height: calc(110 * 100vw/390);
}
.premiumhaircare_lp .readArea {
  padding: calc(37 * 100vw/390) calc(10 * 100vw/390) 0;
  background: #fff;
}
.premiumhaircare_lp .readArea__text {
  font-size: calc(13 * 100vw/390);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}
.premiumhaircare_lp .readArea__text:nth-of-type(n+2) {
  margin-top: calc(18 * 100vw/390);
}
.premiumhaircare_lp .readArea__text .text-en {
  font-size: calc(14 * 100vw/390);
}
.premiumhaircare_lp .readArea__text .strong {
  font-weight: 500;
}
.premiumhaircare_lp .linkArea {
  margin-top: calc(-1 * 100vw/390);
  padding: calc(44 * 100vw/390) calc(45 * 100vw/390) calc(41 * 100vw/390);
  background: #fff;
}
.premiumhaircare_lp .linkArea__item:nth-of-type(n+2) {
  margin-top: calc(29 * 100vw/390);
}
.premiumhaircare_lp .linkArea__link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-block: calc(17 * 100vw/390) calc(12 * 100vw/390);
  background-color: var(--color-primary);
  border: 1px solid var(--color-text);
  border-radius: 99px;
  font-weight: 400;
  text-align: center;
  width: 100%;
  z-index: 0;
}
.premiumhaircare_lp .linkArea__link .num {
  top: calc(-14 * 100vw/390);
  padding: calc(4 * 100vw/390) calc(11 * 100vw/390) calc(3 * 100vw/390);
  font-size: calc(14 * 100vw/390);
}
.premiumhaircare_lp .linkArea__link p {
  margin-left: calc(19 * 100vw/390);
  margin-right: calc(10 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  width: calc(220 * 100vw/390);
}
.premiumhaircare_lp .linkArea__link .text-en {
  font-size: calc(15 * 100vw/390);
}
.premiumhaircare_lp .linkArea__link .arrow {
  position: relative;
  width: calc(9 * 100vw/390);
  height: calc(13 * 100vw/390);
  z-index: 0;
}
.premiumhaircare_lp .linkArea__link .arrow::before, .premiumhaircare_lp .linkArea__link .arrow::after {
  content: "";
  position: absolute;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.premiumhaircare_lp .linkArea__link .arrow::before {
  bottom: 0;
  width: calc(8 * 100vw/390);
  height: calc(5 * 100vw/390);
  background-image: url(../img/arrow.svg);
}
.premiumhaircare_lp .linkArea__link .arrow::after {
  margin: auto;
  top: 0;
  left: 0;
  width: 1px;
  height: calc(13 * 100vw/390);
  background-color: var(--color-text);
}
.premiumhaircare_lp .HairProblems__inner {
  padding: calc(50 * 100vw/390) calc(15 * 100vw/390) calc(46 * 100vw/390);
  background-color: var(--color-background-1);
  text-align: center;
}
.premiumhaircare_lp .HairProblems__titile {
  margin-bottom: calc(10 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__subTitile {
  -moz-column-gap: calc(26 * 100vw/390);
       column-gap: calc(26 * 100vw/390);
  margin-bottom: calc(40 * 100vw/390);
  font-size: calc(15 * 100vw/390);
  line-height: 1.63;
}
.premiumhaircare_lp .HairProblems__subTitile .strong {
  font-size: calc(16 * 100vw/390);
  font-weight: 600;
}
.premiumhaircare_lp .HairProblems__menuList {
  display: flex;
  flex-wrap: wrap;
  gap: calc(27 * 100vw/390) calc(12 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__menuList li {
  position: relative;
  z-index: 0;
}
.premiumhaircare_lp .HairProblems__menuList li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/frame_sp.svg);
  background-size: calc(168 * 100vw/390) calc(86 * 100vw/390);
  background-repeat: no-repeat;
  background-position: top left;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.premiumhaircare_lp .HairProblems__menuList .type {
  transform: translateY(calc(-20 * 100vw/390));
  margin-right: calc(10 * 100vw/390);
  font-size: calc(23 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__menuList .type-num {
  font-size: calc(29 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: calc(29 * 100vw/390);
  margin-top: calc(6 * 100vw/390);
  margin-left: calc(6 * 100vw/390);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: calc(21 * 100vw/390);
  width: calc(168 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__link p {
  position: relative;
  margin-top: calc(19 * 100vw/390);
  margin-right: calc(5 * 100vw/390);
  font-size: calc(11 * 100vw/390);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  z-index: 0;
}
.premiumhaircare_lp .HairProblems__link p .strong {
  font-size: calc(14 * 100vw/390);
  font-weight: 700;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .HairProblems__link p::after {
  content: "";
  position: absolute;
  margin: auto;
  bottom: calc(-12 * 100vw/390);
  left: 0;
  right: 0;
  width: calc(7 * 100vw/390);
  height: calc(4 * 100vw/390);
  background-image: url(../img/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.premiumhaircare_lp .HairProblems__contents--type:nth-of-type(1) {
  padding-top: calc(48 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type:nth-of-type(n+2) {
  margin-top: calc(18 * 100vw/390);
  padding-top: calc(42 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type.--01 .item.--1::after {
  left: calc(146 * 100vw/390);
  background-image: url(../img/type01-name1_sp.svg);
}
.premiumhaircare_lp .HairProblems__contents--type.--01 .item.--2::after {
  left: calc(136 * 100vw/390);
  background-image: url(../img/type01-name2_sp.svg);
}
.premiumhaircare_lp .HairProblems__contents--type.--01 .item.--1 .brand-container {
  max-width: calc(74 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type.--01 .item.--2 .brand-container {
  max-width: calc(134 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type.--02 .item.--1::after {
  left: calc(136 * 100vw/390);
  background-image: url(../img/type02-name1_sp.svg);
}
.premiumhaircare_lp .HairProblems__contents--type.--02 .item.--2::after {
  left: calc(150 * 100vw/390);
  background-image: url(../img/type02-name2_sp.svg);
}
.premiumhaircare_lp .HairProblems__contents--type.--02 .item.--1 .brand-container {
  max-width: calc(90 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type.--02 .item.--2 .brand-container {
  max-width: calc(120 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type.--03 .item.--1::after {
  left: calc(141 * 100vw/390);
  background-image: url(../img/type03-name1_sp.svg);
}
.premiumhaircare_lp .HairProblems__contents--type.--03 .item.--2::after {
  left: calc(159 * 100vw/390);
  background-image: url(../img/type03-name2_sp.svg);
}
.premiumhaircare_lp .HairProblems__contents--type.--03 .item.--1 .brand-container {
  max-width: calc(134 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type.--03 .item.--2 .brand-container {
  max-width: calc(242 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type.--04 .item.--1::after {
  left: calc(146 * 100vw/390);
  background-image: url(../img/type04-name1_sp.svg);
}
.premiumhaircare_lp .HairProblems__contents--type.--04 .item.--2::after {
  left: calc(156 * 100vw/390);
  background-image: url(../img/type04-name2_sp.svg);
}
.premiumhaircare_lp .HairProblems__contents--type.--04 .item.--1 .brand-container {
  max-width: calc(58 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents--type.--04 .item.--2 .brand-container {
  max-width: calc(84 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .type {
  display: inline-block;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  height: 0;
}
.premiumhaircare_lp .HairProblems .type-num {
  padding-left: calc(5 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents {
  padding-bottom: calc(64 * 100vw/390);
  background: #fff;
  overflow: hidden;
  text-align: center;
}
.premiumhaircare_lp .HairProblems__contents .head__title {
  -moz-column-gap: calc(24 * 100vw/390);
       column-gap: calc(24 * 100vw/390);
  margin-top: calc(7 * 100vw/390);
  margin-bottom: calc(20 * 100vw/390);
  font-size: calc(17 * 100vw/390);
  font-weight: 500;
  line-height: 1.5;
}
.premiumhaircare_lp .HairProblems__contents .head__title .strong {
  font-size: calc(18 * 100vw/390);
  font-weight: 700;
}
.premiumhaircare_lp .HairProblems__contents .head_text {
  font-size: calc(12 * 100vw/390);
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .HairProblems__contents .type {
  font-size: calc(26 * 100vw/390);
}
.premiumhaircare_lp .HairProblems__contents .type-num {
  font-size: calc(34 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .item {
  position: relative;
  margin-inline: calc(30 * 100vw/390);
  z-index: 0;
}
.premiumhaircare_lp .HairProblems .item::after {
  content: "";
  position: absolute;
  top: calc(285 * 100vw/390);
  width: 100%;
  height: calc(56 * 100vw/390);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
.premiumhaircare_lp .HairProblems .item.--1 {
  margin-top: calc(30 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .item.--2 {
  margin-top: calc(44 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .item__bg {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0 round calc(30 * 100vw/390));
          clip-path: inset(0 round calc(30 * 100vw/390));
  z-index: 0;
}
.premiumhaircare_lp .HairProblems .item__bg::before {
  content: "";
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../img/bg_sp.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100vw;
  height: 100%;
  z-index: -1;
  transform: translateZ(-1px);
}
.premiumhaircare_lp .HairProblems .item__contents {
  position: relative;
  text-align: center;
  z-index: 1;
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__head {
  padding: calc(10 * 100vw/390) calc(16 * 100vw/390) calc(10 * 100vw/390) calc(19 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .c-contents--card .brand--text.en {
  font-size: calc(16 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .c-contents--card .brand--text.jp {
  font-size: calc(13 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .c-contents--card .cate {
  font-size: calc(11 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--img {
  padding-block: calc(6 * 100vw/390) calc(18 * 100vw/390);
  background-color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid;
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--img .item--img {
  width: calc(210 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--name {
  margin-top: calc(5 * 100vw/390);
  font-size: calc(15 * 100vw/390);
  line-height: 1;
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--quantity {
  font-size: calc(11 * 100vw/390);
  line-height: 1;
  letter-spacing: 0;
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--credit {
  background-color: rgba(255, 255, 255, 0.6);
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--preice {
  font-size: calc(15 * 100vw/390);
  line-height: 1;
  letter-spacing: 0;
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--preice .small {
  font-size: calc(12 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--preice small {
  font-size: calc(11 * 100vw/390);
}
.premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--text {
  padding: calc(16 * 100vw/390) calc(16 * 100vw/390) calc(33 * 100vw/390);
  background-color: rgba(255, 255, 255, 0.6);
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.premiumhaircare_lp .HairProblems .button--detail {
  bottom: calc(-14 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips__inner {
  padding-block: calc(45 * 100vw/390) calc(46 * 100vw/390);
  background-color: var(--color-background-1);
}
.premiumhaircare_lp .HairCareTips__titile {
  margin-bottom: calc(13 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips__subTitile {
  margin-bottom: calc(21 * 100vw/390);
  font-size: calc(13 * 100vw/390);
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
.premiumhaircare_lp .HairCareTips--card {
  position: relative;
  margin-top: calc(-300 * 100vw/390);
  margin-inline: calc(25 * 100vw/390);
  margin-bottom: calc(32 * 100vw/390);
  padding: calc(28 * 100vw/390) calc(25 * 100vw/390) calc(24 * 100vw/390);
  color: #fff;
  z-index: 0;
}
.premiumhaircare_lp .HairCareTips--card-bg {
  display: block;
  margin-inline: auto;
  width: calc(340 * 100vw/390);
  height: calc(300 * 100vw/390);
  background-color: var(--color-tertiary);
  border-radius: calc(36 * 100vw/390);
  mix-blend-mode: multiply;
}
.premiumhaircare_lp .HairCareTips--card .img {
  margin: 0 auto calc(8 * 100vw/390);
  width: calc(176 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips--card .textWrap__head {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: calc(2 * 100vw/390);
       column-gap: calc(2 * 100vw/390);
  margin-bottom: calc(8 * 100vw/390);
  padding-bottom: calc(6 * 100vw/390);
  border-bottom: 1px solid;
}
.premiumhaircare_lp .HairCareTips--card .textWrap__head h4 {
  font-size: calc(16 * 100vw/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .HairCareTips--card .textWrap__head p {
  font-size: calc(11 * 100vw/390);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
.premiumhaircare_lp .HairCareTips--card .textWrap__text {
  font-size: calc(11 * 100vw/390);
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: justify;
}
.premiumhaircare_lp .HairCareTips-container {
  margin-bottom: calc(40 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips-slide {
  padding-bottom: calc(16 * 100vw/390);
  height: auto;
}
.premiumhaircare_lp .HairCareTips-slide.--1 .brand-container {
  max-width: calc(112 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips-slide.--2 .brand-container {
  max-width: calc(76 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips-slide.--3 .brand-container {
  max-width: calc(112 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips .c-contents--card {
  background-color: #fff;
}
.premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__head {
  padding: calc(11 * 100vw/390) calc(16 * 100vw/390) calc(10 * 100vw/390) calc(16 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips .c-contents--card .brand--text.en {
  font-size: calc(13 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips .c-contents--card .brand--text.jp {
  font-size: calc(10 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips .c-contents--card .cate {
  font-size: calc(11 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__main--img {
  padding-block: calc(4 * 100vw/390) calc(8 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__main--img .item--img {
  width: calc(160 * 100vw/390);
}
.premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__main--name {
  font-size: calc(14 * 100vw/390);
  line-height: 1.4;
}
.premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__main--text {
  padding: 0 calc(14 * 100vw/390) calc(30 * 100vw/390);
  line-height: 1.5;
}
.premiumhaircare_lp .HairCareTips .button--detail {
  bottom: 0;
}
.premiumhaircare_lp .HairCareTips__tips {
  position: relative;
  margin-top: calc(-378 * 100vw/390);
  margin-inline: calc(33 * 100vw/390) calc(17 * 100vw/390);
  padding: calc(22 * 100vw/390) calc(31 * 100vw/390) calc(33 * 100vw/390) calc(19 * 100vw/390);
  color: #fff;
  z-index: 0;
}
.premiumhaircare_lp .HairCareTips__tips-bg {
  display: block;
  margin-inline: calc(33 * 100vw/390) calc(17 * 100vw/390);
  width: calc(340 * 100vw/390);
  height: calc(378 * 100vw/390);
  background-color: var(--color-tertiary);
  border-radius: calc(36 * 100vw/390);
  mix-blend-mode: multiply;
}
.premiumhaircare_lp .HairCareTips__tips::before {
  content: "";
  position: absolute;
  top: calc(-8 * 100vw/390);
  left: calc(-8 * 100vw/390);
  width: calc(338 * 100vw/390);
  height: calc(376 * 100vw/390);
  border-radius: calc(36 * 100vw/390);
  border: 1px solid #fff;
  z-index: 1;
}
.premiumhaircare_lp .HairCareTips__tips--tilte {
  margin-bottom: calc(16 * 100vw/390);
  padding-bottom: calc(12 * 100vw/390);
  border-bottom: 1px solid;
}
.premiumhaircare_lp .HairCareTips__tips h4 {
  font-size: calc(15 * 100vw/390);
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.05em;
  text-align: center;
}
.premiumhaircare_lp .HairCareTips__tips p {
  font-size: calc(12 * 100vw/390);
  line-height: 1.75;
  letter-spacing: 0.05em;
  text-align: justify;
}
.premiumhaircare_lp .HairCareTips__tips p:nth-of-type(n+2) {
  margin-top: calc(14 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites {
  position: relative;
  margin-bottom: calc(74 * 100vw/390);
  z-index: 0;
}
.premiumhaircare_lp .StaffFavorites__inner {
  padding-block: calc(45 * 100vw/390) calc(60 * 100vw/390);
  background-color: #F7FAFC;
}
.premiumhaircare_lp .StaffFavorites__titile {
  margin-bottom: calc(28 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block {
  text-align: center;
}
.premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites-slide.--1 .brand-container {
  max-width: calc(112 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites-slide.--2 .brand-container {
  max-width: calc(180 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites-slide.--3 .brand-container {
  max-width: calc(100 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites__block--head {
  justify-content: flex-end;
}
.premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites__block--textWrap {
  width: calc(166 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block._block02 {
  margin-top: calc(49 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites-slide.--1 .brand-container {
  max-width: calc(102 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites-slide.--2 .brand-container {
  max-width: calc(100 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites-slide.--3 .brand-container {
  max-width: calc(100 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites__block--head {
  justify-content: flex-start;
}
.premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites__block--textWrap {
  width: calc(188 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites__block--head {
  display: flex;
  position: relative;
  align-items: center;
  -moz-column-gap: calc(13 * 100vw/390);
       column-gap: calc(13 * 100vw/390);
  margin-inline: calc(25 * 100vw/390);
  margin-bottom: calc(21 * 100vw/390);
  padding: calc(14 * 100vw/390) calc(18 * 100vw/390) calc(18 * 100vw/390);
  background-color: var(--color-secondary);
  border-radius: calc(67 * 100vw/390);
  text-align: left;
  z-index: 0;
}
.premiumhaircare_lp .StaffFavorites__block--head::after {
  content: "";
  position: absolute;
  margin: auto;
  bottom: calc(-10 * 100vw/390);
  left: 0;
  right: 0;
  width: calc(18 * 100vw/390);
  height: calc(14 * 100vw/390);
  background-color: var(--color-secondary);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  z-index: 0;
}
.premiumhaircare_lp .StaffFavorites__block--head .store {
  margin-bottom: calc(5 * 100vw/390);
  font-size: calc(11 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.premiumhaircare_lp .StaffFavorites__block--head .name {
  margin-bottom: calc(8 * 100vw/390);
  font-size: calc(15 * 100vw/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .StaffFavorites__block--head .text {
  font-size: calc(11 * 100vw/390);
  line-height: 1.45;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .StaffFavorites__block--img {
  width: calc(96 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites-slide {
  padding-bottom: calc(16 * 100vw/390);
  height: auto;
}
.premiumhaircare_lp .StaffFavorites .c-contents--card {
  background-color: #fff;
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__head {
  padding: calc(11 * 100vw/390) calc(15 * 100vw/390) calc(10 * 100vw/390) calc(16 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .brand--text.en {
  font-size: calc(13 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .brand--text.en.small {
  font-size: calc(12 * 100vw/390);
  letter-spacing: 0;
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .brand--text.jp {
  font-size: calc(10 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .brand--text.jp.small {
  font-size: calc(9 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .cate {
  font-size: calc(11 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__main--img {
  padding-block: calc(4 * 100vw/390) calc(9 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__main--img .item--img {
  width: calc(160 * 100vw/390);
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__main--name {
  margin-top: calc(2 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  line-height: 1.4;
}
.premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__main--text {
  padding: 0 calc(14 * 100vw/390) calc(30 * 100vw/390);
  line-height: 1.5;
}
.premiumhaircare_lp .StaffFavorites .button--detail {
  bottom: 0;
}
.premiumhaircare_lp .campaignAera {
  padding: calc(44 * 100vw/390) calc(44 * 100vw/390) calc(52 * 100vw/390);
  background-color: var(--color-background-2);
  color: #FFF;
  text-align: center;
}
.premiumhaircare_lp .campaignAera__title {
  margin-bottom: calc(20 * 100vw/390);
  font-size: calc(36 * 100vw/390);
  font-style: italic;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .campaignAera__dataBox {
  margin-bottom: calc(28 * 100vw/390);
  padding-bottom: calc(12 * 100vw/390);
  background-color: rgba(255, 255, 255, 0.1);
  background-image: url(../img/data-frame_sp.svg);
  background-size: calc(302 * 100vw/390) auto;
  background-repeat: no-repeat;
  width: 100%;
}
.premiumhaircare_lp .campaignAera__dataBox--title {
  margin-bottom: calc(6 * 100vw/390);
}
.premiumhaircare_lp .campaignAera__dataBox h5 {
  transform: translateY(calc(-6 * 100vw/390));
  font-size: calc(12 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
.premiumhaircare_lp .campaignAera__dataBox--data {
  font-size: calc(27 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.05em;
  font-style: italic;
  font-weight: 500;
}
.premiumhaircare_lp .campaignAera__dataBox--data .year {
  font-size: calc(17 * 100vw/390);
}
.premiumhaircare_lp .campaignAera__dataBox--data .week {
  font-size: calc(16 * 100vw/390);
}
.premiumhaircare_lp .campaignAera__pointText {
  font-size: calc(13 * 100vw/390);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .campaignAera__pointText strong {
  display: inline-block;
  transform: translateY(calc(2 * 100vw/390));
  padding-inline: calc(1 * 100vw/390) calc(2 * 100vw/390);
  font-size: calc(38 * 100vw/390);
  font-style: italic;
  font-weight: 500;
}
.premiumhaircare_lp .campaignAera .underline {
  position: relative;
  font-size: calc(22 * 100vw/390);
  z-index: 0;
}
.premiumhaircare_lp .campaignAera .underline::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  margin: auto;
  bottom: calc(-1 * 100vw/390);
  left: 49%;
  width: calc(164 * 100vw/390);
  height: calc(10 * 100vw/390);
  -webkit-clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
          clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
  background-color: #4C798E;
  z-index: -1;
}
.premiumhaircare_lp .campaignAera .storeBox {
  display: flex;
  justify-content: center;
  margin-top: calc(24 * 100vw/390);
  margin-bottom: calc(23 * 100vw/390);
}
.premiumhaircare_lp .campaignAera .storeBox--title {
  position: relative;
  padding-right: calc(15 * 100vw/390);
  font-size: calc(12 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  z-index: 0;
}
.premiumhaircare_lp .campaignAera .storeBox--title::after {
  content: "";
  position: absolute;
  top: calc(-1 * 100vw/390);
  right: 0;
  width: 1px;
  height: calc(14 * 100vw/390);
  border-right: 1px solid;
  z-index: 0;
}
.premiumhaircare_lp .campaignAera .storeBox--store {
  padding-left: calc(13 * 100vw/390);
  font-size: calc(13 * 100vw/390);
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.premiumhaircare_lp .set-banner {
  position: fixed;
  bottom: 0;
  right: 0;
  transition: all 0.6s ease;
  opacity: 0;
  visibility: hidden;
}
.premiumhaircare_lp .set-banner.delete {
  display: none;
}
.premiumhaircare_lp .set-banner .close {
  position: absolute;
  top: calc(-8 * 100vw/390);
  left: calc(-8 * 100vw/390);
  width: calc(23 * 100vw/390);
  height: calc(23 * 100vw/390);
  z-index: 1;
}
.premiumhaircare_lp .set-banner__link {
  width: calc(130 * 100vw/390);
  height: calc(130 * 100vw/390);
  z-index: 0;
}
.premiumhaircare_lp .set-banner__link:hover {
  opacity: 1;
}
.premiumhaircare_lp #set-banner.active,
.premiumhaircare_lp #share.active {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

/* .premiumhaircare_lp SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ PC ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
 ------------------------------------*/
@media (min-width: 769px) {
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡ ▼ S e t U p  PC ▼ ≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  main {
    max-width: 100vw;
  }
  #FooterWrap {
    position: relative;
    z-index: 1;
  }
  #Wrap {
    width: auto;
  }
  .wrapTop,
.wrapBottom {
    width: 100%;
  }
  .premiumhaircare_lp {
    padding-bottom: 8.5rem;
    max-width: 100vw;
  }
  .premiumhaircare_lp::after {
    background-image: url(../img/bg_pc.png);
  }
  .premiumhaircare_lp a {
    cursor: pointer;
  }
  .premiumhaircare_lp .pcOnly {
    display: block;
  }
  .premiumhaircare_lp .spOnly {
    display: none;
  }
  .premiumhaircare_lp .fv__img {
    -webkit-animation: mv-fade 1.7s ease 0.2s forwards;
            animation: mv-fade 1.7s ease 0.2s forwards;
  }
  .premiumhaircare_lp .contentsBox__itemCard-wrap {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
  }
  /* .premiumhaircare_lp : set up PC*/
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡≡ ▼ layout  PC ▼ ≡≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  .premiumhaircare_lp .section__titile {
    position: relative;
    transform: translateY(-3.2rem);
    margin-inline: 9rem auto;
    padding-left: 1rem;
  }
  .premiumhaircare_lp .section__titile .num {
    top: 1.2rem;
    left: -0.8rem;
    padding: 0.6rem 1.1rem 0.5rem 1.1rem;
    font-size: 1.5rem;
  }
  .premiumhaircare_lp .section__titile h3 {
    background-image: url(../img/cloud_pc.svg);
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    width: 28.4rem;
    height: 14.7rem;
  }
  .premiumhaircare_lp .section__titile h3 .text-en {
    font-size: 1.6rem;
  }
  .premiumhaircare_lp .section .parentheses::before, .premiumhaircare_lp .section .parentheses::after {
    width: 0.4rem;
    height: 4.9rem;
    background-image: url(../img/parentheses_pc.svg);
  }
  .premiumhaircare_lp .section .swiper-pagination {
   margin-block: 2rem 3rem;
  }
  .premiumhaircare_lp .section .swiper-pagination-bullet {
    margin: 0 0.4rem;
    border-radius: 10px;
    width: 4.2rem;
    height: 0.6rem;
  }
  .premiumhaircare_lp .section .swiper-button-prev,
.premiumhaircare_lp .section .swiper-button-next {
    background-size: 0.7rem 1.4rem;
    width: 5rem;
    height: 5rem;
  }
  .premiumhaircare_lp .section .swiper-button-prev {
    left: 17.5rem;
  }
  .premiumhaircare_lp .section .swiper-button-next {
    right: 17.5rem;
  }
  .premiumhaircare_lp .c-contents--card {
    border-radius: 3rem;
  }
  .premiumhaircare_lp .c-contents--card .item__contents__head {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .premiumhaircare_lp .c-contents--card .item__contents__main--name {
    font-size: 1.7rem;
  }
  .premiumhaircare_lp .c-contents--card .item__contents__main--name small {
    font-size: 1.3rem;
  }
  .premiumhaircare_lp .c-contents--card .item__contents__main--credit {
    padding: 1rem 2.4rem 0.9rem;
  }
  .premiumhaircare_lp .c-contents--card .item__contents__main--credit__inner {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .premiumhaircare_lp .c-contents--card .item__contents__main--credit__inner::after {
    top: -1rem;
    right: -1.7rem;
    height: 3.8rem;
  }
  .premiumhaircare_lp .c-contents--card .item__contents__main--text {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .premiumhaircare_lp .button--detail {
    font-size: 1.3rem;
    width: 14.9rem;
    height: 3.6rem;
  }
  .premiumhaircare_lp .button--detail::after {
    top: 1.6rem;
    right: 1.4rem;
    width: 0.3rem;
    height: 0.7rem;
  }
  .premiumhaircare_lp .button--review {
    margin: 3.2rem auto 0;
    font-size: 1.3rem;
    width: 40rem;
    height: 4rem;
  }
  .premiumhaircare_lp .button--review::after {
    top: 1.6rem;
    right: 1.4rem;
    width: 0.4rem;
    height: 0.8rem;
  }
  .premiumhaircare_lp .button--review .button--text {
    padding-right: 0.4rem;
  }
  .premiumhaircare_lp .button--all {
    bottom: -2.5rem;
    font-size: 1.4rem;
    width: 40rem;
    height: 5.1rem;
  }
  .premiumhaircare_lp .button--all::after {
    top: 2.2rem;
    right: 1.4rem;
    width: 0.4rem;
    height: 0.9rem;
  }
  .premiumhaircare_lp .button-campaignAera {
    font-size: 1.4rem;
    width: 21.9rem;
    height: 4.7rem;
  }
  .premiumhaircare_lp .button-campaignAera::after {
    top: 2rem;
    right: 1.4rem;
    width: 0.3rem;
    height: 0.7rem;
  }
  .premiumhaircare_lp .fvArea {
    display: flex;
    justify-content: center;
    padding-top: 3rem;
  }
  .premiumhaircare_lp .fvArea__img {
    max-width: 52rem;
  }
  .premiumhaircare_lp .fvArea__text {
    display: grid;
    place-content: center;
    position: static;
    padding: 0.5rem 0 0;
    width: 58rem;
  }
  .premiumhaircare_lp .fvArea__text p {
    margin-bottom: 1.9rem;
    font-size: 1.9rem;
  }
  .premiumhaircare_lp .fvArea__text h2 {
    font-size: 5.6rem;
    width: 41rem;
    height: 14.1rem;
  }
  .premiumhaircare_lp .readArea {
    padding: 6.5rem 0 0;
  }
  .premiumhaircare_lp .readArea__text {
    font-size: 1.5rem;
    line-height: 2;
  }
  .premiumhaircare_lp .readArea__text:nth-of-type(n+2) {
    margin-top: 2.8rem;
  }
  .premiumhaircare_lp .readArea__text .text-en {
    font-size: 1.6rem;
  }
  .premiumhaircare_lp .linkArea {
    margin-top: -0.1rem;
    margin-bottom: 7.3rem;
    padding: 4.6rem 0 6.6rem;
  }
  .premiumhaircare_lp .linkArea__list {
    display: flex;
    justify-content: center;
    -moz-column-gap: 2.9rem;
         column-gap: 2.9rem;
  }
  .premiumhaircare_lp .linkArea__item {
    position: relative;
    transition: all 0.6s ease;
    -webkit-mask-image: url(../img/cloud.svg);
            mask-image: url(../img/cloud.svg);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    z-index: 0;
  }
  .premiumhaircare_lp .linkArea__item:nth-of-type(n+2) {
    margin-top: 0;
  }
  .premiumhaircare_lp .linkArea__item:hover .linkArea__link {
    background-color: #D9E4EB;
  }
  .premiumhaircare_lp .linkArea__item:hover .linkArea__link .arrow::before {
    bottom: -0.2rem;
  }
  .premiumhaircare_lp .linkArea__item:hover .linkArea__link .arrow::after {
    max-height: 1.5rem;
  }
  .premiumhaircare_lp .linkArea__link {
    padding-block: 1.1rem 0;
    width: 27rem;
    height: 13.2rem;
    background-image: url(../img/cloud_frame.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
  }
  .premiumhaircare_lp .linkArea__link .num {
    top: 2.4rem;
    left: 10rem;
    padding: 0.4rem 1.1rem 0.3rem;
    font-size: 1.4rem;
  }
  .premiumhaircare_lp .linkArea__link p {
    margin-left: 1.2rem;
    margin-right: 0.5rem;
    font-size: 1.4rem;
    width: 22rem;
  }
  .premiumhaircare_lp .linkArea__link .text-en {
    font-size: 1.5rem;
  }
  .premiumhaircare_lp .linkArea__link .arrow {
    margin-top: -1.6rem;
    width: 0.9rem;
    max-height: 1.3rem;
  }
  .premiumhaircare_lp .linkArea__link .arrow::before {
    width: 0.8rem;
    height: 0.4rem;
  }
  .premiumhaircare_lp .linkArea__link .arrow::after {
    height: 1.3rem;
  }
  .premiumhaircare_lp .HairProblems {
    margin-top: -7.3rem;
    margin-inline: auto;
    margin-bottom: 8rem;
    padding-top: 7.3rem;
    width: 100%;
    max-width: 128rem;
  }
  .premiumhaircare_lp .HairProblems__inner {
    padding: 0 0 6.6rem;
  }
  .premiumhaircare_lp .HairProblems__titile {
    margin-bottom: 0;
  }
  .premiumhaircare_lp .HairProblems__subTitile {
    -moz-column-gap: 2.6rem;
         column-gap: 2.6rem;
    margin-top: -9rem;
    margin-bottom: 3.5rem;
    font-size: 1.6rem;
    line-height: 1;
  }
  .premiumhaircare_lp .HairProblems__subTitile > span {
    margin-top: -1.3rem;
  }
  .premiumhaircare_lp .HairProblems__subTitile .strong {
    font-size: 1.8rem;
  }
  .premiumhaircare_lp .HairProblems__menuList {
    justify-content: center;
    gap: 2rem;
  }
  .premiumhaircare_lp .HairProblems__menuList li::before {
    background-image: url(../img/frame_pc.svg);
    background-size: 21rem 8.8rem;
  }
  .premiumhaircare_lp .HairProblems__menuList .type {
    transform: translateY(-2rem);
    margin-right: 1.8rem;
    font-size: 2.3rem;
  }
  .premiumhaircare_lp .HairProblems__menuList .type-num {
    font-size: 2.9rem;
  }
  .premiumhaircare_lp .HairProblems__link {
    transition: all 0.4s ease;
    padding-bottom: 2.8rem;
    margin-top: 0.6rem;
    margin-left: 0.6rem;
    border-radius: 2rem;
    width: 21rem;
  }
  .premiumhaircare_lp .HairProblems__link:hover {
    background-color: rgba(238, 242, 245, 0.9);
  }
  .premiumhaircare_lp .HairProblems__link p {
    margin-top: 1.8rem;
    margin-right: 0.5rem;
    font-size: 1.3rem;
    line-height: 1.38;
  }
  .premiumhaircare_lp .HairProblems__link p .strong {
    font-size: 1.6rem;
  }
  .premiumhaircare_lp .HairProblems__link p::after {
    bottom: -1.2rem;
    width: 0.7rem;
    height: 0.4rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .premiumhaircare_lp .HairProblems__contents--type:nth-of-type(1) {
    padding-top: 6.4rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type:nth-of-type(n+2) {
    margin-top: 6.2rem;
    padding-top: 1.8rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type.--01 .item.--1::after {
    left: 16.8rem;
    background-image: url(../img/type01-name1_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents--type.--01 .item.--2::after {
    left: 17.1rem;
    background-image: url(../img/type01-name2_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents--type.--01 .item.--1 .brand-container {
    max-width: 7.4rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type.--01 .item.--2 .brand-container {
    max-width: 13.4rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type.--02 .item.--1::after {
    left: 18.8rem;
    background-image: url(../img/type02-name1_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents--type.--02 .item.--2::after {
    left: 18.8rem;
    background-image: url(../img/type02-name2_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents--type.--02 .item.--1 .brand-container {
    max-width: 9rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type.--02 .item.--2 .brand-container {
    max-width: 12rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type.--03 .item.--1::after {
    left: 17.5rem;
    background-image: url(../img/type03-name1_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents--type.--03 .item.--2::after {
    left: 20.4rem;
    background-image: url(../img/type03-name2_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents--type.--03 .item.--1 .brand-container {
    max-width: 13.4rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type.--03 .item.--2 .brand-container {
    max-width: 24.2rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type.--04 .item.--1::after {
    left: 18.5rem;
    background-image: url(../img/type04-name1_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents--type.--04 .item.--2::after {
    left: 20rem;
    background-image: url(../img/type04-name2_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents--type.--04 .item.--1 .brand-container {
    max-width: 5.8rem;
  }
  .premiumhaircare_lp .HairProblems__contents--type.--04 .item.--2 .brand-container {
    max-width: 8.4rem;
  }
  .premiumhaircare_lp .HairProblems .type-num {
    padding-left: 0.5rem;
  }
  .premiumhaircare_lp .HairProblems__contents {
    margin-inline: auto;
    padding-bottom: 11.8rem;
    width: 100%;
    max-width: 128rem;
  }
  .premiumhaircare_lp .HairProblems__contents .head {
    margin-bottom: 4.2rem;
    width: 100%;
  }
  .premiumhaircare_lp .HairProblems__contents .head__title {
    -moz-column-gap: 2.6rem;
         column-gap: 2.6rem;
    margin-top: 1rem;
    margin-bottom: 2.4rem;
    font-size: 1.9rem;
    line-height: 1.58;
  }
  .premiumhaircare_lp .HairProblems__contents .head__title::before, .premiumhaircare_lp .HairProblems__contents .head__title::after {
    width: 0.7rem;
    height: 6.6rem;
    background-image: url(../img/parentheses2_pc.svg);
  }
  .premiumhaircare_lp .HairProblems__contents .head__title > span {
    margin-top: 0.5rem;
  }
  .premiumhaircare_lp .HairProblems__contents .head__title .strong {
    font-size: 2rem;
  }
  .premiumhaircare_lp .HairProblems__contents .head_text {
    font-size: 1.5rem;
    line-height: 1.75;
  }
  .premiumhaircare_lp .HairProblems__contents .type {
    font-size: 3.4rem;
  }
  .premiumhaircare_lp .HairProblems__contents .type-num {
    font-size: 4.2rem;
  }
  .premiumhaircare_lp .HairProblems .item {
    margin-inline: 2.5rem;
    width: 40.8rem;
  }
  .premiumhaircare_lp .HairProblems .item::after {
    top: 33.7rem;
    height: 6.8rem;
  }
  .premiumhaircare_lp .HairProblems .item.--1, .premiumhaircare_lp .HairProblems .item.--2 {
    margin-top: 0;
  }
  .premiumhaircare_lp .HairProblems .item__bg {
    -webkit-clip-path: inset(0 round 3rem);
            clip-path: inset(0 round 3rem);
  }
  .premiumhaircare_lp .HairProblems .item__bg::before {
    background-image: url(../img/bg_pc.png);
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__head {
    padding: 1.1rem 2.2rem 1.2rem 2.3rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .brand--text.en {
    font-size: 1.6rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .brand--text.jp {
    font-size: 1.3rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .cate {
    font-size: 1.3rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--img {
    padding-block: 0.5rem 1.9rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--img .item--img {
    width: 25rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--name {
    margin-top: 1.4rem;
    font-size: 1.7rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--quantity {
    font-size: 1.3rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--preice {
    font-size: 1.8rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--preice .small {
    font-size: 1.5rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--preice small {
    font-size: 1.2rem;
  }
  .premiumhaircare_lp .HairProblems .c-contents--card .item__contents__main--text {
    padding: 1.1rem 2.2rem 2.6rem;
    min-height: 100%;
  }
  .premiumhaircare_lp .HairProblems .button--detail {
    bottom: -2rem;
  }
  .premiumhaircare_lp .HairCareTips {
    margin-top: -8rem;
    margin-inline: auto;
    margin-bottom: 8rem;
    padding-top: 8rem;
    width: 100%;
    max-width: 128rem;
  }
  .premiumhaircare_lp .HairCareTips__inner {
    padding-block: 0 8rem;
  }
  .premiumhaircare_lp .HairCareTips__titile {
    margin-bottom: 0;
  }
  .premiumhaircare_lp .HairCareTips__subTitile {
    margin-top: -9rem;
    margin-bottom: 4rem;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  .premiumhaircare_lp .HairCareTips--card {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 2.4rem;
         column-gap: 2.4rem;
    margin-top: -22.2rem;
    margin-inline: auto;
    margin-bottom: 3.8rem;
    padding: 3rem 3.6rem 3rem 3rem;
    box-sizing: border-box;
    width: 64.4rem;
  }
  .premiumhaircare_lp .HairCareTips--card-bg {
    margin-inline: auto;
    width: 64.4rem;
    height: 22.2rem;
    border-radius: 3.6rem;
  }
  .premiumhaircare_lp .HairCareTips--card .img {
    margin: 0;
    width: 17.6rem;
  }
  .premiumhaircare_lp .HairCareTips--card .textWrap__head {
    align-items: baseline;
    justify-content: flex-start;
    -moz-column-gap: 0;
         column-gap: 0;
    margin-bottom: 1.4rem;
    padding-bottom: 0.8rem;
  }
  .premiumhaircare_lp .HairCareTips--card .textWrap__head h4 {
    font-size: 2rem;
  }
  .premiumhaircare_lp .HairCareTips--card .textWrap__head p {
    font-size: 1.2rem;
  }
  .premiumhaircare_lp .HairCareTips--card .textWrap__text {
    font-size: 1.3rem;
    line-height: 1.75;
  }
  .premiumhaircare_lp .HairCareTips-container {
    margin-bottom: 5rem;
    padding-inline: 0.5rem;
    box-sizing: border-box;
    width: 88rem;
  }
  .premiumhaircare_lp .HairCareTips-slide {
    padding-bottom: 1.6rem;
  }
  .premiumhaircare_lp .HairCareTips-slide.--1 .brand-container {
    max-width: 11.2rem;
  }
  .premiumhaircare_lp .HairCareTips-slide.--2 .brand-container {
    max-width: 7.6rem;
  }
  .premiumhaircare_lp .HairCareTips-slide.--3 .brand-container {
    max-width: 11.2rem;
  }
  .premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__head {
    padding: 1.1rem 1.7rem 1rem 2rem;
  }
  .premiumhaircare_lp .HairCareTips .c-contents--card .brand--text.en {
    font-size: 1.3rem;
  }
  .premiumhaircare_lp .HairCareTips .c-contents--card .brand--text.jp {
    font-size: 1rem;
  }
  .premiumhaircare_lp .HairCareTips .c-contents--card .cate {
    font-size: 1.2rem;
  }
  .premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__main--img {
    padding-block: 0.4rem 1.5rem;
  }
  .premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__main--img .item--img {
    width: 18rem;
  }
  .premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__main--name {
    font-size: 1.5rem;
  }
  .premiumhaircare_lp .HairCareTips .c-contents--card .item__contents__main--text {
    padding: 0 2.1rem 3rem;
  }
  .premiumhaircare_lp .HairCareTips__tips {
    margin-top: -30.4rem;
    margin-inline: 31.2rem 30.4rem;
    padding: 3.5rem 4.5rem 4.2rem 3.7rem;
    box-sizing: border-box;
    width: 66.4rem;
  }
  .premiumhaircare_lp .HairCareTips__tips-bg {
    display: block;
    margin-inline: 31.2rem 30.4rem;
    width: 66.4rem;
    height: 30.4rem;
    border-radius: 3.6rem;
  }
  .premiumhaircare_lp .HairCareTips__tips::before {
    top: -0.8rem;
    left: -0.8rem;
    width: 66.4rem;
    height: 30.4rem;
    border-radius: 3.6rem;
  }
  .premiumhaircare_lp .HairCareTips__tips--tilte {
    margin-bottom: 2.2rem;
    padding-bottom: 1.8rem;
  }
  .premiumhaircare_lp .HairCareTips__tips h4 {
    font-size: 1.6rem;
    line-height: 1;
  }
  .premiumhaircare_lp .HairCareTips__tips p {
    font-size: 1.3rem;
    line-height: 1.75;
  }
  .premiumhaircare_lp .HairCareTips__tips p:nth-of-type(n+2) {
    margin-top: 2rem;
  }
  .premiumhaircare_lp .StaffFavorites {
    margin-top: -8rem;
    margin-inline: auto;
    margin-bottom: 9.2rem;
    padding-top: 8rem;
    width: 100%;
    max-width: 128rem;
    z-index: 0;
  }
  .premiumhaircare_lp .StaffFavorites__inner {
    padding-block: 0 7.6rem;
  }
  .premiumhaircare_lp .StaffFavorites__titile {
    margin-bottom: 0;
  }
  .premiumhaircare_lp .StaffFavorites__block._block01 {
    margin-top: -7rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites-slide.--1 .brand-container {
    max-width: 11.2rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites-slide.--2 .brand-container {
    max-width: 18rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites-slide.--3 .brand-container {
    max-width: 10rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block01 .StaffFavorites__block--textWrap {
    width: 24rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block02 {
    margin-top: 7.2rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites-slide.--1 .brand-container {
    max-width: 10.2rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites-slide.--2 .brand-container {
    max-width: 10rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites-slide.--3 .brand-container {
    max-width: 10rem;
  }
  .premiumhaircare_lp .StaffFavorites__block._block02 .StaffFavorites__block--textWrap {
    width: 22.4rem;
  }
  .premiumhaircare_lp .StaffFavorites__block--head {
    -moz-column-gap: 1.8rem;
         column-gap: 1.8rem;
    margin-inline: auto;
    margin-bottom: 4.1rem;
    padding: 1.6rem 2.4rem 1.7rem;
    border-radius: 11.3rem;
    box-sizing: border-box;
    width: 45.8rem;
  }
  .premiumhaircare_lp .StaffFavorites__block--head::after {
    bottom: -1.1rem;
    width: 2rem;
    height: 1.4rem;
  }
  .premiumhaircare_lp .StaffFavorites__block--head .store {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
  }
  .premiumhaircare_lp .StaffFavorites__block--head .name {
    margin-bottom: 1rem;
    font-size: 2rem;
  }
  .premiumhaircare_lp .StaffFavorites__block--head .text {
    font-size: 1.3rem;
  }
  .premiumhaircare_lp .StaffFavorites__block--img {
    width: 13.1rem;
  }
  .premiumhaircare_lp .StaffFavorites-container {
    padding-inline: 0.5rem;
    box-sizing: border-box;
    width: 88rem;
  }
  .premiumhaircare_lp .StaffFavorites-slide {
    padding-bottom: 2rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__head {
    padding: 1.1rem 1.7rem 1rem 2rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .brand--text.en {
    font-size: 1.3rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .brand--text.en.small {
    font-size: 1.3rem;
    letter-spacing: 0.05em;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .brand--text.jp {
    font-size: 1rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .brand--text.jp.small {
    font-size: 1rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .cate {
    font-size: 1.2rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__main--img {
    padding-block: 0.4rem 1.5rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__main--img .item--img {
    width: 18rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__main--name {
    font-size: 1.5rem;
  }
  .premiumhaircare_lp .StaffFavorites .c-contents--card .item__contents__main--text {
    padding: 0 2.1rem 3rem;
  }
  .premiumhaircare_lp .campaignAera {
    margin-inline: auto;
    padding: 5.4rem 0 5.1rem;
    width: 100%;
    max-width: 128rem;
  }
  .premiumhaircare_lp .campaignAera__title {
    margin-bottom: 2.3rem;
    font-size: 4.2rem;
    line-height: 1;
  }
  .premiumhaircare_lp .campaignAera__dataBox {
    margin: 0 auto 2.3rem;
    padding-bottom: 1.2rem;
    background-image: url(../img/data-frame_pc.svg);
    background-size: 32.2rem auto;
    width: 32.3rem;
  }
  .premiumhaircare_lp .campaignAera__dataBox--title {
    margin-bottom: 0.6rem;
  }
  .premiumhaircare_lp .campaignAera__dataBox h5 {
    transform: translateY(-0.7rem);
    font-size: 1.4rem;
  }
  .premiumhaircare_lp .campaignAera__dataBox--data {
    font-size: 2.9rem;
  }
  .premiumhaircare_lp .campaignAera__dataBox--data .year {
    font-size: 1.9rem;
  }
  .premiumhaircare_lp .campaignAera__dataBox--data .week {
    font-size: 1.8rem;
  }
  .premiumhaircare_lp .campaignAera__pointText {
    font-size: 1.4rem;
  }
  .premiumhaircare_lp .campaignAera__pointText strong {
    transform: translateY(0.2rem);
    padding-inline: 0.1rem 0.2rem;
    font-size: 3.9rem;
  }
  .premiumhaircare_lp .campaignAera .underline {
    font-size: 2.3rem;
  }
  .premiumhaircare_lp .campaignAera .underline::after {
    bottom: 0;
    width: 16.6rem;
    height: 1rem;
    -webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
            clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
  }
  .premiumhaircare_lp .campaignAera .storeBox {
    margin-top: 2.4rem;
    margin-bottom: 3rem;
  }
  .premiumhaircare_lp .campaignAera .storeBox--title {
    padding-right: 1.4rem;
    font-size: 1.3rem;
  }
  .premiumhaircare_lp .campaignAera .storeBox--title::after {
    top: -0.1rem;
    height: 1.6rem;
  }
  .premiumhaircare_lp .campaignAera .storeBox--store {
    padding-left: 1.3rem;
    font-size: 1.4rem;
  }
  .premiumhaircare_lp .set-banner {
    bottom: 3rem;
    right: 2.7rem;
  }
  .premiumhaircare_lp .set-banner .close {
    top: -0.8rem;
    left: -0.8rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .premiumhaircare_lp .set-banner__link {
    width: 14.6rem;
    height: 14.6rem;
  }
  /* .premiumhaircare_lp PC*/
}
/*--------------------------------
   Media Queries (768px ~ 1380px )
 --------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .premiumhaircare_lp .section .swiper-button-prev {
    left: 11%;
  }
  .premiumhaircare_lp .section .swiper-button-next {
    right: 11%;
  }
}
/*# sourceMappingURL=style.css.map */