@charset "UTF-8";
/*----------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ カスタムプロバティ ▼ ≡≡≡≡≡≡≡≡≡≡≡
----------------------------------------*/
@font-face {
  font-family: "HelveticaRounded";
  /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url("../fonts/HelveticaRounded-Bold.otf") format("opentype"), url("../fonts/HelveticaRounded-Bold.woff") format("woff"), url("../fonts/HelveticaRounded-Bold.woff2") format("woff2");
}
/*--------------------------------
   Media Queries ( ~ 768px)
 --------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 560));
  }
}
/*--------------------------------
   Media Queries (1400px ~ 1400px)
 --------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  html {
    font-size: calc(10 * (100vw / 1600));
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ 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: calc(86 * 56rem/750);
       column-gap: calc(86 * 56rem/750);
  margin-top: calc(370 * 56rem/750);
  width: calc(230 * 56rem/750);
}
.loader__miffy img {
  animation: miffyAnim 0.4s ease-in forwards, floatY 8s infinite, floatX 12s infinite reverse;
  opacity: 0;
  height: calc(140 * 56rem/750);
}
.loader__miffy img:nth-of-type(2) {
  animation: miffyAnim 0.4s ease-in forwards, floatY2 8s infinite, floatX 12s infinite reverse;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.loader__miffy img:nth-of-type(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes miffyAnim {
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes miffyAnim {
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes floatY {
  0% {
    transform: translateY(-0.2rem);
  }
  50% {
    transform: translateY(0.2rem);
  }
  100% {
    transform: translateY(-0.2rem);
  }
}
@keyframes floatY {
  0% {
    transform: translateY(-0.2rem);
  }
  50% {
    transform: translateY(0.2rem);
  }
  100% {
    transform: translateY(-0.2rem);
  }
}
@-webkit-keyframes floatX {
  0% {
    translate: -0.2rem 0;
  }
  50% {
    translate: 0.2rem 0;
  }
  100% {
    translate: -0.2rem 0;
  }
}
@keyframes floatX {
  0% {
    translate: -0.2rem 0;
  }
  50% {
    translate: 0.2rem 0;
  }
  100% {
    translate: -0.2rem 0;
  }
}
@-webkit-keyframes floatY2 {
  0% {
    transform: translateY(0.2rem);
  }
  50% {
    transform: translateY(-0.2rem);
  }
  100% {
    transform: translateY(0.2rem);
  }
}
@keyframes floatY2 {
  0% {
    transform: translateY(0.2rem);
  }
  50% {
    transform: translateY(-0.2rem);
  }
  100% {
    transform: translateY(0.2rem);
  }
}
@-webkit-keyframes floatX2 {
  0% {
    translate: 0.2rem 0;
  }
  50% {
    translate: -0.2rem 0;
  }
  100% {
    translate: 0.2rem 0;
  }
}
@keyframes floatX2 {
  0% {
    translate: 0.2rem 0;
  }
  50% {
    translate: -0.2rem 0;
  }
  100% {
    translate: 0.2rem 0;
  }
}
.loader .logo {
  margin: calc(308 * 56rem/750) auto 0;
  width: calc(185 * 56rem/750);
}

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(calc(-2 * 56rem/750));
  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 {
  -webkit-animation: fade 1s 5.2s ease forwards;
          animation: fade 1s 5.2s ease forwards;
}
.lp-page .anim_enable.DisplayOrder-1 {
  -webkit-animation: fade 1.4s 2.8s ease forwards;
          animation: fade 1.4s 2.8s ease forwards;
}
.lp-page .anim_enable.DisplayOrder-2 {
  -webkit-animation: fade 1.4s 3.2s ease forwards;
          animation: fade 1.4s 3.2s ease forwards;
}
.lp-page .anim_enable.DisplayOrder-3 {
  -webkit-animation: fade 1.4s 3.6s ease forwards;
          animation: fade 1.4s 3.6s ease forwards;
}
.lp-page .anim_enable.DisplayOrder-3::after {
  -webkit-animation: show 1.6s 3.8s cubic-bezier(0.42, 0, 0.4, 0.92) forwards;
          animation: show 1.6s 3.8s cubic-bezier(0.42, 0, 0.4, 0.92) forwards;
}
.lp-page .anim_enable.DisplayOrder-4 {
  -webkit-animation: fade 1.4s 4s ease forwards;
          animation: fade 1.4s 4s ease forwards;
}
.lp-page .anim_enable.DisplayOrder-5 {
  -webkit-animation: fade 1.4s 4.4s ease forwards;
          animation: fade 1.4s 4.4s ease forwards;
}
.lp-page .anim_enable.DisplayOrder-6 {
  -webkit-animation: fade 1.8s 4s ease forwards;
          animation: fade 1.8s 4s ease forwards;
}
.lp-page .anim.anim_enable {
  -webkit-animation: fade 1.4s ease forwards;
          animation: fade 1.4s ease forwards;
}
@-webkit-keyframes fade {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes show {
  0% {
    transform: translateY(42%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes show {
  0% {
    transform: translateY(42%);
  }
  100% {
    transform: translateY(0%);
  }
}
.lp-page .fv {
  -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);
  }
}

/* .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: "HelveticaRounded";
  --font-jp: "游ゴシック", "Yu Gothic";
}
.lp-page .itemArea__title {
  position: relative;
  padding: calc(35 * 56rem/750) 0;
  border-radius: 0 calc(21 * 56rem/750) 0 0;
  font-size: calc(36 * 56rem/750);
  line-height: 1;
  letter-spacing: 0.2em;
  z-index: 1;
}
.lp-page .itemArea__inner {
  position: relative;
  margin-top: calc(-20 * 56rem/750);
  padding-bottom: calc(210 * 56rem/750);
  background-color: var(--color-offwhite);
  z-index: 0;
}
.lp-page .itemArea__headding {
  margin-bottom: calc(35 * 56rem/750);
  font-size: calc(115 * 56rem/750);
  font-weight: normal;
  line-height: 1.11;
  letter-spacing: 0.05em;
}
.lp-page .itemArea__headding .small {
  display: block;
  margin-bottom: calc(-26 * 56rem/750);
  font-size: calc(60 * 56rem/750);
}
.lp-page .itemArea__read {
  margin-bottom: calc(90 * 56rem/750);
  font-size: calc(36 * 56rem/750);
  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: calc(75 * 56rem/750);
  padding-top: calc(86 * 56rem/750);
}
.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: calc(14 * 56rem/750) calc(5.5 * 56rem/750);
          mask-size: calc(14 * 56rem/750) calc(5.5 * 56rem/750);
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  width: calc(584 * 56rem/750);
  height: calc(5.5 * 56rem/750);
  z-index: 0;
}
.lp-page .itemArea .numWrap {
  margin-bottom: calc(30 * 56rem/750);
}
.lp-page .itemArea .numWrap svg {
  width: calc(124 * 56rem/750);
}
.lp-page .itemArea .numWrap path {
  opacity: 0;
}
.lp-page .itemArea .num {
  margin-top: calc(-10 * 56rem/750);
  margin-bottom: calc(20 * 56rem/750);
  font-size: calc(80 * 56rem/750);
  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 calc(10 * 56rem/750);
  opacity: 0;
}
.lp-page .itemArea .num .each_txt.active {
  translate: 0 0;
  opacity: 1;
}
.lp-page .itemArea .headding {
  margin-bottom: calc(36 * 56rem/750);
  letter-spacing: 0.05em;
}
.lp-page .itemArea .read {
  font-size: calc(27 * 56rem/750);
  line-height: 2.1;
  letter-spacing: 0.12em;
}
.lp-page .itemArea .img {
  margin-block: calc(30 * 56rem/750);
}
.lp-page .itemArea .logo {
  display: inline-block;
  margin-bottom: calc(8 * 56rem/750);
  width: calc(300 * 56rem/750);
}
.lp-page .itemArea .productName {
  font-size: calc(35 * 56rem/750);
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.lp-page .itemArea .variations {
  margin-top: calc(6 * 56rem/750);
  font-size: calc(27 * 56rem/750);
  line-height: 1.57;
  letter-spacing: 0.05em;
}
.lp-page .itemArea .note {
  display: inline-block;
  margin-top: calc(36 * 56rem/750);
  font-size: calc(15 * 56rem/750);
  letter-spacing: 0.1em;
}
.lp-page .itemArea .price {
  margin-top: calc(20 * 56rem/750);
  font-size: calc(36 * 56rem/750);
  line-height: 1;
  letter-spacing: 0.1em;
}
.lp-page .itemArea .price small {
  font-size: 0.75em;
}
.lp-page .itemArea .itemArea__button {
  width: calc(585 * 56rem/750);
}
.lp-page .itemArea__button {
  display: flex;
  align-items: center;
  position: relative;
  margin-inline: auto;
  padding: calc(5 * 56rem/750);
  border-radius: calc(50 * 56rem/750);
  box-sizing: border-box;
  height: calc(98 * 56rem/750);
  z-index: 0;
}
.lp-page .itemArea__button:hover .arrow, .lp-page .itemArea__button:active .arrow, .lp-page .itemArea__button:focus .arrow {
  max-width: calc(575 * 56rem/750);
}
.lp-page .itemArea__button .arrow {
  position: absolute;
  top: calc(5 * 56rem/750);
  left: calc(5 * 56rem/750);
  transition: all 0.1s ease;
  background-size: calc(90 * 56rem/750) calc(90 * 56rem/750);
  background-repeat: no-repeat;
  background-position: top right;
  border-radius: calc(50 * 56rem/750);
  width: 100%;
  height: calc(90 * 56rem/750);
  max-width: calc(90 * 56rem/750);
}
.lp-page .itemArea__button .text {
  padding-left: calc(64 * 56rem/750);
  padding-bottom: calc(10 * 56rem/750);
  font-size: calc(48 * 56rem/750);
  line-height: 1;
  letter-spacing: 0.17em;
  width: 100%;
}
.lp-page .itemArea .productsButton {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(690 * 56rem/750);
  right: calc(64 * 56rem/750);
  color: var(--color-blue);
  width: calc(179 * 56rem/750);
  height: calc(179 * 56rem/750);
  z-index: 1;
}
.lp-page .itemArea .productsButton::after {
  content: "";
  position: absolute;
  -webkit-animation: circle 3.4s infinite;
          animation: circle 3.4s infinite;
  top: 0;
  left: calc(-2 * 56rem/750);
  background-color: var(--color-orange);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.lp-page .itemArea .productsButton__text {
  padding-top: calc(5 * 56rem/750);
  font-size: calc(17.6 * 56rem/750);
  line-height: 1.61;
  letter-spacing: 0.03em;
}
@-webkit-keyframes circle {
  0% {
    scale: 0.95;
  }
  50% {
    scale: 1.06;
  }
  100% {
    scale: 0.95;
  }
}
@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: calc(113 * 56rem/750);
  margin-left: calc(135 * 56rem/750);
}
.lp-page .itemArea .kit02 .no-link .modal_open:nth-of-type(2) {
  margin-top: calc(253 * 56rem/750);
  margin-left: calc(360 * 56rem/750);
}
.lp-page .itemArea .cosme04 .no-link .modal_open:nth-of-type(1) {
  margin-top: calc(58 * 56rem/750);
  margin-left: calc(248 * 56rem/750);
}
.lp-page .itemArea .cosme04 .no-link .modal_open:nth-of-type(2) {
  margin-top: calc(258 * 56rem/750);
  margin-left: calc(410 * 56rem/750);
}
.lp-page .itemArea .goods03 .no-link .modal_open:nth-of-type(1) {
  margin-top: calc(38 * 56rem/750);
  margin-left: calc(282 * 56rem/750);
}
.lp-page .itemArea .goods03 .no-link .modal_open:nth-of-type(2) {
  margin-top: calc(238 * 56rem/750);
  margin-left: calc(580 * 56rem/750);
}
.lp-page .itemArea .no-link .modal_open {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(46 * 56rem/750);
  height: calc(46 * 56rem/750);
  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: "";
  -webkit-animation: dot_scale 2s infinite;
          animation: dot_scale 2s infinite;
}
@-webkit-keyframes dot_scale {
  0% {
    opacity: 0;
    scale: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 0;
  }
}
@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 calc(13 * 56rem/750);
  padding: calc(68 * 56rem/750) 0;
  background: #f1eeec;
  width: calc(524 * 56rem/750);
  height: auto !important;
}
.lp-page .each_variation .logo {
  display: inline-block;
  margin-bottom: calc(8 * 56rem/750);
  width: calc(300 * 56rem/750);
}
.lp-page .variation_img {
  margin-bottom: calc(60 * 56rem/750);
}
.lp-page .variation_link {
  width: calc(305 * 56rem/750);
}
.lp-page .cosme-miffy {
  content: "";
  position: absolute;
  -webkit-animation: rote 6s ease-in-out infinite;
          animation: rote 6s ease-in-out infinite;
  transform-origin: center bottom;
  width: calc(91 * 56rem/750);
  height: calc(161 * 56rem/750);
  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: calc(43 * 56rem/750);
  right: calc(106 * 56rem/750);
  width: calc(131 * 56rem/750);
  height: calc(131 * 56rem/750);
  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: calc(92 * 56rem/750);
  left: calc(120 * 56rem/750);
  width: calc(184 * 56rem/750);
  height: calc(116 * 56rem/750);
  background-image: url(../img/button-decoration4.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.lp-page .cosme09-miffy {
  content: "";
  position: absolute;
  -webkit-animation: rote 6s ease-in-out infinite;
          animation: rote 6s ease-in-out infinite;
  transform-origin: center bottom;
  bottom: calc(96 * 56rem/750);
  right: calc(106 * 56rem/750);
  width: calc(91 * 56rem/750);
  height: calc(163 * 56rem/750);
  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: calc(92 * 56rem/750);
  right: calc(91 * 56rem/750);
  width: calc(191 * 56rem/750);
  height: calc(134 * 56rem/750);
  background-image: url(../img/button-decoration2.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@-webkit-keyframes rote {
  0% {
    rotate: -3deg;
  }
  50% {
    rotate: 3deg;
  }
  100% {
    rotate: -3deg;
  }
}
@keyframes rote {
  0% {
    rotate: -3deg;
  }
  50% {
    rotate: 3deg;
  }
  100% {
    rotate: -3deg;
  }
}
.lp-page .goods03-miffy {
  content: "";
  position: absolute;
  -webkit-animation: rote 7s ease-in-out infinite;
          animation: rote 7s ease-in-out infinite;
  transform-origin: bottom;
  top: calc(370 * 56rem/750);
  right: calc(59 * 56rem/750);
  width: calc(108 * 56rem/750);
  height: calc(118 * 56rem/750);
  background-image: url(../img/clothes.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.lp-page .variation_name {
  margin-bottom: calc(20 * 56rem/750);
  font-size: calc(30 * 56rem/750);
  line-height: 1.48;
  letter-spacing: 0.05em;
}
.lp-page .itm_price {
  margin-bottom: calc(50 * 56rem/750);
  font-size: calc(36 * 56rem/750);
  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: calc(-480 * 56rem/750) calc(126 * 56rem/750) 0 0;
  border: none;
  background: transparent;
  cursor: pointer;
  width: calc(60 * 56rem/750);
  height: calc(60 * 56rem/750);
  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: calc(50 * 56rem/750);
  height: calc(4 * 56rem/750);
}
.lp-page .modal_close::after {
  width: calc(4 * 56rem/750);
  height: calc(50 * 56rem/750);
}
.lp-page .slide-arrow {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  width: calc(88 * 56rem/750);
  height: calc(169 * 56rem/750);
  z-index: 1;
}
.lp-page .slide-arrow.prev-arrow {
  left: calc(50 * 56rem/750);
}
.lp-page .slide-arrow.next-arrow {
  transform: scale(-1, 1);
  right: calc(50 * 56rem/750);
}
.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: calc(45 * 56rem/750);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp-page .flower1 {
  width: calc(52 * 56rem/750);
  background-image: url(../img/flower1.png?250121);
}
.lp-page .flower2 {
  width: calc(51 * 56rem/750);
  background-image: url(../img/flower2.png?250121);
}
.lp-page .flower3 {
  width: calc(48 * 56rem/750);
  background-image: url(../img/flower3.png?250121);
}
.lp-page .flower4 {
  width: calc(48 * 56rem/750);
  background-image: url(../img/flower4.png?250121);
}
.lp-page .flower5 {
  width: calc(45 * 56rem/750);
  background-image: url(../img/flower5.png?250121);
}
.lp-page .star1 {
  width: calc(38 * 56rem/750);
  background-image: url(../img/star1.png);
}
.lp-page .star2 {
  width: calc(37 * 56rem/750);
  background-image: url(../img/star2.png);
}
.lp-page .star3 {
  width: calc(35 * 56rem/750);
  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: calc(-94 * 56rem/750);
  left: calc(54 * 56rem/750);
}
.lp-page .flower-dec2 {
  top: calc(-124 * 56rem/750);
  right: calc(104 * 56rem/750);
}
.lp-page .flower-dec3 {
  top: calc(906 * 56rem/750);
  right: calc(50 * 56rem/750);
}
.lp-page .flower-dec4 {
  bottom: calc(-89 * 56rem/750);
  right: calc(150 * 56rem/750);
}
.lp-page .flower-dec5 {
  top: calc(66 * 56rem/750);
  left: calc(54 * 56rem/750);
}
.lp-page .flower-dec6 {
  top: calc(538 * 56rem/750);
  right: calc(39 * 56rem/750);
}
.lp-page .flower-dec7 {
  top: calc(78 * 56rem/750);
  left: calc(37 * 56rem/750);
}
.lp-page .flower-dec8 {
  top: calc(1275 * 56rem/750);
  right: calc(32 * 56rem/750);
}
.lp-page .flower-dec9 {
  bottom: calc(138 * 56rem/750);
  left: calc(34 * 56rem/750);
}
.lp-page .flower-dec10 {
  top: calc(57 * 56rem/750);
  right: calc(134 * 56rem/750);
}
.lp-page .flower-dec11 {
  top: calc(182 * 56rem/750);
  left: calc(74 * 56rem/750);
}
.lp-page .flower-dec12 {
  top: calc(742 * 56rem/750);
  left: calc(32 * 56rem/750);
}
.lp-page .flower-dec13 {
  bottom: calc(588 * 56rem/750);
  right: calc(31 * 56rem/750);
}
.lp-page .flower-dec14 {
  bottom: calc(185 * 56rem/750);
  left: calc(80 * 56rem/750);
}
.lp-page .flower-dec15 {
  top: calc(52 * 56rem/750);
  left: calc(67 * 56rem/750);
}
.lp-page .flower-dec16 {
  top: calc(197 * 56rem/750);
  right: calc(39 * 56rem/750);
}
.lp-page .flower-dec17 {
  top: calc(-20 * 56rem/750);
  left: calc(90 * 56rem/750);
}
.lp-page .flower-dec18 {
  top: calc(78 * 56rem/750);
  right: calc(31 * 56rem/750);
}
.lp-page .flower-dec19 {
  bottom: calc(415 * 56rem/750);
  right: calc(56 * 56rem/750);
}
.lp-page .flower-dec20 {
  bottom: calc(238 * 56rem/750);
  left: calc(37 * 56rem/750);
}
.lp-page .flower-dec21 {
  bottom: calc(-64 * 56rem/750);
  left: calc(240 * 56rem/750);
}
.lp-page .flower-dec22 {
  top: calc(107 * 56rem/750);
  right: calc(81 * 56rem/750);
}
.lp-page .flower-dec23 {
  top: calc(173 * 56rem/750);
  left: calc(78 * 56rem/750);
}
.lp-page .flower-dec24 {
  top: calc(956 * 56rem/750);
  right: calc(43 * 56rem/750);
}
.lp-page .flower-dec25 {
  bottom: calc(430 * 56rem/750);
  left: calc(78 * 56rem/750);
}
.lp-page .flower-dec26 {
  bottom: calc(180 * 56rem/750);
  right: calc(53 * 56rem/750);
}
.lp-page .flower-dec27 {
  top: calc(88 * 56rem/750);
  right: calc(80 * 56rem/750);
}
.lp-page .flower-dec28 {
  top: calc(282 * 56rem/750);
  left: calc(75 * 56rem/750);
}
.lp-page .flower-dec29 {
  top: calc(651 * 56rem/750);
  right: calc(67 * 56rem/750);
}
.lp-page .flower-dec30 {
  bottom: calc(580 * 56rem/750);
  left: calc(45 * 56rem/750);
}
.lp-page .flower-dec31 {
  bottom: calc(272 * 56rem/750);
  right: calc(45 * 56rem/750);
}
.lp-page .flower-dec32 {
  bottom: calc(-64 * 56rem/750);
  left: calc(170 * 56rem/750);
}
.lp-page .flower-dec33 {
  top: calc(74 * 56rem/750);
  right: calc(156 * 56rem/750);
}
.lp-page .flower-dec34 {
  top: calc(314 * 56rem/750);
  left: calc(64 * 56rem/750);
}
.lp-page .flower-dec35 {
  top: calc(724 * 56rem/750);
  right: calc(124 * 56rem/750);
}
.lp-page .flower-dec36 {
  bottom: calc(369 * 56rem/750);
  left: calc(93 * 56rem/750);
}
.lp-page .flower-dec37 {
  bottom: calc(140 * 56rem/750);
  right: calc(30 * 56rem/750);
}
.lp-page .flower-dec38 {
  top: calc(47 * 56rem/750);
  left: calc(166 * 56rem/750);
}
.lp-page .flower-dec39 {
  top: calc(244 * 56rem/750);
  right: calc(18 * 56rem/750);
}
.lp-page .flower-dec40 {
  top: calc(602 * 56rem/750);
  left: calc(66 * 56rem/750);
}
.lp-page .flower-dec41 {
  bottom: calc(479 * 56rem/750);
  right: calc(100 * 56rem/750);
}
.lp-page .flower-dec42 {
  bottom: calc(160 * 56rem/750);
  left: calc(102 * 56rem/750);
}
.lp-page .flower-dec43 {
  top: calc(36 * 56rem/750);
  left: calc(160 * 56rem/750);
}
.lp-page .flower-dec44 {
  top: calc(162 * 56rem/750);
  right: calc(44 * 56rem/750);
}
.lp-page .flower-dec45 {
  top: calc(640 * 56rem/750);
  left: calc(50 * 56rem/750);
}
.lp-page .flower-dec46 {
  bottom: calc(483 * 56rem/750);
  right: calc(66 * 56rem/750);
}
.lp-page .flower-dec47 {
  bottom: calc(192 * 56rem/750);
  left: calc(78 * 56rem/750);
}
.lp-page .star-dec1 {
  top: calc(102 * 56rem/750);
  left: calc(144 * 56rem/750);
}
.lp-page .star-dec2 {
  top: calc(493 * 56rem/750);
  right: calc(33 * 56rem/750);
}
.lp-page .star-dec3 {
  top: calc(637 * 56rem/750);
  left: calc(60 * 56rem/750);
}
.lp-page .star-dec4 {
  bottom: calc(505 * 56rem/750);
  right: calc(90 * 56rem/750);
}
.lp-page .star-dec5 {
  bottom: calc(141 * 56rem/750);
  right: calc(284 * 56rem/750);
}
.lp-page .star-dec6 {
  top: calc(148 * 56rem/750);
  left: calc(97 * 56rem/750);
}
.lp-page .star-dec7 {
  top: calc(691 * 56rem/750);
  right: calc(94 * 56rem/750);
}
.lp-page .star-dec8 {
  bottom: calc(678 * 56rem/750);
  left: calc(62 * 56rem/750);
}
.lp-page .star-dec9 {
  bottom: calc(508 * 56rem/750);
  right: calc(58 * 56rem/750);
}
.lp-page .star-dec10 {
  bottom: calc(144 * 56rem/750);
  left: calc(76 * 56rem/750);
}
.lp-page .star-dec11 {
  top: calc(73 * 56rem/750);
  right: calc(163 * 56rem/750);
}
.lp-page .star-dec12 {
  top: calc(535 * 56rem/750);
  right: calc(72 * 56rem/750);
}
.lp-page .star-dec13 {
  top: calc(608 * 56rem/750);
  left: calc(96 * 56rem/750);
}
.lp-page .star-dec14 {
  bottom: calc(590 * 56rem/750);
  right: calc(156 * 56rem/750);
}
.lp-page .star-dec15 {
  bottom: calc(256 * 56rem/750);
  left: calc(80 * 56rem/750);
}
.lp-page .star-dec16 {
  bottom: calc(-102 * 56rem/750);
  right: calc(180 * 56rem/750);
}
.lp-page .flower-dec48 {
  top: calc(37 * 56rem/750);
  right: calc(46 * 56rem/750);
}
.lp-page .flower-dec49 {
  top: calc(236 * 56rem/750);
  left: calc(35 * 56rem/750);
}
.lp-page .flower-dec50 {
  top: calc(-21 * 56rem/750);
  right: calc(63 * 56rem/750);
}
.lp-page .flower-dec51 {
  top: calc(105 * 56rem/750);
  left: calc(37 * 56rem/750);
}
.lp-page .flower-dec52 {
  bottom: calc(517 * 56rem/750);
  right: calc(44 * 56rem/750);
}
.lp-page .flower-dec53 {
  bottom: calc(414 * 56rem/750);
  left: calc(60 * 56rem/750);
}
.lp-page .flower-dec54 {
  bottom: calc(148 * 56rem/750);
  right: calc(128 * 56rem/750);
}
.lp-page .flower-dec55 {
  top: calc(86 * 56rem/750);
  right: calc(106 * 56rem/750);
}
.lp-page .flower-dec56 {
  top: calc(241 * 56rem/750);
  left: calc(65 * 56rem/750);
}
.lp-page .flower-dec57 {
  top: calc(490 * 56rem/750);
  right: calc(93 * 56rem/750);
}
.lp-page .flower-dec58 {
  bottom: calc(582 * 56rem/750);
  left: calc(93 * 56rem/750);
}
.lp-page .flower-dec59 {
  top: calc(30 * 56rem/750);
  right: calc(52 * 56rem/750);
}
.lp-page .flower-dec60 {
  top: calc(115 * 56rem/750);
  left: calc(76 * 56rem/750);
}
.lp-page .flower-dec61 {
  bottom: calc(502 * 56rem/750);
  left: calc(96 * 56rem/750);
}
.lp-page .flower-dec62 {
  bottom: calc(221 * 56rem/750);
  right: calc(23 * 56rem/750);
}
.lp-page .flower-dec63 {
  bottom: calc(-64 * 56rem/750);
  left: calc(158 * 56rem/750);
}
.lp-page .flower-dec64 {
  top: calc(55 * 56rem/750);
  right: calc(76 * 56rem/750);
}
.lp-page .flower-dec65 {
  top: calc(417 * 56rem/750);
  left: calc(67 * 56rem/750);
}
.lp-page .flower-dec66 {
  bottom: calc(395 * 56rem/750);
  right: calc(77 * 56rem/750);
}
.lp-page .flower-dec67 {
  bottom: calc(139 * 56rem/750);
  left: calc(65 * 56rem/750);
}
.lp-page .flower-dec68 {
  bottom: calc(-68 * 56rem/750);
  right: calc(142 * 56rem/750);
}
.lp-page .flower-dec69 {
  top: calc(70 * 56rem/750);
  left: calc(137 * 56rem/750);
}
.lp-page .flower-dec70 {
  top: calc(408 * 56rem/750);
  left: calc(70 * 56rem/750);
}
.lp-page .flower-dec71 {
  top: calc(613 * 56rem/750);
  right: calc(74 * 56rem/750);
}
.lp-page .flower-dec72 {
  bottom: calc(319 * 56rem/750);
  left: calc(47 * 56rem/750);
}
.lp-page .flower-dec73 {
  bottom: calc(201 * 56rem/750);
  right: calc(72 * 56rem/750);
}
.lp-page .flower-dec74 {
  bottom: calc(-110 * 56rem/750);
  right: calc(236 * 56rem/750);
}
.lp-page .setContents {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: calc(40 * 56rem/750) auto 0;
  padding-block: calc(36 * 56rem/750);
  background-color: #fff;
  border: 1px solid var(--color-orange);
  border-radius: calc(21 * 56rem/750);
  color: var(--color-orange);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lp-page .setContentstitle {
  font-size: calc(30 * 56rem/750);
  line-height: 1.35;
  letter-spacing: 0.15em;
  width: calc(158 * 56rem/750);
}
.lp-page .setContents__list {
  position: relative;
  margin: auto;
  padding-inline: calc(30 * 56rem/750) calc(20 * 56rem/750);
  z-index: 0;
}
.lp-page .setContents__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(5.5 * 56rem/750);
  height: calc(156 * 56rem/750);
  -webkit-mask-image: url(../img/dot.svg);
          mask-image: url(../img/dot.svg);
  background-color: var(--color-orange);
  -webkit-mask-size: calc(5.5 * 56rem/750) calc(16 * 56rem/750);
          mask-size: calc(5.5 * 56rem/750) calc(16 * 56rem/750);
  -webkit-mask-repeat: repeat-y;
          mask-repeat: repeat-y;
  z-index: 0;
}
.lp-page .setContents__item p {
  position: relative;
  padding-left: calc(30 * 56rem/750);
  font-size: calc(21 * 56rem/750);
  line-height: 1.93;
  letter-spacing: 0.05em;
  text-align: left;
  z-index: 0;
}
.lp-page .setContents__item p::before {
  content: "";
  position: absolute;
  top: calc(11 * 56rem/750);
  left: 0;
  width: calc(24 * 56rem/750);
  height: calc(21 * 56rem/750);
  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: calc(1484 * 56rem/750);
  z-index: 0;
}
.lp-page .fvArea__inner {
  display: flex;
  justify-content: center;
  -moz-column-gap: calc(18 * 56rem/750);
       column-gap: calc(18 * 56rem/750);
  margin-top: calc(-156 * 56rem/750);
}
.lp-page .fvArea .imgWrap01 {
  margin-top: calc(184 * 56rem/750);
}
.lp-page .fvArea .imgWrap01 .fvArea__img:nth-child(1) {
  margin-bottom: calc(284 * 56rem/750);
}
.lp-page .fvArea .imgWrap01 .fvArea__img:nth-child(2) {
  margin-bottom: calc(17 * 56rem/750);
}
.lp-page .fvArea .imgWrap02 .fvArea__img:nth-child(2) {
  margin-bottom: calc(284 * 56rem/750);
}
.lp-page .fvArea .imgWrap02 .fvArea__img:nth-child(1), .lp-page .fvArea .imgWrap02 .fvArea__img:nth-child(3) {
  margin-bottom: calc(17 * 56rem/750);
}
.lp-page .fvArea__imgWrap {
  width: calc(293.6 * 56rem/750);
}
.lp-page .fvArea__logo, .lp-page .fvArea__text {
  position: absolute;
  z-index: 0;
}
.lp-page .fvArea__logo {
  margin: auto;
  left: 0;
  right: 0;
  top: calc(642 * 56rem/750);
  width: calc(580 * 56rem/750);
}
.lp-page .fvArea__logo::before {
  content: "";
  position: absolute;
  top: calc(-147 * 56rem/750);
  left: calc(-10 * 56rem/750);
  width: calc(176 * 56rem/750);
  height: calc(176 * 56rem/750);
  background-image: url(../img/fv-icon.svg?250120);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.lp-page .fvArea__text {
  right: calc(70 * 56rem/750);
  top: calc(766 * 56rem/750);
  width: calc(288 * 56rem/750);
}
.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: calc(66 * 56rem/750);
  left: calc(-178 * 56rem/750);
  width: calc(661 * 56rem/750);
  height: calc(538 * 56rem/750);
  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: calc(30 * 56rem/750);
  color: gray;
  font-size: calc(38 * 56rem/750);
  line-height: 1;
}
.lp-page .fvArea__scroll__border {
  display: block;
  -webkit-animation: scroll 2s infinite;
          animation: scroll 2s infinite;
  margin: auto;
  background-color: gray;
  border-radius: calc(3 * 56rem/750);
  width: calc(3 * 56rem/750);
  height: 20vh;
}
@-webkit-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%;
  }
}
@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: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: calc(126 * 56rem/750);
  padding-bottom: calc(100 * 56rem/750);
  overflow: hidden;
  z-index: 0;
}
.lp-page .conceptArea__title {
  position: relative;
  width: calc(477 * 56rem/750);
  z-index: 1;
}
.lp-page .conceptArea__title::before, .lp-page .conceptArea__title::after {
  content: "";
  position: absolute;
  width: calc(51 * 56rem/750);
  height: calc(55 * 56rem/750);
  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: calc(-33 * 56rem/750);
  right: calc(42 * 56rem/750);
  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: calc(37 * 56rem/750);
  right: calc(-28 * 56rem/750);
  background-image: url(../img/flower2.png?250121);
}
.lp-page .conceptArea__img {
  position: relative;
  margin-top: calc(-85 * 56rem/750);
  margin-left: auto;
  margin-right: 0;
  margin-bottom: calc(180 * 56rem/750);
  width: calc(520 * 56rem/750);
  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: calc(104 * 56rem/750);
  left: calc(-74 * 56rem/750);
  width: calc(53 * 56rem/750);
  height: calc(558 * 56rem/750);
  -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: calc(-15 * 56rem/750);
  left: calc(-15 * 56rem/750);
  width: calc(520 * 56rem/750);
  height: calc(649 * 56rem/750);
  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;
  -webkit-animation: rote 6s ease-in-out infinite;
          animation: rote 6s ease-in-out infinite;
  transform-origin: center bottom;
  top: calc(580 * 56rem/750);
  right: calc(86 * 56rem/750);
  width: calc(131 * 56rem/750);
  height: calc(232 * 56rem/750);
  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: calc(58 * 56rem/750);
  font-size: calc(48 * 56rem/750);
  line-height: 1.71;
  letter-spacing: 0.095em;
}
.lp-page .conceptArea__textBox__title.en-text {
  margin-bottom: calc(20 * 56rem/750);
  padding-left: calc(70 * 56rem/750);
  font-size: calc(29 * 56rem/750);
  letter-spacing: 0.045em;
  line-height: 1.2;
}
.lp-page .conceptArea__textBox__title.jp-text {
  padding-left: calc(70 * 56rem/750);
  display: inline-block;
}
.lp-page .conceptArea__textBox .miffyLogo {
  display: inline-block;
  margin-right: calc(8 * 56rem/750);
  margin-bottom: calc(-16 * 56rem/750);
  width: calc(148 * 56rem/750);
}
.lp-page .conceptArea__textBox__text {
  padding-left: calc(70 * 56rem/750);
  font-size: calc(21 * 56rem/750);
  line-height: 2.43;
  letter-spacing: 0.1em;
}
.lp-page .conceptArea__textBox__text:nth-of-type(n+3) {
  margin-top: calc(40 * 56rem/750);
}
.lp-page .specialKit {
  margin-bottom: calc(-106 * 56rem/750);
  z-index: 1;
}
.lp-page .specialKit .itemArea__title {
  background-color: var(--color-blue);
  color: var(--color-yellow);
  width: calc(355 * 56rem/750);
}
.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: calc(6 * 56rem/750);
  transform: translateY(calc(20 * 56rem/750));
  width: calc(200 * 56rem/750);
}
.lp-page .specialKit .kit01 .headding {
  font-size: calc(70 * 56rem/750);
  line-height: 1.26;
}
.lp-page .specialKit .kit02 .headding {
  font-size: calc(74 * 56rem/750);
  line-height: 1.26;
}
.lp-page .specialKit .itemArea__inner {
  padding-top: calc(140 * 56rem/750);
  border: calc(20 * 56rem/750) 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: calc(30 * 56rem/750);
  width: calc(610 * 56rem/750);
  z-index: 0;
}
.lp-page .specialKit__img::after {
  content: "";
  position: absolute;
  top: calc(12 * 56rem/750);
  left: calc(12 * 56rem/750);
  width: calc(610 * 56rem/750);
  height: calc(610 * 56rem/750);
  background-color: var(--color-blue);
  z-index: -1;
}
.lp-page .specialKit .cv__button {
  margin-top: calc(150 * 56rem/750);
  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(calc(-43 * 56rem/750));
}
.lp-page .specialKit .kit02 .miffy-anim {
  margin-top: calc(170 * 56rem/750);
}
.lp-page .specialKit .cosme-miffy {
  right: calc(110 * 56rem/750);
  bottom: calc(95 * 56rem/750);
}
.lp-page .cosme-innerCare {
  margin-bottom: calc(-106 * 56rem/750);
  z-index: 1;
}
.lp-page .cosme-innerCare .itemArea__title {
  background-color: var(--color-yellow);
  color: var(--color-blue);
  width: calc(533 * 56rem/750);
}
.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: calc(101 * 56rem/750);
}
.lp-page .cosme-innerCare .itemArea__headding .size--2,
.lp-page .cosme-innerCare .headding .size--2 {
  font-size: calc(94 * 56rem/750);
}
.lp-page .cosme-innerCare .headding {
  font-size: calc(80 * 56rem/750);
  line-height: 1.15;
}
.lp-page .cosme-innerCare .itemArea__inner {
  padding-top: calc(100 * 56rem/750);
  border: calc(20 * 56rem/750) 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: calc(56 * 56rem/750);
  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(calc(-43 * 56rem/750));
}
.lp-page .cosme-innerCare .cosme02 .miffy-anim {
  margin-top: calc(170 * 56rem/750);
}
.lp-page .cosme-innerCare .cosme06 .miffy-anim {
  margin-top: calc(140 * 56rem/750);
}
.lp-page .cosme-innerCare .cosme07 .miffy-anim {
  margin-top: calc(170 * 56rem/750);
}
.lp-page .cosme-innerCare .cosme09 .miffy-anim {
  margin-top: calc(180 * 56rem/750);
}
.lp-page .cosme-innerCare .cosme-miffy {
  left: calc(110 * 56rem/750);
  bottom: calc(97 * 56rem/750);
}
.lp-page .goods {
  margin-bottom: calc(-126 * 56rem/750);
  z-index: 1;
}
.lp-page .goods .itemArea__title {
  background-color: var(--color-orange);
  color: var(--color-blue);
  width: calc(300 * 56rem/750);
}
.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: calc(80 * 56rem/750);
  line-height: 1.15;
}
.lp-page .goods .itemArea__inner {
  padding-top: calc(90 * 56rem/750);
  border: calc(20 * 56rem/750) 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: calc(70 * 56rem/750);
  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: calc(140 * 56rem/750);
}
.lp-page .goods .goods02 .miffy-anim {
  margin-top: calc(170 * 56rem/750);
}
.lp-page .profileArea {
  position: relative;
  z-index: 1;
}
.lp-page .profileArea .itemArea__title {
  background-color: var(--color-blue);
  color: #fff;
  width: calc(363 * 56rem/750);
}
.lp-page .profileArea__inner {
  padding-block: calc(180 * 56rem/750);
  padding-inline: calc(85 * 56rem/750) calc(80 * 56rem/750);
  background-color: var(--color-orange);
  text-align: left;
}
.lp-page .profileArea__name {
  margin-bottom: calc(50 * 56rem/750);
  color: #004D97;
  font-size: calc(63 * 56rem/750);
  line-height: 0.9;
  letter-spacing: 0.1em;
  width: calc(390 * 56rem/750);
}
.lp-page .profileArea__name .jp {
  font-size: calc(26 * 56rem/750);
  letter-spacing: 0.05em;
}
.lp-page .profileArea__img {
  margin-inline: auto;
  margin-bottom: calc(110 * 56rem/750);
  width: calc(478 * 56rem/750);
}
.lp-page .profileArea__img figcaption {
  margin-top: calc(30 * 56rem/750);
  margin-left: auto;
  margin-right: 0;
  width: calc(234 * 56rem/750);
}
.lp-page .profileArea__profile {
  margin-bottom: calc(20 * 56rem/750);
  color: var(--color-blue);
  font-size: calc(34 * 56rem/750);
  line-height: 1;
  letter-spacing: 0.1em;
}
.lp-page .profileArea__text {
  color: #fff;
  font-size: calc(22 * 56rem/750);
  line-height: 2.18;
  letter-spacing: 0.03em;
  text-align: justify;
}
.lp-page .infoArea {
  position: relative;
  padding: calc(135 * 56rem/750) calc(55 * 56rem/750) calc(140 * 56rem/750);
  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: calc(414 * 56rem/750);
}
.lp-page .infoArea__block:nth-of-type(n+2) {
  margin-top: calc(100 * 56rem/750);
  padding-top: calc(150 * 56rem/750);
}
.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: calc(14 * 56rem/750) calc(5.5 * 56rem/750);
          mask-size: calc(14 * 56rem/750) calc(5.5 * 56rem/750);
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  width: calc(584 * 56rem/750);
  height: calc(5.5 * 56rem/750);
  z-index: 0;
}
.lp-page .infoArea__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(43 * 56rem/750);
}
.lp-page .infoArea__bannerWrap {
  display: flex;
  flex-wrap: wrap;
  gap: calc(13 * 56rem/750);
}
.lp-page .infoArea .banner {
  width: 100%;
}
.lp-page .infoArea .banner-half {
  width: calc(50% - (13 * 56rem/750) / 2);
}
.lp-page .infoArea__text {
  margin-top: calc(36 * 56rem/750);
  font-size: calc(22 * 56rem/750);
  line-height: 1.8;
  letter-spacing: 0.03em;
  text-align: left;
}
.lp-page .infoArea__link {
  margin-top: calc(86 * 56rem/750);
  color: var(--color-blue);
  font-size: calc(38 * 56rem/750);
  line-height: 1;
  letter-spacing: 0.1em;
}
.lp-page .infoArea .specialSiteButton {
  display: grid;
  place-items: center;
  position: relative;
  color: #fff;
  font-size: calc(23 * 56rem/750);
  line-height: 1.51;
  letter-spacing: 0.06em;
  width: calc(194 * 56rem/750);
  height: calc(194 * 56rem/750);
  z-index: 0;
}
.lp-page .infoArea .specialSiteButton::before {
  content: "";
  position: absolute;
  -webkit-animation: circle 3.4s infinite;
          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: calc(8 * 56rem/750);
}
.lp-page .footerArea {
  position: relative;
  margin-inline: auto;
  padding: calc(100 * 56rem/750) calc(50 * 56rem/750) calc(48 * 56rem/750);
  background-color: var(--color-green);
  z-index: 1;
}
.lp-page .footerArea .toTop {
  position: absolute;
  top: calc(-72 * 56rem/750);
  right: calc(47 * 56rem/750);
  width: calc(102 * 56rem/750);
  z-index: 1;
}
.lp-page .footerArea__logo {
  margin-inline: auto;
  margin-bottom: calc(110 * 56rem/750);
  width: calc(319 * 56rem/750);
}
.lp-page .footerArea__credit {
  width: calc(375 * 56rem/750);
}
.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: calc(-560 * 56rem/750) calc(26 * 56rem/750) 0 0;
}
.lp-page #CosmeKitchenProducts h3 {
  margin-bottom: calc(56 * 56rem/750);
  color: var(--color-blue);
  font-size: calc(39 * 56rem/750);
  line-height: 1.74;
  letter-spacing: 0.11em;
}
.lp-page #CosmeKitchenProducts .sec_lead {
  padding: 0 calc(60 * 56rem/750);
  color: var(--color-blue);
  font-size: calc(18 * 56rem/750);
  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: calc(32 * 56rem/750);
}
.lp-page #CosmeKitchenProducts .img {
  transform: translateY(calc(8 * 56rem/750));
  margin-top: calc(-278 * 56rem/750);
  margin-left: auto;
  margin-right: 0;
  width: calc(297 * 56rem/750);
}
.lp-page #CosmeKitchenProducts .feature_list_wrap {
  margin-top: calc(22 * 56rem/750);
  padding-inline: calc(40 * 56rem/750);
  color: var(--color-orange);
}
.lp-page #CosmeKitchenProducts dt {
  position: relative;
  margin-bottom: calc(30 * 56rem/750);
  font-size: calc(39 * 56rem/750);
  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: calc(220 * 56rem/750);
  height: 3px;
}
.lp-page #CosmeKitchenProducts dt::before {
  left: 0;
}
.lp-page #CosmeKitchenProducts dt::after {
  right: 0;
}
.lp-page #CosmeKitchenProducts dd {
  padding-inline: calc(36 * 56rem/750) calc(6 * 56rem/750);
}
.lp-page #CosmeKitchenProducts li {
  position: relative;
  padding-left: calc(50 * 56rem/750);
  font-size: calc(23 * 56rem/750);
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: left;
}
.lp-page #CosmeKitchenProducts li:nth-of-type(n+2) {
  margin-top: calc(30 * 56rem/750);
}
.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: calc(18 * 56rem/750);
  width: calc(32 * 56rem/750);
  height: calc(32 * 56rem/750);
}
.lp-page #CosmeKitchenProducts li .point::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(33 * 56rem/750);
  height: calc(45 * 56rem/750);
  background: url(../img/point.svg) center center/cover no-repeat;
}
.lp-page .followMenu {
  position: fixed;
  top: calc(250 * 56rem/750);
  right: calc(-7 * 56rem/750);
  transition: opacity 0.8s ease;
  padding: calc(26 * 56rem/750) calc(20 * 56rem/750) calc(55 * 56rem/750);
  background-color: #eb6100;
  border: calc(7 * 56rem/750) solid var(--color-text);
  border-radius: 0 0 0 calc(48 * 56rem/750);
  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(calc((42 * 56rem/750) / 2)) 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(calc((-42 * 56rem/750) / 2)) rotate(45deg);
}
.lp-page .followMenu.open .followMenu__list {
  transition: all 0.8s ease;
  opacity: 1;
  max-width: calc(213 * 56rem/750);
  max-height: calc(743 * 56rem/750);
}
.lp-page .followMenu.open .followMenu__item:nth-of-type(1) {
  padding-top: calc(18 * 56rem/750);
}
.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(calc(-115 * 56rem/750));
}
.lp-page .followMenu.hide {
  visibility: hidden;
  z-index: -1;
}
.lp-page .followMenu::before {
  content: "";
  position: absolute;
  top: calc(-4 * 56rem/750);
  left: calc(-53 * 56rem/750);
  width: calc(60 * 56rem/750);
  height: calc(138 * 56rem/750);
  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: calc(7 * 56rem/750);
  width: calc(58 * 56rem/750);
  height: calc(46 * 56rem/750);
  cursor: pointer;
  z-index: 0;
}
.lp-page .followMenu__trigger span {
  position: absolute;
  left: 0;
  background-color: var(--color-blue);
  border-radius: calc(2 * 56rem/750);
  width: 100%;
  height: calc(4 * 56rem/750);
  z-index: 1;
}
.lp-page .followMenu__trigger span:nth-of-type(1) {
  top: 0;
}
.lp-page .followMenu__trigger span:nth-of-type(2) {
  top: calc((42 * 56rem/750) / 2);
}
.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: calc(22 * 56rem/750) calc(35 * 56rem/750);
  transition: all 0.8s ease;
  font-size: calc(23 * 56rem/750);
  line-height: 1;
  letter-spacing: 0.01em;
}
.lp-page .followMenu__list {
  margin: auto;
  transition: all 0.8s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  opacity: 0;
  max-width: 0;
  max-height: 0;
}
.lp-page .followMenu__link {
  font-size: calc(30 * 56rem/750);
  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: calc(10 * 56rem/750);
}
.lp-page .followNavi__item:nth-last-child(1) .followNavi__link {
  padding-right: calc(10 * 56rem/750);
}
.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: calc(5 * 56rem/750);
  height: calc(70 * 56rem/750);
  -webkit-mask-image: url(../img/dot.svg);
          mask-image: url(../img/dot.svg);
  background-color: var(--color-text);
  -webkit-mask-size: calc(5 * 56rem/750) calc(9 * 56rem/750);
          mask-size: calc(5 * 56rem/750) calc(9 * 56rem/750);
  -webkit-mask-repeat: repeat-y;
          mask-repeat: repeat-y;
  z-index: 0;
}
.lp-page .followNavi__link {
  padding-block: calc(34 * 56rem/750) calc(42 * 56rem/750);
  font-size: calc(32 * 56rem/750);
  line-height: 1;
  letter-spacing: 0.07em;
}
.lp-page .allItemsButton {
  position: fixed;
  transform: translateX(100%);
  bottom: calc(130 * 56rem/750);
  right: calc(-6 * 56rem/750);
  transition: all 0.6s ease;
  visibility: hidden;
  width: calc(198 * 56rem/750);
  z-index: 2;
}
.lp-page .allItemsButton__link {
  display: grid;
  place-items: center;
  padding: 0 0 calc(4 * 56rem/750) calc(6 * 56rem/750);
  background-color: var(--color-yellow);
  border: calc(6 * 56rem/750) solid var(--color-text);
  border-radius: calc(36 * 56rem/750) 0 0 calc(36 * 56rem/750);
  font-size: calc(30 * 56rem/750);
  line-height: 1.6;
  letter-spacing: 0.1em;
  height: calc(146 * 56rem/750);
}
.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,
.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);
    -webkit-animation: slightly 12s ease-in infinite, up-miffy 12s 4.2s ease-in forwards;
            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);
  }
  @-webkit-keyframes up-miffy {
    0% {
      translate: 0;
    }
    14% {
      translate: 0 -2.2rem;
    }
    19% {
      translate: 0 -2.2rem;
    }
    24% {
      translate: 0;
    }
    100% {
      translate: 0;
    }
  }
  @keyframes up-miffy {
    0% {
      translate: 0;
    }
    14% {
      translate: 0 -2.2rem;
    }
    19% {
      translate: 0 -2.2rem;
    }
    24% {
      translate: 0;
    }
    100% {
      translate: 0;
    }
  }
  @-webkit-keyframes slightly {
    18% {
      rotate: 0deg;
    }
    19% {
      rotate: -2deg;
    }
    20% {
      rotate: 0deg;
    }
    21% {
      rotate: -3deg;
    }
    22% {
      rotate: 0deg;
    }
    100% {
      rotate: 0deg;
    }
  }
  @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 )
 --------------------------------*/
/*# sourceMappingURL=style.css.map */