@charset "UTF-8";
/*----------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ カスタムプロバティ ▼ ≡≡≡≡≡≡≡≡≡≡≡
----------------------------------------*/
@font-face {
  font-family: "TT-Norms_Thin";
  /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url("../fonts/TT Norms Pro Thin.otf") format("opentype"), url("../fonts/TT Norms Pro Thin.woff") format("woff"), url("../fonts/TT Norms Pro Thin.woff2") format("woff2");
}
@font-face {
  font-family: "TT-Norms_Regular";
  /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url("../fonts/TT Norms Pro Regular.otf") format("opentype"), url("../fonts/TT Norms Pro Regular.woff") format("woff"), url("../fonts/TT Norms Pro Regular.woff2") format("woff2");
}
@font-face {
  font-family: "TT-Norms_Medium";
  /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url("../fonts/TT Norms Pro Medium.otf") format("opentype"), url("../fonts/TT Norms Pro Medium.woff") format("woff"), url("../fonts/TT Norms Pro Medium.woff2") format("woff2");
}
/*--------------------------------
   Media Queries (1400px ~ 1400px)
 --------------------------------*/
@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ S e t U p SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
body {
  background-color: #F8F8F8;
}

.aromatica_lp {
  position: relative;
  margin: 0 auto;
  padding-bottom: calc(70 * 100vw/390);
  background-color: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-TT-Norms-m), "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  z-index: 0;
}
.aromatica_lp img,
.aromatica_lp svg {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}
.aromatica_lp picture {
  display: block;
}
.aromatica_lp a {
  display: block;
  color: inherit;
}
.aromatica_lp *:focus {
  outline: none;
}
.aromatica_lp a,
.aromatica_lp label {
  -webkit-tap-highlight-color: rgba(214, 222, 217, 0.8);
}
.aromatica_lp input {
  display: none;
}
.aromatica_lp li,
.aromatica_lp ol {
  list-style-type: none;
}
.aromatica_lp .spOnly {
  display: block;
}
.aromatica_lp .pcOnly {
  display: none;
}
.aromatica_lp ::-moz-selection {
  color: var(--color-background);
  background-color: rgba(97, 121, 103, 0.6);
}
.aromatica_lp ::selection {
  color: var(--color-background);
  background-color: rgba(97, 121, 103, 0.6);
}
.aromatica_lp sup {
  font-size: 0.6em;
}
.aromatica_lp #share img {
  margin: auto;
}
.aromatica_lp .anim {
  opacity: 0;
}
.aromatica_lp .anim_enable {
  -webkit-animation: fade 1.4s ease forwards;
          animation: fade 1.4s ease forwards;
}
@-webkit-keyframes fade {
  20% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade {
  20% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.aromatica_lp .fv__img {
  -webkit-animation: mv-fade 1.6s ease 0.2s forwards;
          animation: mv-fade 1.6s ease 0.2s forwards;
  filter: blur(6px);
  opacity: 0;
}
@-webkit-keyframes mv-fade {
  0% {
    opacity: 0;
    filter: blur(15px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes mv-fade {
  0% {
    opacity: 0;
    filter: blur(15px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}

/*--------------------------------
							SP  Only
--------------------------------*/
@media (max-width: 768px) {
  .aromatica_lp .following-navlist {
    display: flex;
  }
  .aromatica_lp .lineUp__item:nth-child(-n+2) {
    width: calc(50% - calc(1 * 100vw/390));
  }
  .aromatica_lp .lineUp__item:nth-child(n+3) {
    width: calc((100vw - calc(2 * 100vw/390)) / 3);
  }
  .aromatica_lp .lineUp__item:nth-child(n+3) .lineUp__link p {
    font-size: calc(14 * 100vw/390);
  }
}

/* .aromatica_lp : set up SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡ ▼ Layout SP First ▼ ≡≡≡≡≡≡≡≡
 ------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ layout  SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.aromatica_lp {
  --color-text: #2C2C2C;
  --color-text--2: #617967;
  --color-text--3: #788179;
  --color-border: #D3D3D3;
  --color-background: #F4F0EC;
  --color-background2: #D6DED9;
  --color-background-item: #E8E7E2;
  --font-english: "minerva-modern", sans-serif;
  --font-TT-Norms-t: "TT-Norms_Thin";
  --font-TT-Norms-r: "TT-Norms_Regular";
  --font-TT-Norms-m: "TT-Norms_Medium";
}
.aromatica_lp .fv {
  width: 100%;
}
.aromatica_lp .menu {
  position: relative;
  margin-top: calc(40 * 100vw/390);
  z-index: 0;
}
.aromatica_lp .menu .menulist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aromatica_lp .menu::before {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  border-left: 1px solid var(--color-border);
  z-index: 0;
}
/* .aromatica_lp .menu::after {
  content: "";
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--color-border);
  z-index: 0;
} */
.aromatica_lp .menu__item {
  position: relative;
  z-index: 0;
  font-size: calc(14 * 100vw/390);
  line-height: 1.4;
  text-align: center;
  height: calc(68 * 100vw/390);
}
.aromatica_lp .menu__item::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  bottom: calc(10 * 100vw/390);
  left: 50%;
  width: calc(8 * 100vw/390);
  height: calc(3 * 100vw/390);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  z-index: 0;
}
.aromatica_lp .menu__item:nth-of-type(1) .menu__link {
  padding-block: calc(9 * 100vw/390) calc(18 * 100vw/390);
}
.aromatica_lp .menu__item:nth-of-type(2) .menu__link, .aromatica_lp .menu__item:nth-of-type(4) .menu__link {
  padding-block: calc(19 * 100vw/390) calc(28 * 100vw/390);
}
.aromatica_lp .menu .normal {
  font-weight: 500;
}
.aromatica_lp .menu .normal::after {
  background-color: var(--color-text);
}
.aromatica_lp .menu .irregular {
  background-color: var(--color-background2);
  color: var(--color-text--2);
  font-weight: 700;
}
.aromatica_lp .menu .irregular::after {
  background-color: var(--color-text--2);
}
.aromatica_lp .following-nav {
  overflow: scroll hidden;
  filter: drop-shadow(0px 1px 12px rgba(0, 0, 0, 0.16));
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.aromatica_lp .following-nav::-webkit-scrollbar {
  display: none;
}
.aromatica_lp .following-nav a:hover {
  opacity: 1;
}
.aromatica_lp .following-navlist {
  width: 100%;
}
.aromatica_lp .following-nav__item {
  position: relative;
  z-index: 0;
  font-size: calc(14 * 100vw/390);
  line-height: 1.3;
  text-align: center;
  width: 50%;
  height: calc(66 * 100vw/390);
}
.aromatica_lp .following-nav__item:nth-child(n+2):before {
  content: "";
  position: absolute;
  top: calc(5 * 100vw/390);
  left: 0;
  border-right: 1px solid #D3D3D3;
  height: calc(54 * 100vw/390);
  z-index: 1;
}
.aromatica_lp .following-nav__item::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  top: calc(8 * 100vw/390);
  left: 50%;
  width: calc(9 * 100vw/390);
  height: calc(4 * 100vw/390);
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  z-index: 0;
}
.aromatica_lp .following-nav__item:nth-of-type(1) .following-nav__link {
  padding-block: calc(16 * 100vw/390) calc(10 * 100vw/390);
}
.aromatica_lp .following-nav__item:nth-of-type(2) .following-nav__link {
  padding-block: calc(26 * 100vw/390) calc(19 * 100vw/390);
}
.aromatica_lp .following-nav__link {
  position: relative;
  padding-inline: calc(20 * 100vw/390);
  background-color: #EFE9E3;
  white-space: nowrap;
  z-index: 0;
}
.aromatica_lp .following-nav__link::before {
  content: "";
  position: absolute;
  top: calc(-2 * 100vw/390);
  left: 0;
  width: 100%;
  height: calc(3 * 100vw/390);
  z-index: 1;
}
.aromatica_lp .following-nav .normal {
  font-weight: 500;
}
.aromatica_lp .following-nav .normal::after {
  background-color: var(--color-text);
}
.aromatica_lp .section {
  padding-bottom: calc(60 * 100vw/390);
}
.aromatica_lp .section__title {
  margin-bottom: calc(26 * 100vw/390);
  text-align: center;
}
.aromatica_lp .section__title span {
  display: block;
}
.aromatica_lp .section__title .en {
  font-family: var(--font-english);
  font-size: calc(40 * 100vw/390);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.07em;
}
.aromatica_lp .section__title .jp {
  margin-top: calc(11 * 100vw/390);
  font-size: calc(13 * 100vw/390);
  font-weight: 500;
  line-height: 1.4;
}
.aromatica_lp .section .link {
  position: relative;
  margin-inline: auto;
  padding-inline: calc(10 * 100vw/390) calc(25 * 100vw/390);
  border: 1px solid #1F2C21;
  font-size: calc(14 * 100vw/390);
  font-weight: 500;
  line-height: 1;
  text-align: center;
  z-index: 0;
}
.aromatica_lp .section .link::after {
  content: "";
  position: absolute;
  top: calc(18 * 100vw/390);
  right: calc(10 * 100vw/390);
  width: calc(4 * 100vw/390);
  height: calc(9 * 100vw/390);
  background-color: var(--color-text);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  z-index: 0;
}
.aromatica_lp .aromatica {
  margin-top: calc(63 * 100vw/390);
  padding-inline: calc(20 * 100vw/390);
}
.aromatica_lp .aromatica .section__title {
  margin-bottom: calc(26 * 100vw/390);
}
.aromatica_lp .aromatica__img {
  margin-bottom: calc(15 * 100vw/390);
}
.aromatica_lp .aromatica__text {
  font-size: calc(14 * 100vw/390);
  line-height: 2;
  text-align: justify;
}
.aromatica_lp .aromatica__point {
  margin-top: calc(28 * 100vw/390);
}
.aromatica_lp .aromatica__pointTitle {
  margin-bottom: calc(16 * 100vw/390);
  padding: calc(12 * 100vw/390) 0 calc(9 * 100vw/390);
  background-color: #E8E7E1;
  font-family: var(--font-english);
  font-size: calc(22 * 100vw/390);
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.07em;
  text-align: center;
}
.aromatica_lp .aromatica__pointList .text {
  font-size: calc(14 * 100vw/390);
  line-height: 1.5;
}
.aromatica_lp .aromatica__pointList .small {
  display: inline-block;
  margin-top: calc(3 * 100vw/390);
  color: var(--color-text--3);
  font-family: var(--font-TT-Norms-r);
  font-size: calc(13 * 100vw/390);
  line-height: 1.25;
}
.aromatica_lp .aromatica__pointItem {
  position: relative;
  padding-left: calc(35 * 100vw/390);
  z-index: 0;
}
.aromatica_lp .aromatica__pointItem::before {
  content: "";
  position: absolute;
  top: calc(-5 * 100vw/390);
  left: 0;
  width: calc(29 * 100vw/390);
  height: calc(29 * 100vw/390);
  background-image: url(../img/check.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.aromatica_lp .aromatica__pointItem:nth-of-type(n+2) {
  margin-top: calc(10 * 100vw/390);
}
.aromatica_lp .lineUp__list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1 * 100vw/390);
}
.aromatica_lp .lineUp__link {
  position: relative;
  z-index: 0;
}
.aromatica_lp .lineUp__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(71 * 100vw/390);
  background: linear-gradient(180deg, rgba(60, 78, 65, 0) 0%, rgba(60, 78, 65, 0.4) 100%);
  z-index: 0;
}
.aromatica_lp .lineUp__link p {
  position: absolute;
  bottom: calc(8 * 100vw/390);
  left: 0;
  width: 100%;
  color: #ffffff;
  font-size: calc(15 * 100vw/390);
  line-height: 1;
  text-align: center;
  z-index: 1;
}
.aromatica_lp .pickUp {
  text-align: center;
}
.aromatica_lp .pickUp-hair .pickUp__catItem,
.aromatica_lp .pickUp-body .pickUp__catItem,
.aromatica_lp .pickUp-aroma .pickUp__catItem {
  position: relative;
  z-index: 0;
}
.aromatica_lp .pickUp-hair .pickUp__catItem::after,
.aromatica_lp .pickUp-body .pickUp__catItem::after,
.aromatica_lp .pickUp-aroma .pickUp__catItem::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(150 * 100vw/390);
  background-size: calc(326 * 100vw/390) auto;
  background-repeat: no-repeat;
  z-index: -1;
}
.aromatica_lp .pickUp-hair .pickUp__catItem::after {
  top: calc(88 * 100vw/390);
}
.aromatica_lp .pickUp-body .pickUp__catItem::after {
  top: calc(22 * 100vw/390);
}
.aromatica_lp .pickUp-aroma .pickUp__catItem::after {
  top: calc(60 * 100vw/390);
}
.aromatica_lp .pickUp-hair .pickUp__catItem:nth-of-type(1):after {
  background-image: url(../img_240912/hair-item1_text.svg);
}
.aromatica_lp .pickUp-hair .pickUp__catItem:nth-of-type(2):after {
  background-image: url(../img_240912/hair-item2_text.svg);
}
.aromatica_lp .pickUp-hair .pickUp__catItem:nth-of-type(3):after {
  background-image: url(../img_240912/hair-item3_text.svg);
}
.aromatica_lp .pickUp-body .pickUp__catItem:nth-of-type(1):after {
  background-image: url(../img_240912/body-item1_text.svg);
}
.aromatica_lp .pickUp-body .pickUp__catItem:nth-of-type(2):after {
  background-image: url(../img_240912/body-item2_text.svg);
}
.aromatica_lp .pickUp-body .pickUp__catItem:nth-of-type(3):after {
  background-image: url(../img_240912/body-item3_text.svg);
}
.aromatica_lp .pickUp-aroma .pickUp__catItem:nth-of-type(1):after {
  background-image: url(../img_240912/aroma-item1_text.svg);
}
.aromatica_lp .pickUp-aroma .pickUp__catItem:nth-of-type(2):after {
  background-image: url(../img_240912/aroma-item2_text.svg);
}
.aromatica_lp .pickUp-aroma .pickUp__catItem:nth-of-type(3):after {
  background-image: url(../img_240912/aroma-item3_text.svg);
}
.aromatica_lp .pickUp-aroma .pickUp__catItem:nth-of-type(4):after {
  background-image: url(../img_240912/aroma-item4_text.svg);
}
.aromatica_lp .pickUp.pickUp-body .pickUp__cat__mv {
  margin-bottom: calc(26 * 100vw/390);
}
.aromatica_lp .pickUp .link {
  background-color: #1F2C21;
  color: #ffffff;
  padding: calc(13.5 * 100vw/390) calc(13 * 100vw/390) calc(12.5 * 100vw/390) calc(10 * 100vw/390);
  width: calc(155 * 100vw/390);
}
.aromatica_lp .pickUp.pickUp-hair .link {
  margin-top: calc(10 * 100vw/390);
}
.aromatica_lp .pickUp .link::after {
  background-color: #ffffff;
}
.aromatica_lp .pickUp.pickUp-body .pickUp__catItem {
  padding-bottom: calc(42 * 100vw/390);
}
.aromatica_lp .pickUp__cat__mv {
  margin-bottom: calc(20 * 100vw/390);
}
.aromatica_lp .pickUp__cat__img {
  margin-bottom: calc(14 * 100vw/390);
}
.aromatica_lp .pickUp__cat__text.jp {
  margin-bottom: calc(3.5 * 100vw/390);
  font-size: calc(18 * 100vw/390);
  line-height: 1.5;
}
.aromatica_lp .pickUp__cat__text.en {
  font-family: var(--font-english);
  font-size: calc(17 * 100vw/390);
  font-weight: normal;
  letter-spacing: 0.07em;
  line-height: 1.5;
}
.aromatica_lp .pickUp__cat__credit {
  margin-top: calc(22 * 100vw/390);
}
.aromatica_lp .pickUp__cat__credit .productName {
  margin-bottom: calc(10 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  font-weight: 700;
  line-height: 2.1;
}
.aromatica_lp .pickUp__cat__credit .productText {
  margin-bottom: calc(14 * 100vw/390);
  color: var(--color-text--3);
  font-size: calc(13 * 100vw/390);
  line-height: 1.5;
}
.aromatica_lp .pickUp__cat__credit .price {
  font-size: calc(18 * 100vw/390);
  line-height: 1;
}
.aromatica_lp .pickUp__cat__credit .price .small {
  font-size: calc(13 * 100vw/390);
}
.aromatica_lp .pickUp__catList {
  padding-inline: calc(32 * 100vw/390);
}
.aromatica_lp .pickUp__catItem {
  padding-bottom: calc(32 * 100vw/390);
  background-color: var(--color-background-item);
}
.aromatica_lp .pickUp__catItem.new {
  position: relative;
  z-index: 0;
}
.aromatica_lp .pickUp__catItem.new::before {
  content: "";
  position: absolute;
  top: calc(101 * 100vw/390);
  left: calc(31 * 100vw/390);
  width: calc(83 * 100vw/390);
  height: calc(83 * 100vw/390);
  background-image: url(../img_240912/icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.aromatica_lp .pickUp__catItem:nth-of-type(n+2) {
  margin-top: calc(24 * 100vw/390);
}
.aromatica_lp .pickUp__catItem .copy {
  padding-top: calc(26 * 100vw/390);
  color: #539062;
  font-size: calc(17 * 100vw/390);
  font-weight: 500;
  line-height: 1.7;
}
.aromatica_lp .pickUp__catItem__img {
  margin-top: calc(-6 * 100vw/390);
  margin-inline: auto;
  margin-bottom: calc(5 * 100vw/390);
  width: calc(258 * 100vw/390);
}
.aromatica_lp .pickUp-body .pickUp__catItem__img {
  margin-top: 0;
}
.aromatica_lp .pickUp__catItem__brand {
  margin-bottom: calc(6 * 100vw/390);
  font-size: calc(17 * 100vw/390);
  line-height: 1;
}
.aromatica_lp .pickUp__catItem .productName {
  margin-bottom: calc(10 * 100vw/390);
  font-size: calc(15 * 100vw/390);
  font-weight: 700;
  line-height: 1.53;
}
.aromatica_lp .productName a {
  display: inline-block;
  text-decoration: underline;
}
.aromatica_lp .pickUp__catItem .productText {
  margin-bottom: calc(16 * 100vw/390);
  color: var(--color-text--3);
  font-size: calc(13 * 100vw/390);
  line-height: 1.5;
}
.aromatica_lp .pickUp__catItem .price {
  font-size: calc(18 * 100vw/390);
  line-height: 1;
}
.aromatica_lp .pickUp__catItem .small {
  font-size: calc(13 * 100vw/390);
}
.aromatica_lp .pickUp .feminineWash {
  margin-top: calc(56 * 100vw/390);
}
.aromatica_lp .megumi .close {
  display: inline;
  font-family: var(--font-TT-Norms-t);
}
.aromatica_lp .megumi .movie {
  width: 100%;
  height: auto;
}
.aromatica_lp .megumi .movie__text {
  position: relative;
  margin-top: calc(21 * 100vw/390);
  padding-inline: calc(20 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  font-weight: 500;
  line-height: 1.75;
  z-index: 0;
}
.aromatica_lp .megumi iframe {
  height: 80rem;
}
.aromatica_lp .megumi__block {
  margin-top: calc(53 * 100vw/390);
  padding-inline: calc(20 * 100vw/390);
}
.aromatica_lp .megumi__textWrap {
  margin-top: calc(19 * 100vw/390);
}
.aromatica_lp .megumi__title {
  font-size: calc(23 * 100vw/390);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.37;
}
.aromatica_lp .megumi__title .en {
  font-size: calc(25 * 100vw/390);
}
.aromatica_lp .megumi__subTitle {
  margin-top: calc(10 * 100vw/390);
  font-size: calc(16 * 100vw/390);
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: 500;
}
.aromatica_lp .megumi__text {
  margin-top: calc(21 * 100vw/390);
  color: var(--color-text--3);
  font-size: calc(14 * 100vw/390);
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 1.75;
  text-align: justify;
}
.aromatica_lp .megumi__text__text :nth-of-type(n+2) {
  margin-top: calc(24 * 100vw/390);
}
.aromatica_lp .limitedKit .section__title {
  position: relative;
  margin-bottom: 0;
  z-index: 1;
}
.aromatica_lp .limitedKit .kit {
  margin-top: calc(-65 * 100vw/390);
  padding: calc(71 * 100vw/390) calc(20 * 100vw/390) calc(48 * 100vw/390);
  background-color: var(--color-background-item);
}
.aromatica_lp .limitedKit .kit__img {
  margin: 0 auto calc(13 * 100vw/390);
  width: calc(320 * 100vw/390);
}
.aromatica_lp .limitedKit .productName {
  font-size: calc(20 * 100vw/390);
  font-weight: 500;
  line-height: 1;
}
.aromatica_lp .limitedKit .productName .en {
  font-size: calc(22 * 100vw/390);
  letter-spacing: 0.05em;
}
.aromatica_lp .limitedKit .price {
  margin-top: calc(11 * 100vw/390);
  font-size: calc(18 * 100vw/390);
  line-height: 1;
}
.aromatica_lp .limitedKit .price .small {
  font-size: calc(13 * 100vw/390);
}
.aromatica_lp .limitedKit .text {
  margin-block: calc(15 * 100vw/390) calc(14 * 100vw/390);
  color: var(--color-text--3);
  font-size: calc(14 * 100vw/390);
  line-height: 1.75;
  letter-spacing: 0.05em;
  text-align: justify;
}
.aromatica_lp .limitedKit .setContent {
  font-size: calc(11 * 100vw/390);
  font-weight: 500;
  line-height: 1.5;
}
.aromatica_lp .limitedKit .link {
  margin-top: calc(19 * 100vw/390);
  padding-block: calc(14.5 * 100vw/390);
  width: calc(178 * 100vw/390);
}
.aromatica_lp .QandA__lead {
  color: var(--color-text--3);
  padding-inline: calc(20 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  line-height: 1.75;
  text-align: justify;
}
.aromatica_lp .QandA__accordionWrap {
  margin-top: calc(46 * 100vw/390);
}
.aromatica_lp .QandA .close .accordion__answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.aromatica_lp .QandA .open .accordion__answer {
  max-height: calc(200 * 100vw/390);
  opacity: 1;
}
.aromatica_lp .QandA .open .ui--arrow {
  transform: scale(1, -1);
}
.aromatica_lp .QandA .accordion {
  margin-inline: auto;
  width: calc(345 * 100vw/390);
}
.aromatica_lp .QandA .accordion:nth-of-type(n+2) {
  margin-top: calc(15 * 100vw/390);
}
.aromatica_lp .QandA .accordion__question {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(14 * 100vw/390);
       column-gap: calc(14 * 100vw/390);
  position: relative;
  padding-bottom: calc(10 * 100vw/390);
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  z-index: 0;
}
.aromatica_lp .QandA .accordion__question::before {
  content: "Q";
  position: absolute;
  top: calc(-2 * 100vw/390);
  left: calc(-2 * 100vw/390);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 0;
  color: #539062;
  font-family: var(--font-english);
  font-weight: normal;
  font-size: calc(22 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.07em;
}
.aromatica_lp .QandA .accordion__question--text {
  display: inline-block;
  padding-left: calc(29 * 100vw/390);
  font-size: calc(16 * 100vw/390);
  font-weight: 500;
  line-height: 1.33;
  width: calc(288 * 100vw/390);
}
.aromatica_lp .QandA .accordion__answer {
  position: relative;
  padding-bottom: calc(9 * 100vw/390);
  transition: max-height 0.6s ease, opacity 0.4s 0.1s ease;
  color: var(--color-text--3);
  font-size: calc(13 * 100vw/390);
  font-weight: 500;
  line-height: 1.5;
  text-align: justify;
  width: calc(318 * 100vw/390);
  z-index: 0;
}
.aromatica_lp .QandA .accordion__answer::before {
  content: "A";
  position: absolute;
  top: calc(8 * 100vw/390);
  left: calc(2 * 100vw/390);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 0;
  color: #539062;
  font-family: var(--font-english);
  font-weight: normal;
  font-size: calc(22 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.07em;
}
.aromatica_lp .QandA .accordion__answer--text {
  padding-top: calc(10 * 100vw/390);
  padding-left: calc(32 * 100vw/390);
}
.aromatica_lp .QandA .accordion .ui--arrow {
  display: block;
  width: calc(16 * 100vw/390);
  height: calc(8 * 100vw/390);
  transition: all 0.2s linear;
  background-image: url(../img/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.aromatica_lp .report {
  padding-top: calc(60 * 100vw/390);
  padding-inline: calc(20 * 100vw/390);
  background-color: #FAF8F7;
}
.aromatica_lp .report__lead {
  margin-bottom: calc(43 * 100vw/390);
  color: var(--color-text--3);
  padding-inline: calc(20 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  line-height: 1.75;
  text-align: center;
}
/* .aromatica_lp .report .report01 .report__item__credit {
  text-align: left;
  width: calc(147 * 100vw/390);
} */
/* .aromatica_lp .report .report01 .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
} */
/* .aromatica_lp .report .report01 .item .img {
  width: calc(170 * 100vw/390);
} */
.aromatica_lp .report .siz-L {
  font-size: calc(16 * 100vw/390);
}
.aromatica_lp .report__contents:nth-of-type(n+2) {
  margin-top: calc(55 * 100vw/390);
}
.aromatica_lp .report .staffInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(23 * 100vw/390);
}
.aromatica_lp .report .staffInfo__img {
  width: calc(170 * 100vw/390);
}
.aromatica_lp .report .staffInfo__credit {
  width: calc(160 * 100vw/390);
}
.aromatica_lp .report .staffInfo__name {
  margin-top: calc(8 * 100vw/390);
  font-size: calc(16 * 100vw/390);
  line-height: 1;
  text-align: center;
}
.aromatica_lp .report .staffInfo__name.jp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(13 * 100vw/390);
}
.aromatica_lp .report .staffInfo__name.jp .font-style {
  font-weight: bold;
}
.aromatica_lp .report .staffInfo .store {
  padding-left: calc(4 * 100vw/390);
  font-size: calc(12 * 100vw/390);
  letter-spacing: 0;
  font-weight: 500;
}
.aromatica_lp .report .staffInfo__worries {
  margin-top: calc(8 * 100vw/390);
  font-size: calc(12 * 100vw/390);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}
.aromatica_lp .report .staffInfo__link {
  position: relative;
  margin-top: calc(13 * 100vw/390);
  padding: calc(11 * 100vw/390) calc(16 * 100vw/390) calc(10 * 100vw/390) calc(8 * 100vw/390);
  border: 1px solid;
  box-sizing: border-box;
  color: #438353;
  font-size: calc(12 * 100vw/390);
  line-height: 1;
  text-align: center;
  width: 100%;
  z-index: 0;
}
.aromatica_lp .report .staffInfo__link::after {
  content: "";
  position: absolute;
  top: calc(13 * 100vw/390);
  right: calc(8.5 * 100vw/390);
  width: calc(4 * 100vw/390);
  height: calc(9 * 100vw/390);
  background-color: #438353;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  z-index: 0;
}
.aromatica_lp .report .staffInfo__title {
  margin-bottom: calc(7 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  font-weight: 500;
  line-height: 1.4;
}
.aromatica_lp .report .staffInfo__text {
  color: #788179;
  font-size: calc(13 * 100vw/390);
  line-height: 1.55;
  font-weight: 500;
}
.aromatica_lp .report .staffInfo__text + .staffInfo__title {
  margin-top: calc(20 * 100vw/390);
}
.aromatica_lp .report__item {
  margin-top: calc(28 * 100vw/390);
}
.aromatica_lp .report__item__img {
  margin-bottom: calc(15 * 100vw/390);
}
.aromatica_lp .report__item__title {
  margin-bottom: calc(10 * 100vw/390);
  padding-bottom: calc(5 * 100vw/390);
  border-bottom: 1px solid var(--color-border);
  font-size: calc(14 * 100vw/390);
  font-weight: 700;
  line-height: 1.64;
  text-align: center;
}
.aromatica_lp .report__item .list {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.aromatica_lp .report__item .item {
  width: calc(170 * 100vw/390);
}
.aromatica_lp .report__item__credit {
  margin-top: calc(11 * 100vw/390);
}
.aromatica_lp .report__item .brand {
  margin-bottom: calc(4 * 100vw/390);
  font-size: calc(14 * 100vw/390);
  line-height: 1;
}
.aromatica_lp .report__item .productName {
  margin-bottom: calc(11 * 100vw/390);
  font-size: calc(13 * 100vw/390);
  font-weight: 700;
  line-height: 1.4;
}
.aromatica_lp .report__item .price {
  font-size: calc(16 * 100vw/390);
  line-height: 1;
}
.aromatica_lp .report__item .small {
  font-size: calc(12 * 100vw/390);
}
.aromatica_lp .report .link {
  margin-top: calc(17 * 100vw/390);
  padding-block: calc(10 * 100vw/390);
  box-sizing: border-box;
  font-size: calc(12 * 100vw/390);
  width: calc(147 * 100vw/390);
}
.aromatica_lp .report .link::after {
  top: calc(12 * 100vw/390);
}
.aromatica_lp .campaign {
  padding-top: calc(60 * 100vw/390);
  padding-bottom: calc(75 * 100vw/390);
  background-color: var(--color-background2);
  text-align: center;
}
.aromatica_lp .campaign .section__title {
  color: #325A3C;
}
.aromatica_lp .campaign .datePeriod {
  display: inline-block;
  margin: 0 auto calc(10 * 100vw/390);
  padding: calc(9 * 100vw/390) calc(16 * 100vw/390) calc(8 * 100vw/390) calc(17 * 100vw/390);
  background-color: #788179;
  color: #ffffff;
  font-size: calc(14 * 100vw/390);
  font-weight: 500;
  line-height: 1;
}
.aromatica_lp .campaign .date {
  margin-bottom: calc(36 * 100vw/390);
  font-size: calc(30 * 100vw/390);
  line-height: 1;
  letter-spacing: 0.07em;
}
.aromatica_lp .campaign .date span {
  letter-spacing: 0.07em;
}
.aromatica_lp .campaign .small {
  font-size: calc(19 * 100vw/390);
}
.aromatica_lp .campaign .small2 {
  font-size: calc(16 * 100vw/390);
}
.aromatica_lp .campaign .small3 {
  font-size: calc(21 * 100vw/390);
}
.aromatica_lp .campaign__block {
  padding-inline: calc(20 * 100vw/390);
}
.aromatica_lp .campaign__item {
  padding: calc(23 * 100vw/390) calc(10 * 100vw/390) calc(31 * 100vw/390);
  background-color: #ffffff;
}
.aromatica_lp .campaign--head {
  display: inline-block;
  padding: calc(7 * 100vw/390) calc(23 * 100vw/390);
  background-color: #EAE5DE;
  border-radius: calc(16 * 100vw/390);
  font-family: var(--font-english);
  font-size: calc(15 * 100vw/390);
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.07em;
}
.aromatica_lp .campaign__tilte {
  color: #5D8466;
  font-size: calc(23 * 100vw/390);
  font-weight: 500;
}
.aromatica_lp .campaign__tilte span {
  letter-spacing: 0.05em;
}
.aromatica_lp .campaign .size--1 {
  font-size: calc(25 * 100vw/390);
}
.aromatica_lp .campaign .size--2 {
  font-size: calc(24 * 100vw/390);
}
.aromatica_lp .campaign .size--3 {
  font-size: calc(38 * 100vw/390);
}
.aromatica_lp .campaign .size--4 {
  font-size: calc(26 * 100vw/390);
}
.aromatica_lp .campaign .size--5 {
  font-size: calc(24 * 100vw/390);
}
.aromatica_lp .campaign__text {
  font-size: calc(16 * 100vw/390);
  font-weight: 500;
}
.aromatica_lp .campaign .note {
  margin-inline: auto;
  color: var(--color-text--3);
  font-size: calc(11 * 100vw/390);
  line-height: 1.59;
  letter-spacing: 0.05em;
  width: calc(302 * 100vw/390);
}
.aromatica_lp .campaign .border {
  background: linear-gradient(transparent 70%, #EAE5DE 70%);
}
.aromatica_lp .campaign .campaign01 .campaign--head {
  margin-bottom: calc(22.5 * 100vw/390);
}
.aromatica_lp .campaign .campaign01 .campaign__tilte {
  line-height: 1;
}
.aromatica_lp .campaign .campaign01 .note {
  margin-top: calc(13 * 100vw/390);
}
.aromatica_lp .campaign .campaign01 .campaign__text {
  margin-top: calc(27 * 100vw/390);
  line-height: 1.16;
}
.aromatica_lp .campaign .campaign02 {
  margin-top: calc(24 * 100vw/390);
}
.aromatica_lp .campaign .campaign02 .campaign--head {
  margin-bottom: calc(20 * 100vw/390);
}
.aromatica_lp .campaign .campaign02 .campaign__text {
  line-height: 1.75;
}
.aromatica_lp .campaign .campaign02 .campaign__tilte {
  position: relative;
  margin-top: calc(10.5 * 100vw/390);
  line-height: 1.58;
  z-index: 0;
}
.aromatica_lp .campaign .campaign02 .note {
  margin-top: calc(16 * 100vw/390);
  text-align: justify;
}
.aromatica_lp .brand-banner {
  margin-top: calc(65 * 100vw/390);
  font-size: calc(15 * 100vw/390);
  text-align: center;
}
.aromatica_lp .brand-banner .text {
  margin-bottom: calc(20 * 100vw/390);
}
.aromatica_lp .brand-banner .banner__link {
  margin: 0 auto;
  filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.16));
  width: calc(359 * 100vw/390);
}

/* .aromatica_lp SP*/
/*------------------------------------
≡≡≡≡≡≡≡ ▼ following-nav  SP ▼ ≡≡≡≡≡≡≡
------------------------------------*/
.following-nav {
  position: fixed;
  transition: transform 0.6s ease;
  transform: translateY(100%);
  bottom: 0;
  left: 0;
  cursor: pointer;
  visibility: hidden;
  box-sizing: border-box;
  padding-top: calc(3 * 100vw/390);
}

#share {
  transition: transform 0.6s ease;
  left: 3% !important;
}

.following-nav.up-active {
  transform: translateY(0);
  visibility: visible;
  z-index: 10;
}

#share.active {
  transform: translateY(calc(-40 * 100vw/390));
}

[data-color=AROMATICA] .following-nav__item:nth-child(1) .following-nav__link::before {
  background-color: #809385;
}

/* [data-color=LIMITED] .following-nav__item:nth-child(2) .following-nav__link::before {
  background-color: #809385;
} */

[data-color=REPORT] .following-nav__item:nth-child(2) .following-nav__link::before {
  background-color: #809385;
}

[data-color=lineUp] .following-nav__link::before,
[data-color=pickUp] .following-nav__link::before,
[data-color=megumi] .following-nav__link::before,
[data-color=QandA] .following-nav__link::before,
[data-color=CAMPAIGN] .following-nav__link::before {
  background-color: transparent;
}

.following-icon {
  position: fixed;
  transition: transform 0.6s ease;
  bottom: calc(79 * 100vw/390);
  right: calc(12 * 100vw/390);
  width: calc(100 * 100vw/390);
  height: calc(100 * 100vw/390);
  cursor: pointer;
  visibility: hidden;
  box-sizing: border-box;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.16));
}
.following-icon a:hover {
  opacity: 1;
}

.following-icon.up-active {
  visibility: visible;
  z-index: 11;
}

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ 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%;
  }
  .aromatica_lp {
    padding-bottom: 7.5rem;
  }
  .aromatica_lp a {
    cursor: pointer;
    transition: unset;
  }
  .aromatica_lp .pcOnly {
    display: block;
  }
  .aromatica_lp .spOnly {
    display: none;
  }
  /* .aromatica_lp : set up PC*/
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡≡ ▼ layout  PC ▼ ≡≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  .aromatica_lp .menu {
    margin-top: 4.5rem;
  }
  .aromatica_lp .menu .menulist {
    margin-inline: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 56rem;
  }
  .aromatica_lp .menu__text {
    line-height: 1.4;
  }
  .aromatica_lp .menu::before, .aromatica_lp .menu::after {
    position: static;
    width: 0;
    height: 0;
  }
  .aromatica_lp .menu__item {
    transition: all 0.3s ease;
    font-size: 1.5rem;
    line-height: 1.3;
    height: 6.4rem;
  }
  .aromatica_lp .menu__item::after {
    transition: all 0.3s ease;
    bottom: 0.5rem;
    width: 0.9rem;
    height: 0.4rem;
  }
  .aromatica_lp .menu__item:nth-of-type(1) .menu__link {
    padding-block: 0.8rem;
  }
  .aromatica_lp .menu__item:nth-of-type(2) .menu__link, .aromatica_lp .menu__item:nth-of-type(4) .menu__link {
    padding-block: 1.9rem;
  }
  .aromatica_lp .menu .normal:nth-of-type(n+2):before {
    content: "";
    position: absolute;
    top: 0.55rem;
    left: 0;
    border-left: 1px solid #D3D3D3;
    height: 5.4rem;
    z-index: 0;
  }
  .aromatica_lp .menu .normal:hover {
    background-color: #EFE9E4;
  }
  .aromatica_lp .menu .irregular:hover {
    background-color: var(--color-text--2);
    color: #ffffff;
  }
  .aromatica_lp .menu .irregular:hover::after {
    background-color: #ffffff;
  }
  .aromatica_lp .menu a:hover {
    opacity: 1;
  }
  .aromatica_lp .following-nav {
    overflow: unset;
  }
  .aromatica_lp .following-navlist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: auto;
    width: 56rem;
  }
  .aromatica_lp .following-nav__text {
    line-height: 1.4;
  }
  .aromatica_lp .following-nav__item {
    transition: all 0.3s ease;
    font-size: 1.5rem;
    line-height: 1.3;
    width: auto;
    height: 6.4rem;
  }
  .aromatica_lp .following-nav__item:nth-child(n+2):before {
    top: 0.5rem;
    height: 5.4rem;
  }
  .aromatica_lp .following-nav__item::after {
    transition: all 0.3s ease;
    top: 0.6rem;
    width: 0.9rem;
    height: 0.4rem;
  }
  .aromatica_lp .following-nav__item:nth-of-type(1) .following-nav__link {
    padding-block: 1.6rem;
  }
  .aromatica_lp .following-nav__item:nth-of-type(2) .following-nav__link {
    padding-block: 2.2rem;
  }
  .aromatica_lp .following-nav__link {
    padding-inline: 0;
    background-color: #F4F0EC;
  }
  .aromatica_lp .following-nav__link:hover {
    background-color: #EFE9E4;
  }
  .aromatica_lp .following-nav__link::before {
    top: -0.2rem;
    height: 0.3rem;
  }
  .aromatica_lp .following-nav a:hover {
    opacity: 1;
  }
  .aromatica_lp .section {
    padding-bottom: 11.8rem;
  }
  .aromatica_lp .section__title .en {
    font-size: 4.5rem;
  }
  .aromatica_lp .section__title .jp {
    margin-top: 0.6rem;
    font-size: 1.3rem;
    line-height: 1.75;
  }
  .aromatica_lp .section .link {
    transition: all 0.3s ease;
    padding-inline: 1rem 2.2rem;
    font-size: 1.3rem;
  }
  .aromatica_lp .section .link::after {
    transition: all 0.3s ease;
    top: 1.5rem;
    right: 1rem;
    width: 0.4rem;
    height: 0.9rem;
  }
  .aromatica_lp .section .link:hover {
    background-color: var(--color-text);
    border-color: var(--color-text);
    color: #ffffff;
  }
  .aromatica_lp .section .link:hover::after {
    background-color: #ffffff;
  }
  .aromatica_lp .aromatica {
    margin-top: 9.4rem;
    margin-inline: auto;
    padding-inline: 0;
    width: 110rem;
  }
  .aromatica_lp .aromatica .section__title {
    margin-bottom: 3.6rem;
  }
  .aromatica_lp .aromatica__block {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
  .aromatica_lp .aromatica__img {
    margin-bottom: 0;
    width: 55rem;
  }
  .aromatica_lp .aromatica__text {
    font-size: 1.5rem;
    line-height: 2.5;
    width: 47rem;
  }
  .aromatica_lp .aromatica__text .en {
    font-family: var(--font-TT-Norms-r);
    font-size: 1.6rem;
  }
  .aromatica_lp .aromatica__point {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4rem;
  }
  .aromatica_lp .aromatica__pointTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 0;
    font-size: 2.6rem;
    width: 37.1rem;
    height: 13.9rem;
  }
  .aromatica_lp .aromatica__pointList {
    margin-top: 0.6rem;
    width: 70rem;
  }
  .aromatica_lp .aromatica__pointList .text {
    font-size: 1.4rem;
  }
  .aromatica_lp .aromatica__pointList .small {
    margin-top: 0.3rem;
    font-size: 1.3rem;
  }
  .aromatica_lp .aromatica__pointItem {
    padding-left: 3.6rem;
  }
  .aromatica_lp .aromatica__pointItem::before {
    top: -0.5rem;
    left: 0.1rem;
    width: 2.9rem;
    height: 2.9rem;
  }
  .aromatica_lp .aromatica__pointItem:nth-of-type(2) {
    margin-top: 1.5rem;
  }
  .aromatica_lp .aromatica__pointItem:nth-of-type(3) {
    margin-top: 0.9rem;
  }
  .aromatica_lp .lineUp .section__title {
    margin-bottom: 4.3rem;
  }
  .aromatica_lp .lineUp__list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.2rem;
  }
  .aromatica_lp .lineUp__item {
    background-color: #1F2C21;
  }
  .aromatica_lp .lineUp__link::after {
    position: static;
    width: auto;
    height: 0;
  }
  .aromatica_lp .lineUp__link p {
    bottom: 1.3rem;
    font-size: 1.6rem;
  }
  .aromatica_lp .lineUp__link:hover {
    opacity: 1;
  }
  .aromatica_lp .lineUp__link:hover img {
    opacity: .7;
  }
  .aromatica_lp .lineUp a {
    transition: all 0.4s ease;
  }
  .aromatica_lp .pickUp-hair .pickUp__cat__mv::after,
  .aromatica_lp .pickUp-body .pickUp__cat__img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 55rem;
    background: linear-gradient(83deg, rgba(191,190,184,0.58) 0%, rgba(204,204,196,0) 100%);
    z-index: 0;
  }
  .aromatica_lp .pickUp-hair .pickUp__cat__mv::after {
    width: 51.4rem;
  }
  .aromatica_lp .pickUp-body .pickUp__cat__img::after {
    width: 23rem;
  }
  .aromatica_lp .pickUp .section__title {
    margin-bottom: 3.3rem;
  }
  .aromatica_lp .pickUp-hair .pickUp__catItem::after,
  .aromatica_lp .pickUp-body .pickUp__catItem::after,
  .aromatica_lp .pickUp-aroma .pickUp__catItem::after {
    height: 20rem;
    background-size: 32.6rem auto;
  }
  .aromatica_lp .pickUp-hair .pickUp__catItem::after {
    top: 8.8rem;
  }
  .aromatica_lp .pickUp-body .pickUp__catItem::after {
    top: 4.2rem;
  }
  .aromatica_lp .pickUp-aroma .pickUp__catItem::after {
    top: 6.8rem;
  }
  .aromatica_lp .pickUp.pickUp-body .pickUp__cat__mv {
    margin-bottom: 3.8rem;
  }
  .aromatica_lp .pickUp .link {
    transition: opacity .4s ease;
    background-color: transparent;
    color: #1F2C21;
    padding: 1.35rem 1.3rem 1.25rem 1rem;
    width: 15.5rem;
  }
  .aromatica_lp .pickUp.pickUp-hair .link {
    margin-top: 1rem;
  }
  .aromatica_lp .pickUp .link::after {
    transition: opacity .4s ease;
    background-color: #1F2C21;
  }
  .aromatica_lp .pickUp .pickUp__catItem:hover .link {
    background-color: #1F2C21;
    border-color: #1F2C21;
    color: #ffffff;
    opacity: 1;
  }
  .aromatica_lp .pickUp .pickUp__catItem:hover .link::after {
    background-color: #ffffff;
  }
  .aromatica_lp .pickUp__cat {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
    align-items: center;
    justify-content: center;
  }
  .aromatica_lp .pickUp__cat__mv {
    position: relative;
    z-index: 0;
  }
  .aromatica_lp .pickUp__cat__textWrap {
    position: absolute;
    color: #ffffff;
    text-align: left;
    z-index: 1;
  }
  .aromatica_lp .pickUp__cat__text.jp {
    margin-bottom: 0.8rem;
    font-size: 2rem;
    line-height: 1.75;
  }
  .aromatica_lp .pickUp__cat__text.en {
    font-size: 1.9rem;
    line-height: 1.25;
  }
  .aromatica_lp .pickUp__cat__credit {
    margin-top: 2.7rem;
  }
  .aromatica_lp .pickUp__cat__credit .productName {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2;
  }
  .aromatica_lp .pickUp__cat__credit .productText {
    margin-bottom: 1.4rem;
    font-size: 1.3rem;
  }
  .aromatica_lp .pickUp__cat__credit .price {
    font-size: 1.8rem;
  }
  .aromatica_lp .pickUp__cat__credit .price .small {
    font-size: 1.3rem;
  }
  .aromatica_lp .pickUp__catList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 1.1rem;
         column-gap: 1.1rem;
    padding-inline: 0;
  }
  .aromatica_lp .pickUp__catItem {
    transition: all 0.4s ease;
    padding-bottom: 4.4rem;
    width: 32.6rem;
  }
  .aromatica_lp .pickUp__catItem.new::before {
    top: 11.1rem;
    left: 2.7rem;
    width: 8.3rem;
    height: 8.3rem;
  }
  .aromatica_lp .pickUp__catItem:hover {
    background-color: #DCE2D9;
  }
  .aromatica_lp .pickUp__catItem:nth-of-type(n+2) {
    margin-top: 0;
  }
  .aromatica_lp .pickUp__catItem .copy {
    padding-top: 3.8rem;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .aromatica_lp .pickUp__catItem__img {
    margin-bottom: .6rem;
    width: 100%;
  }
  .aromatica_lp .pickUp__catItem__img:hover {
    opacity: 1;
  }
  .aromatica_lp .pickUp.pickUp-body .pickUp__catItem {
    padding-bottom: 6.8rem;
  }
  .aromatica_lp .pickUp-body .pickUp__catItem__img {
    margin-top: 0;
    margin-bottom: -.6rem;
  }
  .aromatica_lp .pickUp__catItem__brand {
    margin-bottom: 0.6rem;
    font-size: 1.7rem;
  }
  .aromatica_lp .pickUp__catItem .productName {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
  .aromatica_lp .pickUp__catItem .productText {
    margin-bottom: 1.6rem;
    font-size: 1.3rem;
  }
  .aromatica_lp .pickUp__catItem .price {
    font-size: 1.8rem;
  }
  .aromatica_lp .pickUp__catItem .small {
    font-size: 1.3rem;
  }
  .aromatica_lp .pickUp .rosemary .pickUp__cat__mv {
    margin-inline: auto;
    max-width: 110rem;
    width: 100%;
  }
  .aromatica_lp .pickUp .rosemary .pickUp__cat__img {
    margin-bottom: 3.6rem;
  }
  .aromatica_lp .pickUp .rosemary .pickUp__cat__textWrap {
    top: 4.6rem;
    left: 5rem;
  }
  .aromatica_lp .pickUp-body .rosemary .pickUp__cat__textWrap {
    top: 43.8rem;
  }
  .aromatica_lp .pickUp .feminineWash {
    margin-top: 8.2rem;
  }
  .aromatica_lp .pickUp .feminineWash .pickUp__cat__mv {
    margin-bottom: 0;
    width: 59rem;
  }
  .aromatica_lp .pickUp .feminineWash .pickUp__cat__mv::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 23rem;
    background: linear-gradient(182deg, rgba(191, 190, 176, 0.58) 0%, rgba(204, 204, 196, 0) 100%);
    z-index: 0;
  }
  .aromatica_lp .pickUp .feminineWash .pickUp__cat__img {
    margin-bottom: 0;
  }
  .aromatica_lp .pickUp .feminineWash .pickUp__cat__textWrap {
    top: 4.2rem;
    left: 3.3em;
  }
  .aromatica_lp .pickUp .feminineWash .pickUp__catItem {
    height: 51.7rem;
  }
  .aromatica_lp .pickUp .feminineWash .pickUp__catItem__img {
    margin-bottom: 2.1rem;
  }
  .aromatica_lp .megumi {
    text-align: center;
  }
  .aromatica_lp .megumi .section__title {
    margin-bottom: 3.3rem;
  }
  .aromatica_lp .megumi .movie__text {
    display: inline-block;
    margin: 2.2rem auto 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.5rem;
    line-height: 1.75;
    width: auto;
  }
  .aromatica_lp .megumi .movie__text::before {
    content: "";
    position: absolute;
    top: -11.2rem;
    right: -11.5rem;
    width: 18.5rem;
    height: 22.2rem;
  }
  .aromatica_lp .megumi__block {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
    margin-top: 8.4rem;
    margin-inline: auto;
    padding-inline: 0;
  }
  .aromatica_lp .megumi__img {
    width: 38rem;
  }
  .aromatica_lp .megumi__textWrap {
    margin-top: 1.3rem;
    width: 65.8rem;
  }
  .aromatica_lp .megumi__title {
    font-size: 2.4rem;
    line-height: 1;
    text-align: left;
  }
  .aromatica_lp .megumi__title .en {
    font-size: 2.6rem;
  }
  .aromatica_lp .megumi__subTitle {
    margin-top: 1.4rem;
    font-size: 1.8rem;
    text-align: left;
  }
  .aromatica_lp .megumi__text {
    margin-top: 2.8rem;
    font-size: 1.4rem;
  }
  .aromatica_lp .megumi__text:nth-last-of-type(-n+2) {
    margin-top: 1.6rem;
  }
  .aromatica_lp .limitedKit .section__title {
    margin-bottom: 3.3rem;
  }
  .aromatica_lp .limitedKit .kit {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    -moz-column-gap: 9rem;
         column-gap: 9rem;
    margin-top: 5rem;
    padding: 0;
    z-index: 0;
  }
  .aromatica_lp .limitedKit .kit::after {
    content: "";
    position: absolute;
    top: -1.9rem;
    left: 0;
    width: 64vw;
    height: 48.8rem;
    background-color: var(--color-background-item);
    z-index: -1;
  }
  .aromatica_lp .limitedKit .kit__img {
    margin: 0 0 0 12.1rem;
    width: 45rem;
  }
  .aromatica_lp .limitedKit .kit__credit {
    width: 40rem;
  }
  .aromatica_lp .limitedKit .productName {
    font-size: 2rem;
  }
  .aromatica_lp .limitedKit .productName .en {
    font-size: 2.3rem;
  }
  .aromatica_lp .limitedKit .price {
    margin-top: 1.8rem;
    font-size: 1.8rem;
  }
  .aromatica_lp .limitedKit .price .small {
    font-size: 1.3rem;
  }
  .aromatica_lp .limitedKit .text {
    margin-block: 2.1rem 1.7rem;
    font-size: 1.4rem;
  }
  .aromatica_lp .limitedKit .setContent {
    font-size: 1.1rem;
  }
  .aromatica_lp .limitedKit .link {
    margin: 3.8rem 0 0;
    padding-block: 1.2rem;
    width: 12.1rem;
  }
  .aromatica_lp .QandA {
    margin-inline: auto;
    width: 90rem;
  }
  .aromatica_lp .QandA .section__title {
    margin-bottom: 3.3rem;
  }
  .aromatica_lp .QandA__lead {
    padding-inline: 0;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  .aromatica_lp .QandA__accordionWrap {
    margin-top: 5rem;
  }
  .aromatica_lp .QandA .open .accordion__answer {
    max-height: 18rem;
  }
  .aromatica_lp .QandA .accordion {
    width: 100%;
  }
  .aromatica_lp .QandA .accordion:nth-of-type(n+2) {
    margin-top: 3.4rem;
  }
  .aromatica_lp .QandA .accordion__question {
    -moz-column-gap: 2.6rem;
         column-gap: 2.6rem;
    padding-bottom: 1.5rem;
  }
  .aromatica_lp .QandA .accordion__question::before {
    top: -0.2rem;
    left: 1.1rem;
    font-size: 2.4rem;
  }
  .aromatica_lp .QandA .accordion__question--text {
    padding-left: 4.8rem;
    font-size: 1.7rem;
    line-height: 1.25;
    width: 79.2rem;
  }
  .aromatica_lp .QandA .accordion__answer {
    padding-bottom: 0.6rem;
    font-size: 1.4rem;
    line-height: 1.5;
    width: 85.2rem;
  }
  .aromatica_lp .QandA .accordion__answer::before {
    transform: translateY(-50%);
    top: 55%;
    left: 1.2rem;
    font-size: 2.4rem;
  }
  .aromatica_lp .QandA .accordion__answer--text {
    margin-bottom: 0.5rem;
    padding-top: 1.4rem;
    padding-left: 4.8rem;
  }
  .aromatica_lp .QandA .accordion .ui--arrow {
    width: 2.45rem;
    height: 0.71rem;
  }
  .aromatica_lp .report {
    padding-top: 8.8rem;
    padding-inline: 0;
  }
  .aromatica_lp .report .section__title {
    margin-bottom: 3.3rem;
  }
  .aromatica_lp .report__lead {
    margin-bottom: 5rem;
    padding-inline: 0;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  /* .aromatica_lp .report .report01 .report__item__credit {
    width: auto;
  } */
  /* .aromatica_lp .report .report01 .item .img {
    width: 28.6rem;
  }
  .aromatica_lp .report .report01 .item .report__item__credit {
    margin-right: 6.5rem;
  } */
  .aromatica_lp .report__contents {
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .aromatica_lp .report__contents:nth-of-type(n+2) {
    margin-top: 9rem;
  }
  .aromatica_lp .report__contents__head {
    display: inline-block;
    position: -webkit-sticky;
    position: sticky;
    top: 8rem;
    width: 26rem;
  }
  .aromatica_lp .report .staffInfo {
    display: block;
    margin-bottom: 2.8rem;
    width: 100%;
  }
  .aromatica_lp .report .staffInfo__img, .aromatica_lp .report .staffInfo__credit {
    width: 26rem;
  }
  .aromatica_lp .report .staffInfo__name {
    margin-top: 1.3rem;
    font-size: 1.9rem;
  }
  .aromatica_lp .report .staffInfo__name.jp {
    font-size: 1.6rem;
  }
  .aromatica_lp .report .staffInfo .store {
    padding-left: 1.2rem;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
  }
  .aromatica_lp .report .staffInfo__worries {
    margin-top: 1rem;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
  .aromatica_lp .report .staffInfo__link {
    transition: all 0.3s ease;
    margin: 1.5rem auto 0;
    padding: 1.24rem 3.6rem 1.15rem 2.5rem;
    box-sizing: border-box;
    font-size: 1.3rem;
    width: 21.7rem;
  }
  .aromatica_lp .report .staffInfo__link::after {
    transition: all 0.3s ease;
    top: 1.4rem;
    right: 0.95rem;
    width: 0.4rem;
    height: 0.9rem;
  }
  .aromatica_lp .report .staffInfo__link:hover {
    background-color: #438353;
    border-color: #438353;
    color: #ffffff;
  }
  .aromatica_lp .report .staffInfo__link:hover::after {
    background-color: #ffffff;
  }
  .aromatica_lp .report .staffInfo__title {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .aromatica_lp .report .staffInfo__text {
    font-size: 1.3rem;
    line-height: 1.5;
    width: 100%;
  }
  .aromatica_lp .report .staffInfo__text + .staffInfo__title {
    margin-top: 2.9rem;
  }
  .aromatica_lp .report__item {
    display: inline-block;
    margin-top: 0;
    margin-left: 5rem;
    vertical-align: top;
    width: 59.1rem;
  }
  .aromatica_lp .report__item__img {
    margin-bottom: 2.1rem;
  }
  .aromatica_lp .report__item__title {
    margin-bottom: 1.65rem;
    padding-bottom: 1.1rem;
    font-size: 1.5rem;
  }
  .aromatica_lp .report__item .item {
    width: 28.6rem;
  }
  .aromatica_lp .report__item__credit {
    margin-top: 1.4rem;
  }
  .aromatica_lp .report__item .brand {
    margin-bottom: 0.6rem;
    font-size: 1.7rem;
  }
  .aromatica_lp .report__item .productName {
    margin-bottom: 1.4rem;
    font-size: 1.5rem;
    line-height: 1.53;
  }
  .aromatica_lp .report__item .price {
    font-size: 1.8rem;
  }
  .aromatica_lp .report__item .small {
    font-size: 1.3rem;
  }
  .aromatica_lp .report .link {
    margin-top: 2.4rem;
    padding-block: 1.2rem;
    font-size: 1.3rem;
    width: 15.5rem;
  }
  .aromatica_lp .report .link::after {
    top: 1.5rem;
  }
  .aromatica_lp .campaign {
    padding-top: 9.2rem;
    padding-bottom: 11.8rem;
  }
  .aromatica_lp .campaign .section__title {
    margin-bottom: 3.2rem;
  }
  .aromatica_lp .campaign .dateBox {
    margin-bottom: 3.6rem;
  }
  .aromatica_lp .campaign .datePeriod {
    margin: 0 1.6rem 0 0;
    padding: 0.8rem 1.4rem 0.8rem 1.5rem;
    font-size: 1.5rem;
  }
  .aromatica_lp .campaign .date {
    display: inline-block;
    transform: translateY(0.2rem);
    margin-bottom: 0;
    font-size: 3rem;
  }
  .aromatica_lp .campaign .date span {
    letter-spacing: 0.07em;
  }
  .aromatica_lp .campaign .small {
    font-size: 1.9rem;
  }
  .aromatica_lp .campaign .small2 {
    font-size: 1.6rem;
  }
  .aromatica_lp .campaign .small3 {
    font-size: 2.4rem;
  }
  .aromatica_lp .campaign__block {
    display: flex;
    justify-content: center;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    margin-inline: auto;
    padding-inline: 0;
    width: 110rem;
  }
  .aromatica_lp .campaign__item {
    padding: 2.3rem 2rem 4.4rem;
    width: 54rem;
  }
  .aromatica_lp .campaign--head {
    padding: 0.8rem 2.5rem;
    border-radius: 2rem;
    font-size: 1.6rem;
  }
  .aromatica_lp .campaign__tilte {
    font-size: 2.4rem;
  }
  .aromatica_lp .campaign .size--1 {
    font-size: 2.7rem;
  }
  .aromatica_lp .campaign .size--2 {
    font-size: 2.6rem;
  }
  .aromatica_lp .campaign .size--3 {
    font-size: 3.9rem;
  }
  .aromatica_lp .campaign .size--4 {
    font-size: 2.7rem;
  }
  .aromatica_lp .campaign .size--5 {
    font-size: 2.6rem;
  }
  .aromatica_lp .campaign__text {
    font-size: 1.7rem;
  }
  .aromatica_lp .campaign .note {
    font-size: 1.1rem;
    width: auto;
  }
  .aromatica_lp .campaign .campaign01 .campaign--head {
    margin-bottom: 4.8rem;
  }
  .aromatica_lp .campaign .campaign01 .campaign__tilte {
    line-height: 1.05;
  }
  .aromatica_lp .campaign .campaign01 .note {
    margin-top: 1.5rem;
  }
  .aromatica_lp .campaign .campaign01 .campaign__text {
    margin-top: 2.8rem;
  }
  .aromatica_lp .campaign .campaign02 {
    margin-top: 0;
  }
  .aromatica_lp .campaign .campaign02 .campaign--head {
    margin-bottom: 3.3rem;
  }
  .aromatica_lp .campaign .campaign02 .campaign__text {
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  .aromatica_lp .campaign .campaign02 .campaign__tilte {
    margin-top: 0.8rem;
    line-height: 1.5;
  }
  .aromatica_lp .campaign .campaign02 .campaign__tilte::before {
    content: "";
    position: absolute;
    top: -8.7rem;
    right: -3.8rem;
    width: 13.6rem;
    height: 16.8rem;
  }
  .aromatica_lp .campaign .campaign02 .note {
    margin-top: 1.5rem;
    text-align: center;
  }
  .aromatica_lp .brand-banner {
    margin-top: 7rem;
    font-size: 1.5rem;
  }
  .aromatica_lp .brand-banner .text {
    margin-bottom: 2rem;
  }
  .aromatica_lp .brand-banner .banner__link {
    width: 47rem;
  }
  /*------------------------------------
  ≡≡≡≡≡≡≡ ▼ following-nav  SP ▼ ≡≡≡≡≡≡≡
  ------------------------------------*/
  .following-icon {
    bottom: 3.7rem;
    right: 5vw;
    width: 11.5rem;
    height: 11.5rem;
  }
  /*------------------------------------
  ≡≡≡≡≡≡≡ ▼ page-top  PC ▼ ≡≡≡≡≡≡≡
  ------------------------------------*/
  /* .aromatica_lp PC*/
}
/*--------------------------------
   Media Queries (768px ~ 1400px )
 --------------------------------*/
/*# sourceMappingURL=style.css.map */




/* User Voice調整 */
.aromatica_lp .user-voise {
    width: 80rem;
    margin: 10rem auto 0;
    background: rgb(239 233 227);
    padding: 6rem 10rem;
}

.aromatica_lp .user-voise .en {
    font-size: 3.5rem;
}

.aromatica_lp .user-voise .voice-inner {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    padding: 0 2rem 3rem;
    border-bottom: 1px solid rgb(225 219 213);
}

.aromatica_lp .user-voise .voice-inner .user-img {
    width: 12rem;
}

.aromatica_lp .user-voise .voice-inner .user-txt {
    display: flex;
    width: 61rem;
    margin-left: 3rem;
    align-items: center;
}

.aromatica_lp .user-voise .voice-inner .user-txt p {
    text-align: left;
    width: 45rem;
    line-height: 2;
    margin-right: 1rem;
	font-size: 1.4rem;
}

.aromatica_lp .user-voise .voice-inner .user-txt img {
    width: 15rem;
}

.aromatica_lp .user-voise .voice-inner .user-img p {
    font-size: 1.2rem;
    padding-top: 1rem;
}

.aromatica_lp .user-voise .voice-inner:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (max-width: 768px) {
.aromatica_lp .user-voise {
    width: calc(286* 100vw / 390);
    margin: calc(40* 100vw / 390) auto 0;
    padding: calc(30* 100vw / 390) calc(20* 100vw / 390);
}

.aromatica_lp .user-voise .voice-inner {
    display: block;
    padding: 0 0 calc(18 * 100vw/390);
    margin-bottom: calc(15 * 100vw/390);
}

.aromatica_lp .user-voise .voice-inner .user-img {
    display: flex;
    width: 100%;
    align-items: center;
}

.aromatica_lp .user-voise .voice-inner .user-img img {
    width: calc(50* 100vw / 390);
}

.aromatica_lp .user-voise .voice-inner .user-img p {
    font-size: calc(11* 100vw / 390);
    margin-left: calc(10* 100vw / 390);
    padding: 0;
}

.aromatica_lp .user-voise .en {
    font-size: calc(25 * 100vw/390);
}

.aromatica_lp .user-voise .jp {
    font-size: calc(11 * 100vw/390);
    margin-top: calc(8 * 100vw/390);
}

.aromatica_lp .user-voise .voice-inner .user-txt {
    width: 100%;
    margin: 0;
    align-items: flex-end;
    margin-top: calc(5 * 100vw/390);
}

.aromatica_lp .user-voise .voice-inner .user-txt p {
    font-size: calc(12 * 100vw/390);
    line-height: 1.7;
    width: 68%;
    margin-right: 2%;
}

.aromatica_lp .user-voise .voice-inner .user-txt img {
    width: 30%;
}
}