@charset "UTF-8";

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

Title : LP CSS

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

/* ===================
      Roots
=================== */
:root {
  --font_jpn: "Roboto", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;
  --font_eng: "century-gothic", sans-serif;
  --color_regular: #000;
  --color_gray: #A9AAAA;
  --color_white: #fff;
  --color_01: #F6F6F6;
  --color_02: #C0C0C0;
  --color_03: #8D8D8D;
  --color_04: #808080;
  --color_05: #F0F0F0;
  --color_06: #D3D3D3;
  --color_07: #A7A7A7;
  --color_08: #DADADA;
  --color_09: #666;
}

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

html {
  font-size: 62.5%;
}
body {
  -webkit-tap-highlight-color: transparent;
}
#Wrap {
  width: auto;
}
footer {
  position: relative;
  z-index: 2;
}
.nav-top {
  display: none;
  z-index: 5;
}
#Contents {
  margin-bottom: 0;
}
.LP_page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  letter-spacing: .075em;
  font-feature-settings: "palt";
}
.LP_page {
  /* padding-bottom: 14rem; */
  background: var(--color_white);
  font-family: var(--font_jpn);
  color: var(--color_regular);
  overflow-x: clip;
  /* opacity: 0; */
  transition: opacity 1s;
  letter-spacing: 0.075em;
}
.LP_page.active {
  /* opacity: 1; */
}
.LP_page picture {
  display: block;
  font-size: 0;
}
.LP_page h1, .LP_page h2, .LP_page h3, .LP_page h4, .LP_page h5, .LP_page h6 {
  font-weight: inherit;
}
.LP_page a {
  display: block;
}
.LP_page a:hover {
  opacity: 1 !important;
}
.LP_page img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.LP_page sup {
  font-size: .8rem;
}
.LP_page .activePoint,
.LP_page .activeDelay {
  opacity: 0;
  /* transform: translate(0, 2rem); */
  transition: opacity 1s, transform 1s;
}
.LP_page .activeDelay.delay1 {
  transition-delay: .15s;
}
.LP_page .activeDelay.delay2 {
  transition-delay: .3s;
}
.LP_page .activeDelay.delay3 {
  transition-delay: .45s;
}
.LP_page .activeDelay.delay4 {
  transition-delay: .6s;
}
.LP_page .activePoint.active,
.LP_page .activePoint.active > .activeDelay {
  opacity: 1;
  /* transform: unset; */
}
/* ===================
  　　　Animation
=================== */


/* -- keyframes -- */

@-webkit-keyframes indexItems {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

@keyframes indexItems {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

.js-loadfade {
  opacity: 0;
  transition: opacity 1.8s;
  animation: opa1 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
  -webkit-mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, var(--color-black) 58.3333333333%, var(--color-black));
  mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, var(--color-black) 58.3333333333%, var(--color-black));
  -webkit-mask-size: 100% max(300%, 100vh);
  mask-size: 100% max(300%, 100vh);
  -webkit-mask-position: center 100%;
  mask-position: center 100%;
  -webkit-mask-repeat: none;
  mask-repeat: none;
  transform: translateZ(0);
  transition: -webkit-mask-position 2s linear;
  transition: mask-position 2s linear;
  transition: mask-position 2s linear, -webkit-mask-position 2s linear;
}

.js-loadfade.active {
  opacity: 1;
  -webkit-mask-position: center 0;
  mask-position: center 0;
}

.js-up2downfade {
  opacity: 0;
  transition: opacity 1.8s;
  animation: opa1 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
  -webkit-mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, var(--color-black) 58.3333333333%, var(--color-black));
  mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, var(--color-black) 58.3333333333%, var(--color-black));
  -webkit-mask-size: 100% max(300%, 100vh);
  mask-size: 100% max(300%, 100vh);
  -webkit-mask-position: center 100%;
  mask-position: center 100%;
  -webkit-mask-repeat: none;
  mask-repeat: none;
  transform: translateZ(0);
  transition: -webkit-mask-position 2s linear;
  transition: mask-position 2s linear;
  transition: mask-position 2s linear, -webkit-mask-position 2s linear;
}

.js-up2downfade.active {
  opacity: 1;
  -webkit-mask-position: center 0;
  mask-position: center 0;
}

@keyframes opa1 {
  0% {
    opacity: 0;
    filter: blur(15px);
  }

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

/* Fade In
==================================*/

#lp_contents .fadeIn {
  opacity: 0;
  transition: 2s;
}

#lp_contents .fadeIn.is-show {
  opacity: 1;
}

#lp_contents .fadeInUp {
  opacity: 0;
  transform: translate(0, 5rem);
  transition: 2s;
}

#lp_contents .fadeInUp.is-show {
  transform: translate(0, 0);
  opacity: 1;
}




/*=======================================
        basic
========================================*/
/* fv_contents */
.fv_contents {
  width: 120rem;
  margin: 0 auto 7.4rem;
}
.fv_lead {
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 7.2rem;
  letter-spacing: 0.075em;
}
.fv_lead span {
  margin-top: 2.5rem;
  display: inline-block;
}

/* view_more */
#up2downfade {
  position: relative;
  z-index: 50;
}

.LP_page #up2downfade .btn_viewmore {
  position: relative;
  font-size: 1rem !important;
  z-index: 0;
  color: #A9AAAA;
  display: flex;
  justify-content: center;
  font-family: var(--font_eng);
}

.LP_page #up2downfade .btn_viewmore::before {
  position: absolute;
  display: block;
  content: "";
  width: 30vw;
  height: 6rem;
  bottom: 0rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 40%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

.LP_page #up2downfade .btn_viewmore.active::before {
  display: none;
}

.LP_page #up2downfade .btn_viewmore.active {
  /* margin-top: 4.6rem; */
  /* width: 9.5rem; */
}

.LP_page #up2downfade .btn_viewmore span {
  position: relative;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  padding-bottom: 0.3rem;
  padding-right: 1.5rem;
  border-bottom: solid 1px #A9AAAA;
}
.LP_page #up2downfade .btn_viewmore.active span {
  /* border-bottom: none; */
}
.LP_page #up2downfade .btn_viewmore span::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: url(../img/plus.svg) no-repeat right;
  position: absolute;
  top: 40%;
  right: 0;
  transform: translate(0%, -50%);
  background-size: 100%;
}

.LP_page #up2downfade .btn_viewmore.active span::after {
  background: url(../img/minus.svg) no-repeat right;
  /* rotate: 180deg; */
  top: 40%;
}

.LP_page .fixed_menu {
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  visibility: hidden;
  background-color: #BADFD9;
  padding: 1rem 0;
  width: 100%;
  z-index: 100;
}

/* fixed_menu */
.LP_page .fixed_menu {
  transition: all 0.6s 0.3s;
  visibility: visible;
  transform: translateY(0);
  z-index: 100;
}

.LP_page .fixed_menu.fixed {
  transform: translateY(0);
  animation: fade-in .6s ease-in-out forwards;
}

.LP_page .fixed_menu.none-fixed {
  transform: translateY(100%);
  animation: fade-out .6s ease-in-out forwards;
}

.fixed_menu__link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 5rem;
}
.fixed_menu__button {
  padding: 0 5rem;
  height: 100%;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
}
.fixed_menu__button_ja {
  font-size: 1rem;
  margin-bottom: 0rem;
  color: #fff;
  text-align: center;
  width: 100%;
}
.fixed_menu__button_en {
  font-family: var(--font_eng);
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  width: 100%;
}
.fixed_menu__button:nth-of-type(1) , .fixed_menu__button:nth-of-type(2) {
  border-right: solid 1px #fff;
}




@keyframes fade-in {
  0% {
    transform: translateY(100%);
    visibility: hidden;
  }

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

@keyframes fade-out {
  0% {
    transform: translateY(0);
    visibility: visible;
  }

  100% {
    transform: translateY(100%);
    visibility: hidden;
  }
}


.pc_on {
  display: block;
}
.sp_on {
  display: none;
}
.pc_on_f {
  display: flex;
}
.sp_on_f {
  display: none;
}
.sp_on_inline {
  display: none;
}

@media screen and (max-width: 1400px){
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}



/*=======================================
        repaircalming2025
========================================*/

/* link_area */
.link_area {
  width: 88rem;
  margin: 0 auto 8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.link_button {
  width: 28rem;
}

/* products_area */
.products_area {
  /* margin-bottom: 6rem; */
}
.category_minttl {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 1rem;
}
.category_ttl {
  font-size: 3rem;
  font-family: var(--font_eng);
  text-align: center;
  margin-bottom: 3rem;
}
.products_area_flex {
  width: 42rem;
  margin: 0 auto 6rem;
  display: flex;
  justify-content: space-between;
}
.products_button {
  width: 12rem;
}
.products_button_img {
  margin-bottom: 2rem;
}
.products_button_name {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 1rem;
}
.products_button_arrow {
  width: 1.8rem;
  margin: 0 auto;
}

/* how_to_area */
.how_to_area {
  background: #E5EFED;
  padding: 6rem 0;
  margin-bottom: 6rem;
}
.how_to_minttl {
  width: 26.4rem;
  margin: 0 auto 2rem;
}
.how_to_ttl {
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 3.2rem;
  font-family: var(--font_eng);
}
.how_to_block {
  width: 86rem;
  margin: 0 auto;
  border-radius: 20px;
  background: #fff;
}
.how_to_block.block01 {
  margin-bottom: 4rem;
  /* overflow-x: scroll; */
}
.how_to_block_ttl {
  width: 18rem;
  margin: 0 auto;
  background: #9DC0B9;
  border-radius: 100px;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  padding: 0.5rem 0;
  position: relative;
  top: -1.2rem;
}
.how_to_block_subttl {
  font-size: 1.6rem;
  text-align: center;
}
.how_to_block_lead {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 1.5rem;
}
.how_to_text_box {
  margin-bottom: 1.9rem;
  margin-top: 0.9rem;
}
.how_to_image_area {
  margin: 0 auto;
  padding-bottom: 3.5rem;
}
.how_to_image_area.how_to01 {
  width: 67rem;
}
.how_to_top {
  margin-bottom: 2rem;
}
.how_to_flex {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.how_to_flex.how_to_flex01 {
  width: 63rem;
}
.how_to_flex_img {
  width: 9rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.how_to_flex_name {
  font-size: 1.2rem;
  text-align: center;
  color: #A9AAAA;
  margin-bottom: 1rem;
}
.how_to_bottom {
  width: 100%;
}
.how_to_area .how_to_flex a {
  transition: .5s;
  opacity: 1;
}
.how_to_area .how_to_flex a:hover {
  opacity: .6 !important;
}
.point_svg {
  position: absolute;
  width: 9rem;
  top: 3.5rem;
  left: 0%;
  transform: translate(0 , -50%);
}
/* ---------- 点滅 ---------- */
.blink-infinite {
  -webkit-animation: blink-infinite 1s ease-out infinite alternate;
  animation: blink-infinite 1s ease-out infinite alternate;
}
@-webkit-keyframes blink-infinite {
  0%,100% {
      opacity: 0
  }

  50% {
      opacity: 1
  }
}

@keyframes blink-infinite {
  0%,100% {
      opacity: 0
  }

  50% {
      opacity: 1
  }
}
/* ---------- 点滅 ---------- */
.how_to_block.block02 {
  margin-bottom: 5.9rem;
}
.how_to_block.block02 .how_to_block_subttl {
  position: relative;
}
.how_to_block.block02 .how_to_block_subttl::before {
  content: "";
  background: url(../img/popup01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 7.6rem;
  height: 2.5rem;
  position: absolute;
  left: 21.4rem;
  top: 50%;
  transform: translate(0 , -50%);
}
.how_to_image_area.how_to02 {
  width: 34.6rem;
}
.point_svg.point_svg02 {
  top: 3.5rem;
}
.point_svg.point_svg03 {
  top: 2rem;
}
.point_svg.point_svg04 {
  top: 8.2rem;
}
.how_to_flex.how_to_flex02 {
  width: 30.6rem;
}
.how_to_text_area {
  margin: 0 auto;
}
.how_to_text_area_center {
  display: flex;
  justify-content: center;
}
.how_to_text_ttl {
  display: inline;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2.2rem;
  position: relative;
}
.how_to_text_ttl::before {
  content: "";
  width: 5rem;
  height: 0.1rem;
  background: #72B1A6;
  position: absolute;
  top: 50%;
  left: -34%;
  transform: translate(0 , -50%);
}
.how_to_text_ttl::after {
  content: "";
  width: 5rem;
  height: 0.1rem;
  background: #72B1A6;
  position: absolute;
  top: 50%;
  right: -34%;
  transform: translate(0 , -50%);
}
.how_to_text_lead {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 1.4rem;
}

.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver0 {
  top: 0rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver0::before {
  width: 60vw;
  height: 16rem;
  background: none;
}
/* シンプルアコーディオン */
.how_to_text_lead {
  /* display: none; */
}
.btnblk {
  text-align: center;
  /* margin-top: 2rem; */
}
@media screen and (max-width: 767px) {
  .btnblk {
    margin-top: calc(40* (100vw /750));
  }
}
.btnblk .btn {
  display: inline;
  position: relative;
  font-family: var(--font_eng);
  font-size: 1rem;
  border-bottom: solid 1px #A9AAAA;
  color: #A9AAAA;
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .btnblk .btn {
    font-size: calc(10* (100vw /750));
  }
}
.btnblk .btn.active .arrow {
  background: url(../img/minus.svg) center center/contain no-repeat;
}
.btnblk .btn .arrow {
  display: block;
  position: absolute;
  top: 0.5rem;
  right: 0;
  transform: translate(0, -50%);
  margin: auto;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../img/plus.svg) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .btnblk .btn .arrow {
    width: calc(6* (100vw /750));
    height: calc(6* (100vw /750));
    bottom: calc(-6* (100vw /750));
  }
}
/* シンプルアコーディオン */

/* products_list */
.products_list {
  padding-bottom: 6rem;
  border-bottom: solid 1px #B1D4CE;
  width: 110rem;
  margin: 0 auto 6rem;
}
.products_list_flex {
  display: flex;
  justify-content: center;
  gap: 4rem;
}
.products_list_flex_box {
  width: 44rem;
}
.products_list_ttlbox {
  width: 100%;
  background: #B1D4CE;
  font-family: var(--font_eng);
  color: #fff;
  padding: 1rem 0;
  margin-bottom: 2.3rem;
  border-radius: 50px;
}
.products_list_ttl_min {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.products_list_ttl {
  text-align: center;
  font-size: 2.8rem;
  font-family: var(--font_eng);
}
.products_list_flex_lead {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 1.2rem;
}
.products_list_img_flex {
  width: 30rem;
  margin: 0 auto 1.3rem;
  display: flex;
  justify-content: space-between;
}
.products_list_img_flex_img {
  width: 10rem;
}
.products_list_img_flex_text {
  width: 15rem;
  margin-top: 2.6rem;
}
.products_list_img_flex_text_ttl {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 600 !important;
  margin-bottom: 1.2rem;
}
.products_list_img_flex_text_detail {
  font-size: 1.2rem;
  line-height: 1.75;
}
.products_list_img_flex_text_fade_text {
  text-align: center;
  font-size: 1.3rem;
  line-height: 2;
  margin-bottom: 1.2rem;
}
.products_list_img_flex_text_fade_text.first {
  margin-bottom: 0;
}
.attention {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1.8rem;
}
.detail_button {
  font-size: 1.5rem;
  border-bottom: solid 1px #000;
  padding-bottom: 0.2rem;
  margin: 3rem auto 1.5rem;
  width: 9.1rem;
}
.cart_in_button {
  width: 30rem;
  margin: 0 auto;
}
.products_list_flex.products_list_flex01 {
  margin-bottom: 8rem;
}

/* fragrance_area */
.fragrance_area {
  width: 55rem;
  margin: 0 auto 9.2rem;
}
.category_lead {
  margin: 3.6rem auto 3.3rem;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
}
.fragrance_area_img {
  margin-bottom: 6.1rem;
}
.fragrance_area_box {
  border: solid 1px #B1D4CE;
  /* padding-bottom: 4rem; */
  width: 54rem;
  margin: 0 auto;
}
.fragrance_area_box_ttl {
  width: 9rem;
  background: #fff;
  position: relative;
  top: -1.2rem;
  font-family: var(--font_eng);
  font-size: 2.4rem;
  text-align: center;
  margin: 0 auto 1.3rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver2 {
  top: 3.4rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver2::before {
  width: 100vw;
  height: 13rem;
}
.fragrance_area_box_lead {
  text-align: center;
  font-size: 1.2rem;
  line-height: 2;
}
.fragrance_area_box_lead.second {
  padding-bottom: 2rem;
}

/* point_area */
.point_area {
  background: #E5EFED;
  padding: 6rem 0;
}
.point_area_min_ttl {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 3rem;
}
.point_area_box {
  background: #fff;
  width: 86rem;
  margin: 0 auto;
  border-radius: 20px;
  padding-top: 5rem;
}
.point_num {
  width: 65rem;
  margin: 0 auto;
  padding-bottom: 7.8rem;
}
.point_num.point_num03 {
  margin: 0 auto;
  padding-bottom: 5rem;
}
.point_num_top {
  margin-bottom: 2rem;
}
.point_ttl {
  font-size: 1.8rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.75;
  margin-bottom: 2.2rem;
}
.point_area01_img {
  margin: 0 auto;
}
.point_area01_img.point_area01_img01 {
  width: 30.1rem;
  margin: 0 auto 3rem;
}
.point_area01_img.point_area01_img02 {
  width: 35rem;
  margin: 0 auto 3.3rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver3 {
  top: 2.7rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver3::before {
  width: 80rem;
  height: 16rem;
}
.point_lead {
  text-align: center;
  font-size: 1.2rem;
  line-height: 2;
  margin-bottom: 1.4rem;
}
.point_attention {
  text-align: center;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: -1rem;
}
.point_area02_img {
  width: 50rem;
  margin: 0rem auto 2.9rem;
}
.point_area02_box_area {
  width: 40rem;
  margin: 0 auto 2.5rem;
  border: solid 1px #97BAA5;
  padding: 2rem 0 1.2rem;
  position: relative;
  border-radius: 15px;
}
.point_area02_box_area_ttl {
  font-size: 1.4rem;
  width: 13.8rem;
  margin: 0 auto 1rem;
  border-bottom: solid 1px #000;
  padding-bottom: 0.1rem;
}
.point_area02_box_area_lead {
  font-size: 1.2rem;
  line-height: 2;
  text-align: center;
}
.point_area02_box_area_img {
  width: 4.7rem;
  position: absolute;
  top: 50%;
  right: -6.8rem;
  transform: translate(0 , -50%);
}
.point_lead.minus_bottom {
  margin-bottom: -1rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver4 {
  top: 2.4rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver4::before {
  width: 80rem;
  height: 16rem;
}
.point_area03_img {
  width: 33rem;
  margin: 0 auto 2.3rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver5 {
  top: 0rem;
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver5::before {
  width: 60vw;
  height: 16rem;
  background: none;
}

/* staff_area */
.staff_area {
  background: #BEDBD6;
  padding: 6rem 0;
  margin-bottom: 8rem;
}
.staff_area_inner {
  width: 88rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.staff_area_block {
  width: 28rem;
  background: #fff;
  border-radius: 20px;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}
.staff_area_block_inner {
  width: 22rem;
  margin: 0 auto;
}
.staff_area_flex {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.staff_area_flex_icon {
  width: 7rem;
  margin-right: 2rem;
}
.staff_area_flex_name {
  font-size: 1.3rem;
}
.staff_area_lead {
  font-size: 1.1rem;
  line-height: 2;
  text-align: justify;
}

/* other_products_area */
.other_products_area {
  margin-bottom: 12.5rem;
}
.other_products_slide {
  width: 94rem;
  margin: 0 auto 4.7rem;
}
.other_products_slide_box {
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0, 0.1));
}
.other_products_slide_inner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-0%, -50%);
  width: 100%;
  height: 96%;
  background: white;
  border-radius: 20px;
  /* filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1)); */
  z-index: -1;
}
.other_products_slide_inner {
  width: 21.6rem;
  margin: 0 1rem;
  border-radius: 20px;
  /* box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 0px 10px rgba(0, 0, 0, 0.05); */
  padding-top: 2.8rem;
  padding-bottom: 2.5rem;
  position: relative;
}
.other_products_slide_category {
  width: fit-content;
  margin: 0 auto 2rem;
  border: solid 1px #A9AAAA;
  color: #A9AAAA;
  padding: 0.3rem 1rem;
  text-align: center;
  font-size: 1.2rem;
}
.other_products_slide_img {
  width: 20rem;
  margin: 0 auto 1.5rem;
}
.other_products_slide_ttl {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1.71;
}
.other_products_slide_detail {
  width: 16rem;
  margin: 0 auto;
  /* border: solid 1px #A9AAAA; */
  text-align: center;
  font-size: 1.2rem;
}
.other_products_area_ttl {
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 5rem;
}
.other_products_slide.slide .slick-prev:before, .slick-next:before {
  content: url(../img/slick_prev.svg);
  display: block;
  width: 3rem;
  height: 3rem;
}
.other_products_slide.slide .slick-next:before {
  transform: rotate(180deg);
}
.other_products_slide.slide .slick-prev {left: -1.5rem;z-index: 20;}
.other_products_slide.slide .slick-next {
  right: -0.5rem;
}
.other_products_slide.slide .slick-dots {
  bottom: -6rem;
  left: .5rem;
}
.other_products_slide.slide .slick-dots li.slick-active button:before {
  /* opacity: 1; */
  /* color: #aa9f99; */
  border: solid 1px #A7A7A7;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  background: #A7A7A7;
  color: transparent;
  opacity: 1;
}
.other_products_slide.slide .slick-dots li {
  margin: 0 -1px;
}
.other_products_slide.slide .slick-dots li button:before {
  border: solid 1px #A7A7A7;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  background: #fff;
  color: transparent;
  opacity: 1;
}
.other_products_slide .slick-dotted.slick-slider {
  margin-bottom: 0px;
}

/* #products , #points , #staff_comments , #products01 , #products02 , #products03 {
  margin-top: calc(-125* (100vw /1400));
  padding-top: calc(125* (100vw /1400));
} */





/*=======================================
                    SP
========================================*/
/* only SP */

@media only screen and (max-width: 768px) {
  .pc_on {
    display: none;
  }
  .sp_on {
    display: block;
  }
  .pc_on_f {
    display: none;
  }
  .sp_on_f {
    display: flex;
  }
  .sp_on_inline {
    display: inline;
  }
/*=======================================
        basic
========================================*/
.fv_contents {
  margin-bottom: calc(68* (100vw /750));
  width: 100%;
}
.fv_lead {
  font-size: calc(26* (100vw /750));
  margin-bottom: calc(65* (100vw /750));
}

/* view_more */
.LP_page #up2downfade .btn_viewmore {
  font-size: calc(20* (100vw /750)) !important;
}
.LP_page #up2downfade .btn_viewmore.active {
}
.LP_page #up2downfade .btn_viewmore span::after {
  width: calc(14* (100vw /750));
  height: calc(14* (100vw /750));
}

.LP_page #up2downfade .btn_viewmore span {
  padding-bottom: 0.5rem;
  padding-right: calc(26* (100vw /750));
}

.LP_page #up2downfade .btn_viewmore::before {
  width: 100%;
  height: calc(100* (100vw /750));
}
.LP_page #up2downfade .btn_viewmore {
  top: calc(10* (100vw /750));
}

/* fixed_menu */
.LP_page .fixed_menu__link--text a {
  width: 50%;
  font-size: calc(30* (100vw /750));
}

/*=======================================
        Responsive
========================================*/
.link_area {
  width: 100%;
  margin: 0 auto calc(95* (100vw /750));
  background: #bbdfd9;
}
.link_button {
  width: 100%;
}
.products_button {
  width: fit-content;
}
.link_button:nth-of-type(1) , .link_button:nth-of-type(2) {
  border-bottom: solid 1px #fff;
}
.category_minttl {
  font-size: calc(22* (100vw /750));
  margin-bottom: calc(20* (100vw /750));
}
.category_ttl {
  font-size: calc(46* (100vw /750));
  margin-bottom: calc(40* (100vw /750));
}
.products_area_flex {
  width: calc(625* (100vw /750));
  margin: 0 auto calc(100* (100vw /750));
}
.products_button_img {
  margin-bottom: calc(30* (100vw /750));
  width: calc(180* (100vw /750));
  margin-left: auto;
  margin-right: auto;
}
.products_button_name {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(20* (100vw /750));
}
.products_button_arrow {
  width: calc(40* (100vw /750));
}
.how_to_area {
  padding: calc(80* (100vw /750)) 0;
  margin-bottom: calc(80* (100vw /750));
}
.how_to_minttl {
  width: calc(484* (100vw /750));
  margin: 0 auto calc(25* (100vw /750));
}
.how_to_ttl {
  font-size: calc(40* (100vw /750));
  margin-bottom: calc(50* (100vw /750));
}
.how_to_block {
  width: calc(720* (100vw /750));
  margin: unset;
  margin-left: calc(30* (100vw /750));
  position: relative;
  padding: 0 calc(40* (100vw /750));
  padding-bottom: calc(60* (100vw /750));
  border-radius: 10px;
}
.how_to_block_ttl {
  width: calc(260* (100vw /750));
  margin: 0 auto;
  position: relative;
  top: calc(-19* (100vw /750));
  /* left: calc(200* (100vw /750)); */
  font-size: calc(26* (100vw /750));
  padding: calc(7* (100vw /750)) 0;
  z-index: 100;
}
.how_to_image_area {
  margin: unset;
  padding-bottom: calc(50* (100vw /750));
  overflow-x: scroll;
}
.how_to_image_area.how_to01 {
  width: calc(750* (100vw /750));
}
.how_to_image_area.how_to01 .sp_howto_inner01 {
  width: calc(1250* (100vw /750));
  /* padding: 0 calc(40* (100vw /750)); */
}
.how_to_text_box {
  margin-bottom: calc(35* (100vw /750));
  margin-top: calc(15* (100vw /750));
}
.how_to_block_subttl {
  font-size: calc(28* (100vw /750));
}
.how_to_block_lead {
  font-size: calc(24* (100vw /750));
  text-align: center;
  margin-top: calc(20* (100vw /750));
}
.how_to_top {
  margin-bottom: calc(30* (100vw /750));
  /* padding-right: calc(40*(100vw / 750)); */
  width: calc(1250*(100vw / 750));
}
.how_to_flex.how_to_flex01 {
  width: calc(1370* (100vw /750));
  /* margin-right: calc(40* (100vw /750)); */
  margin: unset;
  margin-left: calc(14* (100vw /750));
  padding-right: calc(150* (100vw /750));
}
.how_to_flex_img {
  width: calc(180* (100vw /750));
  margin-bottom: calc(20* (100vw /750));
}
.how_to_flex_name {
  font-size: calc(22* (100vw /750));
  margin-bottom: calc(30* (100vw /750));
}

.how_to_text_ttl {
  font-size: calc(36* (100vw /750));
  margin-bottom: calc(38* (100vw /750));
}
.how_to_text_lead {
  font-size: calc(25* (100vw /750));
  margin-bottom: calc(30* (100vw /750));
}
.how_to_text_ttl::before {
  width: calc(90* (100vw /750));
  height: calc(2* (100vw /750));
}
.how_to_text_ttl::after {
  width: calc(90* (100vw /750));
  height: calc(2* (100vw /750));
}
.products_list {
  padding-bottom: calc(100* (100vw /750));
  border-bottom: solid 1px #B1D4CE;
  width: calc(640* (100vw /750));
  margin: 0 auto calc(100* (100vw /750));
}
.products_list_flex {
  gap: calc(100* (100vw /750));
  flex-wrap: wrap;
}
.products_list_flex.products_list_flex01 {
  margin-bottom: calc(100* (100vw /750));
}
.products_list_flex_box {
  width: 100%;
}
.products_list_ttlbox {
  padding: calc(18* (100vw /750)) 0;
  margin-bottom: calc(37* (100vw /750));
}
.products_list_ttl_min {
  font-size: calc(20* (100vw /750));
  margin-bottom: calc(10* (100vw /750));
}
.products_list_ttl {
  font-size: calc(40* (100vw /750));
}
.products_list_flex_lead {
  font-size: calc(26* (100vw /750));
  margin-bottom: calc(28* (100vw /750));
}
.how_to_bottom {
  width: unset;
  /* margin-right: calc(40* (100vw /750)); */
  width: calc(1250*(100vw / 750));
}

.how_to_image_area .simplebar-scrollbar::before {
  content: "";
  background: #D3D3D3;
  border-radius: 0;
  height: calc(6* (100vw /750)) !important;
  margin-left: 0;
  margin-top: 0;
  display: block;
}
.how_to_image_area .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.how_to_image_area .simplebar-track {
  background: #EDEDED;
  height: calc(6* (100vw /750)) !important;
  position: relative;
  top: calc(55* (100vw /750));
}
.how_to_image_area .simplebar-placeholder {
  height: 0 !important;
}

.how_to_block.block01 {
  margin-bottom: calc(70* (100vw /750));
  border-radius: 10px 0 0 10px;
}
.how_to_block.block02 {
  width: calc(690* (100vw /750));
  margin-bottom: calc(80* (100vw /750));
  padding: 0;
  padding-bottom: calc(60*(100vw / 750));
}
.how_to_image_area.how_to02 {
  width: calc(626* (100vw /750));
  overflow: hidden;
  padding-bottom: 0;
  margin: 0 auto;
}
.point_svg {
  width: calc(180* (100vw /750));
  top: calc(68* (100vw /750));
}
.point_svg.point_svg02 {
  top: calc(68* (100vw /750));
}
.point_svg.point_svg03 {
  top: calc(37* (100vw /750));
}
.point_svg.point_svg04 {
  top: calc(165* (100vw /750));
}
.how_to_image_area.how_to02 .how_to_top {
  width: calc(626*(100vw / 750));
}
.how_to_image_area.how_to02 .how_to_bottom {
  width: calc(626*(100vw / 750));
}
.how_to_flex.how_to_flex02 {
  width: calc(594* (100vw /750));
}
.how_to_block.block02 .how_to_block_subttl::after {
  content: "";
  background: url(../img/popup01_sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: calc(146* (100vw /750));
  height: calc(78* (100vw /750));
  left: calc(30* (100vw /750));
  top: calc(-82* (100vw /750));
}
.how_to_block.block02 .how_to_block_subttl::before {
  content: none;
}
.products_list_img_flex {
  width: calc(490* (100vw /750));
  margin: 0 auto calc(35* (100vw /750));
}
.products_list_img_flex_img {
  width: calc(150* (100vw /750));
}
.products_list_img_flex_text {
  width: calc(280* (100vw /750));
  margin-top: calc(0* (100vw /750));
}
.products_list_img_flex_text_ttl {
  font-size: calc(30* (100vw /750));
  line-height: 2;
  margin-bottom: calc(6* (100vw /750));
}
.products_list_img_flex_text_detail {
  font-size: calc(22* (100vw /750));
  line-height: 2;
}
.products_list_img_flex_text_fade_text {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(22* (100vw /750));
}
.attention {
  font-size: calc(20* (100vw /750));
  margin-bottom: calc(27* (100vw /750));
}
.detail_button {
  font-size: calc(25* (100vw /750));
  padding-bottom: calc(2* (100vw /750));
  margin: calc(60* (100vw /750)) auto calc(30* (100vw /750));
  width: calc(151* (100vw /750));
}
.cart_in_button {
  width: calc(480* (100vw /750));
}
.fragrance_area {
  width: calc(730* (100vw /750));
  margin: 0 auto calc(170* (100vw /750));
}
.category_lead {
  margin: calc(45* (100vw /750)) auto calc(26* (100vw /750));
  font-size: calc(32* (100vw /750));
}
.fragrance_area_img {
  margin-bottom: calc(80* (100vw /750));
}
.fragrance_area_box {
  width: calc(700* (100vw /750));
}
.fragrance_area_box_ttl {
  width: calc(160* (100vw /750));
  top: calc(-22* (100vw /750));
  font-size: calc(40* (100vw /750));
  margin: 0 auto calc(8* (100vw /750));
}
.fragrance_area_box_lead {
  font-size: calc(24* (100vw /750));
}
.fragrance_area_box_lead.second {
  padding-bottom: calc(20* (100vw /750));
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver2 {
  top: calc(64* (100vw /750));
}
.point_area {
  padding: calc(100* (100vw /750)) 0 calc(80* (100vw /750));
}
.point_area_min_ttl {
  font-size: calc(28* (100vw /750));
  margin-bottom: calc(40* (100vw /750));
}
.point_area_box {
  width: calc(680* (100vw /750));
  padding-top: calc(63* (100vw /750));
  margin-top: calc(60* (100vw /750));
  border-radius: 10px;
}
.point_num_top {
  margin-bottom: calc(35* (100vw /750));
}
.point_ttl {
  font-size: calc(32* (100vw /750));
  margin-bottom: calc(37* (100vw /750));
}
.point_area01_img.point_area01_img01 {
  width: calc(580* (100vw /750));
  margin: 0 auto calc(40* (100vw /750));
}
.point_area01_img.point_area01_img02 {
  width: calc(680* (100vw /750));
  margin: 0 auto calc(45* (100vw /750));
  position: relative;
  left: calc(-40* (100vw /750));
}
.point_lead {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(33* (100vw /750));
  width: calc(620* (100vw /750));
  position: relative;
  left: calc(-10* (100vw /750));
}
.point_attention {
  font-size: calc(20* (100vw /750));
  line-height: 2;
  margin-bottom: calc(-10* (100vw /750));
}
.point_num {
  width: calc(600* (100vw /750));
  padding-bottom: calc(120* (100vw /750));
}
.point_area02_img {
  width: calc(410* (100vw /750));
  margin: calc(0* (100vw /750)) auto calc(0* (100vw /750));
  position: relative;
  left: calc(-15* (100vw /750));
}
.point_area02_img_second {
  width: calc(540* (100vw /750));
  margin: calc(0* (100vw /750)) auto calc(50* (100vw /750));
}
.point_area02_box_area {
  width: calc(440* (100vw /750));
  margin: unset;
  margin-bottom: calc(44* (100vw /750));
  padding: calc(42* (100vw /750)) 0 calc(28* (100vw /750));
  border-radius: 10px;
  margin-left: calc(18* (100vw /750));
}
.point_area02_box_area_ttl {
  font-size: calc(30* (100vw /750));
  width: calc(300* (100vw /750));
  margin: 0 auto calc(17* (100vw /750));
  padding-bottom: calc(4* (100vw /750));
}
.point_area02_box_area_lead {
  font-size: calc(24* (100vw /750));
}
.point_area02_box_area_img {
  width: calc(106* (100vw /750));
  right: calc(-138* (100vw /750));
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver3 {
  top: calc(40* (100vw /750));
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver4 {
  top: calc(24* (100vw /750));
}
.point_area03_img {
  width: calc(420* (100vw /750));
  margin: calc(50* (100vw /750)) auto calc(38* (100vw /750));
}
.point_num.point_num03 {
  padding-bottom: calc(58* (100vw /750));
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver3::before {
  width: 100%;
  height: calc(200* (100vw /750));
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver4::before {
  width: 100%;
  height: calc(200* (100vw /750));
}
.staff_area {
  padding: calc(80* (100vw /750)) 0;
  margin-bottom: calc(100* (100vw /750));
}
.staff_area_wrap_sp {
  width: calc(750* (100vw /750));
  overflow-x: scroll;
  /* margin-left: calc(70*(100vw / 750)); */
}

.staff_area_wrap_sp .simplebar-scrollbar::before {
  content: "";
  background: #B0C2BB;
  border-radius: 0;
  height: calc(6* (100vw /750)) !important;
  margin-left: 0;
  margin-top: 0;
  display: block;
}
.staff_area_wrap_sp .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.staff_area_wrap_sp .simplebar-track {
  background: #fff;
  height: calc(6* (100vw /750)) !important;
}
.staff_area_wrap_sp .simplebar-placeholder {
  height: 0 !important;
}

.staff_area_inner {
  width: calc(1900* (100vw /750));
  margin: unset;
  padding-bottom: calc(50* (100vw /750));
  padding-right: calc(70* (100vw /750));
  /* margin-right: calc(70* (100vw /750)); */
  margin-left: calc(70*(100vw / 750));
}
.staff_area_block {
  width: calc(580* (100vw /750));
  padding-top: calc(40* (100vw /750));
  padding-bottom: calc(40* (100vw /750));
  border-radius: 10px;
}
.staff_area_flex {
  margin-bottom: calc(20* (100vw /750));
}
.staff_area_flex_icon {
  width: calc(140* (100vw /750));
  margin-right: calc(30* (100vw /750));
}
.staff_area_flex_name {
  font-size: calc(26* (100vw /750));
}
.staff_area_lead {
  font-size: calc(24* (100vw /750));
}
.staff_area_block_inner {
  width: calc(480* (100vw /750));
}
.other_products_area {
  margin-bottom: calc(200* (100vw /750));
}
.other_products_area_ttl {
  font-size: calc(36* (100vw /750));
  margin-bottom: calc(60* (100vw /750));
}
.other_products_slide {
  width: 100%;
  margin: 0 auto calc(65* (100vw /750));
}

/* slide */
.other_products_slide.slide .slick-prev:before, .slick-next:before {
  width: calc(50* (100vw /750));
  height: calc(50* (100vw /750));
}
.other_products_slide.slide .slick-prev {
  left: calc(85* (100vw /750));
  top: 48.5%;
}
.other_products_slide.slide .slick-next {
  right: calc(95* (100vw /750));
}
.other_products_slide.slide .slick-dots {
  bottom: calc(-90* (100vw /750));
  left: calc(10* (100vw /750));
}
.other_products_slide.slide .slick-dots li.slick-active button:before {
  width: calc(16* (100vw /750));
  height: calc(16* (100vw /750));
}
.other_products_slide.slide .slick-dots li button:before {
  width: calc(16* (100vw /750));
  height: calc(16* (100vw /750));
}

.other_products_slide_inner {
  width: calc(440* (100vw /750));
  margin: 0 calc(20* (100vw /750));
  padding-top: calc(59* (100vw /750));
  padding-bottom: calc(50* (100vw /750));
  border-radius: 10px;
}
.other_products_slide_category {
  margin: 0 auto calc(30* (100vw /750));
  padding: calc(6* (100vw /750)) calc(34* (100vw /750));
  font-size: calc(22* (100vw /750));
}
.other_products_slide_img {
  width: calc(400* (100vw /750));
  margin: 0 auto calc(32* (100vw /750));
}
.other_products_slide_ttl {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(25* (100vw /750));
  line-height: 1.75;
}
.other_products_slide_detail {
  width: calc(320* (100vw /750));
  font-size: calc(20* (100vw /750));
}

.fv_lead span {
  margin-top: calc(28* (100vw /750));
}
.products_button:nth-of-type(1) {position: relative;left: calc(-13*(100vw / 750));}
.products_button:nth-of-type(2) {
  position: relative;
  left: calc(-13* (100vw /750));
}
.how_to_block.block01 .how_to_block_ttl {
  left: calc(-14* (100vw /750));
}
.how_to_block.block01 .how_to_text_box {
  position: relative;
  left: calc(-14*(100vw / 750));
}
.LP_page #up2downfade .btn_viewmore.btn_viewmore_ver2::before {
  width: 110%;
  height: calc(200* (100vw /750));
}
.other_products_slide.slide .slick-dots li {
  margin: 0 0px;
}

.LP_page .fixed_menu {
  padding: calc(10* (100vw /750)) 0;
}
.fixed_menu__link {
  height: calc(80* (100vw /750));
}
.fixed_menu__button {
  padding: 0 calc(39* (100vw /750));
}
.fixed_menu__button_ja {
  font-size: calc(20* (100vw /750));
  margin-bottom: calc(-10* (100vw /750));
}
.fixed_menu__button_en {
  font-size: calc(26* (100vw /750));
}
.LP_page #up2downfade .btn_viewmore.active span {
  padding-bottom: calc(5* (100vw /750));
  padding-right: calc(35* (100vw /750));
}

.staff_area_wrap_sp.js-slidebar .simplebar-track {
  transform: scale(0.85) translate(0%, 0) !important;
}

.LP_page sup {
  font-size: 0.6em;
}



/* // 最新のsafari用 */
_::-webkit-full-page-media, _:future, :root .how_to_flex.how_to_flex01 {
  /* position: relative; */
  /* left: calc(-10*(100vw / 750)); */
}
_::-webkit-full-page-media, _:future, :root .how_to_bottom {
  /* position: relative; */
  /* left: calc(-10*(100vw / 750)); */
  /* width: calc(1251*(100vw / 750)); */
}
/* // 古いsafari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .how_to_flex.how_to_flex01 {
  /* position: relative; */
  /* left: calc(-10*(100vw / 750)); */
}
  ::i-block-chrome, .how_to_bottom {
  /* position: relative; */
  /* left: calc(-10*(100vw / 750)); */
  /* width: calc(1251*(100vw / 750)); */
  }
}
}

#share {
  bottom: 8% !important;
}





/* カスタムアコーディオン01 */
.custom-acc-container .custom-acc-content {
  max-height: 32rem !important; /* 閉じているときの高さ */
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.custom-acc-container .custom-acc-content.open {
  max-height: 70.6rem !important; /* 開いたときの高さ（適宜調整） */
  /* overflow: visible; */
  transition: max-height 0.5s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .custom-acc-container .custom-acc-content {max-height: calc(610* (100vw /750)) !important;}
  .custom-acc-container .custom-acc-content.open {
    max-height: calc(793* (100vw /375)) !important;
  }
}

/* カスタムアコーディオン02 */
.custom-acc-container .custom-acc-content.custom-acc-content02 {
  max-height: 14rem !important; /* 閉じているときの高さ */
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.custom-acc-container .custom-acc-content.custom-acc-content02.open {
  max-height: 51.1rem !important; /* 開いたときの高さ（適宜調整） */
  /* overflow: visible; */
  transition: max-height 0.5s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .custom-acc-container .custom-acc-content.custom-acc-content02 {max-height: calc(270* (100vw /750)) !important;}
  .custom-acc-container .custom-acc-content.custom-acc-content02.open {max-height: calc(856* (100vw /375)) !important;}
}

/* カスタムアコーディオンのボタン01 */
.custom-acc-container .custom-acc-btn {
  position: relative;
  font-size: 1rem !important;
  z-index: 0;
  color: #A9AAAA;
  display: flex;
  justify-content: center;
  font-family: var(--font_eng);
  top: 3rem;
}
.custom-acc-container .custom-acc-btn::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 13rem;
  bottom: 0rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 40%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.custom-acc-container .custom-acc-btn.open::before {
  display: none;
}
.custom-acc-container .custom-acc-btn span {
  position: relative;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  padding-bottom: 0.3rem;
  padding-right: 1.5rem;
  border-bottom: solid 1px #A9AAAA;
}
.custom-acc-container .custom-acc-btn span::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: url(../img/plus.svg) no-repeat right;
  position: absolute;
  top: 40%;
  right: 0;
  transform: translate(0%, -50%);
  background-size: 100%;
}
.custom-acc-container .custom-acc-btn.open span::after {
  background: url(../img/minus.svg) no-repeat right;
  top: 40%;
}

@media only screen and (max-width: 768px) {
.custom-acc-container .custom-acc-btn {
  font-size: calc(20* (100vw /750)) !important;
}
.custom-acc-container .custom-acc-btn span::after {
  width: calc(14* (100vw /750));
  height: calc(14* (100vw /750));
}
.custom-acc-container .custom-acc-btn span {
  padding-bottom: 0.5rem;
  padding-right: calc(26* (100vw /750));
}
.custom-acc-container .custom-acc-btn::before {
  width: 100%;
  height: calc(220* (100vw /750));
}
.custom-acc-container .custom-acc-btn {
  top: calc(50* (100vw /750));
}
}

/* カスタムアコーディオンのボタン02 */
.custom-acc-container .custom-acc-btn.custom-acc-btn02 {
  top: 4rem;
}
@media only screen and (max-width: 768px) {
.custom-acc-container .custom-acc-btn.custom-acc-btn02 {top: calc(50* (100vw /750));}
}