@charset "UTF-8";

/*all----------------------------*/
html {
  font-size: 62.5%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  display:none;
}

body {
  -webkit-tap-highlight-color: transparent;
}

#Wrap {
  width: auto;
}

#Contents {
  max-width: unset;
  overflow: visible;
}

#footer {
  margin-top: 0;
}

#FooterWrap {
  position: relative;
  z-index: 1;
}

:root {
  --font_regular: 'Neue Haas Grotesk Display Pro', "Noto Sans JP", sans-serif;
  --font_eng: "funkydori", sans-serif;
  --color_regular: #fb6a96;
  --color_bg: #fbdef2;
  --color_01: #97df96;
  --color_02: #fb77a1;
  --color_03: #73b8eb;
  --color_04: #cd9ce6;
}

.LP_page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  font-feature-settings: "palt";
}

.LP_page {
  width: 100%;
  font-family: var(--font_regular);
  color: var(--color_regular);
  overflow-x: clip;
  opacity: 0;
  transition: opacity 1s;
}

.LP_page.active {
  opacity: 1;
}

.LP_page picture {
  display: block;
  font-size: 0;
}

.LP_page a {
  display: block;
  color: inherit;
}

.LP_page img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.LP_page_inner {
  background: #fff;
}

/*----------------------------all*/

/*mv------------------------------*/
.LP_page .mv {
  position: sticky;
  top: 0;
  margin-bottom: calc(-140 * (65rem / 750));
}

/*------------------------------mv*/

/*背景設定--------------------------*/
.parallax_wrap {
  position: relative;
  z-index: 1;
  padding-top: calc(100 * (65rem / 750));
}

.parallax_wrap::before,
.parallax_wrap::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(100% + calc(20 * (65rem / 750)));
  content: "";
  pointer-events: none;
}

.parallax_wrap::before {
  height: calc(1290 * (65rem / 750));
  margin-top: calc(-108 * (65rem / 750));
  background: url(../img/deco_002.svg) top center / 100% auto no-repeat;
}

.parallax_wrap::after {
  height: calc(1275 * (65rem / 750));
  margin-top: calc(-85 * (65rem / 750));
  background: url(../img/deco_003.png) top center / 100% auto no-repeat;
  mix-blend-mode: overlay;
  opacity: .6;
}

/*--------------------------背景設定*/

/*リード文--------------------------*/
.main_lead {
  position: relative;
  padding-top: calc(150 * (65rem / 750));
  font-size: calc(26 * (65rem / 750));
  font-weight: 500;
  line-height: 2;
  letter-spacing: .01em;
  text-align: center;
}

.main_lead::before {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(250 * (65rem / 750));
  height: calc(100 * (65rem / 750));
  background: url(../img/character_001.svg) center center / cover no-repeat;
  content: "";
}

.btn_modalOpen {
  display: block;
  width: fit-content;
  margin: calc(30 * (65rem / 750)) auto 0;
  border: none;
  background: none;
  font-size: calc(24 * (65rem / 750));
  font-weight: 500;
  letter-spacing: .03em;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

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

#HeaderWrap.hide {
  opacity: 0;
  pointer-events: none;
}

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

.modal_outside {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .5s;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal_outside::-webkit-scrollbar {
  display:none;
}

.modal_outside::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal_wrap {
  width: calc(640 * (65rem / 750));
  margin: 0 auto;
  max-height: 100%;
  padding: calc(70 * (65rem / 750)) 0;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal_wrap::-webkit-scrollbar {
  display:none;
}

.modal_inner {
  position: relative;
  z-index: 1;
  background: linear-gradient(#fff3ff, #fbdbf2);
  border-radius: calc(1000 * (65rem / 750));
  border: solid calc(2 * (65rem / 750)) #fff;
  overflow: clip;
}

.modal_inner::before,
.modal_inner::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
}

.modal_inner::before {
  background: url(../img/deco_006.svg) center center / cover no-repeat;
}

.modal_inner::after {
  background: url(../img/deco_001.jpg) center center / cover no-repeat;
  mix-blend-mode: overlay;
  opacity: .6;
}

.modal_content {
  position: relative;
  padding: calc(180 * (65rem / 750)) 0 calc(260 * (65rem / 750));
  font-size: calc(24 * (65rem / 750));
  font-weight: 500;
  letter-spacing: .03em;
  text-align: center;
}

.modal_content::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(220 * (65rem / 750));
  height: calc(120 * (65rem / 750));
  margin-bottom: calc(90 * (65rem / 750));
  background: url(../img/character_002.svg) center center / cover no-repeat;
  content: "";
}

.main_lead_continuation {
  line-height: 1.8;
}

.btn_modalClose {
  display: block;
  width: fit-content;
  margin: calc(20 * (65rem / 750)) auto 0;
  border: none;
  background: none;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

/*--------------------------リード文*/

/*schedule-------------------------*/
.schedule_list {
  display: flex;
  justify-content: center;
  gap: calc(50 * (65rem / 750));
  margin-top: calc(120 * (65rem / 750));
}

.schedule_list li {
  width: calc(220 * (65rem / 750));
}

/*-------------------------schedule*/

/*ナビ------------------------------*/
.main_nav {
  position: relative;
  z-index: 1;
  margin-top: calc(180 * (65rem / 750));
  padding-bottom: calc(85 * (65rem / 750));
  background: var(--color_bg);
}

.main_nav::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(560 * (65rem / 750));
  margin-top: calc(-40 * (65rem / 750));
  background: url(../img/deco_008.svg) center center / cover no-repeat;
  content: "";
  pointer-events: none;
}

.main_nav::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/deco_001.jpg) top center / 100% calc(1188 * (65rem / 750)) repeat-y;
  mix-blend-mode: overlay;
  opacity: .6;
  content: "";
  pointer-events: none;
}

.main_nav .nav_list {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(20 * (65rem / 750)) calc(4 * (65rem / 750));
}

.main_nav .nav_list li a {
  width: calc(210 * (65rem / 750));
}

.main_nav .nav_list li a p {
  font-size: calc(15 * (65rem / 750));
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}

/*------------------------------ナビ*/

/*商品エリア-------------------------*/
.each_category {
  position: relative;
  z-index: 1;
  padding: calc(40 * (65rem / 750)) 0 calc(30 * (65rem / 750));
  background: var(--color_bg);
}

#ClayPeelWash {
  padding-bottom: calc(70 * (65rem / 750));
}

.each_category::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  pointer-events: none;
}

.each_category::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/deco_001.jpg) top center / 100% calc(1188 * (65rem / 750)) repeat-y;
  mix-blend-mode: overlay;
  opacity: .6;
  content: "";
  pointer-events: none;
}

#TailoredColorEyes::before {
  height: calc(530 * (65rem / 750));
  margin-top:calc(20 * (65rem / 750));
  background: url(../img/deco_009.svg) center center / cover no-repeat;
}

#SkinGlowBlush::before {
  height: calc(530 * (65rem / 750));
  margin-top:calc(30 * (65rem / 750));
  background: url(../img/deco_013.svg) center center / cover no-repeat;
}

#ClayPeelWash::before {
  height: calc(300 * (65rem / 750));
  margin-top:calc(20 * (65rem / 750));
  background: url(../img/deco_014.svg) center center / cover no-repeat;
}

#OriginalPouch::before {
  height: calc(700 * (65rem / 750));
  margin-top:calc(20 * (65rem / 750));
  background: url(../img/deco_016.svg) center center / cover no-repeat;
}

.category_ttl {
  position: relative;
  z-index: 2;
  margin-bottom: calc(20 * (65rem / 750));
}

.category_ttl::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  pointer-events: none;
}

#TailoredColorEyes .category_ttl::before {
  height: calc(450 * (65rem / 750));
  margin-top: calc(-20 * (65rem / 750));
  background: url(../img/character_004.svg) center center / cover no-repeat;
}

#SkinGlowBlush .category_ttl::before {
  height: calc(370 * (65rem / 750));
  margin-top: calc(24 * (65rem / 750));
  background: url(../img/character_005.svg) center center / cover no-repeat;
}

#ClayPeelWash .category_ttl::before {
  height: calc(400 * (65rem / 750));
  margin-top: calc(180 * (65rem / 750));
  background: url(../img/character_006.svg) center center / cover no-repeat;
}

#OriginalPouch .category_ttl::before {
  height: calc(250 * (65rem / 750));
  margin-top: calc(250 * (65rem / 750));
  background: url(../img/character_007.svg) center center / cover no-repeat;
}

.category_lead {
  position: relative;
  z-index: 3;
  font-size: calc(24 * (65rem / 750));
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: .022em;
  text-align: center;
}

.category_img_wrap {
  position: relative;
  z-index: 1;
  width: calc(600 * (65rem / 750));
  margin: calc(50 * (65rem / 750)) auto calc(50 * (65rem / 750));
}

.activePoint.scale {
  scale: .8;
  opacity: 0;
  transition: opacity .2s, scale .4s;
}

.activePoint.scale.active {
  scale: 1;
  opacity: 1;
}

.category_img_wrap::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: calc(30 * (65rem / 750));
  background: #fff;
  filter: blur(20px);
  will-change: filter;
  content: "";
  opacity: 0;
  transition: opacity .3s;
}

.category_img_wrap.active::before {
  opacity: 1;
}

#TailoredColorEyes .category_img_wrap::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(310 * (65rem / 750));
  height: calc(160 * (65rem / 750));
  margin: 0 calc(-125 * (65rem / 750)) calc(-60 * (65rem / 750)) 0;
  background: url(../img/deco_010.png) center center / cover no-repeat;
  content: "";
  pointer-events: none;
}

#ClayPeelWash .category_img_wrap::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(490 * (65rem / 750));
  height: calc(210 * (65rem / 750));
  margin: 0 calc(-170 * (65rem / 750)) calc(-45 * (65rem / 750)) 0;
  background: url(../img/deco_015.png) center center / cover no-repeat;
  content: "";
  pointer-events: none;
}

.category_img {
  border-radius: calc(30 * (65rem / 750));
  overflow: clip;
}

.variation_wrap .productDetail_wrap:nth-of-type(n+2) {
  margin-top: calc(28 * (65rem / 750));
}

.productDetail_wrap {
  position: relative;
  z-index: 1;
  width: calc(720 * (65rem / 750));
  border-radius: 0 calc(1000 * (65rem / 750)) calc(1000 * (65rem / 750)) 0;
  background: linear-gradient(to right, rgba(255, 255, 255, .3), #fff 50%, #fff);
}

.variation_wrap .productDetail_wrap:nth-of-type(1) {
  width: calc(700 * (65rem / 750));
}

.variation_wrap .productDetail_wrap:nth-of-type(odd) {
  margin: 0 0 0 auto;
  border-radius: calc(1000 * (65rem / 750)) 0 0 calc(1000 * (65rem / 750));
  background: linear-gradient(to left, rgba(255, 255, 255, .3), #fff 50%, #fff);
}

.activePoint.move_fromLeft {
  opacity: 0;
  translate: calc(-40 * (65rem / 750)) 0;
  transition: opacity 1s, translate 1s;
}

.activePoint.move_fromRight {
  opacity: 0;
  translate: calc(40 * (65rem / 750)) 0;
  transition: opacity 1s, translate 1s;
}

.activePoint.move_fromLeft.active,
.activePoint.move_fromRight.active {
  opacity: 1;
  translate: 0 0;
}

.variation_wrap.active .activeDelay {
  transition-delay: .3s;
  opacity: 1;
  translate: 0 0;
}

#TailoredColorEyes .productDetail_wrap a {
  padding: calc(62 * (65rem / 750)) calc(55 * (65rem / 750)) calc(35 * (65rem / 750)) 0;
}

#SkinGlowBlush .productDetail_wrap:nth-of-type(1) a {
  padding: calc(50 * (65rem / 750)) calc(85 * (65rem / 750)) calc(32 * (65rem / 750)) 0;
}

#SkinGlowBlush .productDetail_wrap:nth-of-type(2) a {
  padding: calc(57 * (65rem / 750)) calc(55 * (65rem / 750)) calc(32 * (65rem / 750)) 0;
}

#ClayPeelWash .productDetail_wrap a {
  padding: calc(55 * (65rem / 750)) calc(85 * (65rem / 750)) calc(35 * (65rem / 750)) 0;
}

#OriginalPouch .productDetail_wrap a {
  padding: calc(55 * (65rem / 750)) calc(95 * (65rem / 750)) calc(30 * (65rem / 750)) 0;
}

.productDetail_wrap .product_img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(320 * (65rem / 750));
}

#TailoredColorEyes .productDetail_wrap .product_img {
  margin-left: calc(55 * (65rem / 750));
}

#SkinGlowBlush .productDetail_wrap:nth-of-type(1) .product_img {
  margin-left: calc(3 * (65rem / 750));
}

#SkinGlowBlush .productDetail_wrap:nth-of-type(2) .product_img {
  margin-left: calc(48 * (65rem / 750));
}

#ClayPeelWash .productDetail_wrap .product_img {
  margin-left: calc(40 * (65rem / 750));
}

#OriginalPouch .productDetail_wrap .product_img {
  margin-left: calc(50 * (65rem / 750));
}

.productDetail_wrap .txt_wrap {
  width: fit-content;
  margin: 0 0 0 auto;
  letter-spacing: 0;
  text-align: center;
}

#TailoredColorEyes .productDetail_wrap .txt_wrap {
  color: var(--color_01);
}

#SkinGlowBlush .productDetail_wrap .txt_wrap {
  color: var(--color_02);
}

#ClayPeelWash .productDetail_wrap .txt_wrap {
  color: var(--color_03);
}

#OriginalPouch .productDetail_wrap .txt_wrap {
  color: var(--color_04);
}

.product_name_eng {
  font-family: var(--font_eng);
  font-size: calc(44 * (65rem / 750));
  font-weight: 400;
}

#TailoredColorEyes .product_name_eng {
  margin-bottom: calc(-6 * (65rem / 750));
}

.accessory_area .product_name_eng {
  margin-bottom: calc(-12 * (65rem / 750));
}

#SkinGlowBlush .product_name_eng {
  margin-bottom: calc(5 * (65rem / 750));
}

#ClayPeelWash .product_name_eng {
  margin-bottom: 0;
}

#OriginalPouch .product_name_eng {
  margin-bottom: 0;
}

.productDetail_wrap .product_name_jpn {
  font-size: calc(13 * (65rem / 750));
  font-weight: 600;
  letter-spacing: .1em;
}

.productDetail_wrap .product_price {
  margin-top: calc(6 * (65rem / 750));
  font-size: calc(14 * (65rem / 750));
  font-weight: 600;
  letter-spacing: .06em;
}

.productDetail_wrap .product_link {
  position: relative;
  display: grid;
  place-items: center;
  width: calc(155 * (65rem / 750));
  height: calc(42.5 * (65rem / 750));
  margin: calc(14 * (65rem / 750)) auto 0;
  font-family: var(--font_eng);
  font-size: calc(26 * (65rem / 750));
  color: #fff;
}

#TailoredColorEyes .productDetail_wrap .product_link {
  background: url(../img/btn_green.png) center center / 100% auto no-repeat;
}

#SkinGlowBlush .productDetail_wrap .product_link {
  background: url(../img/btn_pink.png) center center / 100% auto no-repeat;
}

#ClayPeelWash .productDetail_wrap .product_link {
  background: url(../img/btn_blue.png) center center / 100% auto no-repeat;
}

#OriginalPouch .productDetail_wrap .product_link {
  background: url(../img/btn_purple.png) center center / 100% auto no-repeat;
}

.productDetail_wrap .product_link span {
  padding-top: calc(18 * (65rem / 750));
}

.accessory_area {
  position: relative;
  z-index: 1;
  padding: calc(110 * (65rem / 750)) 0 calc(100 * (65rem / 750));
  background: var(--color_bg);
  color: var(--color_02);
}

.accessory_area::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/deco_001.jpg) top center / 100% calc(1188 * (65rem / 750)) repeat-y;
  mix-blend-mode: overlay;
  opacity: .6;
  content: "";
  pointer-events: none;
}

.accessory_area::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 100%;
  height: calc(650 * (65rem / 750));
  margin-top: calc(20 * (65rem / 750));
  background: url(../img/deco_011.png) center center / cover no-repeat;
  content: "";
  mix-blend-mode: screen;
  pointer-events: none;
}

.accessory_area .area_inner {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: calc(60 * (65rem / 750));
}

.accessory_area .area_inner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(460 * (65rem / 750));
  margin-top: calc(-20 * (65rem / 750));
  background: url(../img/deco_012.svg) center center / cover no-repeat;
  content: "";
  pointer-events: none;
}

.accessory_area.beforeRelease .area_inner::before {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  display: grid;
  place-items: center;
  width: 100%;
  height: calc(100% + calc(100 * (65rem / 750)));
  border-radius: 0 calc(1000 * (65rem / 750)) calc(1000 * (65rem / 750)) 0;
  background: linear-gradient(to right, rgba(251, 141, 182, .4), rgba(251, 141, 182, .7) 60%, rgba(251, 141, 182, .7));
  font-family: var(--font_eng);
  font-size: calc(70 * (65rem / 750));
  text-align: center;
  color: #fff;
  content: "6.27 Coming soon...";
}

.accessory_area .product_img {
  width: calc(270 * (65rem / 750));
}

.accessory_area .txt_wrap {
  flex: 1;
  text-align: center;
  padding-top: calc(25 * (65rem / 750));
}

.accessory_area .txt_wrap > div {
  padding-left: calc(70 * (65rem / 750));
}

.accessory_area .product_name_jpn {
  display: inline;
  margin-right: calc(10 * (65rem / 750));
  font-size: calc(14 * (65rem / 750));
  font-weight: 600;
  letter-spacing: .1em;
}

.accessory_area .product_price {
  display: inline;
  margin-top: calc(10 * (65rem / 750));
  font-size: calc(14 * (65rem / 750));
  letter-spacing: .1em;
  font-weight: 600;
}

.accessory_area .product_caption {
  margin-top: calc(20 * (65rem / 750));
  font-size: calc(22 * (65rem / 750));
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .014em;
}

.accessory_area .product_notes {
  margin-top: calc(20 * (65rem / 750));
  padding: calc(15 * (65rem / 750)) 0 calc(15 * (65rem / 750)) calc(60 * (65rem / 750));
  border-radius: 0 calc(1000 * (65rem / 750)) calc(1000 * (65rem / 750)) 0;
  background: linear-gradient(to right, rgba(255, 255, 255, .3), #fb8db6 60%, #fb8db6);
  font-size: calc(13 * (65rem / 750));
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .05em;
  color: #fff;
  transition-delay: .5s;
}

.accessory_area.active .product_img {
  scale: 1;
  opacity: 1;
}

.accessory_area.active .product_notes {
  translate: 0 0;
  opacity: 1;
}
/*-------------------------商品エリア*/

/*lastly---------------------------*/
.lastly_area {
  position: relative;
  z-index: 1;
  padding: calc(70 * (65rem / 750)) 0 calc(50 * (65rem / 750));
  background: var(--color_bg);
}

.lastly_area::before {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(420 * (65rem / 750));
  margin-bottom: calc(45 * (65rem / 750));
  background: url(../img/deco_007.svg) center center / cover no-repeat;
  content: "";
  pointer-events: none;
}

.lastly_area::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/deco_001.jpg) top center / 100% calc(1188 * (65rem / 750)) repeat-y;
  mix-blend-mode: overlay;
  opacity: .6;
  content: "";
  pointer-events: none;
}

.btn_allItems {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.btn_allItems a {
  position: relative;
  width: calc(320 * (65rem / 750));
  padding-bottom: calc(120 * (65rem / 750));
}

.btn_allItems a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(200 * (65rem / 750));
  height: calc(120 * (65rem / 750));
  background: url(../img/character_003.svg) center center / cover no-repeat;
  content: "";
}

.txt_copyright {
  width: calc(520 * (65rem / 750));
  margin: calc(45 * (65rem / 750)) auto 0;
}


/*---------------------------lastly*/

/*追従ナビ---------------------------*/
.fixed_nav {
  position: fixed;
  z-index: 5;
  bottom: 0;
  width: 100%;
  translate: 0 100%;
  transition: translate .5s;
}

.fixed_nav.hide {
  opacity: 0;
  pointer-events: none;
}

.fixed_nav.active {
  translate: 0 0;
}

.fixed_nav .nav_list {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(2, 1fr);
  background: linear-gradient(#fff3ff, #fbdbf2);
}

.fixed_nav .nav_list li {
  position: relative;
}

.fixed_nav .nav_list li:nth-of-type(n+4)::before {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(2 * (65rem / 750));
  height: 100%;
  margin-left: calc(-1 * (65rem / 750));
  background: #fff;
  content: "";
}

.fixed_nav .nav_list li::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(2 * (65rem / 750));
  margin-top: calc(-1 * (65rem / 750));
  background: #fff;
  content: "";
}

.fixed_nav .nav_list li:nth-of-type(1)::after,
.fixed_nav .nav_list li:nth-of-type(4)::after {
  display: none;
}

.fixed_nav .nav_list li a {
  display: flex;
  place-items: center;
  gap: calc(4 * (65rem / 750));
  height: calc(110 * (65rem / 750));
}

.fixed_nav .nav_list li:nth-of-type(-n+3) a {
  padding-left: calc(20 * (65rem / 750));
}

.fixed_nav .nav_list li:nth-of-type(n+4) a {
  padding-left: calc(35 * (65rem / 750));
}

.fixed_nav .nav_list li a figure {
  height: calc(108 * (65rem / 750));
}

.fixed_nav .nav_list li a figure img {
  width: auto;
  height: 100%;
}

.fixed_nav .nav_list li a p {
  flex: 1;
  font-size: calc(12 * (65rem / 750));
  font-weight: 600;
  letter-spacing: .026em;
}
/*---------------------------追従ナビ*/

/*shareボタン、shareテキスト---------------------------*/
@media screen and  (max-width:768px) {
#share {
  z-index: 10 !important;
  transition: translate .5s;
}

#share.move {
  translate: 0 calc(-330 * (65rem / 750));
}

#share.hide {
  opacity: 0;
  pointer-events: none;
}

.share-txt {
  display: none;
}

.only_pc {
  display: none;
}

}
/*---------------------------shareボタン、shareテキスト*/


/*PC------------------------------------------------------*/
@media screen and  (min-width:769px) {
  .only_sp {
    display: none;
  }

  .LP_page {
    position: relative;
    background: linear-gradient( #f5e0ef 18%, #f5f8ed, #fbe3eb, #ededf3, #eae7fc, #fcebf7);
  }

  .LP_page::before {
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    width: 100%;
    height: 100%;
    background: url(../img/deco_005.jpg) top center / 100% 91rem repeat-y;
    content: "";
    opacity: .6;
    mix-blend-mode: overlay;
    pointer-events: none;
  }

  .LP_page_inner {
    position: relative;
    z-index: 1;
    width: 65rem;
    min-height: 100vh;
    margin: -100vh auto 0;
    overflow: clip;
  }

  .fixed_area {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
  }
  
  .fixed_left,
  .fixed_right {
    display: grid;
    place-items: center;
    width: calc((100% - 65rem) / 2);
    height: 100%;
  }

  .logo_PPG {
    width: 24rem;
  }

  .logo_SB {
    width: 17.6rem;
  }

  .LP_page .mv {
    position: static;
  }

}
/*------------------------------------------------------PC*/


/*レスポンシブ対応-------------------------------*/
@media screen and (max-width: 1500px) and (min-width: 769px) {
  html {
    font-size: calc(10 * (100vw / 1500));
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 650));
  }
}
/*-------------------------------レスポンシブ＆タブレット対応*/