@charset "UTF-8";
/*----------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ カスタムプロバティ ▼ ≡≡≡≡≡≡≡≡≡≡≡
----------------------------------------*/
@font-face {
  font-family: "a-otf-ud-shin-maru-go-pr6n", sans-serif;
}
html {
  font-size: 62.5%;
}

.feature a:hover {
  text-decoration: none;
}

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ S e t U p SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  transition: opacity 0.4s ease-in-out;
  top: 0;
  left: 0;
  background-color: #004D97;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}

.loader.eraseLoader {
  opacity: 0;
}

.loader.invisibleLoader {
  visibility: hidden;
  z-index: -10;
}

.loader img {
  display: block;
  width: 100%;
  height: auto;
}

.loader__miffy {
  display: flex;
  justify-content: center;
  -moz-column-gap: 6.4213333333rem;
  column-gap: 6.4213333333rem;
  margin-top: 27.6266666667rem;
  width: 17.1733333333rem;
}

.loader__miffy img {
  animation: miffyAnim 0.4s ease-in forwards, floatY 8s infinite, floatX 12s infinite reverse;
  opacity: 0;
  height: 10.4533333333rem;
}

.loader__miffy img:nth-of-type(2) {
  animation: miffyAnim 0.4s ease-in forwards, floatY2 8s infinite, floatX 12s infinite reverse;
  animation-delay: 0.5s;
}

.loader__miffy img:nth-of-type(3) {
  animation-delay: 1s;
}
@keyframes miffyAnim {
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes floatY {
  0% {
    transform: translateY(-0.2rem);
  }
  50% {
    transform: translateY(0.2rem);
  }
  100% {
    transform: translateY(-0.2rem);
  }
}
@keyframes floatX {
  0% {
    translate: -0.2rem 0;
  }
  50% {
    translate: 0.2rem 0;
  }
  100% {
    translate: -0.2rem 0;
  }
}
@keyframes floatY2 {
  0% {
    transform: translateY(0.2rem);
  }
  50% {
    transform: translateY(-0.2rem);
  }
  100% {
    transform: translateY(0.2rem);
  }
}
@keyframes floatX2 {
  0% {
    translate: 0.2rem 0;
  }
  50% {
    translate: -0.2rem 0;
  }
  100% {
    translate: 0.2rem 0;
  }
}
.loader .logo {
  margin: 22.9973333333rem auto 0;
  width: 13.8133333333rem;
}

body.no_scroll {
  height: 100svh;
  overflow: hidden;
}

.lp-page {
  position: relative;
  background-color: var(--color-blue);
  color: var(--color-text);
  font-family: var(--font-en), var(--font-jp), sans-serif;
  font-style: normal;
  font-weight: bold;
  font-feature-settings: "palt";
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  z-index: 0;
}

.lp-page__inner {
  margin-inline: auto;
  background-color: #fff;
}

.lp-page img {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}

.lp-page picture {
  display: block;
}

.lp-page a {
  display: block;
  color: inherit;
}

.lp-page a:hover {
  opacity: 1;
}

.lp-page *:focus {
  outline: none;
  border: none;
}

.lp-page a,
.lp-page label {
  -webkit-tap-highlight-color: rgba(0, 77, 151, 0.2);
}

.lp-page input {
  display: none;
}

.lp-page li,
.lp-page ol {
  list-style-type: none;
}

.lp-page .en-text {
  font-weight: normal;
}

.lp-page .spOnly {
  display: block;
}

.lp-page .pcOnly {
  display: none;
}

.lp-page ::-moz-selection {
  color: #EFFBFD;
  background-color: rgba(0, 77, 151, 0.6);
}

.lp-page ::selection {
  color: #EFFBFD;
  background-color: rgba(0, 77, 151, 0.6);
}

.lp-page #share img {
  margin: auto;
}

.lp-page .trigger {
  transition: transform 1.2s ease, opacity 0.2s ease;
  transform: translateX(-68%);
  opacity: 0;
}

.lp-page .trigger.trigger_enable {
  transform: translateX(-0.1493333333rem);
  opacity: 1;
}

.lp-page .fvArea__img,
.lp-page .fvArea__scroll,
.lp-page .followMenu,
.lp-page .followNavi,
.lp-page .main_ttl,
.lp-page .navigation_right,
.lp-page .anim {
  opacity: 0;
}

.lp-page .amin-frame::after {
  transform: translateY(42%);
}

.lp-page .anim_enable.followMenu,
.lp-page .anim_enable.followNavi {
  animation: fade 1s 5.2s ease forwards;
}

.lp-page .anim_enable.DisplayOrder-1 {
  animation: fade 1.4s 2.8s ease forwards;
}

.lp-page .anim_enable.DisplayOrder-2 {
  animation: fade 1.4s 3.2s ease forwards;
}

.lp-page .anim_enable.DisplayOrder-3 {
  animation: fade 1.4s 3.6s ease forwards;
}

.lp-page .anim_enable.DisplayOrder-3::after {
  animation: show 1.6s 3.8s cubic-bezier(0.42, 0, 0.4, 0.92) forwards;
}

.lp-page .anim_enable.DisplayOrder-4 {
  animation: fade 1.4s 4s ease forwards;
}

.lp-page .anim_enable.DisplayOrder-5 {
  animation: fade 1.4s 4.4s ease forwards;
}

.lp-page .anim_enable.DisplayOrder-6 {
  animation: fade 1.8s 4s ease forwards;
}

.lp-page .anim.anim_enable {
  animation: fade 1.4s ease forwards;
}
@keyframes fade {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    transform: translateY(42%);
  }
  100% {
    transform: translateY(0%);
  }
}
.lp-page .fv {
  animation: mv-fade 1.6s ease 0.2s forwards;
  filter: blur(6px);
  opacity: 0;
}
@keyframes mv-fade {
  0% {
    opacity: 0;
    filter: blur(15px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
/* .lp-page : set up SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡ ▼ Layout SP First ▼ ≡≡≡≡≡≡≡≡
 ------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ layout  SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.lp-page {
  --color-text: #000000;
  --color-orange: #EB6100;
  --color-blue: #004D97;
  --color-yellow: #FDCD00;
  --color-green: #15722C;
  --color-offwhite: #fafaf7;
  --font-en: "a-otf-ud-shin-maru-go-pr6n";
  --font-jp: "游ゴシック", "Yu Gothic";
}

.lp-page .itemArea__title {
  position: relative;
  padding: 2.6133333333rem 0;
  border-radius: 0 1.568rem 0 0;
  font-size: 2.688rem;
  line-height: 1;
  letter-spacing: 0.2em;
  z-index: 1;
}

.lp-page .itemArea__inner {
  position: relative;
  margin-top: -1.4933333333rem;
  padding-bottom: 15.68rem;
  background-color: var(--color-offwhite);
  z-index: 0;
}

.lp-page .itemArea__headding {
  margin-bottom: 2.6133333333rem;
  font-size: 8.5866666667rem;
  font-weight: normal;
  line-height: 1.11;
  letter-spacing: 0.05em;
}

.lp-page .itemArea__headding .small {
  display: block;
  margin-bottom: -1.9413333333rem;
  font-size: 4.48rem;
}

.lp-page .itemArea__read {
  margin-bottom: 6.72rem;
  font-size: 2.688rem;
  line-height: 1.65;
  letter-spacing: 0.075em;
}

.lp-page .itemArea__item {
  position: relative;
  z-index: 0;
}

.lp-page .itemArea__item:nth-of-type(n+2) {
  margin-top: 5.6rem;
  padding-top: 6.4213333333rem;
}

.lp-page .itemArea__item:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: url(../img/dot.svg);
  mask-image: url(../img/dot.svg);
  -webkit-mask-size: 1.0453333333rem 0.4106666667rem;
  mask-size: 1.0453333333rem 0.4106666667rem;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  width: 43.6053333333rem;
  height: 0.4106666667rem;
  z-index: 0;
}

.lp-page .itemArea .numWrap {
  margin-bottom: 2.24rem;
}

.lp-page .itemArea .numWrap svg {
  width: 9.2586666667rem;
}

.lp-page .itemArea .numWrap path {
  opacity: 0;
}

.lp-page .itemArea .num {
  margin-top: -0.7466666667rem;
  margin-bottom: 1.4933333333rem;
  font-size: 5.9733333333rem;
  line-height: 1;
  letter-spacing: -0.01em;
}

.lp-page .itemArea .num .each_txt {
  transition: translate 0.5s 0.3s, opacity 0.5s 0.3s;
  translate: 0 0.7466666667rem;
  opacity: 0;
}

.lp-page .itemArea .num .each_txt.active {
  translate: 0 0;
  opacity: 1;
}

.lp-page .itemArea .headding {
  margin-bottom: 2.688rem;
  letter-spacing: 0.05em;
}

.lp-page .itemArea .read {
  font-size: 2.016rem;
  line-height: 2.1;
  letter-spacing: 0.12em;
}

.lp-page .itemArea .img {
  margin-block: 2.24rem;
}

.lp-page .itemArea .logo {
  display: inline-block;
  margin-bottom: 0.5973333333rem;
  width: 22.4rem;
}

.lp-page .itemArea .productName {
  font-size: 2.6133333333rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.lp-page .itemArea .variations {
  margin-top: 0.448rem;
  font-size: 2.016rem;
  line-height: 1.57;
  letter-spacing: 0.05em;
}

.lp-page .itemArea .note {
  display: inline-block;
  margin-top: 2.688rem;
  font-size: 1.12rem;
  letter-spacing: 0.1em;
}

.lp-page .itemArea .price {
  margin-top: 1.4933333333rem;
  font-size: 2.688rem;
  line-height: 1;
  letter-spacing: 0.1em;
}

.lp-page .itemArea .price small {
  font-size: 0.75em;
}

.lp-page .itemArea .itemArea__button {
  width: 43.68rem;
}

.lp-page .itemArea__button {
  display: flex;
  align-items: center;
  position: relative;
  margin-inline: auto;
  padding: 0.3733333333rem;
  border-radius: 3.7333333333rem;
  box-sizing: border-box;
  height: 7.3173333333rem;
  z-index: 0;
}

.lp-page .itemArea__button:hover .arrow,
.lp-page .itemArea__button:active .arrow,
.lp-page .itemArea__button:focus .arrow {
  max-width: 42.9333333333rem;
}

.lp-page .itemArea__button .arrow {
  position: absolute;
  top: 0.3733333333rem;
  left: 0.3733333333rem;
  transition: all 0.1s ease;
  background-size: 6.72rem 6.72rem;
  background-repeat: no-repeat;
  background-position: top right;
  border-radius: 3.7333333333rem;
  width: 100%;
  height: 6.72rem;
  max-width: 6.72rem;
}

.lp-page .itemArea__button .text {
  padding-left: 4.7786666667rem;
  padding-bottom: 0.7466666667rem;
  font-size: 3.584rem;
  line-height: 1;
  letter-spacing: 0.17em;
  width: 100%;
}

.lp-page .itemArea .productsButton {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 51.52rem;
  right: 4.7786666667rem;
  color: var(--color-blue);
  width: 13.3653333333rem;
  height: 13.3653333333rem;
  z-index: 1;
}

.lp-page .itemArea .productsButton::after {
  content: "";
  position: absolute;
  animation: circle 3.4s infinite;
  top: 0;
  left: -0.1493333333rem;
  background-color: var(--color-orange);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.lp-page .itemArea .productsButton__text {
  padding-top: 0.3733333333rem;
  font-size: 1.3141333333rem;
  line-height: 1.61;
  letter-spacing: 0.03em;
}
@keyframes circle {
  0% {
    scale: 0.95;
  }
  50% {
    scale: 1.06;
  }
  100% {
    scale: 0.95;
  }
}
.lp-page .itemArea .img {
  position: relative;
}

.lp-page .itemArea .kit02 .no-link .modal_open:nth-of-type(1) {
  margin-top: 8.4373333333rem;
  margin-left: 10.08rem;
}

.lp-page .itemArea .kit02 .no-link .modal_open:nth-of-type(2) {
  margin-top: 18.8906666667rem;
  margin-left: 26.88rem;
}

.lp-page .itemArea .cosme04 .no-link .modal_open:nth-of-type(1) {
  margin-top: 4.3306666667rem;
  margin-left: 18.5173333333rem;
}

.lp-page .itemArea .cosme04 .no-link .modal_open:nth-of-type(2) {
  margin-top: 19.264rem;
  margin-left: 30.6133333333rem;
}

.lp-page .itemArea .goods03 .no-link .modal_open:nth-of-type(1) {
  margin-top: 2.8373333333rem;
  margin-left: 21.056rem;
}

.lp-page .itemArea .goods03 .no-link .modal_open:nth-of-type(2) {
  margin-top: 17.7706666667rem;
  margin-left: 43.3066666667rem;
}

.lp-page .itemArea .no-link .modal_open {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.4346666667rem;
  height: 3.4346666667rem;
  z-index: 1;
}

.lp-page .itemArea .no-link .modal_open::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  content: "";
  animation: dot_scale 2s infinite;
}
@keyframes dot_scale {
  0% {
    opacity: 0;
    scale: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 0;
  }
}
.lp-page.modalOpen {
  overflow-y: scroll;
  height: 100%;
}

.lp-page .each_variation {
  margin: 0 0.9706666667rem;
  padding: 5.0773333333rem 0;
  background: #f1eeec;
  width: 39.1253333333rem !important;
  height: auto !important;
}

.lp-page .each_variation .logo {
  display: inline-block;
  margin-bottom: 0.5973333333rem;
  width: 22.4rem;
}

.lp-page .variation_img {
  margin-bottom: 4.48rem;
}

.lp-page .variation_link {
  width: 22.7733333333rem;
}

.lp-page .cosme-miffy {
  content: "";
  position: absolute;
  animation: rote 6s ease-in-out infinite;
  transform-origin: center bottom;
  width: 6.7946666667rem;
  height: 12.0213333333rem;
  background-image: url(../img/button-decoration3.png?250120);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.lp-page .cosme06-miffy {
  content: "";
  position: absolute;
  transition: transform 1s 0.2s cubic-bezier(0.67, 0.05, 0.67, 0.97);
  bottom: 3.2106666667rem;
  right: 7.9146666667rem;
  width: 9.7813333333rem;
  height: 9.7813333333rem;
  background-image: url(../img/button-decoration1.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.lp-page .cosme07-miffy {
  content: "";
  position: absolute;
  bottom: 6.8693333333rem;
  left: 8.96rem;
  width: 13.7386666667rem;
  height: 8.6613333333rem;
  background-image: url(../img/button-decoration4.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.lp-page .cosme09-miffy {
  content: "";
  position: absolute;
  animation: rote 6s ease-in-out infinite;
  transform-origin: center bottom;
  bottom: 7.168rem;
  right: 7.9146666667rem;
  width: 6.7946666667rem;
  height: 12.1706666667rem;
  background-image: url(../img/concept-img.png?250120);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.lp-page .goods02-miffy {
  content: "";
  position: absolute;
  bottom: 6.8693333333rem;
  right: 6.7946666667rem;
  width: 14.2613333333rem;
  height: 10.0053333333rem;
  background-image: url(../img/button-decoration2.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@keyframes rote {
  0% {
    rotate: -3deg;
  }
  50% {
    rotate: 3deg;
  }
  100% {
    rotate: -3deg;
  }
}
.lp-page .goods03-miffy {
  content: "";
  position: absolute;
  animation: rote 7s ease-in-out infinite;
  transform-origin: bottom;
  top: 27.6266666667rem;
  right: 4.4053333333rem;
  width: 8.064rem;
  height: 8.8106666667rem;
  background-image: url(../img/clothes.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.lp-page .variation_name {
  margin-bottom: 1.4933333333rem;
  font-size: 2.24rem;
  line-height: 1.48;
  letter-spacing: 0.05em;
}

.lp-page .itm_price {
  margin-bottom: 3.7333333333rem;
  font-size: 2.688rem;
  line-height: 1;
  letter-spacing: 0.17em;
}

.lp-page .itm_price .txt_S {
  font-size: 0.75em;
}

.lp-page .modal_outside {
  position: fixed;
  z-index: 100;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
  overflow-y: scroll;
  z-index: 2;
}

.lp-page .modal_outside.hide {
  opacity: 0;
  pointer-events: none;
  overflow-y: auto;
  z-index: 0;
}

.lp-page .modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
  width: 100%;
  height: 100%;
}

.lp-page .modal_wrap {
  width: 100%;
  margin: 0 auto;
  max-height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.lp-page .modal_close {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 0;
  margin: -35.84rem 9.408rem 0 0;
  border: none;
  background: transparent;
  cursor: pointer;
  width: 4.48rem;
  height: 4.48rem;
  z-index: 1;
}

.lp-page .modal_close::before,
.lp-page .modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: var(--color-blue);
  rotate: 45deg;
}

.lp-page .modal_close::before {
  width: 3.7333333333rem;
  height: 0.2986666667rem;
}

.lp-page .modal_close::after {
  width: 0.2986666667rem;
  height: 3.7333333333rem;
}

.lp-page .slide-arrow {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 6.5706666667rem;
  height: 12.6186666667rem;
  z-index: 1;
}

.lp-page .slide-arrow.prev-arrow {
  left: 3.7333333333rem;
}

.lp-page .slide-arrow.next-arrow {
  transform: scale(-1, 1);
  right: 3.7333333333rem;
}

.lp-page .flower1,
.lp-page .flower2,
.lp-page .flower3,
.lp-page .flower4,
.lp-page .flower5,
.lp-page .star1,
.lp-page .star2,
.lp-page .star3 {
  content: "";
  position: absolute;
  height: 3.36rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

.lp-page .flower1 {
  width: 3.8826666667rem;
  background-image: url(../img/flower1.png?250121);
}

.lp-page .flower2 {
  width: 3.808rem;
  background-image: url(../img/flower2.png?250121);
}

.lp-page .flower3 {
  width: 3.584rem;
  background-image: url(../img/flower3.png?250121);
}

.lp-page .flower4 {
  width: 3.584rem;
  background-image: url(../img/flower4.png?250121);
}

.lp-page .flower5 {
  width: 3.36rem;
  background-image: url(../img/flower5.png?250121);
}

.lp-page .star1 {
  width: 2.8373333333rem;
  background-image: url(../img/star1.png);
}

.lp-page .star2 {
  width: 2.7626666667rem;
  background-image: url(../img/star2.png);
}

.lp-page .star3 {
  width: 2.6133333333rem;
  background-image: url(../img/star3.png);
}

.lp-page [class^=flower-]:nth-of-type(4n),
.lp-page [class^=star-]:nth-of-type(4n) {
  animation: miffyAnim 0.4s ease-in forwards, floatY 8s infinite, floatX 12s infinite reverse;
}

.lp-page [class^=flower-]:nth-of-type(4n-3),
.lp-page [class^=star-]:nth-of-type(4n-3) {
  animation: miffyAnim 0.4s ease-in forwards, floatY2 8s infinite, floatX 12s infinite reverse;
}

.lp-page [class^=flower-]:nth-of-type(4n-2),
.lp-page [class^=star-]:nth-of-type(4n-2) {
  animation: miffyAnim 0.4s ease-in forwards, floatY 8s infinite, floatX2 12s infinite reverse;
}

.lp-page [class^=flower-]:nth-of-type(4n-1),
.lp-page [class^=star-]:nth-of-type(4n-1) {
  animation: miffyAnim 0.4s ease-in forwards, floatY2 8s infinite, floatX2 12s infinite reverse;
}

.lp-page .flower-dec1 {
  top: -7.0186666667rem;
  left: 4.032rem;
}

.lp-page .flower-dec2 {
  top: -9.2586666667rem;
  right: 7.7653333333rem;
}

.lp-page .flower-dec3 {
  top: 67.648rem;
  right: 3.7333333333rem;
}

.lp-page .flower-dec4 {
  bottom: -6.6453333333rem;
  right: 11.2rem;
}

.lp-page .flower-dec5 {
  top: 4.928rem;
  left: 4.032rem;
}

.lp-page .flower-dec6 {
  top: 40.1706666667rem;
  right: 2.912rem;
}

.lp-page .flower-dec7 {
  top: 5.824rem;
  left: 2.7626666667rem;
}

.lp-page .flower-dec8 {
  top: 95.2rem;
  right: 2.3893333333rem;
}

.lp-page .flower-dec9 {
  bottom: 10.304rem;
  left: 2.5386666667rem;
}

.lp-page .flower-dec10 {
  top: 4.256rem;
  right: 10.0053333333rem;
}

.lp-page .flower-dec11 {
  top: 13.5893333333rem;
  left: 5.5253333333rem;
}

.lp-page .flower-dec12 {
  top: 55.4026666667rem;
  left: 2.3893333333rem;
}

.lp-page .flower-dec13 {
  bottom: 43.904rem;
  right: 2.3146666667rem;
}

.lp-page .flower-dec14 {
  bottom: 13.8133333333rem;
  left: 5.9733333333rem;
}

.lp-page .flower-dec15 {
  top: 3.8826666667rem;
  left: 5.0026666667rem;
}

.lp-page .flower-dec16 {
  top: 14.7093333333rem;
  right: 2.912rem;
}

.lp-page .flower-dec17 {
  top: -1.4933333333rem;
  left: 6.72rem;
}

.lp-page .flower-dec18 {
  top: 5.824rem;
  right: 2.3146666667rem;
}

.lp-page .flower-dec19 {
  bottom: 30.9866666667rem;
  right: 4.1813333333rem;
}

.lp-page .flower-dec20 {
  bottom: 17.7706666667rem;
  left: 2.7626666667rem;
}

.lp-page .flower-dec21 {
  bottom: -4.7786666667rem;
  left: 17.92rem;
}

.lp-page .flower-dec22 {
  top: 7.9893333333rem;
  right: 6.048rem;
}

.lp-page .flower-dec23 {
  top: 12.9173333333rem;
  left: 5.824rem;
}

.lp-page .flower-dec24 {
  top: 71.3813333333rem;
  right: 3.2106666667rem;
}

.lp-page .flower-dec25 {
  bottom: 32.1066666667rem;
  left: 5.824rem;
}

.lp-page .flower-dec26 {
  bottom: 13.44rem;
  right: 3.9573333333rem;
}

.lp-page .flower-dec27 {
  top: 6.5706666667rem;
  right: 5.9733333333rem;
}

.lp-page .flower-dec28 {
  top: 21.056rem;
  left: 5.6rem;
}

.lp-page .flower-dec29 {
  top: 48.608rem;
  right: 5.0026666667rem;
}

.lp-page .flower-dec30 {
  bottom: 43.3066666667rem;
  left: 3.36rem;
}

.lp-page .flower-dec31 {
  bottom: 20.3093333333rem;
  right: 3.36rem;
}

.lp-page .flower-dec32 {
  bottom: -4.7786666667rem;
  left: 12.6933333333rem;
}

.lp-page .flower-dec33 {
  top: 5.5253333333rem;
  right: 11.648rem;
}

.lp-page .flower-dec34 {
  top: 23.4453333333rem;
  left: 4.7786666667rem;
}

.lp-page .flower-dec35 {
  top: 54.0586666667rem;
  right: 9.2586666667rem;
}

.lp-page .flower-dec36 {
  bottom: 27.552rem;
  left: 6.944rem;
}

.lp-page .flower-dec37 {
  bottom: 10.4533333333rem;
  right: 2.24rem;
}

.lp-page .flower-dec38 {
  top: 3.5093333333rem;
  left: 12.3946666667rem;
}

.lp-page .flower-dec39 {
  top: 18.2186666667rem;
  right: 1.344rem;
}

.lp-page .flower-dec40 {
  top: 44.9493333333rem;
  left: 4.928rem;
}

.lp-page .flower-dec41 {
  bottom: 35.7653333333rem;
  right: 7.4666666667rem;
}

.lp-page .flower-dec42 {
  bottom: 11.9466666667rem;
  left: 7.616rem;
}

.lp-page .flower-dec43 {
  top: 2.688rem;
  left: 11.9466666667rem;
}

.lp-page .flower-dec44 {
  top: 12.096rem;
  right: 3.2853333333rem;
}

.lp-page .flower-dec45 {
  top: 47.7866666667rem;
  left: 3.7333333333rem;
}

.lp-page .flower-dec46 {
  bottom: 36.064rem;
  right: 4.928rem;
}

.lp-page .flower-dec47 {
  bottom: 14.336rem;
  left: 5.824rem;
}

.lp-page .star-dec1 {
  top: 7.616rem;
  left: 10.752rem;
}

.lp-page .star-dec2 {
  top: 36.8106666667rem;
  right: 2.464rem;
}

.lp-page .star-dec3 {
  top: 47.5626666667rem;
  left: 4.48rem;
}

.lp-page .star-dec4 {
  bottom: 37.7066666667rem;
  right: 6.72rem;
}

.lp-page .star-dec5 {
  bottom: 10.528rem;
  right: 21.2053333333rem;
}

.lp-page .star-dec6 {
  top: 11.0506666667rem;
  left: 7.2426666667rem;
}

.lp-page .star-dec7 {
  top: 51.5946666667rem;
  right: 7.0186666667rem;
}

.lp-page .star-dec8 {
  bottom: 50.624rem;
  left: 4.6293333333rem;
}

.lp-page .star-dec9 {
  bottom: 37.9306666667rem;
  right: 4.3306666667rem;
}

.lp-page .star-dec10 {
  bottom: 10.752rem;
  left: 5.6746666667rem;
}

.lp-page .star-dec11 {
  top: 5.4506666667rem;
  right: 12.1706666667rem;
}

.lp-page .star-dec12 {
  top: 39.9466666667rem;
  right: 5.376rem;
}

.lp-page .star-dec13 {
  top: 45.3973333333rem;
  left: 7.168rem;
}

.lp-page .star-dec14 {
  bottom: 44.0533333333rem;
  right: 11.648rem;
}

.lp-page .star-dec15 {
  bottom: 19.1146666667rem;
  left: 5.9733333333rem;
}

.lp-page .star-dec16 {
  bottom: -7.616rem;
  right: 13.44rem;
}

.lp-page .flower-dec48 {
  top: 2.7626666667rem;
  right: 3.4346666667rem;
}

.lp-page .flower-dec49 {
  top: 17.6213333333rem;
  left: 2.6133333333rem;
}

.lp-page .flower-dec50 {
  top: -1.568rem;
  right: 4.704rem;
}

.lp-page .flower-dec51 {
  top: 7.84rem;
  left: 2.7626666667rem;
}

.lp-page .flower-dec52 {
  bottom: 38.6026666667rem;
  right: 3.2853333333rem;
}

.lp-page .flower-dec53 {
  bottom: 30.912rem;
  left: 4.48rem;
}

.lp-page .flower-dec54 {
  bottom: 11.0506666667rem;
  right: 9.5573333333rem;
}

.lp-page .flower-dec55 {
  top: 6.4213333333rem;
  right: 7.9146666667rem;
}

.lp-page .flower-dec56 {
  top: 17.9946666667rem;
  left: 4.8533333333rem;
}

.lp-page .flower-dec57 {
  top: 36.5866666667rem;
  right: 6.944rem;
}

.lp-page .flower-dec58 {
  bottom: 43.456rem;
  left: 6.944rem;
}

.lp-page .flower-dec59 {
  top: 2.24rem;
  right: 3.8826666667rem;
}

.lp-page .flower-dec60 {
  top: 8.5866666667rem;
  left: 5.6746666667rem;
}

.lp-page .flower-dec61 {
  bottom: 37.4826666667rem;
  left: 7.168rem;
}

.lp-page .flower-dec62 {
  bottom: 16.5013333333rem;
  right: 1.7173333333rem;
}

.lp-page .flower-dec63 {
  bottom: -4.7786666667rem;
  left: 11.7973333333rem;
}

.lp-page .flower-dec64 {
  top: 4.1066666667rem;
  right: 5.6746666667rem;
}

.lp-page .flower-dec65 {
  top: 31.136rem;
  left: 5.0026666667rem;
}

.lp-page .flower-dec66 {
  bottom: 29.4933333333rem;
  right: 5.7493333333rem;
}

.lp-page .flower-dec67 {
  bottom: 10.3786666667rem;
  left: 4.8533333333rem;
}

.lp-page .flower-dec68 {
  bottom: -5.0773333333rem;
  right: 10.6026666667rem;
}

.lp-page .flower-dec69 {
  top: 5.2266666667rem;
  left: 10.2293333333rem;
}

.lp-page .flower-dec70 {
  top: 30.464rem;
  left: 5.2266666667rem;
}

.lp-page .flower-dec71 {
  top: 45.7706666667rem;
  right: 5.5253333333rem;
}

.lp-page .flower-dec72 {
  bottom: 23.8186666667rem;
  left: 3.5093333333rem;
}

.lp-page .flower-dec73 {
  bottom: 15.008rem;
  right: 5.376rem;
}

.lp-page .flower-dec74 {
  bottom: -8.2133333333rem;
  right: 17.6213333333rem;
}

.lp-page .setContents {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.9866666667rem auto 0;
  padding-block: 2.688rem;
  background-color: #fff;
  border: 1px solid var(--color-orange);
  border-radius: 1.568rem;
  color: var(--color-orange);
  width: -moz-fit-content;
  width: fit-content;
}

.lp-page .setContentstitle {
  font-size: 2.24rem;
  line-height: 1.35;
  letter-spacing: 0.15em;
  width: 11.7973333333rem;
}

.lp-page .setContents__list {
  position: relative;
  margin: auto;
  padding-inline: 2.24rem 1.4933333333rem;
  z-index: 0;
}

.lp-page .setContents__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.4106666667rem;
  height: 11.648rem;
  -webkit-mask-image: url(../img/dot.svg);
  mask-image: url(../img/dot.svg);
  background-color: var(--color-orange);
  -webkit-mask-size: 0.4106666667rem 1.1946666667rem;
  mask-size: 0.4106666667rem 1.1946666667rem;
  -webkit-mask-repeat: repeat-y;
  mask-repeat: repeat-y;
  z-index: 0;
}

.lp-page .setContents__item p {
  position: relative;
  padding-left: 2.24rem;
  font-size: 1.568rem;
  line-height: 1.93;
  letter-spacing: 0.05em;
  text-align: left;
  z-index: 0;
}

.lp-page .setContents__item p::before {
  content: "";
  position: absolute;
  top: 0.8213333333rem;
  left: 0;
  width: 1.792rem;
  height: 1.568rem;
  background-image: url(../img/chack.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

.lp-page .fvArea {
  position: relative;
  overflow: clip;
  height: 100svh;
  max-height: 110.8053333333rem;
  z-index: 0;
}

.lp-page .fvArea__inner {
  display: flex;
  justify-content: center;
  -moz-column-gap: 1.344rem;
  column-gap: 1.344rem;
  margin-top: -11.648rem;
}

.lp-page .fvArea .imgWrap01 {
  margin-top: 13.7386666667rem;
}

.lp-page .fvArea .imgWrap01 .fvArea__img:nth-child(1) {
  margin-bottom: 21.2053333333rem;
}

.lp-page .fvArea .imgWrap01 .fvArea__img:nth-child(2) {
  margin-bottom: 1.2693333333rem;
}

.lp-page .fvArea .imgWrap02 .fvArea__img:nth-child(2) {
  margin-bottom: 21.2053333333rem;
}

.lp-page .fvArea .imgWrap02 .fvArea__img:nth-child(1),
.lp-page .fvArea .imgWrap02 .fvArea__img:nth-child(3) {
  margin-bottom: 1.2693333333rem;
}

.lp-page .fvArea__imgWrap {
  width: 21.9221333333rem;
}

.lp-page .fvArea__logo,
.lp-page .fvArea__text {
  position: absolute;
  z-index: 0;
}

.lp-page .fvArea__logo {
  margin: auto;
  left: 0;
  right: 0;
  top: 47.936rem;
  width: 43.3066666667rem;
}

.lp-page .fvArea__logo::before {
  content: "";
  position: absolute;
  top: -10.976rem;
  left: -0.7466666667rem;
  width: 13.1413333333rem;
  height: 13.1413333333rem;
  background-image: url(../img/fv-icon.svg?250120);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.lp-page .fvArea__text {
  right: 5.2266666667rem;
  top: 57.1946666667rem;
  width: 21.504rem;
}

.lp-page .fvArea .amin-frame {
  position: relative;
  background-color: var(--color-yellow);
  z-index: 0;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(../img/fv-frame-clip.svg);
  mask-image: url(../img/fv-frame-clip.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.lp-page .fvArea .amin-frame::after {
  content: "";
  position: absolute;
  transition: transform 0.6s ease;
  top: 4.928rem;
  left: -13.2906666667rem;
  width: 49.3546666667rem;
  height: 40.1706666667rem;
  background-image: url(../img/fv-amin.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.lp-page .fvArea__scroll {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.lp-page .fvArea__scroll__text {
  margin-bottom: 2.24rem;
  color: gray;
  font-size: 2.8373333333rem;
  line-height: 1;
}

.lp-page .fvArea__scroll__border {
  display: block;
  animation: scroll 2s infinite;
  margin: auto;
  background-color: gray;
  border-radius: 0.224rem;
  width: 0.224rem;
  height: 20vh;
}
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.lp-page .conceptArea {
  position: sticky;
  top: 0;
  padding-top: 9.408rem;
  padding-bottom: 7.4666666667rem;
  overflow: hidden;
  z-index: 0;
}

.lp-page .conceptArea__title {
  position: relative;
  width: 35.616rem;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.lp-page .conceptArea__title::before,
.lp-page .conceptArea__title::after {
  content: "";
  position: absolute;
  width: 3.808rem;
  height: 4.1066666667rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

.lp-page .conceptArea__title::before {
  animation: miffyAnim 0.4s ease-in forwards, floatY 8s infinite, floatX 12s infinite reverse;
  top: -2.464rem;
  right: 3.136rem;
  background-image: url(../img/flower1.png?250121);
}

.lp-page .conceptArea__title::after {
  animation: miffyAnim 0.4s ease-in forwards, floatY 8s infinite, floatX2 12s infinite reverse;
  top: 2.7626666667rem;
  right: -2.0906666667rem;
  background-image: url(../img/flower2.png?250121);
}

.lp-page .conceptArea__img {
  position: relative;
  margin-top: -6.3466666667rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 13.44rem;
  width: 38.8266666667rem;
  z-index: 0;
}

.lp-page .conceptArea__img::before,
.lp-page .conceptArea__img::after {
  content: "";
  position: absolute;
  z-index: -1;
}

.lp-page .conceptArea__img::before {
  top: 7.7653333333rem;
  left: -5.5253333333rem;
  width: 3.9573333333rem;
  height: 41.664rem;
  -webkit-mask-image: url(../img/preOrder-logo.svg?250120);
  mask-image: url(../img/preOrder-logo.svg?250120);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: #004D97;
}

.lp-page .conceptArea__img::after {
  bottom: -1.12rem;
  left: -1.12rem;
  width: 38.8266666667rem;
  height: 48.4586666667rem;
  background-color: var(--color-orange);
}

.lp-page .conceptArea__textBox {
  position: relative;
  text-align: left;
  z-index: 0;
}

.lp-page .conceptArea__textBox::after {
  content: "";
  position: absolute;
  animation: rote 6s ease-in-out infinite;
  transform-origin: center bottom;
  top: 43.3066666667rem;
  right: 6.4213333333rem;
  width: 9.7813333333rem;
  height: 17.3226666667rem;
  background-image: url(../img/concept-img.png?250120);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

.lp-page .conceptArea__textBox__title {
  margin-bottom: 4.3306666667rem;
  font-size: 3.584rem;
  line-height: 1.71;
  letter-spacing: 0.095em;
}

.lp-page .conceptArea__textBox__title.en-text {
  margin-bottom: 1.4933333333rem;
  padding-left: 5.2266666667rem;
  font-size: 2.1653333333rem;
  letter-spacing: 0.045em;
  line-height: 1.2;
}

.lp-page .conceptArea__textBox__title.jp-text {
  padding-left: 5.2266666667rem;
  display: inline-block;
}

.lp-page .conceptArea__textBox .miffyLogo {
  display: inline-block;
  margin-right: 0.5973333333rem;
  margin-bottom: -1.1946666667rem;
  width: 11.0506666667rem;
}

.lp-page .conceptArea__textBox__text {
  padding-left: 5.2266666667rem;
  font-size: 1.568rem;
  line-height: 2.43;
  letter-spacing: 0.1em;
}

.lp-page .conceptArea__textBox__text:nth-of-type(n+3) {
  margin-top: 2.9866666667rem;
}

.lp-page .specialKit {
  margin-bottom: -7.9146666667rem;
  z-index: 1;
}

.lp-page .specialKit .itemArea__title {
  background-color: var(--color-blue);
  color: var(--color-yellow);
  width: 26.5066666667rem;
}

.lp-page .specialKit .itemArea__headding,
.lp-page .specialKit .headding {
  color: var(--color-orange);
}

.lp-page .specialKit .itemArea__headding .color,
.lp-page .specialKit .headding .color {
  color: var(--color-blue);
}

.lp-page .specialKit .miffyLogo {
  display: inline-block;
  margin-right: 0.448rem;
  transform: translateY(1.4933333333rem);
  width: 14.9333333333rem;
}

.lp-page .specialKit .kit01 .headding {
  font-size: 5.2266666667rem;
  line-height: 1.26;
}

.lp-page .specialKit .kit02 .headding {
  font-size: 5.5253333333rem;
  line-height: 1.26;
}

.lp-page .specialKit .itemArea__inner {
  padding-top: 10.4533333333rem;
  border: 1.4933333333rem solid var(--color-orange);
}

.lp-page .specialKit .itemArea__item:nth-of-type(n+2)::before {
  background-color: var(--color-orange);
}

.lp-page .specialKit .numWrap svg {
  fill: var(--color-blue);
}

.lp-page .specialKit .numWrap .num {
  color: var(--color-blue);
}

.lp-page .specialKit__img {
  position: relative;
  margin-inline: auto;
  margin-block: 2.24rem;
  width: 45.5466666667rem;
  z-index: 0;
}

.lp-page .specialKit__img::after {
  content: "";
  position: absolute;
  top: 0.896rem;
  left: 0.896rem;
  width: 45.5466666667rem;
  height: 45.5466666667rem;
  background-color: var(--color-blue);
  z-index: -1;
}

.lp-page .specialKit .cv__button {
  margin-top: 11.2rem;
  background-color: var(--color-orange);
  color: #fff;
}

.lp-page .specialKit .cv__button .arrow {
  background-color: var(--color-orange);
  background-image: url(../img/button1-arrow.svg);
}

.lp-page .specialKit .cv__button.miffy-anim:hover + .cosme06-miffy {
  transform: translateY(-3.2106666667rem);
}

.lp-page .specialKit .kit02 .miffy-anim {
  margin-top: 12.6933333333rem;
}

.lp-page .specialKit .cosme-miffy {
  right: 8.2133333333rem;
  bottom: 7.0933333333rem;
}

.lp-page .cosme-innerCare {
  margin-bottom: -7.9146666667rem;
  z-index: 1;
}

.lp-page .cosme-innerCare .itemArea__title {
  background-color: var(--color-yellow);
  color: var(--color-blue);
  width: 39.7973333333rem;
}

.lp-page .cosme-innerCare .itemArea__headding,
.lp-page .cosme-innerCare .headding {
  color: var(--color-blue);
}

.lp-page .cosme-innerCare .itemArea__headding .color,
.lp-page .cosme-innerCare .headding .color {
  color: var(--color-yellow);
}

.lp-page .cosme-innerCare .itemArea__headding .size--1,
.lp-page .cosme-innerCare .headding .size--1 {
  font-size: 7.5413333333rem;
}

.lp-page .cosme-innerCare .itemArea__headding .size--2,
.lp-page .cosme-innerCare .headding .size--2 {
  font-size: 7.0186666667rem;
}

.lp-page .cosme-innerCare .headding {
  font-size: 5.9733333333rem;
  line-height: 1.15;
}

.lp-page .cosme-innerCare .itemArea__inner {
  padding-top: 7.4666666667rem;
  border: 1.4933333333rem solid var(--color-blue);
}

.lp-page .cosme-innerCare .itemArea__item:nth-of-type(n+2)::before {
  background-color: var(--color-blue);
}

.lp-page .cosme-innerCare .numWrap svg {
  fill: var(--color-yellow);
}

.lp-page .cosme-innerCare .numWrap .num {
  color: var(--color-yellow);
}

.lp-page .cosme-innerCare .cv__button {
  margin-top: 4.1813333333rem;
  background-color: var(--color-yellow);
  color: var(--color-blue);
}

.lp-page .cosme-innerCare .cv__button .arrow {
  background-color: var(--color-yellow);
  background-image: url(../img/button2-arrow.svg);
}

.lp-page .cosme-innerCare .cv__button.miffy-anim:hover + .cosme06-miffy {
  transform: translateY(-3.2106666667rem);
}

.lp-page .cosme-innerCare .cosme02 .miffy-anim {
  margin-top: 12.6933333333rem;
}

.lp-page .cosme-innerCare .cosme06 .miffy-anim {
  margin-top: 10.4533333333rem;
}

.lp-page .cosme-innerCare .cosme07 .miffy-anim {
  margin-top: 12.6933333333rem;
}

.lp-page .cosme-innerCare .cosme09 .miffy-anim {
  margin-top: 13.44rem;
}

.lp-page .cosme-innerCare .cosme-miffy {
  left: 8.2133333333rem;
  bottom: 7.2426666667rem;
}

.lp-page .goods {
  margin-bottom: -9.408rem;
  z-index: 1;
}

.lp-page .goods .itemArea__title {
  background-color: var(--color-orange);
  color: var(--color-blue);
  width: 22.4rem;
}

.lp-page .goods .itemArea__headding,
.lp-page .goods .headding {
  color: var(--color-orange);
}

.lp-page .goods .itemArea__headding .color,
.lp-page .goods .headding .color {
  color: var(--color-blue);
}

.lp-page .goods .headding {
  font-size: 5.9733333333rem;
  line-height: 1.15;
}

.lp-page .goods .itemArea__inner {
  padding-top: 6.72rem;
  border: 1.4933333333rem solid #FDCD00;
}

.lp-page .goods .itemArea__item:nth-of-type(n+2)::before {
  background-color: var(--color-yellow);
}

.lp-page .goods .numWrap svg {
  fill: var(--color-blue);
}

.lp-page .goods .numWrap .num {
  color: var(--color-blue);
}

.lp-page .goods .cv__button {
  margin-top: 5.2266666667rem;
  background-color: var(--color-blue);
  color: #fff;
}

.lp-page .goods .cv__button .arrow {
  background-color: var(--color-blue);
  background-image: url(../img/button3-arrow.svg);
}

.lp-page .goods .cosme06 .miffy-anim {
  margin-top: 10.4533333333rem;
}

.lp-page .goods .goods02 .miffy-anim {
  margin-top: 12.6933333333rem;
}

.lp-page .profileArea {
  position: relative;
  z-index: 1;
}

.lp-page .profileArea .itemArea__title {
  background-color: var(--color-blue);
  color: #fff;
  width: 27.104rem;
}

.lp-page .profileArea__inner {
  padding-block: 13.44rem;
  padding-inline: 6.3466666667rem 5.9733333333rem;
  background-color: var(--color-orange);
  text-align: left;
}

.lp-page .profileArea__name {
  margin-bottom: 3.7333333333rem;
  color: #004D97;
  font-size: 4.704rem;
  line-height: 0.9;
  letter-spacing: 0.1em;
  width: 29.12rem;
}

.lp-page .profileArea__name .jp {
  font-size: 1.9413333333rem;
  letter-spacing: 0.05em;
}

.lp-page .profileArea__img {
  margin-inline: auto;
  margin-bottom: 8.2133333333rem;
  width: 35.6906666667rem;
}

.lp-page .profileArea__img figcaption {
  margin-top: 2.24rem;
  margin-left: auto;
  margin-right: 0;
  width: 17.472rem;
}

.lp-page .profileArea__profile {
  margin-bottom: 1.4933333333rem;
  color: var(--color-blue);
  font-size: 2.5386666667rem;
  line-height: 1;
  letter-spacing: 0.1em;
}

.lp-page .profileArea__text {
  color: #fff;
  font-size: 1.6426666667rem;
  line-height: 2.18;
  letter-spacing: 0.03em;
  text-align: justify;
}

.lp-page .infoArea {
  position: relative;
  padding: 10.08rem 4.1066666667rem 10.4533333333rem;
  background-color: var(--color-offwhite);
  z-index: 1;
}

.lp-page .infoArea__block {
  position: relative;
  z-index: 0;
}

.lp-page .infoArea__block:nth-of-type(1) .logo {
  width: 30.912rem;
}

.lp-page .infoArea__block:nth-of-type(n+2) {
  margin-top: 7.4666666667rem;
  padding-top: 11.2rem;
}

.lp-page .infoArea__block:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--color-text);
  -webkit-mask-image: url(../img/dot.svg);
  mask-image: url(../img/dot.svg);
  -webkit-mask-size: 1.0453333333rem 0.4106666667rem;
  mask-size: 1.0453333333rem 0.4106666667rem;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  width: 43.6053333333rem;
  height: 0.4106666667rem;
  z-index: 0;
}

.lp-page .infoArea__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.2106666667rem;
}

.lp-page .infoArea__bannerWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9706666667rem;
}

.lp-page .infoArea .banner {
  width: 100%;
}

.lp-page .infoArea .banner-half {
  width: calc(50% - 0.4853333333rem);
}

.lp-page .infoArea__text {
  margin-top: 2.688rem;
  font-size: 1.6426666667rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  text-align: left;
}

.lp-page .infoArea__link {
  margin-top: 6.4213333333rem;
  color: var(--color-blue);
  font-size: 2.8373333333rem;
  line-height: 1;
  letter-spacing: 0.1em;
}

.lp-page .infoArea .specialSiteButton {
  display: grid;
  place-items: center;
  position: relative;
  color: #fff;
  font-size: 1.7173333333rem;
  line-height: 1.51;
  letter-spacing: 0.06em;
  width: 14.4853333333rem;
  height: 14.4853333333rem;
  z-index: 0;
}

.lp-page .infoArea .specialSiteButton::before {
  content: "";
  position: absolute;
  animation: circle 3.4s infinite;
  top: 0;
  right: 0;
  background-color: var(--color-green);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.lp-page .infoArea .specialSiteButton p {
  padding-top: 0.5973333333rem;
}

.lp-page .footerArea {
  position: relative;
  margin-inline: auto;
  padding: 7.4666666667rem 3.7333333333rem 3.584rem;
  background-color: var(--color-green);
  z-index: 1;
}

.lp-page .footerArea .toTop {
  position: absolute;
  top: -5.376rem;
  right: 3.5093333333rem;
  width: 7.616rem;
  z-index: 1;
}

.lp-page .footerArea__logo {
  margin-inline: auto;
  margin-bottom: 8.2133333333rem;
  width: 23.8186666667rem;
}

.lp-page .footerArea__credit {
  width: 28rem;
}

.lp-page #HandCream_variation .each_variation {
  border: 5px solid var(--color-yellow);
}

.lp-page #HandCream_variation .variation_link {
  background-color: var(--color-orange);
  color: #fff;
}

.lp-page #HandCream_variation .variation_link .arrow {
  background-color: var(--color-orange);
  background-image: url(../img/button1-arrow.svg);
}

.lp-page #TravelSet_variation .each_variation {
  border: 5px solid var(--color-yellow);
}

.lp-page #TravelSet_variation .variation_link {
  background-color: var(--color-yellow);
  color: #fff;
}

.lp-page #TravelSet_variation .variation_link .arrow {
  background-color: var(--color-yellow);
  background-image: url(../img/button2-arrow.svg);
}

.lp-page #HandTowel_variation .each_variation {
  border: 5px solid var(--color-yellow);
}

.lp-page #HandTowel_variation .variation_link {
  background-color: var(--color-blue);
  color: #fff;
}

.lp-page #HandTowel_variation .variation_link .arrow {
  background-color: var(--color-blue);
  background-image: url(../img/button3-arrow.svg);
}

.lp-page #CosmeKitchenProducts {
  background-color: #fff;
}

.lp-page #CosmeKitchenProducts .modal_close {
  margin: -41.8133333333rem 1.9413333333rem 0 0;
}

.lp-page #CosmeKitchenProducts h3 {
  margin-bottom: 4.1813333333rem;
  color: var(--color-blue);
  font-size: 2.912rem;
  line-height: 1.74;
  letter-spacing: 0.11em;
}

.lp-page #CosmeKitchenProducts .sec_lead {
  padding: 0 4.48rem;
  color: var(--color-blue);
  font-size: 1.344rem;
  line-height: 2.33;
  letter-spacing: 0.042em;
  text-align: left;
}

.lp-page #CosmeKitchenProducts .sec_lead span {
  display: inline-block;
}

.lp-page #CosmeKitchenProducts .sec_lead span:nth-of-type(n+2) {
  margin-top: 2.3893333333rem;
}

.lp-page #CosmeKitchenProducts .img {
  transform: translateY(0.5973333333rem);
  margin-top: -20.7573333333rem;
  margin-left: auto;
  margin-right: 0;
  width: 22.176rem;
}

.lp-page #CosmeKitchenProducts .feature_list_wrap {
  margin-top: 1.6426666667rem;
  padding-inline: 2.9866666667rem;
  color: var(--color-orange);
}

.lp-page #CosmeKitchenProducts dt {
  position: relative;
  margin-bottom: 2.24rem;
  font-size: 2.912rem;
  letter-spacing: 0.2em;
}

.lp-page #CosmeKitchenProducts dt::before,
.lp-page #CosmeKitchenProducts dt::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background: var(--color-orange);
  width: 16.4266666667rem;
  height: 3px;
}

.lp-page #CosmeKitchenProducts dt::before {
  left: 0;
}

.lp-page #CosmeKitchenProducts dt::after {
  right: 0;
}

.lp-page #CosmeKitchenProducts dd {
  padding-inline: 2.688rem 0.448rem;
}

.lp-page #CosmeKitchenProducts li {
  position: relative;
  padding-left: 3.7333333333rem;
  font-size: 1.7173333333rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: left;
}

.lp-page #CosmeKitchenProducts li:nth-of-type(n+2) {
  margin-top: 2.24rem;
}

.lp-page #CosmeKitchenProducts li .point {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  background-color: var(--color-orange);
  border-radius: 50%;
  color: #fff;
  font-size: 1.344rem;
  width: 2.3893333333rem;
  height: 2.3893333333rem;
}

.lp-page #CosmeKitchenProducts li .point::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.464rem;
  height: 3.36rem;
  background: url(../img/point.svg) center center/cover no-repeat;
}

.lp-page .followMenu {
  position: fixed;
  top: 18.6666666667rem;
  right: -0.5226666667rem;
  transition: opacity 0.8s ease;
  padding: 1.9413333333rem 1.4933333333rem 4.1066666667rem;
  background-color: #eb6100;
  border: 0.5226666667rem solid var(--color-text);
  border-radius: 0 0 0 3.584rem;
  color: #fff;
  z-index: 4;
}

.lp-page .followMenu.open .followMenu__title {
  padding: 0;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.lp-page .followMenu.open .followMenu__trigger span:nth-of-type(1) {
  transform: translateY(1.568rem) rotate(-45deg);
}

.lp-page .followMenu.open .followMenu__trigger span:nth-of-type(2) {
  opacity: 0;
}

.lp-page .followMenu.open .followMenu__trigger span:nth-of-type(3) {
  transform: translateY(-1.568rem) rotate(45deg);
}

.lp-page .followMenu.open .followMenu__list {
  transition: all 0.8s ease;
  opacity: 1;
  max-width: 15.904rem;
  max-height: 55.4773333333rem;
}

.lp-page .followMenu.open .followMenu__item:nth-of-type(1) {
  padding-top: 1.344rem;
}

.lp-page .followMenu.open::before {
  transition: opacity 0.4s ease;
  opacity: 1;
}

.lp-page .followMenu.close::before {
  transition: opacity 0.4s ease;
  opacity: 0;
}

.lp-page .followMenu.active {
  transform: translateY(-8.5866666667rem);
}

.lp-page .followMenu.hide {
  visibility: hidden;
  z-index: -1;
}

.lp-page .followMenu::before {
  content: "";
  position: absolute;
  top: -0.2986666667rem;
  left: -3.9573333333rem;
  width: 4.48rem;
  height: 10.304rem;
  background-image: url(../img/miffy-menu.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

.lp-page .followMenu__trigger {
  position: relative;
  margin-left: auto;
  margin-right: 0.5226666667rem;
  width: 4.3306666667rem;
  height: 3.4346666667rem;
  cursor: pointer;
  z-index: 0;
}

.lp-page .followMenu__trigger span {
  position: absolute;
  left: 0;
  background-color: var(--color-blue);
  border-radius: 0.1493333333rem;
  width: 100%;
  height: 0.2986666667rem;
  z-index: 1;
}

.lp-page .followMenu__trigger span:nth-of-type(1) {
  top: 0;
}

.lp-page .followMenu__trigger span:nth-of-type(2) {
  top: 1.568rem;
}

.lp-page .followMenu__trigger span:nth-of-type(3) {
  bottom: 0;
}

.lp-page .followMenu__trigger,
.lp-page .followMenu__trigger span {
  transition: all 0.5s;
  box-sizing: border-box;
}

.lp-page .followMenu__title {
  padding-block: 1.6426666667rem 2.6133333333rem;
  transition: all 0.8s ease;
  font-size: 1.7173333333rem;
  line-height: 1;
  letter-spacing: 0.01em;
}

.lp-page .followMenu__list {
  margin: auto;
  transition: all 0.8s ease;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  opacity: 0;
  max-width: 0;
  max-height: 0;
}

.lp-page .followMenu__link {
  font-size: 2.24rem;
  line-height: 2.82;
  letter-spacing: 0.05em;
  text-align: left;
  white-space: nowrap;
}

.lp-page .followNavi {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #eb6100;
  width: 100%;
  z-index: 2;
}

.lp-page .followNavi__list {
  display: flex;
  flex-wrap: wrap;
}

.lp-page .followNavi__item {
  width: 25%;
}

.lp-page .followNavi__item:nth-child(1) .followNavi__link {
  padding-left: 0.7466666667rem;
}

.lp-page .followNavi__item:nth-last-child(1) .followNavi__link {
  padding-right: 0.7466666667rem;
}

.lp-page .followNavi__item:nth-of-type(n+2) {
  position: relative;
  z-index: 0;
}

.lp-page .followNavi__item:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.3733333333rem;
  height: 5.2266666667rem;
  -webkit-mask-image: url(../img/dot.svg);
  mask-image: url(../img/dot.svg);
  background-color: var(--color-text);
  -webkit-mask-size: 0.3733333333rem 0.672rem;
  mask-size: 0.3733333333rem 0.672rem;
  -webkit-mask-repeat: repeat-y;
  mask-repeat: repeat-y;
  z-index: 0;
}

.lp-page .followNavi__link {
  padding-block: 2.5386666667rem 3.136rem;
  font-size: 2.3893333333rem;
  line-height: 1;
  letter-spacing: 0.07em;
}

.lp-page .allItemsButton {
  position: fixed;
  transform: translateX(100%);
  bottom: 9.7066666667rem;
  right: -0.448rem;
  transition: all 0.6s ease;
  visibility: hidden;
  width: 14.784rem;
  z-index: 2;
}

.lp-page .allItemsButton__link {
  display: grid;
  place-items: center;
  padding: 0 0 0.2986666667rem 0.448rem;
  background-color: var(--color-yellow);
  border: 0.448rem solid var(--color-text);
  border-radius: 2.688rem 0 0 2.688rem;
  font-size: 2.24rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  height: 10.9013333333rem;
}

.lp-page #allItemsButton.active,
.lp-page #share.active {
  transform: translateX(0);
  visibility: visible;
}

#share {
  transform: translateY(-64%);
}

#share.hide,
header.hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0s !important;
}

/* .lp-page 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%;
  }
  .loader__miffy {
    -moz-column-gap: 10.4rem;
    column-gap: 10.4rem;
    margin-top: 20.4rem;
  }
  .loader__miffy img {
    height: 16.7rem;
  }
  .loader .logo {
    margin: 18.4rem auto 0;
    width: 19.8rem;
  }
  /* .lp-page : set up PC*/
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡≡ ▼ layout  PC ▼ ≡≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  .lp-page .fixed_area {
    position: fixed;
    top: 0;
    left: 50%;
    translate: -50% 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    pointer-events: none;
  }
  .lp-page .fixed_area .fixed_left {
    background-color: var(--color-blue);
  }
  .lp-page .fixed_area .fixed_left,
  .lp-page .fixed_area .fixed_right {
    display: grid;
    place-items: center;
    padding-top: 1.6vh;
    width: calc((100% - 56rem) / 2);
    height: 100%;
    pointer-events: all;
  }
  .lp-page .fixed_area .fixed_right {
    position: relative;
    background-color: var(--color-yellow);
    z-index: 0;
  }
  .lp-page .fixed_area .fixed_right_miffy {
    content: "";
    position: absolute;
    transition: transform 0.8s cubic-bezier(0.67, 0.05, 0.67, 0.97);
    animation: slightly 12s ease-in infinite, up-miffy 12s 4.2s ease-in forwards;
    bottom: -12rem;
    right: 0;
    width: 27.9rem;
    height: 22.7rem;
    background-image: url(../img/fv-amin.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .lp-page .fixed_area .fixed_right_miffy:hover {
    transform: translateY(-2.2rem);
  }
  @keyframes up-miffy {
    0% {
      translate: 0;
    }
    14% {
      translate: 0 -2.2rem;
    }
    19% {
      translate: 0 -2.2rem;
    }
    24% {
      translate: 0;
    }
    100% {
      translate: 0;
    }
  }
  @keyframes slightly {
    18% {
      rotate: 0deg;
    }
    19% {
      rotate: -2deg;
    }
    20% {
      rotate: 0deg;
    }
    21% {
      rotate: -3deg;
    }
    22% {
      rotate: 0deg;
    }
    100% {
      rotate: 0deg;
    }
  }
  .lp-page .fixed_area .main_ttl {
    position: relative;
    width: 22.6rem;
    z-index: 0;
  }
  .lp-page .fixed_area .main_ttl::before {
    content: "";
    position: absolute;
    animation: miffyAnim 0.4s ease-in forwards, floatY2 8s infinite, floatX 12s infinite reverse;
    top: -7.5rem;
    left: -5rem;
    width: 32.2rem;
    height: 27rem;
    background-image: url(../img/flower2.png);
    background-size: 3.6rem auto;
    background-position: top 7.4rem right;
    background-repeat: no-repeat;
    z-index: -1;
  }
  .lp-page .fixed_area .main_ttl::after {
    content: "";
    position: absolute;
    animation: miffyAnim 0.4s ease-in forwards, floatY 8s infinite, floatX 12s infinite reverse;
    top: -7.5rem;
    left: -5rem;
    width: 32.2rem;
    height: 27rem;
    background-image: url(../img/flower1.png?250121), url(../img/flower1.png?250121);
    background-size: 3.6rem auto, 3.6rem auto;
    background-position: top right 3.2rem, left bottom;
    background-repeat: no-repeat, no-repeat;
    image-rendering: -webkit-optimize-contrast;
    z-index: -1;
  }
  .lp-page .fixed_area a {
    color: var(--color-blue);
    font-size: 1.9rem;
    line-height: 3.03;
    letter-spacing: 0.05em;
    text-align: right;
  }
  .lp-page__inner {
    width: 56rem;
  }
  .lp-page .itemArea__button .arrow {
    transition: all 1s ease;
  }
  .lp-page .modal_outside {
    margin: auto;
    left: 0;
    right: 0;
    width: 56rem;
  }
  .lp-page .footerArea {
    box-sizing: border-box;
    width: 56rem;
  }
  .lp-page .followMenu {
    display: none;
  }
  .lp-page .followNavi {
    margin-left: calc((100% - 56rem) / 2);
    width: 56rem;
  }
  .lp-page .allItemsButton {
    right: calc((99.3% - 56rem) / 2);
  }
  /* .lp-page PC*/
}
/*--------------------------------
   Media Queries (768px ~ 1380px )
 --------------------------------*/

.l-header {
  position: relative;
  z-index: 100;
  background: #fff;
}

.l-footer {
  position: relative;
  background: #fff;
  padding: 0;
}

.pc-footer {
  margin: 0;
}