@charset "UTF-8";
/*//////////////////////////////////////////////////

Title : 2024 mitea Tweety

//////////////////////////////////////////////////*/

/* ========================================================
                      * Layout style *
========================================================= */

html {
  font-size: 62.5%;
}

html, body {
	overflow-x: hidden;
}

main {
  max-width: 100%;
}

#Contents {
  margin-bottom: 0;
}

.lp_contents a {
  text-decoration: none;
}

.lp_contents p, 
.lp_contents ul, 
.lp_contents ol, 
.lp_contents dl {
  margin: 0;
}

.topic-path {
  margin-right: 0;
  margin-left: 0;
}

	/* ===================
		FONT
	=================== */
	/* nomal */
	@font-face {
		font-family: "YuGothic";
		src: url(../font/YuGothic/otf/YuGothic-Regular.otf) format('otf');
		src: url(../font/YuGothic/woff/YuGothic-Regular.woff) format('woff');
		font-weight: normal;
		font-style: normal;
	}
	/* bold */
	@font-face {
		font-family: "YuGothic";
		src: url(../font/YuGothic/otf/YuGothic-Bold.otf) format('otf');
		src: url(../font/YuGothic/woff/YuGothic-Bold.woff) format('woff');
		font-weight: bold;
		font-style: normal;
	}
	/* Medium */
	@font-face {
		font-family: "YuGothic";
		src: url(../font/YuGothic/otf/YuGothic-Medium.otf) format('otf');
		src: url(../font/YuGothic/woff/YuGothic-Medium.woff) format('woff');
		font-weight: medium;
		font-style: normal;
	}

/* ===================
      ROOTS
=================== */
:root {
  --font-pra: "pragmatica", sans-serif;
  --font-bg: "brandon-grotesque", sans-serif;
  --color-yellow: #FFFBBC;
  --color-blue: #76AFE0;
  --color-lightblue: #E8F8FC;
  --color-maskblue: #89CED7;
  --color-maskgreen: #81C9B8;
  --color-pink: #E89CAC;
  --color-lightpink: #FFF8FC;
  --color-black: #191919;
}

/* ===================
  LP Contents
=================== */

#Wrap {
  width: 100%;
  overflow: hidden;
}

.lp_contents {
  width: 100%;
  margin: 0 auto;
  font-weight: 400;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: var(--color-black);
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  overflow: hidden;
  background-color: var(--color-yellow);
}

/* .lp_contents p {
  font-family: "pragmatica", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
} */

.lp_contents img {
  width: 100%;
}

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

.lp_contents *,
.lp_contents *:before,
.lp_contents *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lp_contents a,
.lp_contents a:before,
.lp_contents a:after,
.lp_contents a img {
  transition: opacity .3s ease-in-out,
  color .3s ease-in-out,
  background-color .3s ease-in-out,
  background-image .3s ease-in-out,
  border-color .3s ease-in-out,
  text-shadow .3s ease-in-out,
  text-weight .3s ease-in-out;
}

.lp_contents a:hover {
  opacity: 0.6;
}


.lp_contents ul,
.lp_contents li {
  list-style: none;
}

.lp_contents img {
  max-width: 100%;
  width: 100%;
}

.lp_contents sup {
  font-size: 1rem;
}

.lp_contents a:hover {
  opacity: 0.6;
}

.lp_contents h1 {
  padding: 0;
}

footer {
  margin-top: 0 ;
}

/* ===================
  　　　Animation
=================== */


/* -- keyframes -- */

@keyframes opa0 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes opa1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opa2 {
  0% {
    opacity: 0;
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes tra1 {
  100% {
    transform: translateX(0);
  }
}

@keyframes tra2 {
  100% {
    transform: translateY(0);
  }
}

@keyframes tra3 {
  0% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0);
  }
}


@keyframes tra3_2 {
  0% {
    transform: translateY(2px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes tra4 {
  0% {
    transform: translateX(6%);
  }

  100% {
    transform: translateX(0);
  }
}


@keyframes tra5 {
  0% {
    transform: translateX(-30%);
  }

  100% {
    transform: translateX(0);
  }
}


@keyframes tra6 {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

.ef {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s, transform 1s;
}

.ef.effect {
  opacity: 1;
  transform: translateY(0);
}

.ef2 {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s, transform 1s;
}

.ef2.effect {
  opacity: 1;
  transition-delay: 0.5s;
  transform: translateY(0);
}


.ef-top2 {
  opacity: 0;
  transform: translateY(40px);
}

.ef-top2.effect {
  animation: opa2 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra3_2 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef-right {
  opacity: 0;
  transform: translateX(6%);
}

.ef-right.effect {
  animation: opa1 1.2s ease-in 0s 1 forwards, tra4 1.2s ease-in-out 0s 1 forwards;
}

.ef-left {
  opacity: 0;
}

.ef-left.effect {
  animation: opa1 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra5 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef-lg.effect {
  animation: opa1 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra6 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef-top {
  opacity: 0;
  transform: translateY(50px);
}

.ef-top.effect {
  animation: opa1 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra3 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

.ef4 .product_list li,
.ef4 .check {
  opacity: 0;
  transform: translateY(50px);
}

.ef4.effect .product_list li,
.ef4.effect .check {
  animation: opa1 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra3 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}


.ef-top3 {
  opacity: 0;
  transform: translateY(50px);
}

.ef-top3.effect {
  animation: opa1 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra3 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}


/* ===================================
          MAIN VISUAL
=================================== */
/* 2024/04/02 */
.lp_contents .mv_sec {
  position: relative;
  padding: 8rem 10rem;
  background-color: var(--color-yellow);
}

.lp_contents .mv_ttl {
  width: 29rem;
  margin: 0 auto 3.5rem;
}


.lp_contents .mv_image_group {
  position: relative;
  margin-bottom: 5.3rem;
  animation-delay: 0.5s;
}

.lp_contents .mv_image {
  position: relative;
  width: 43rem;
  margin: 0 auto;
  /* clip-path: path('M639.2,555.3h-430v-295c0-118.7,96.3-215,215-215h0c118.7,0,215,96.3,215,215V755.3z'); */
}

.lp_contents .mv_image_group:before {
  position: absolute;
  top: -4.6rem;
  right: 50%;
  transform: translateX(50%);
  margin-right: -15.1rem;
  width: 4.69rem;
  height: 19.15rem;
  background: url(../img/GIF1.gif?20240315) center center / contain no-repeat;
  content: "";
  z-index: 2;
}

.lp_contents .mv_image_group:after {
  position: absolute;
  bottom: -5.1rem;
  right: 50%;
  transform: translateX(50%);
  margin-right: -.5rem;
  width: 60rem;
  height: 23rem;
  background: url(../img/GIF2_pc.gif?20240321) center center / 100% no-repeat;
  content: "";
  z-index: 2;
}

.lp_contents .mv_image img {
  /* margin-left: -0.8rem; */
}

.lp_contents .mv_subttl {
  position: relative;
  width: fit-content;
  margin: 0 auto 2.4rem;
  font-family: var(--font-bg);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.075em;
  text-align: center;
  color: var(--color-blue);
  text-transform: uppercase;
  z-index: 1;
  white-space: nowrap;
}
  

.lp_contents .mv_subttl_decor.effect { 
  display: block;
  width: 33rem;
  height: 1rem;
  background: #FAF073;    
  animation: underlineAnimation 1.2s forwards;
  animation-delay: 0.8s;
  transition: all .3s;
  transform: scale(0, 1); /* X方向0、Y方向1 */
  transform-origin: left top; /* 左上基点 */
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-left: -.4rem;
  content: '';
  }

  @keyframes underlineAnimation {
    0% {
        transform: scale(0, 1);
    }
    100% {
        transform: scale(1, 1);
    }
  }
  
.lp_contents .mv_txt {
  margin-bottom: 3.1rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0;
  text-align: center;
  color: var(--color-blue);

}

.lp_contents .sec_inner {
  position: relative;


}

.lp_wrap .sec_inner.open {
  position: relative;
  height: 45rem;
  overflow: hidden;
}

_::-webkit-full-page-media, _:future, :root .lp_wrap .sec_inner.open {
  height: 80rem;
}


.lp_contents .sec_accor {
  height: 0;
  overflow: hidden;
  position: relative;
  transition: 0.8s;
}

.lp_contents .sec_accor.open {
  height: 45rem;
}

.lp_wrap .more_close.open_now {
  width: 100%;
  height: 16rem;
  bottom: -12rem;
}


.lp_wrap .sec_accor.open {
  overflow: auto;
  height: auto;
}

.lp_contents .intro_txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  color: var(--color-blue);
}

.lp_contents .more_close {
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.lp_contents .more_close:before {
  display: inline-block;
  vertical-align: middle;
  color: var(--color-blue);
  line-height: 1;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  content: "";
  position: absolute;
  top: 1rem;
  left: -1.6rem;
}


.lp_contents .more_close.open_now:before {
  transform: rotate(315deg);
}


.lp_contents .more_txt {
  font-family: var(--font-bg);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: 0.025em;
  text-align: center;
  color: var(--color-blue);
  text-decoration: underline;
  text-underline-offset: 10px;
  white-space: nowrap;
}


/* ===================================
         SPECIAL BOX
=================================== */
/* 2024/04/02 */
.lp_contents .special_box_sec {
  position: relative;
  z-index: 1;
  padding: 0 1rem 7.8rem;
  margin-top: 12.2rem;
  background-color: #fff;
}

.lp_contents .special_box_sec:before {
  position: absolute;
  top: -9.7rem;
  right: 50%;
  transform: translateX(50%);
  z-index: -1;
  width: 155vw;
  height: 150%;
  /* background: url(../img/circle_bg_pc.svg) center center / contain no-repeat; */
  content: "";
  border-radius: 50%;
  background-color: #fff;
}

.lp_contents .special_box_sec:after {
  position: absolute;
  top: -7.8rem;
  right: 50%;
  transform: translateX(50%);
  z-index: -2;
  width: 100vw;
  height: 100%;
  /* background: url(../img/circle_bg_pc.svg) center center / contain no-repeat; */
  content: "";
  background-color: var(--color-yellow);
}

.lp_contents .sec_ttl_group {
  margin-bottom: 3.8rem;
}



.lp_contents .sec_subttl {
  font-family: var(--font-bg);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.15em;
  text-align: center;
  color: var(--color-blue);
  text-transform: uppercase;
}

.lp_contents .sec_ttl {
  font-family: var(--font-bg);
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.12em;
  text-align: center;
  color: var(--color-blue);
  text-transform: uppercase;
}

.lp_contents .special_box_sec .sec_ttl_group {
  position: relative;
  width: fit-content;
  margin: 0 auto 6rem;
}

.lp_contents .special_box_sec .sec_ttl_group:before {
  position: absolute;
  top: -2.1rem;
  right: -7.7rem;
  width: 8.5rem;
  height: 7.474rem;
  background: url(../img/ttl_decor_pc.svg) center center / cover no-repeat;
  content: "";
}


.lp_contents .special_box_group {
  display: flex;
  justify-content: center;
  margin-left: -6.9rem;
  margin-bottom: 5.8rem;
  gap: 7rem;

}

.lp_contents .special_box_img {
  position: relative;
  z-index: 2;
}

.lp_contents .special_box_img img {
  width: 53.2rem;
  margin-left: -.5rem;
}

.lp_contents .sticker_txt {
  position: absolute;
  top: -3.8rem;
  left: 5.3rem;
  width: 11.8rem;
  height: 3.89rem;
  background: url(../img/sticker_txt.svg) center center / cover no-repeat;
}

.lp_contents .special_box_img:before {
  position: absolute;
  top: .6rem;
  left: 6rem;
  width: 15rem;
  height: 9rem;
  background: url(../img/sticker_pc.png?20240321) center center / cover no-repeat;
  content: "";
  animation: 2.5s fuwafuwa infinite;
}


.lp_contents .special_box_img:after {
  position: absolute;
  bottom: 2rem;
  left: 3.2rem;
  width: 13.9rem;
  height: 15rem;
  background: url(../img/special_box_decor2.svg?20240321) center center / cover no-repeat;
  content: "";
  pointer-events: none;
}

.lp_contents .special_box_txt {
  margin-top: -2.2rem;
  margin-left: -6.8rem; 
  

}

.lp_contents .special_box_name {
  margin-left: 1rem;
  margin-bottom: 1.1rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: left;
  letter-spacing: 0.02em;
}

.lp_contents .special_box_name .txt_jp {
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
  margin-left: .2rem;
}

.lp_contents .special_box_price {
  margin-left: 1rem;
  margin-bottom: 2.5rem;
  font-family: var(--font-pra);
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  letter-spacing: 0.05em;
}

.lp_contents .special_box_price .yen {
  font-size: 2.2rem;
  vertical-align: -0.1rem;

}

.lp_contents .special_box_price .tax {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: left;
  vertical-align: middle;
}

.lp_contents .special_box_detail {
  position: relative;
  padding: 1rem 0 0.6rem 0;
  width: 39rem;
  border-radius: 2rem;
  border: 1px solid var(--color-blue);
  background-color: #fff;
}

.lp_contents .box_detail_ttl {
  position: relative;
  display: block;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  width: 12rem;
  height: 2.5rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--color-blue);
}

.lp_contents .box_lineup {
  margin: -0.1rem 0 1.2rem 0;

}


.lp_contents .box_lineup li{
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.78;
  letter-spacing: 0.025em;
  text-align: center;
}

.lp_contents .box_lineup li:first-of-type:before{
  position: absolute;
  top: -0.1rem;
  left: 3.6rem;
  width: 3.6rem;
  height: 2.4rem;
  background: url(../img/new_icon.svg) center center / cover no-repeat;
  content: "";
}

.lp_contents .special_box_lineup_img {
  position: relative;
  width: 30rem;
  margin: 0 auto;
}

.lp_contents .special_box_lineup_img:before {
  position: absolute;
  top: -1rem;
  left: -1.4rem;
  width: 3.6rem;
  height: 2.4rem;
  background: url(../img/new_icon.svg) center center / cover no-repeat;
  content: "";
}


.lp_contents .btn {
  display: block;
  max-width: 100%;
  width: fit-content;
  margin: 0 auto;
  padding: 0;
  border: none;
}

.lp_contents .btn a {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
}

/* btn more */
.lp_contents .more_btn a {
  position: relative;
  width: 20rem;
  padding: 1.6rem 2rem 1.3rem;
  font-family: var(--font-bg);
  font-size: 1.6rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: var(--color-black);
  text-transform: uppercase;
}



/*=======================================
          PRODUCT DETAIL
========================================*/
.lp_contents .product_detail_sec {
  position: relative;
  z-index: 5;
  padding: 10rem 1rem 11.4rem;
  background-color: var(--color-yellow);
}

.lp_contents .product_detail_sec .sec_ttl_group {
  margin-bottom: 3.3rem;
}

.lp_contents .anchor_link {
  margin-bottom: 10.2rem;
  display: flex;
  gap: 12rem;
  justify-content: center;
}

.lp_contents .anchor_link li {
  text-align: center;
}

.lp_contents .anchor_link li a{
  position: relative;
}

.lp_contents .anchor_link li:last-of-type {
  animation-delay: 0.5s;
}

.lp_contents .anchor_link li a:before {
  display: inline-block;
  vertical-align: middle;
  color: var(--color-black);
  line-height: 1;
  width: 1.2rem;
  height: 1.2rem;
  border: 1.5px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  bottom: -3rem;
  transform: translateX(-50%) rotate(135deg);
  content: "";
}

_::-webkit-full-page-media, _:future, :root .lp_contents .anchor_link li a:before {
  bottom: -10rem;

}

@-moz-document url-prefix() {
  .lp_contents .anchor_link li a:before {
    display: inline-block;
    vertical-align: middle;
    color: var(--color-black);
    line-height: 1;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    bottom: -10rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(135deg);
    content: "";
  }
}

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}


.lp_contents .anchor_product_image {
  margin-bottom: 1.1rem;
  width: 24rem;
  animation: 3s fuwafuwa infinite;
}



.lp_contents .anchor_product_en {
  margin-bottom: 0.7rem;
  font-family: var(--font-bg);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
}

.lp_contents .anchor_product_jp {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.025em;
  text-align: center;
  text-transform: uppercase;
}

.lp_contents .product_detail_image_group {
  position: relative;
  width: 90.5rem;
  margin: 0 auto;
}

.lp_contents .product_detail_image_group:before {
  position: absolute;
  z-index: -1;
  top: 11.2rem;
  right: 50%;
  transform: translateX(50%);
  margin-right: 1.2rem;
  width: 83.9rem;
  height: 174.2rem;
  background: url(../img/product_detail_linear.png?20240306) center center / 100% no-repeat;
  content: "";
}

.lp_contents .gif_image {
  width: 24.3rem;
  margin-left: 26rem;
}

.lp_contents .decor_group {
  position: relative;
  width: fit-content;
  
}

.lp_contents .decor_group:nth-of-type(1) {
  margin-left: 4.8rem;
}

.lp_contents .decor_group:nth-of-type(1):before {
  position: absolute;
  z-index: 2;
  top: -15.3rem;
  right: -13.6rem;
  width: 21rem;
  height: 21rem;
  background: url(../img/product_detail_tweety1.png?20240315) center center / 100% no-repeat;
  content:"";
}

.lp_contents .decor_group:nth-of-type(1) .decor_photo {
  display: block;
  width: 48rem;
  margin-top: 4.1rem;
  
}

.lp_contents .decor_group:nth-of-type(2) {
  margin-top: -30.3rem;
  margin-left: 64.5rem;
}

.lp_contents .decor_group:nth-of-type(2):before {
  position: absolute;
  top: -6rem;
  right: -6rem;
  width: 11.9rem;
  height: 12.4rem;
  background: url(../img/GIF5_pc.gif) center center / 100% no-repeat;
  content:"";
}

.lp_contents .decor_group:nth-of-type(2) .decor_photo {
  width: 12.4rem;
  animation: 3s fuwafuwa infinite;
  
}
.lp_contents .decor_group:nth-of-type(2) .decor_illustrate {
  width: 11.9rem;
  
}


.lp_contents .decor_group:nth-of-type(3) {
  margin-top: 6.2rem;
  margin-left: 60.8rem;
}

.lp_contents .decor_group:nth-of-type(3) .decor_gif {
  position: absolute;
  top: 6rem;
  right: 6.7rem;
  width: 3.2787rem;
  height: 4.694rem;
  background: url(../img/GIF1.gif?20240315) center center / 100% no-repeat;
}

.lp_contents .decor_group:nth-of-type(3) .decor_photo {
  width: 25rem;
}


.lp_contents .decor_group:nth-of-type(4) {
  margin-left: 17.2rem;
  margin-top: 7.3rem;
  
}

.lp_contents .decor_group:nth-of-type(4) .decor_photo {
  width: 56rem;
}

.lp_contents .decor_group:nth-of-type(4):before {
  position: absolute;
  z-index: 2;
  top: -11.6rem;
  left: -5.1rem;
  width: 10.7rem;
  height: 16.4rem;
  background: url(../img/product_detail_tweety2.png?20240321v2) center center / 100% no-repeat;
  content:"";
}

.lp_contents .decor_group:nth-of-type(4):after {
  position: absolute;
  bottom: -1rem;
  right: -3.9rem;
  width: 15.6rem;
  height: 13rem;
  background: url(../img/product_detail_tweety3.png?20240321v2) center center / 100% no-repeat;
  content:"";
}


.lp_contents .decor_group:nth-of-type(5) {
  margin-top: 7.5rem;
  margin-left: 39.8rem;
}

.lp_contents .decor_group:nth-of-type(5) .decor_gif {
  position: absolute;
  top: -9.1rem;
  left: -.1rem;
  width: 45rem;
  height: 50rem;
  background: url(../img/GIF8.gif?20240315) center center / 100% no-repeat;
}

.lp_contents .decor_group:nth-of-type(5):after {
  position: absolute;
  bottom: -7.8rem;
  right: -8.3rem;
  width: 19.3rem;
  height: 19.3rem;
  background: url(../img/product_detail_tweety4.png?20240321v2) center center / 100% no-repeat;
  content: "";
}

.lp_contents .decor_group:nth-of-type(5) .decor_photo {
  width: 44rem;
}


.lp_contents .decor_group:nth-of-type(6) {
  margin-top: -13.6rem;
  margin-left: 6.7rem;
}

.lp_contents .decor_group:nth-of-type(6) .decor_gif {
  position: absolute;
  top: 1.7rem;
  right: 6.8rem;
  width: 3.278rem;
  height: 4.694rem;
  background: url(../img/GIF1.gif?20240315) center center / 100% no-repeat;
}

.lp_contents .decor_group:nth-of-type(6):after {
  position: absolute;
  top: -12.8rem;
  left: -4.7rem;
  width: 18.25rem;
  height: 18.25rem;
  background: url(../img/GIF9.gif?20240315) center center / 100% no-repeat;
  content: "";
}

.lp_contents .decor_group:nth-of-type(6) .decor_photo {
  width: 25rem;
}

/*============================
            MASK
============================*/
.lp_contents .mask_sec {
  padding: 10rem 1rem 12rem;
  background-color: var(--color-lightblue);
}

.lp_contents .mask_sec .sec_ttl_group {
  margin-bottom: 4.4rem;
}

.lp_contents .sec_product_image {
  width: 60rem;
  margin: 0 auto 4.9rem;
}

.lp_contents .sec_point_ttl {
  margin-bottom: 3.2rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
  color: var(--color-blue);
  letter-spacing: 0.04em;
  font-feature-settings: "pkna";
  margin-left: 1px;
}

.lp_contents .sec_point_list {
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin-bottom: 2.7rem;
}

.lp_contents .sec_point_list li:first-of-type {
  width: 19rem;
  animation-delay: 0.5s;
}
.lp_contents .sec_point_list li:last-of-type {
  /* margin-top: 0.4rem; */
  width: 19rem;
  animation-delay: 1s;
}

.lp_contents .sec_point_txt {
  margin-bottom: 7.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2;
  text-align: center;
  letter-spacing: 0;
}


.lp_contents .tab_area {
  position: relative;
  display: flex;
  justify-content: center;
  width: 90rem;
  height: 5rem;
  margin: 0 auto;
}

.lp_contents .tab.active {
  z-index: 2;
}

.lp_contents .tab {
  display: block;
  width: 48rem;
  padding: 1.5rem 1rem 1.1rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background-color: var(--color-maskgreen);
  cursor: pointer;
}


.lp_contents .tab:first-of-type {
  position: absolute;
  left: 0;
  background: url(../img/tab1.svg) center center / 100% no-repeat;
}

.lp_contents .tab:first-of-type p{
  margin-left: -3rem;
}

.lp_contents .tab:last-of-type {
  position: absolute;
  right: 0;
  background: url(../img/tab2.svg) center center / 100% no-repeat;
}

.lp_contents .tab:last-of-type p{
  margin-left: 3rem;
}

.lp_contents .panel_area {
  padding: 4.7rem 1rem 3rem;
  width: 90rem;
  height: 54.3rem;
  margin: 0 auto 8rem;
  background-color: #fff;
}

.lp_contents .panel {
  display: none;
}

.lp_contents .panel.active {
  display: block;
  animation: appear .8s ease-in;
}

@keyframes appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.lp_contents .panel.active.panel_green {

}

.lp_contents .product_group {
  display: flex;

}

.lp_contents .product_img_group {
  position: relative;
  margin-right: 13.4rem;
}

.lp_contents .product_image {
  position: relative;
  width: 22.5rem;
  margin-left: 11.3rem;
  margin-top: 3.8rem;
  z-index: 2;


}

.lp_contents .product_circle {
  position: absolute;
  top: 0;
  left: 1.7rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 11rem;
  height: 11rem;
  padding-top: 0.7rem;
  border-radius: 50%;
  font-family: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;
  font-size: 1.467rem;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.99;
  text-align: center;
  color: #fff;
  background-color: var(--color-maskgreen);
  overflow: hidden;
}

.lp_contents .panel_blue .product_circle {
  background-color: var(--color-maskblue);
  line-height: 1.62;
}

.lp_contents .product_circle span {
  margin-top: -.6rem;
}

.lp_contents .panel_blue .product_circle span {
  margin-top: .2rem;
}

.lp_contents .product_fukidashi {
  position: absolute;
  top: 0rem;
  right: -12.1rem;
  z-index: 0;
  display: block;
  width: 15.5rem;
  height: 15.5rem;
  padding: 4.3rem 0 0 0.4rem;
  font-size: 1.235rem;
  font-weight: 600;
  line-height: 1.75;
  text-align: center;
  background: url(../img/intensive_mask_fukidashi1.svg?20240321) left center / cover no-repeat;
}


.lp_contents .product_txt_group {
  margin-top: 1.3rem;

}

.lp_contents .product_name {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}

.lp_contents .product_var {
  font-family: "pragmatica", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 1.9rem;
  font-weight: 600;
}

.lp_contents .product_info {
  width: fit-content;
  margin: 0 auto 1.7rem;
  font-weight: 500;
}

.lp_contents .panel_blue .product_info {
  margin-bottom: 3.3rem;
}

.lp_contents .product_amount {
  font-family: var(--font-pra);
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

.lp_contents .product_price {
  font-family: var(--font-pra);
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}

.lp_contents .product_tax {
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  margin-left: -0.2rem;

}

.lp_contents .product_detail {
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 2.3rem;
  font-weight: 500;
}

.lp_contents .panel_blue .product_detail {
  margin-bottom: 3.3rem;
}


.lp_contents .product_feature_list {
  width: fit-content;
  margin: 0 auto 2.3rem;
}

.lp_contents .panel_blue .product_feature_list {
  margin: 0 auto 3.5rem;
}

.lp_contents .product_feature_list li {
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  background: url(../img/click_green.svg) left center / cover no-repeat;
  background-size: 2.33rem 1.68rem;
  font-weight: 500;
}

.lp_contents .product_feature_list li span {
  margin-left: 3rem;
}

/* .lp_contents .panel_green .product_feature_list li {
  background: url(../img/click_blue.svg) left center / cover no-repeat;
} */

.lp_contents .panel_area .btn.more_btn {
  margin-bottom: 3.1rem;
}

.lp_contents .panel_area .btn.more_btn a {
  margin-bottom: 2rem;
  font-size: 1.27rem;
  width: 15.8rem;
  padding: 1.1rem 2rem 0.8rem;
}

.lp_contents .copy {
  display: flex;
  margin-left: 2.4rem;
}

.lp_contents .panel_blue .copy {
  margin-bottom: 2rem;
}

/* .lp_contents .copy p {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
} */

.lp_contents .copy img {
  width: 28.6rem;
  margin-right: 0.8rem;
}


/* GRAPH */

.lp_contents .graph_group {
  width: 80rem;
  margin: 0 auto 8.6rem;
  padding: 6.8rem 0 4rem;
  border-radius: 3rem;
  background-color: #fff;
  border: 2px solid var(--color-blue);
}

.lp_contents .graph_group_ttl {
  margin-bottom: 0.9rem;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.75;
  text-align: center;
  color: var(--color-blue);
}

.lp_contents .graph_group_subttl {
  margin-bottom: 6.8rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.75;
  text-align: center;
}

.lp_contents .graph_area {
  position: relative;
  margin-bottom: 5.8rem;

}

.lp_contents .graph {
  display: block;
  width: 32.7rem;
  margin: 0 auto;

}

.lp_contents .graph_point {
  position: absolute;
}

.lp_contents .graph_area .graph_point:nth-of-type(1) {
  top: -3.4rem;
  left: 5.8rem;
}
.lp_contents .graph_area .graph_point:nth-of-type(2) {
  top: 7.5rem;
  left: 5.8rem;
}
.lp_contents .graph_area .graph_point:nth-of-type(3) {
  bottom: -2.5rem;
  left: 5.8rem;
}
.lp_contents .graph_area .graph_point:nth-of-type(4) {
  top: -1.3rem;
  right: 7rem;
}
.lp_contents .graph_area .graph_point:nth-of-type(5) {
  top: 10.6rem;
  right: 4.2rem;
}

.lp_contents .graph_point_ttl {
  font-size: 1.898rem;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  letter-spacing: 0.05em;
  color: var(--color-blue);
  margin-bottom: 0.8rem;
}

.lp_contents .graph_point_detail {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.75;
  text-align: left;
  letter-spacing: 0.05em;
  color: var(--color-blue);

}

.lp_contents .how_to_ttl {
  position: relative;
  margin:0 auto 3.2rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-blue);
}

.lp_contents .how_to_ttl:before, 
.lp_contents .how_to_ttl:after {
  position: absolute;
  bottom: 50%;
  width: 24rem;
  height: 1px;
  transform: translateY(-50%);
  background-image: linear-gradient(to right, var(--color-blue), var(--color-blue) 5px, transparent 0px, transparent 8px);
  background-size: 10px 3px;
  background-position: left bottom;
  background-repeat: repeat-x;
  content: "";
}

.lp_contents .how_to_ttl:before {
  right: 6rem;
}

.lp_contents .how_to_ttl:after {
  left: 6rem;
}


.lp_contents .how_to_step {
  width: fit-content;
  margin: 0 auto;

}

.lp_contents .how_to_step .text {
  margin-bottom: 2.7rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: left;
  letter-spacing: 0.05em;
}

.lp_contents .how_to_step li {
  display: flex;
  justify-content: flex-start;
}

.lp_contents .how_to_step li .num {
  margin-right: 2rem;
  margin-top: 0.5rem;
  font-family: var(--font-pra);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  letter-spacing: 0.05em;
  color: var(--color-blue);
}

.lp_contents .product_list_group {

}

.lp_contents .product_list_group h4 {
  margin-bottom: 5.5rem;
  font-family: var(--font-bg);
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.12em;
  color: var(--color-blue);
  text-transform: uppercase;
}

.lp_contents .product_list {
  display: flex;
  width: 97.9rem;
  margin: 0 auto 5.7rem;
}

.lp_contents .product_list li {
  position: relative;
  text-align: center;
  z-index: 2;
}

.lp_contents .mask_sec .product_list li:nth-of-type(2):before,
.lp_contents .mask_sec .product_list li:nth-of-type(4):before {
  position: absolute;
  bottom: 9.8rem;
  left: -1.5rem;
  width: 6.133rem;
  height: 4.6rem;
  background: url(../img/recommend.svg) left center / 100% no-repeat;
  content: "";
  z-index: 2;
  pointer-events: none;
}

.lp_contents .product_list li img {
  margin-bottom: -.1rem;
  z-index: 2;
}

.lp_contents .mask_sec .product_list li:nth-of-type(1) img,
.lp_contents .mask_sec .product_list li:nth-of-type(3) img {
  width: 12rem;
}

.lp_contents .mask_sec .product_list li:nth-of-type(2) img,
.lp_contents .mask_sec .product_list li:nth-of-type(4) img {
  width: 20rem;
  
}

.lp_contents .mask_sec .product_list li:nth-of-type(1) {
  margin-right: 5.9rem;
  margin-right: 7.2rem;
}
.lp_contents .mask_sec .product_list li:nth-of-type(2) {
  margin-right: 11.6rem;
}

.lp_contents .mask_sec .product_list li:nth-of-type(2) img,
.lp_contents .mask_sec .product_list li:nth-of-type(2) .fukidashi_group {
  animation-delay: 0.5s;
}

.lp_contents .mask_sec .product_list li:nth-of-type(3) {
  margin-right: 7.1rem;
  margin-right: 7.2rem;
}

.lp_contents .mask_sec .product_list li:nth-of-type(3) img{
  animation-delay: 1s;
}

.lp_contents .mask_sec .product_list li:nth-of-type(4) img,
.lp_contents .mask_sec .product_list li:nth-of-type(4) .fukidashi_group {
  animation-delay: 1.5s;
}

.product_list_name{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.025em;
  margin-bottom: .7rem !important;
}

.lp_contents .product_price_buy_group {
  display: flex;
  align-items: center;
  justify-content: center;

}

.lp_contents .product_list_price {
  font-family: var(--font-pra);
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}

.lp_contents .product_list_group .yen {
  vertical-align: -.1rem
}

.lp_contents .product_list_group .tax {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  margin-right: 0.8rem;
  vertical-align: -0.1rem;
}

.lp_contents .btn.buy_btn a{
  padding: .3rem .6rem .1rem;
  font-family: var(--font-pra);
  font-size: 1.164rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: var(--color-black);
  color: #fff;
}

.lp_contents .btn.buy_btn {
  margin: 0;

}

.lp_contents .fukidashi_group {
  position: absolute;
  top: -3.2rem;
  right: -5.5rem;
  z-index: -1;
}

.lp_contents .mask_sec .product_list li:nth-of-type(4) .fukidashi_group {
  top: -3.2rem;
  right: -5.1rem;
}

.lp_contents .fukidashi_text {
  display: block;
  width: 10.5rem;
  height: 10.4rem;
  padding: 3.1rem 0 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.75;
  color: var(--color-blue);
  text-align: center;
  background: url(../img/intensive_mask_fukidashi2.svg) left center / 100% no-repeat;
  background-size: 10.5 10.4rem;
}

.lp_contents .fukidashi_group .img_block_sml {
  animation: 3s fuwafuwa infinite;
}

.lp_contents .fukidashi_group img {
  margin-top: -1.5rem !important;
  margin-left: 3.9rem !important;
  width: 5.2rem !important;
  transform: rotate(4deg) !important;
}

.lp_contents .note {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
}

/*=======================================
              LIP
========================================*/
.lp_contents .lip_sec {
  padding: 9.8rem 0 6rem;
  background-color: var(--color-lightpink);
}

.lp_contents .lip_sec .sec_subttl,
.lp_contents .lip_sec .sec_ttl {
  color: var(--color-pink);
}

.lp_contents .lip_sec .sec_ttl_group {
  margin-bottom: 4.5rem;
}

.lp_contents .lip_sec .sec_product_image {
  position: relative;
  margin-bottom: 6.8rem;
}

.lp_contents .lip_sec .sec_product_image:before {
  position: absolute;
  z-index: 2;
  bottom: -2.9rem;
  right: -1rem;
  width: 21.1rem;
  height: 21.1rem;
  background: url(../img/GIF10.gif?20240315) center center / cover no-repeat;
  content: "";
}

.lp_contents .lip_sec .tab {
  font-family: var(--font-bg);
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  width: 90rem;
  cursor: none;
  text-align: center;

}

.lp_contents .lip_sec .tab:first-of-type {
  padding: 1.1rem 1rem .7rem;
  background: var(--color-pink);
  border-top-right-radius: 2rem;
  border-top-left-radius: 2rem;
}

.lp_contents .lip_sec .tab:last-of-type p {
  margin-left: 0.5rem;
}
/* panel */
.lp_contents .lip_sec .panel_area {
  padding: 1.6rem 1rem 3rem;
  height: 48rem;
}

.lp_contents .lip_sec .panel {
  display: block;
}

.lp_contents .lip_sec .product_img_group {
  margin-right: 8.7rem;
}

.lp_contents .lip_sec .product_image {
  width: 23.9rem;
  margin-left: 8.5rem;
}

.lp_contents .lip_sec .product_txt_group {
  margin-top: 4.6rem;
}

.lp_contents .lip_sec .product_name span {
  font-size: 1.2rem;
}



.lp_contents .lip_sec .product_var {
  margin-bottom: 2rem;
  font-size: 2rem;
}


.lp_contents .lip_sec .product_var_list li {
  width: 4rem;
}

.lp_contents .lip_sec .product_detail {
  margin-bottom: 12rem;
  letter-spacing: 0;
}

/* SLICK */
.container {
  position: relative;
  width: 76.6rem;
  margin: 0 auto;
}

.slider {
  position: relative;
}

.slick-track {
  display: flex !important;
}

.slick-list {
  position: relative;
  z-index: 1;
}
.slick-info {
  display: flex;
}

/*thumbnail*/
.thumbnail {
  display: flex !important;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 7.3rem;
  margin-right: 4.7rem;
  z-index: 5;
}

.thumbnail .slick-track {
  transform: unset !important;
  display: flex;
  width: 26.6rem !important;
  gap: 1.5rem;
}

.thumbnail-img {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  width: 4.1rem !important;
  z-index: 3;
  cursor: pointer;
}

.img_block {
  position: relative;
  border-radius: 50%;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img_block img{
  border-radius: 50%;
  max-width: -webkit-fit-content;
  max-height: -webkit-fit-content;
}

.img_block:after{
  display: block;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 50%;
  content: "";
  background-image: radial-gradient(circle, #ffffff calc(100px / 2 - 1px), transparent calc(100px / 2));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.thumbnail-img.slick-current .img_block:before {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  content: "";
  background-image: radial-gradient(circle, #c5c5c5 calc(100px / 2 - 1px), transparent calc(100px / 2));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}


/* 
.thumbnail-img img{
  border-radius: 50%;
  margin-bottom: 1rem;
  max-width: -webkit-fit-content;
  max-height: -webkit-fit-content;
} */

.var_num {
  font-family:var(--font-pra);
  font-size: 1.211rem;
  text-align: center;
}




/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.lp_contents .slick-prev, 
.lp_contents .slick-next {
  position: absolute;/*絶対配置にする*/
	z-index: 3;
  top: 52.5%;
  cursor: pointer;/*マウスカーソルを指マークに*/
  outline: none;/*クリックをしたら出てくる枠線を消す*/
  border-top: 1px solid var(--color-black);/*矢印の色*/
  border-right: 1px solid var(--color-black);/*矢印の色*/
  border-left: none;
  border-bottom: none;
  height: 17px;
  width: 17px;
  padding: 0;
  font-size: 0;
  color: inherit;
  background: none;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:0;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:53.5%;
    transform: rotate(45deg);
}

.lp_contents .lip_sec .panel_area .copy {
  margin-left: 42.3rem;
  margin-top: -.1rem;
}

.lp_contents .lip_sec .panel_area .copy img {
  width: 28.6rem;
  margin-left: -1.1rem;
  margin-top: -.1rem;
}


/* GRAPH */
.lp_contents .lip_sec .graph_group {
  margin: 0 auto 8.3rem;
  padding: 6.8rem 0 5.6rem;
  border: 2px solid var(--color-pink);
}

.lp_contents .lip_sec .graph_group_ttl {
  margin-bottom: 2.4rem;
  text-align: center;
  color: var(--color-pink);
  letter-spacing: 0;
  font-feature-settings: "pkna";
}

.lp_contents .lip_sec .graph_group_subttl {
  margin-bottom: 3.3rem;
  font-size: 1.6rem;
}

.lp_contents .lip_sec .graph_area {
  margin-bottom: 0;
}

.lp_contents .lip_sec .graph_inner_group:first-of-type .graph_area {
  margin-bottom: 4rem;
}

.lp_contents .lip_sec .graph_inner_group {
	position:relative;
  width: 68.1rem;
  margin: 0 auto;
  /* border-bottom: var(--color-pink) dashed 2px;
  border-bottom-style: dashed 5px; */
  /* background:  linear-gradient(to right, #000 2px, transparent 2px); */
}

.lp_contents .lip_sec .graph_inner_group:first-of-type::before {
  position: absolute;
  bottom: -4.2rem;
  right: 50%;
  width: 68.5rem;
  height: 2px;
  transform: translateX(50%);
  background-image: linear-gradient(to right, var(--color-pink), var(--color-pink) 5px, transparent 0px, transparent 8px);
  background-size: 10px 3px;
  background-position: left bottom;
  background-repeat: repeat-x;
  content: "";
}

.lp_contents .lip_sec .graph_inner_group:last-of-type {
  border: none;
  margin-top: 9rem;
}

.lp_contents .lip_sec .graph_inner_group:first-of-type .graph {
  width: 45.9rem;
  margin-left: 8.2rem;
}

.lp_contents .lip_sec .graph_inner_group:last-of-type .graph {
  width: 60rem;
}

.lp_contents .lip_sec .product_list_group h4 {
  margin-bottom: 3.5rem;
  color: var(--color-pink);
}

.lp_contents .lip_sec .product_list {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin:0 auto 7.6rem;
}

.lp_contents .lip_sec .product_list_pic {
  display: flex;
  gap: 2.7rem;
}

.lp_contents .lip_sec .product_list_pic li{
  width: 6.67rem;
}

.lp_contents .lip_sec .product_list_pic li:nth-of-type(2){
  animation-delay: 0.5s;
}
.lp_contents .lip_sec .product_list_pic li:nth-of-type(3){
  animation-delay: 1s;
}
.lp_contents .lip_sec .product_list_pic li:nth-of-type(4){
  animation-delay: 1.5s;
}
.lp_contents .lip_sec .product_list_pic li:nth-of-type(5){
  animation-delay: 2s;
}

.lp_contents .lip_sec .check{
  animation-delay: 2.5s;
}

.lp_contents .lip_sec .copy {
  display: flex;
  margin-left: 0;
  margin-top: 4rem;
  justify-content: center;
}

.lp_contents .lip_sec .copy img {
  width: 29.4rem;
  margin-right: 0;
}





/*=======================================
            tablet
========================================*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
  html {
    font-size: calc(10* (100vw / 1200)) ;
  }
}

/*=======================================
                   SP
========================================*/
@media only screen and (max-width: 767px) {



  /* ===================
    LP Contents
  =================== */
  .lp_contents a:hover {
    opacity: 1;
  }
  .lp_contents .pc_only {
    display: none;
  }

  .lp_contents .sp_only {
    display: block;
  }

  .contents {
    padding-top: calc(182 * (100vw / 750));
  }

  .share-txt {
    margin-bottom: 0 !important;
  }

  /* ===================================
                MAIN VISUAL
  =================================== */
    /* 2024/04/02 */
  .lp_contents .mv_sec {
    padding: calc(56 * (100vw / 750)) 0 calc(20 * (100vw / 750));
  }
  
  .lp_contents .mv_ttl {
    width: calc(387 * (100vw / 750));
    margin: 0 auto calc(20 * (100vw / 750));
  }
  
  .lp_contents .mv_image_group {
    margin-bottom: calc(98 * (100vw / 750));
  }
  
  .lp_contents .mv_image {
    width: calc(750*(100vw / 750));
    clip-path: none;
  }
  
  .lp_contents .mv_image_group:before {
    top: calc(23*(100vw / 750));
    margin-right: calc(-261 * (100vw / 750));
    width: calc(81.38 * (100vw / 750));
    height: calc(112 * (100vw / 750));
  }
  
  .lp_contents .mv_image_group:after {
    bottom: calc(-177*(100vw / 750));
    margin-right: calc(10*(100vw / 750));
    width: calc(780*(100vw / 750));
    height: calc(600*(100vw / 750));
    background: url(../img/GIF2_sp.gif?20240321) center center / 100% no-repeat;
  }
  
  .lp_contents .mv_image img {
    margin-left: 0;
  }
  
  .lp_contents .mv_subttl {
    margin: 0 auto calc(35 * (100vw / 750));
    font-size: calc(48 * (100vw / 750));
  }
    
  
  .lp_contents .mv_subttl_decor.effect { 
    width: calc(530 * (100vw / 750));
    height: calc(15 * (100vw / 750));
    margin-left: calc(-10 * (100vw / 750));
    }
  
  .lp_contents .mv_txt {
    margin-bottom: calc(18 * (100vw / 750));
    font-size: calc(26 * (100vw / 750));
    letter-spacing: 0.025em;
  }
  
  .lp_wrap .sec_inner.open {
    height: calc(1040 * (100vw / 750));
  }
  
  _::-webkit-full-page-media, _:future, :root .lp_wrap .sec_inner.open {
    height: calc(1040 * (100vw / 750));
  }
  

  .lp_contents .sec_accor.open {
    height: calc(1120 * (100vw / 750));
  }
  
  .lp_wrap .more_close.open_now {
    height: calc(10 * (100vw / 750));
    bottom: calc(-100 * (100vw / 750));
  }

  .lp_contents .intro_txt {
    font-size: calc(24 * (100vw / 750));
  }
  
  .lp_contents .more_close:before {
    width: calc(13*(100vw / 750));
    height: calc(13*(100vw / 750));
    border: 1px solid currentColor;
    top: calc(19*(100vw / 750));
    left: calc(-30*(100vw / 750));
    border-left: 0;
    border-bottom: 0;
  }
  
  .lp_contents .more_txt {
    font-size: calc(24 * (100vw / 750));
    text-underline-offset: 7px;
  }

  /* 2024/04/02 */
  .lp_contents .space {
    margin-bottom: calc(100 * (100vw / 750));
  }

  /* ===================================
           SPECIAL BOX
  =================================== */
  /* 2024/04/02 */
  .lp_contents .special_box_sec {
    padding: 0 0 calc(236 * (100vw / 750));
    margin-top: calc(246 * (100vw / 750));
    background: transparent;
  }
  
  .lp_contents .special_box_sec:before {
    top: calc(-150*(100vw / 750));
    width: 215vw;
    height: 102%;
  }
  
  .lp_contents .special_box_sec:after {
    top: calc(-10 * (100vw / 750));
    width: 100vw;
    height: 100%;
  }
  
  .lp_contents .sec_ttl_group {
    margin-bottom: calc(24 * (100vw / 750));
  }
  
  .lp_contents .sec_subttl {
    font-size: calc(18 * (100vw / 750));
    margin-bottom: calc(7*(100vw / 750));
  }
  
  .lp_contents .sec_ttl {
    font-size: calc(60 * (100vw / 750));
  }

  .lp_contents .special_box_sec .sec_ttl_group {
    margin:0 auto calc(63*(100vw / 750));
  }

  .lp_contents .special_box_sec .sec_ttl_group:before {
    top: calc(-30*(100vw / 750));
    right: auto;
    left: calc(-73*(100vw / 750));
    width: calc(130*(100vw / 750));
    height: calc(131*(100vw / 750));
    background: url(../img/ttl_decor_sp.svg) center center / cover no-repeat;
    content: "";
  }
  
  .lp_contents .special_box_group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: calc(0 * (100vw / 750));
    margin-bottom: calc(60 * (100vw / 750));
    gap:0;
  }
  
  .lp_contents .special_box_img {
    position: relative;
    z-index: 2;
    width: calc(900*(100vw / 750));
    margin-left: calc(-82*(100vw / 750));
    margin-top: calc(-54*(100vw / 750));
  }

  .lp_contents .special_box_img img {
    width: auto;
    margin-left: calc(32 * (100vw / 750));
  }

  .lp_contents .sticker_txt {
    top: calc(4*(100vw / 750));
    left: auto;
    right: calc(100*(100vw / 750));
    width: calc(209*(100vw / 750));
    height: calc(59.6*(100vw / 750));
    background: url(../img/sticker_txt_sp.svg) center center / cover no-repeat;
  }
  
  .lp_contents .special_box_img:before {
    top: calc(79*(100vw / 750));
    left: auto;
    right: calc(68*(100vw / 750));
    width: calc(247*(100vw / 750));
    height: calc(147*(100vw / 750));
  }
  
  .lp_contents .special_box_img:after {
    bottom: calc(30*(100vw / 750));
    left: calc(65*(100vw / 750));
    width: calc(230*(100vw / 750));
    height: calc(255*(100vw / 750));
    background: url(../img/special_box_decor2_sp.svg) center center / cover no-repeat;
  }
  
  .lp_contents .special_box_txt {
    margin-left: calc(76*(100vw / 750));
    margin-top: calc(-3*(100vw / 750));
  }
  
  .lp_contents .special_box_name {
    font-size: calc(32 * (100vw / 750));
    margin-bottom: calc(13 * (100vw / 750));
    margin-left: calc(37*(100vw / 750));
  }

  .lp_contents .special_box_name .txt_jp {
    margin-left: calc(5*(100vw / 750));
    letter-spacing: 0.03em;
  }
  
  .lp_contents .special_box_price {
    margin-bottom: calc(65 * (100vw / 750));
    margin-left: calc(37*(100vw / 750));
    font-size: calc(48 * (100vw / 750));
  }

  .lp_contents .special_box_price .yen {
    font-size: calc(45 * (100vw / 750));
    vertical-align: calc( -1* (100vw / 750));
  }
  
  .lp_contents .special_box_price .tax {
    font-size: calc(23 * (100vw / 750));
    margin-left: calc(3*(100vw / 750));
  }
  
  .lp_contents .special_box_detail {
    padding: calc(10 * (100vw / 750)) 0 calc(10 * (100vw / 750)) 0;
    width: calc(600 * (100vw / 750));
    border-radius: calc(20 * (100vw / 750));
  }
  
  .lp_contents .box_detail_ttl {
    top: calc(-19*(100vw / 750));
    left: 50%;
    transform: translateX(-50%);
    width: calc(163*(100vw / 750));
    height: calc(30*(100vw / 750));
    font-size: calc(26*(100vw / 750));
  }
  
  .lp_contents .box_lineup {
    margin: calc(2 * (100vw / 750)) 0 calc(15 * (100vw / 750)) 0;
  }
  
  
  .lp_contents .box_lineup li{
    font-size: calc(22 * (100vw / 750));
    line-height: 2;
  }
  
  .lp_contents .box_lineup li:first-of-type:before{
    top: 0;
    left: calc(42 * (100vw / 750));
    width: calc(60 * (100vw / 750));
    height: calc(40 * (100vw / 750));
  }
  
  .lp_contents .special_box_lineup_img {
    width: calc(488 * (100vw / 750));
  }
  
  .lp_contents .special_box_lineup_img:before {
    top: calc(-4*(100vw / 750));
    left: calc(-22*(100vw / 750));
    width: calc(60*(100vw / 750));
    height: calc(40*(100vw / 750));
  }

  /* btn more */
  .lp_contents .more_btn a {
    width: calc(250*(100vw / 750));
    padding: calc(10*(100vw / 750)) calc(10*(100vw / 750)) calc(8*(100vw / 750));
    font-size: calc(20*(100vw / 750));
  }

  /*=======================================
          PRODUCT DETAIL
========================================*/
.lp_contents .product_detail_sec {
  padding: calc(0 * (100vw / 750)) 0 calc(195 * (100vw / 750));
}

.lp_contents .product_detail_sec .sec_ttl_group {
  margin-bottom: calc(45 * (100vw / 750));
}

.lp_contents .product_detail_sec .sec_ttl {
  font-size: calc(50 * (100vw / 750));
}

.lp_contents .anchor_link {
  margin-bottom: calc(216 * (100vw / 750));
  gap: calc(10*(100vw / 750));
  margin-left: calc(0*(100vw / 750));
}

.lp_contents .anchor_link li a:before {
  width: calc(18*(100vw / 750));
  height: calc(18*(100vw / 750));
  bottom: calc(-50*(100vw / 750));
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  left: auto;
}

_::-webkit-full-page-media, _:future, :root .lp_contents .anchor_link li a:before {
  bottom: calc(-400*(100vw / 750));
}

@-moz-document url-prefix() {
  .lp_contents .anchor_link li a:before {
    width: calc(18*(100vw / 750));
    height: calc(18*(100vw / 750));
    bottom: calc(-400*(100vw / 750));
    border: 1px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    left: auto;
  }
}

.lp_contents .anchor_product_image {
  margin-bottom: calc(19 * (100vw / 750));
  width: calc(340 * (100vw / 750));
}

.lp_contents .anchor_product_en {
  margin-bottom: calc(11 * (100vw / 750));
  font-size: calc(28 * (100vw / 750));
}

.lp_contents .anchor_product_jp {
  font-size: calc(20 * (100vw / 750));
}

.lp_contents .product_detail_image_group {
  width: 100%;
}

.lp_contents .product_detail_image_group:before {
  top: calc(-68 * (100vw / 750));
  margin-right: calc(3 * (100vw / 750));
  width: calc(825 * (100vw / 750));
  height: calc(2965 * (100vw / 750));
  background: url(../img/product_detail_linear_sp.png) center center / 100% no-repeat;
}

.lp_contents .gif_image {
  width: calc(376 * (100vw / 750));
  margin-left: calc(121 * (100vw / 750));
  margin-bottom: calc(8*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(1) {
  margin-left: calc(0 * (100vw / 750));;
}

.lp_contents .decor_group:nth-of-type(1):before {
  top: calc(-235*(100vw / 750));
  right: calc(-160*(100vw / 750));
  width: calc(343*(100vw / 750));
  height: calc(343*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(1) .decor_photo {
  width: calc(600 * (100vw / 750));
  margin-top: calc(40 * (100vw / 750));
  
}

.lp_contents .decor_group:nth-of-type(2) {
  margin-top: calc(-217*(100vw / 750));
  margin-left: calc(531*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(2):before {
  top: calc(-144*(100vw / 750));
  right: calc(-13*(100vw / 750));
  width: calc(102*(100vw / 750));
  height: calc(166*(100vw / 750));
  background: url(../img/GIF5_sp.gif) center center / 100% no-repeat;
}

.lp_contents .decor_group:nth-of-type(2) .decor_photo {
  width: calc(185 * (100vw / 750));
  
}
.lp_contents .decor_group:nth-of-type(2) .decor_illustrate {
  width: calc(185 * (100vw / 750));  
}

.lp_contents .decor_group:nth-of-type(3) {
  margin-top: calc(9*(100vw / 750));
  margin-left: calc(270*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(3) .decor_gif {
  top: calc(110*(100vw / 750));
  right: calc(122*(100vw / 750));
  width: calc(54*(100vw / 750));
  height: calc(78*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(3) .decor_photo {
  width: calc(420 * (100vw / 750));  
}

.lp_contents .decor_group:nth-of-type(4) {
  margin-left: calc(0 * (100vw / 750));  
  margin-top: calc(68 * (100vw / 750));  
  
}

.lp_contents .decor_group:nth-of-type(4) .decor_photo {
  width: calc(750 * (100vw / 750));  
}

.lp_contents .decor_group:nth-of-type(4):before {
  top: calc(-218*(100vw / 750));
  left: calc(29*(100vw / 750));
  width: calc(189*(100vw / 750));
  height: calc(288*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(4):after {
  bottom: calc(-40*(100vw / 750));
  right: calc(20*(100vw / 750));
  width: calc(247*(100vw / 750));
  height: calc(220*(100vw / 750));
  z-index: 2;
}

.lp_contents .decor_group:nth-of-type(5) {
  margin-top: calc(80*(100vw / 750));
  margin-left: calc(110*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(5) .decor_gif {
  top: calc(-29*(100vw / 750));
  margin-right: calc(9*(100vw / 750));
  width: calc(646*(100vw / 750));
  height: calc(540*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(5):after {
  width: 0;
  height: 0;
}

.lp_contents .decor_group:nth-of-type(5) .decor_photo {
  width: calc(640 * (100vw / 750));  
}

.lp_contents .decor_group:nth-of-type(6) {
  margin-top: calc(70*(100vw / 750));
  margin-left: calc(40*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(6) .decor_gif {
  top: calc(31*(100vw / 750));
  left: calc(264*(100vw / 750));
  width: calc(54*(100vw / 750));
  height: calc(76*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(6):after {
  top: calc(-225*(100vw / 750));
  left: calc(-84*(100vw / 750));
  width: calc(320*(100vw / 750));
  height: calc(320*(100vw / 750));
}

.lp_contents .decor_group:nth-of-type(6) .decor_photo {
  width: calc(420 * (100vw / 750));
}

.lp_contents .decor_group:nth-of-type(6) .decor_illust:before {
  position: absolute;
  bottom: calc(-125*(100vw / 750));
  right: calc(-210*(100vw / 750));
  width: calc(326*(100vw / 750));
  height: calc(326*(100vw / 750));
  background: url(../img/product_detail_tweety4.png) center center / 100% no-repeat;
  content: "";
}

/*============================
            MASK
============================*/
#IntensiveMask {
  margin-top: calc(-30 * (100vw / 750));
}

.lp_contents .mask_sec {
  padding: calc(150 * (100vw / 750)) 0 calc(203 * (100vw / 750));
}

.lp_contents .mask_sec .sec_ttl_group {
  margin-bottom: calc(70 * (100vw / 750));
}

.lp_contents .mask_sec .sec_ttl {
  font-size: calc(50 * (100vw / 750));
}

.lp_contents .sec_product_image {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
}

.lp_contents .sec_point_ttl {
  margin-bottom: calc(55 * (100vw / 750));
  font-size: calc(32 * (100vw / 750));
}

.lp_contents .sec_point_list {
  gap: calc(30 * (100vw / 750));
  margin-bottom: calc(35 * (100vw / 750));
  margin-left: calc(0*(100vw / 750));
}

.lp_contents .sec_point_list li:first-of-type {
  width: calc(280 * (100vw / 750));
}

.lp_contents .sec_point_list li:first-of-type img {
  width: calc(280 * (100vw / 750));
}

.lp_contents .sec_point_list li:last-of-type {
  width: calc(280 * (100vw / 750));
  margin-top: calc(0 * (100vw / 750));
}

.lp_contents .sec_point_txt {
  margin-bottom: calc(97 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
}

.lp_contents .tab_area {
  position: relative;
  z-index: -1;
  width: calc(750 * (100vw / 750));
  height: calc(100 * (100vw / 750));
}

.lp_contents .tab {
  width: calc(410 * (100vw / 750));
  padding: calc(16 * (100vw / 750)) 0 calc(10 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}


.lp_contents .tab:first-of-type {
  background: url(../img/tab1_sp.svg) center center / 100% no-repeat;
}

.lp_contents .tab:first-of-type p{
  margin-left: calc(-30 * (100vw / 750));
}

.lp_contents .tab:last-of-type {
  background: url(../img/tab2_sp.svg) center center / 100% no-repeat;
  padding: calc(33*(100vw / 750)) 0 calc(29*(100vw / 750));
}

/* _::-webkit-full-page-media, _:future, :root .lp_contents .tab:last-of-type {
  bottom: 3px;
} */

.lp_contents .tab:last-of-type p{
  margin-left: calc(40 * (100vw / 750));
}

.lp_contents .panel_area {
  padding: calc(10 * (100vw / 750)) 0 calc(60 * (100vw / 750));
  width: calc(750 * (100vw / 750));
  margin: -3px auto calc(80 * (100vw / 750));
}

.lp_contents .panel_area {
  height: calc(1422 * (100vw / 750));
}

.lp_contents .product_group {
  flex-direction: column;
}

.lp_contents .product_img_group {
  margin-right: calc(0 * (100vw / 750));
  margin-bottom: calc(15*(100vw / 750));
}

.lp_contents .product_image {
  width: calc(320 * (100vw / 750));
  margin-left: calc(217*(100vw / 750));
  margin-top: calc(76*(100vw / 750));
}

.lp_contents .product_circle {
  top: calc(40 * (100vw / 750));
  left: calc(50 * (100vw / 750));
  width: calc(180 * (100vw / 750));
  height: calc(180 * (100vw / 750));
  padding-top: calc(2 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.089em;
  line-height: 1.8;
}

.lp_contents .panel_blue .product_circle {
  line-height: 2;
}

.lp_contents .product_circle span {
  margin-top: calc(0 * (100vw / 750));
}

.lp_contents .panel_blue .product_circle span {
  margin-top: calc(-2*(100vw / 750));
  line-height: 1.5;
}

.lp_contents .product_fukidashi {
  top: calc(77*(100vw / 750));
  right: calc(38*(100vw / 750));
  width: calc(230*(100vw / 750));
  height: calc(225*(100vw / 750));
  padding: calc(61*(100vw / 750)) 0 0 0;
  font-size: calc(18*(100vw / 750));
  line-height: 1.75;
}


.lp_contents .product_txt_group {
  margin-top: calc(0 * (100vw / 750));

}

.lp_contents .product_name {
  margin-bottom: calc(24 * (100vw / 750));
  font-size: calc(30 * (100vw / 750));

}

.lp_contents .product_var {
  font-size: calc(22 * (100vw / 750));
  margin-bottom: calc(22 * (100vw / 750));
}

.lp_contents .product_info {
  margin: 0 auto calc(30 * (100vw / 750));
}

.lp_contents .panel_blue .product_info {
  margin-bottom: calc(49 * (100vw / 750));
}

.lp_contents .product_amount {
  font-size: calc(22 * (100vw / 750));
}

.lp_contents .product_price {
  font-size: calc(36 * (100vw / 750));
}

.lp_contents .product_tax {
  font-size: calc(22 * (100vw / 750));
  margin-left: calc(-10 * (100vw / 750));
}

.lp_contents .product_detail {
  font-size: calc(24 * (100vw / 750));
  margin-bottom: calc(45 * (100vw / 750));
}

.lp_contents .panel_blue .product_detail {
  margin-bottom: calc(86 * (100vw / 750));
}


.lp_contents .product_feature_list {
  width: auto;
  margin: 0 auto calc(52*(100vw / 750));
  padding-left: calc(148*(100vw / 750));
}

.lp_contents .panel_blue .product_feature_list {
  margin: 0 auto calc(85 * (100vw / 750));
}

.lp_contents .product_feature_list li {
  margin-bottom: calc(5 * (100vw / 750));
  font-size: calc(26 * (100vw / 750));
  background-size: calc(37.2 * (100vw / 750)) calc(26 * (100vw / 750));
}

.lp_contents .product_feature_list li span {
  margin-left: calc(59 * (100vw / 750));
}

.lp_contents .panel_area .btn.more_btn {
  margin-bottom: calc(40 * (100vw / 750));
}

.lp_contents .panel_area .btn.more_btn a {
  margin-bottom: calc(20*(100vw / 750));
  font-size: calc(20*(100vw / 750));
  width: calc(250*(100vw / 750));
  padding: calc(11*(100vw / 750)) calc(20*(100vw / 750)) calc(11*(100vw / 750));
}

.lp_contents .copy {
  margin: 0 auto;
  justify-content: center;
}

.lp_contents .panel_blue .copy {
  margin-bottom: calc(20 * (100vw / 750))
}

.lp_contents .copy p {
  font-size: calc(12 * (100vw / 750));
}

.lp_contents .copy img {
  width: calc(370*(100vw / 750));
  margin-right: calc(-21*(100vw / 750));
}

/* GRAPH */

.lp_contents .graph_group {
  width: calc(690 * (100vw / 750));
  margin: 0 auto calc(100 * (100vw / 750));
  padding: calc(62 * (100vw / 750)) 0 calc(40 * (100vw / 750));
  border-radius: calc(20 * (100vw / 750));
}

.lp_contents .graph_group_ttl {
  margin-bottom: calc(23 * (100vw / 750));
  font-size: calc(40 * (100vw / 750));
}

.lp_contents .graph_group_subttl {
  margin-bottom: calc(170 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

.lp_contents .graph_area {
  margin-bottom: calc(154 * (100vw / 750));
}

.lp_contents .graph {
  width: calc(373 * (100vw / 750));
  margin-left: calc(138*(100vw / 750));

}

.lp_contents .graph_area .graph_point:nth-of-type(1) {
  top: calc(-114 * (100vw / 750));
  left: calc(40 * (100vw / 750));
}
.lp_contents .graph_area .graph_point:nth-of-type(2) {
  top: calc(290 * (100vw / 750));
  left: calc(40 * (100vw / 750));
}
.lp_contents .graph_area .graph_point:nth-of-type(3) {
  bottom: calc(-99*(100vw / 750));
  left: calc(130*(100vw / 750));
}
.lp_contents .graph_area .graph_point:nth-of-type(4) {
  top: calc(-114*(100vw / 750));
  right: calc(36*(100vw / 750));
}
.lp_contents .graph_area .graph_point:nth-of-type(5) {
  top: calc(360 * (100vw / 750));
  right: calc(32 * (100vw / 750));
}

.lp_contents .graph_point_ttl {
  font-size: calc(26 * (100vw / 750));
  margin-bottom: calc(9 * (100vw / 750));
}

.lp_contents .graph_point_detail {
  font-size: calc(20 * (100vw / 750));
}

.lp_contents .how_to_ttl {
  margin:0 auto calc(42 * (100vw / 750));
  font-size: calc(30 * (100vw / 750));
}

.lp_contents .how_to_ttl:before, 
.lp_contents .how_to_ttl:after {
  position: absolute;
  bottom: 50%;
  width: calc(170 * (100vw / 750));
  height: 1px;
  transform: translateY(-50%);
  background-image: linear-gradient(to right, var(--color-blue), var(--color-blue) 5px, transparent 0px, transparent 8px);
  background-size: 8px 3px;
  background-position: left bottom;
  background-repeat: repeat-x;
  content: "";
}

.lp_contents .how_to_ttl:before {
  right: calc(40 * (100vw / 750));
}

.lp_contents .how_to_ttl:after {
  left: calc(40 * (100vw / 750));
}

.lp_contents .how_to_step .text {
  margin-bottom: calc(33 * (100vw / 750));
  font-size: calc(22 * (100vw / 750));
  line-height: 1.5;
  letter-spacing: 0.025em;
}


.lp_contents .how_to_step {
  padding-left: calc(10*(100vw / 750));
  width: calc(620*(100vw / 750));
}

.lp_contents .how_to_step li .num {
  margin-right: calc(16 * (100vw / 750));
  margin-top: calc(7 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
}

.lp_contents .product_list_group {

}

.lp_contents .product_list_group h4 {
  margin-bottom: calc(45 * (100vw / 750));
  font-size: calc(50 * (100vw / 750));
}

.lp_contents .product_list {
  position: relative;
  width: calc(690 * (100vw / 750));
  margin: 0 auto calc(78*(100vw / 750));
  flex-wrap: wrap;
  row-gap: calc(113*(100vw / 750));
}

.lp_contents .mask_sec .product_list:before {
  position: absolute;
  bottom: 49.5%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: calc(650*(100vw / 750));
  height: 1px;
  background-image: linear-gradient(to right, #8c8c8c, #8c8c8c 5px, transparent 0px, transparent 8px);
  background-size: 8px 3px;
  background-position: left bottom;
  background-repeat: repeat-x;
  content: "";

}


.lp_contents .mask_sec .product_list li:nth-of-type(2):before,
.lp_contents .mask_sec .product_list li:nth-of-type(4):before {
  bottom: calc(124*(100vw / 750));
  left: calc(7*(100vw / 750));
  width: calc(80*(100vw / 750));
  height: calc(60*(100vw / 750));
}

.lp_contents .mask_sec .product_list li:nth-of-type(2):before {
  bottom: calc(125*(100vw / 750));
  left: calc(13*(100vw / 750));
}

.lp_contents .product_list li img {
  margin-bottom: calc(0 * (100vw / 750));
}

.lp_contents .mask_sec .product_list li:nth-of-type(1) img,
.lp_contents .mask_sec .product_list li:nth-of-type(3) img {
  width: calc(180 * (100vw / 750));
}

.lp_contents .mask_sec .product_list li:nth-of-type(3) img {
  animation-delay: 0s;
}

.lp_contents .mask_sec .product_list li:nth-of-type(4) img {
  width: calc(280 * (100vw / 750));
  margin-bottom: calc(-9*(100vw / 750));
  animation-delay: 0.5s;
}

.lp_contents .mask_sec .product_list li:nth-of-type(4) .fukidashi_group {
  animation-delay: 0.5s;
}

.lp_contents .mask_sec .product_list li:nth-of-type(2) img {
  width: calc(280 * (100vw / 750));
  margin-bottom: calc(-9*(100vw / 750));
}


.lp_contents .mask_sec .product_list li:nth-of-type(1) {
  margin-right: calc(87*(100vw / 750));
  margin-left: calc(69*(100vw / 750));
}
.lp_contents .mask_sec .product_list li:nth-of-type(2) {
  margin-right: calc(0 * (100vw / 750));
  margin-top: calc(26*(100vw / 750));
  text-align: left;
}
.lp_contents .mask_sec .product_list li:nth-of-type(3) {
  margin-right: calc(102*(100vw / 750));
  margin-left: calc(77*(100vw / 750));
}

.lp_contents .mask_sec .product_list li:nth-of-type(4) {
  margin-top:calc(23*(100vw / 750));
}

.lp_contents .mask_sec .product_list li:nth-of-type(4) .fukidashi_group{
  top: calc(-59*(100vw / 750));
  right: calc(-68*(100vw / 750));

}
.lp_contents .mask_sec .product_list li:nth-of-type(4) .img_block {
  margin-left: calc(-17*(100vw / 750)) !important;

}

.product_list_name{
  font-size: calc(24 * (100vw / 750));
  margin-bottom: calc(7 * (100vw / 750))!important;
  line-height: 1.5;
}


.lp_contents .mask_sec .product_list li:nth-of-type(4) .product_list_name{
  margin-left:calc(42*(100vw / 750));
  margin-bottom: calc(9*(100vw / 750)) !important;
}
.lp_contents .mask_sec .product_list li:nth-of-type(2) .product_list_name{
  margin-left:calc(16*(100vw / 750));
}


.lp_contents .product_list li:nth-of-type(2) .product_price_buy_group {
  margin-left: calc(18 * (100vw / 750));
}

.lp_contents .product_list li:nth-of-type(4) .product_price_buy_group {
  margin-left: calc(35 * (100vw / 750));
}


.lp_contents .product_list_price {
  font-size: calc(30 * (100vw / 750));
}

.lp_contents .product_list_group .tax {
  font-size: calc(18 * (100vw / 750));
  margin-right: calc(22 * (100vw / 750));
  vertical-align: calc(-1*(100vw / 750));
}

.lp_contents .btn.buy_btn{
  /* margin-top: calc(8*(100vw / 750)); */
  margin-left: calc(-17*(100vw / 750));
}

.lp_contents .btn.buy_btn a{
  padding: calc(7 * (100vw / 750)) 0 calc(5 * (100vw / 750));
  font-size: calc(16 * (100vw / 750));
  width: calc(55 * (100vw / 750));
  line-height: 1;
}


.lp_contents .fukidashi_group {
  top: calc(-62*(100vw / 750));
  right: calc(-44*(100vw / 750));
}

.lp_contents .fukidashi_text {
  width: calc(150 * (100vw / 750));
  height: calc(148 * (100vw / 750));
  padding: calc(43 * (100vw / 750))0 0 calc(7 * (100vw / 750));
  font-size: calc(18 * (100vw / 750));
  background-size: calc(150 * (100vw / 750)) calc(148 * (100vw / 750));
}

.lp_contents .fukidashi_group img {
  margin-top: calc(-10*(100vw / 750)) !important;
  margin-left: calc(68*(100vw / 750)) !important;
  width: calc(64*(100vw / 750)) !important;
  transform: rotate(4deg) !important;
}

.lp_contents .mask_sec .product_list li:nth-of-type(4) .fukidashi_group img {
  margin-left: calc(53*(100vw / 750)) !important;
}

.lp_contents .note {
  width: calc(661*(100vw / 750));
  font-size: calc(18 * (100vw / 750));
  line-height: 1.5;
  text-align: left;
  margin: 0 auto;
}

/*=======================================
              LIP
========================================*/
#SerumOilLip {
  margin: calc(-0 * (100vw / 750));
}

.lp_contents .lip_sec {
  padding: calc(119*(100vw / 750)) 0 calc(96*(100vw / 750));
}


.lp_contents .lip_sec .sec_ttl_group {
  margin-bottom: calc(60*(100vw / 750));
}

.lp_contents .lip_sec .sec_ttl {
  font-size: calc(50*(100vw / 750));
}

.lp_contents .lip_sec .sec_product_image {
  margin-bottom: calc(59*(100vw / 750));
}

.lp_contents .lip_sec .sec_point_txt {
  margin-bottom: calc(72*(100vw / 750));
}
.lp_contents .lip_sec .sec_product_image:before {
  bottom: calc(-38*(100vw / 750));
  right: calc(-35*(100vw / 750));
  width: calc(295*(100vw / 750));
  height: calc(295*(100vw / 750));
}

.lp_contents .lip_sec .tab {
  font-size: calc(40*(100vw / 750));
  width: calc(750*(100vw / 750));
  line-height: 1;
}

.lp_contents .lip_sec .tab:first-of-type {
  padding: calc(22*(100vw / 750)) 0 calc(17*(100vw / 750));
  border-top-right-radius: calc(20*(100vw / 750));
  border-top-left-radius: calc(20*(100vw / 750));
}

.lp_contents .lip_sec .tab:first-of-type p {
  margin-left: calc(17 * (100vw / 750));
}

/* panel */
.lp_contents .lip_sec .panel_area {
  padding: calc(10*(100vw / 750)) 0 calc(55*(100vw / 750));
  height: calc(1299*(100vw / 750));
}

.lp_contents .lip_sec .product_img_group {
  margin-right: calc(0*(100vw / 750));
}

.lp_contents .lip_sec .product_image {
  width: calc(361*(100vw / 750));
  margin-left: calc(82*(100vw / 750));
  margin-top: calc(46*(100vw / 750));
  margin-bottom: calc(6*(100vw / 750));
}

.lp_contents .lip_sec .product_txt_group {
  margin-top: calc(10*(100vw / 750));
}

.lp_contents .lip_sec .product_name span {
  font-size: calc(20*(100vw / 750));
}

.lp_contents .lip_sec .product_var {
  margin-bottom: calc(15*(100vw / 750));
  font-size: calc(30*(100vw / 750));
}


.lp_contents .lip_sec .product_var_list li {
  width: calc(80*(100vw / 750));
}

.lp_contents .lip_sec .product_detail {
  margin-bottom: calc(238*(100vw / 750));
}

/* SLICK */
.container {
  position: relative;
  width: calc(597*(100vw / 750));
  margin: 0 auto;
}

.slider {
  position: relative;
}

.slick-track {
  display: flex !important;
}

.slick-list {
  position: relative;
  z-index: 1;
}
.slick-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*thumbnail*/
.thumbnail {
  margin-top: calc(377*(100vw / 750));
  margin-right: calc(26*(100vw / 750));
}

_::-webkit-full-page-media, _:future, :root .thumbnail {
  width:calc(545*(100vw / 750));
  margin: calc(375*(100vw / 750)) 0 auto;
  right: 50%;
  transform: translateX(50%) translateY(-50%);
}

.thumbnail .slick-track {
  transform: unset !important;
  display: flex;
  width: calc(537*(100vw / 750)) !important;
  gap: calc(33*(100vw / 750));
}

.thumbnail-img {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  width: calc(80*(100vw / 750)) !important;    
  /* height: calc(118.4*(100vw / 750)) !important; */
}

.img_block {
  margin-bottom: calc(10*(100vw / 750));
}

.img_block:after {
  display: block;
  width: calc(90*(100vw / 750));
  height: calc(90*(100vw / 750));
  border-radius: 50%;
  content: "";
  background-image: radial-gradient(circle, #fff calc(100px / 2 - 1px), transparent calc(100px / 2));
  position: absolute;
  z-index: -1;
}

.thumbnail-img img{
  width: calc(80*(100vw / 750)) !important;
  /* height: calc(80*(100vw / 750)) !important; */
}

.var_num {
  font-size: calc(24*(100vw / 750));
}

.thumbnail-img.slick-current .img_block:before {
  display: block;
  width: calc(95*(100vw / 750));
  height: calc(95*(100vw / 750));
  border-radius: 50%;
  content: "";
  background-image: radial-gradient(circle, #c5c5c5 calc(100px / 2 - 1px), transparent calc(100px / 2));
  position: absolute;
  z-index: -1;
}




/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.lp_contents .slick-prev, 
.lp_contents .slick-next {
  position: absolute;/*絶対配置にする*/
	z-index: 6;
  top: 25%;
  cursor: pointer;/*マウスカーソルを指マークに*/
  outline: none;/*クリックをしたら出てくる枠線を消す*/
  border-top: 1px solid var(--color-black);/*矢印の色*/
  border-right: 1px solid var(--color-black);/*矢印の色*/
  border-left: none;
  border-bottom: none;
  height: 15px;
  width: 15px;
  padding: 0;
  font-size: 0;
  color: inherit;
  background: none;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:calc(17*(100vw / 750));
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:calc(19*(100vw / 750));
    transform: rotate(45deg);
}

.lp_contents .lip_sec .panel_area .copy {
  margin-left: calc(0*(100vw / 750));
  margin-top: calc(2*(100vw / 750));
}

.lp_contents .lip_sec .panel_area .copy img {
  width: calc(349*(100vw / 750));
  margin-left: calc(0*(100vw / 750));
  margin-top: calc(-1*(100vw / 750));;
}


/* GRAPH */
.lp_contents .lip_sec .graph_group {
  margin: 0 auto calc(102*(100vw / 750));
  padding: calc(70*(100vw / 750)) 0 calc(74*(100vw / 750));
  border: 2px solid var(--color-pink);
}

.lp_contents .lip_sec .graph_group_ttl {
  margin-bottom: calc(34*(100vw / 750));
  font-size: calc(34*(100vw / 750));
}

.lp_contents .lip_sec .graph_group_subttl {
  margin-bottom: calc(55*(100vw / 750));
  font-size: calc(24*(100vw / 750));
}

.lp_contents .lip_sec .graph_area {
  margin-bottom: 0;
}

.lp_contents .lip_sec .graph_inner_group:first-of-type .graph_area {
  margin-bottom: calc(63*(100vw / 750));
}

.lp_contents .lip_sec .graph_inner_group {
  width: calc(600*(100vw / 750));
  margin: 0 auto;
}

.lp_contents .lip_sec .graph_inner_group:first-of-type::before {
  position: absolute;
  bottom: calc(-61*(100vw / 750));
  right: 50%;
  width: calc(600*(100vw / 750));
  height: 1px;
  transform: translateX(50%);
  background-image: linear-gradient(to right, var(--color-pink), var(--color-pink) 5px, transparent 0px, transparent 8px);
  background-size: 8px 3px;
  background-position: left bottom;
  background-repeat: repeat-x;
  content: "";
}

.lp_contents .lip_sec .graph_inner_group:last-of-type {
  border: none;
  margin-top: calc(111*(100vw / 750));
}

.lp_contents .lip_sec .graph_inner_group:first-of-type .graph {
  width: calc(600*(100vw / 750));
  margin-left: calc(0*(100vw / 750));
}

.lp_contents .lip_sec .graph_inner_group:last-of-type .graph {
  width: calc(590*(100vw / 750));
  margin: calc(-24*(100vw / 750)) auto 0;
}

.lp_contents .lip_sec .product_list_group h4 {
  margin-bottom: calc(41*(100vw / 750));
}

.lp_contents .lip_sec .product_list {
  margin-bottom: calc(75*(100vw / 750));
}

.lp_contents .lip_sec .product_list_pic {
  display: flex;
  width: calc(560*(100vw / 750));
  margin: 0 auto;
  gap: calc(24*(100vw / 750));
}

.lp_contents .lip_sec .product_list_pic li{
  width: calc(92.7*(100vw / 750));
}

.lp_contents .lip_sec .product_list_pic li:nth-of-type(2){
  animation-delay: 0.3s;
}
.lp_contents .lip_sec .product_list_pic li:nth-of-type(3){
  animation-delay: 0.6s;
}
.lp_contents .lip_sec .product_list_pic li:nth-of-type(4){
  animation-delay: 0.9s;
}
.lp_contents .lip_sec .product_list_pic li:nth-of-type(5){
  animation-delay: 1.2s;
}

.lp_contents .lip_sec .product_list{
  margin:0 auto calc(76*(100vw / 750));
  gap: 0;
}

.lp_contents .lip_sec .last_copy {
  margin-top: calc(79*(100vw / 750));
}

.lp_contents .lip_sec .last_copy p {
  font-size: calc(16.1 * (100vw / 750));
}

.lp_contents .lip_sec .last_copy img {
  width: calc(390*(100vw / 750));
  margin-left: calc(-71*(100vw / 750));
}
  

.lp_contents .lip_sec .check {
  animation-delay: 1.5s;
}

.lp_contents .lip_sec .check a {
  width: calc(315*(100vw / 750));
  padding: calc(21*(100vw / 750)) calc(10*(100vw / 750)) calc(18*(100vw / 750)) !important;
  font-size: calc(25*(100vw / 750));
}

  

}