/* ===============================================### 
可変設定
###=============================================== */
.lp_variable {
  /*デザインの値*/
  --pc-width: 1400;/*PCデザイン幅*/
  --sp-width: 780;/*SPデザイン幅*/
  --pc-artboard-width: 590;/*SP共通デザイン幅*/
  --sp-artboard-width: 780;/*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio));/*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1);/*PCデザインの可変割合の計算式*/
}

/* PC画面幅 1400px以上 固定 */
@media (min-width: 1401px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: 1px; /* 固定値（可変しない） */
  }
}

/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}

/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .lp_variable {
  --ratio: 1; /* 比率は1（変わらない） */
  --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}



/* ===============================================### 
初期設定
###=============================================== */
.FU250605FILA{
  --font-ja: "source-han-sans-japanese", sans-serif;
  --font-en: "Offset-TM", serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  font-style: normal;
  --color-white: #ffffff;
  --color-navy: #002662;
  color: #182d56;
}

@font-face {
  font-family: "Offset-TM";
  src: url("../font/OffsetTM.ttf") format("truetype");
}

/* html{
  overflow: visible!important;
}

#Contents {
  position: relative;
} */

.FU250605FILA * {
  box-sizing: border-box;
}

.FU250605FILA img,
.FU250605FILA svg{
  width: 100%;
  height: auto;
}

/* ===========### PC用設定 ###=========== */
@media screen and (min-width: 768px) {
  .header{
    position: relative;
    z-index: 99;
  }

  .archive__container{
    padding-top: 12rem!important;
    margin-bottom: 0!important;
    padding-bottom: 10px;
    background-color: #fff;
  }

  .archive__container .swiper-custom-button{
    top: 57%!important;
  }

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

  #footer{
    background-color: #fff;
  }

  .FU250605FILA .sp-visible {
    display: none;
  }

  .FU250605FILA .pc-visible {
    display: block;
  }

  /* .FU250605FILA .image-bg{
    background-color: #fff;
  }

  .FU250605FILA .image-bg a:hover{
    opacity: 0.7;
  } */

  .FU250605FILA .image-bg a:hover{
    opacity: 0.7;
  }
}


/* ===========### SP用設定 ###=========== */
@media screen and (max-width: 767px) {
  .archive__container{
    margin-top: calc(120 * (100vw / 750))!important;
  }

  .FU250605FILA{
    overflow: clip;
    /* overflow: hidden; */
    /* padding-top: 9.6rem; */
  }

  .FU250605FILA .sp-visible {
    display: block;
  }

  .FU250605FILA .pc-visible {
    display: none;
  }
}



/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade **************/
.FU250605FILA .js-fade-in{
  opacity: 0;
  transform: translateY(5px);
}

.FU250605FILA .js-fade-in.show{
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1.5s ease, transform 1s ease;
}

.FU250605FILA .js-fade-in.js-delay01{
  transition-delay: .2s;
}

.FU250605FILA .js-fade-in.js-delay02{
  transition-delay: .3s;
}

.FU250605FILA .js-fade-in.js-delay03{
  transition-delay: .4s;
}

/************** loop-text **************/
.FU250605FILA .loop-text-wrap{
  position: absolute;
  bottom: calc(25 * var(--formula_pc));
  display: flex;
  align-items: center;
  overflow: auto;
  width: 200%;
  height: fit-content;
  gap: calc(20 * var(--formula_pc));
}

/* Safari */
_::-webkit-full-page-media, _:future, :root .FU250605FILA .loop-text-area {
  flex-shrink: 0;
  flex-grow: 0;
  width: 50%;
  gap: 0;
}

.FU250605FILA .loop-text-wrap img{
  display: block;
}

.FU250605FILA .loop-text-wrap a{
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('../img/pc/loop-text.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.FU250605FILA .loop-text-area{
  width: 100%;
  height: calc(18 * var(--formula_pc));
  -webkit-animation: marquee2 13s linear 0s infinite;
  animation: marquee2 13s linear 0s infinite;
}

@keyframes marquee2 {
  0% {
      translate: 0 0
  }

  to {
      translate: -100% 0
  }
}


@keyframes loop-text-slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -2000rem;
  }
}

/************** ball **************/
.FU250605FILA .center-area .ball__image{
  opacity: 0;
  top: calc(-55 * var(--formula));
  position: absolute;
  right: calc(18 * var(--formula));
  rotate: 10deg;
  text-transform: uppercase;
  translate: calc(60 * var(--formula)) calc(-70 * var(--formula));
  z-index: 3;
  width: calc(50 * var(--formula));
}

.FU250605FILA .center-area .ball__image.direction{
  top: calc(-54 * var(--formula));
  position: absolute;
  left: calc(18 * var(--formula));
  rotate: 10deg;
  text-transform: uppercase;
  translate: calc(60 * var(--formula)) calc(-70 * var(--formula));
  z-index: 3;
  width: calc(50 * var(--formula));
}

.FU250605FILA .ball-animation.animate{
  opacity: 1;
  -webkit-animation: opacity 1s ease 0s forwards,bounce 1.4s ease-in-out 0s,return 3.5s ease-in-out 1.4s,rolling 8s ease-in-out 4.9s infinite;
  animation: opacity 1s ease 0s forwards,bounce 1.4s ease-in-out 0s,return 3.5s ease-in-out 1.4s,rolling 8s ease-in-out 4.9s infinite
}

.FU250605FILA .ball-animation.direction.animate{
  -webkit-animation: opacity 1s ease 0s forwards,bounce02 1.4s ease-in-out 0s,return02 3.5s ease-in-out 1.4s,rolling02 8s ease-in-out 4.9s infinite;
  animation: opacity 1s ease 0s forwards,bounce02 1.4s ease-in-out 0s,return02 3.5s ease-in-out 1.4s,rolling02 8s ease-in-out 4.9s infinite
}

@keyframes opacity {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

/*** right-to-left ***/
@keyframes bounce {
  0% {
    rotate: 10deg;
    translate: 60px -70px
  }

  10% {
    rotate: 0deg;
    translate: 40px -70px
  }

  40% {
    rotate: -20deg;
    translate: 10px 0
  }

  50% {
    rotate: -30deg;
    translate: 0 -10px
  }

  60% {
    rotate: -40deg;
    translate: -10px 0
  }

  70% {
    rotate: -55deg;
    translate: -15px -4px
  }

  80% {
    rotate: -57deg;
    translate: -18px 0
  }

  90% {
    translate: -20px -2px;
    rotate: -59deg
  }

  to {
    rotate: -63deg;
    translate: -21px 0
  }
}

@keyframes return {
  0% {
    rotate: -63deg;
    translate: -21px 0
  }

  40% {
    rotate: -170deg;
    translate: -81px 0
  }

  80% {
    rotate: 10deg;
    translate: 10px 0
  }

  to {
    rotate: 0deg;
    translate: 0 0
  }
}

@keyframes rolling {
  0% {
    rotate: 0deg;
    translate: 0 0
  }

  20% {
    rotate: -170deg;
    translate: -81px 0
  }

  40% {
    rotate: 25deg;
    translate: 20px 0
  }

  50% {
    rotate: 0deg;
    translate: 0 0
  }

  to {
    rotate: 0deg;
    translate: 0 0
  }
}

/*** left-top-right ***/
@keyframes bounce02 {
  0% {
    rotate: -10deg;
    translate: -60px -70px
  }

  10% {
    rotate: 0deg;
    translate: -40px -70px
  }

  40% {
    rotate: 20deg;
    translate: -10px 0
  }

  50% {
    rotate: 30deg;
    translate: 0 -10px
  }

  60% {
    rotate: 40deg;
    translate: 10px 0
  }

  70% {
    rotate: 55deg;
    translate: 15px -4px
  }

  80% {
    rotate: 57deg;
    translate: 18px 0
  }

  90% {
    translate: 20px -2px;
    rotate: 59deg
  }

  to {
    rotate: 63deg;
    translate: 21px 0
  }
}

@keyframes return02 {
  0% {
    rotate: 63deg;
    translate: 21px 0
  }

  40% {
    rotate: 170deg;
    translate: 81px 0
  }

  80% {
    rotate: -10deg;
    translate: -10px 0
  }

  to {
    rotate: 0deg;
    translate: 0 0
  }
}

@keyframes rolling02 {
  0% {
    rotate: 0deg;
    translate: 0 0
  }

  20% {
    rotate: 170deg;
    translate: 81px 0
  }

  40% {
    rotate: -25deg;
    translate: -20px 0
  }

  50% {
    rotate: 0deg;
    translate: 0 0
  }

  to {
    rotate: 0deg;
    translate: 0 0
  }
}


/************** swing **************/
.FU250605FILA .cherry__image{
  position: absolute;
  z-index: 1;
}

.FU250605FILA .swing-animation{
  -webkit-animation: wobbling_x 2.5s ease-in-out infinite alternate, wobbling_y 1.8s ease-in-out infinite alternate;
  animation: wobbling_x 2.5s ease-in-out infinite alternate, wobbling_y 1.8s ease-in-out infinite alternate;
}

/*** アニメーション発火調整 ***/
.FU250605FILA .cherry__image.image02.swing-animation{
  animation-delay: 0.5s;
}

.FU250605FILA .cherry__image.image03.swing-animation{
  animation-delay: 1s;
}

@-webkit-keyframes wobbling_x {
  0% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    margin-left: 0;
  }
}
@keyframes wobbling_x {
  0% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes wobbling_y {
  0% {
    margin-top: 0;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@keyframes wobbling_y {
  0% {
    margin-top: 0;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}


/************** float **************/
.FU250605FILA .center-area .ball__image.float-animation{
  opacity: 1;
}

.FU250605FILA .float-animation.animate{
  -webkit-animation: wobbling_x 2.1s ease-in-out infinite alternate, wobbling_y 2.3s ease-in-out infinite alternate;
  animation: wobbling_x 2.1s ease-in-out infinite alternate, wobbling_y 2.3s ease-in-out infinite alternate;
}

@-webkit-keyframes wobbling_x {
  0% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    margin-left: 0;
  }
}
@keyframes wobbling_x {
  0% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes wobbling_y {
  0% {
    margin-top: 0;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@keyframes wobbling_y {
  0% {
    margin-top: 0;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

/************** progress-bar **************/
.progress-container {
  /* position: fixed; */
  position: absolute;
  right: 11.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 53rem;
  z-index: 1000;
}

.progress-track {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: transparent;
  border-radius: 2px;
}

.progress-thumb {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 12px; */
  /* height: 12px; */
  width: 5rem;
  height: 5rem;
  /* background: #3498db; */
  /* border-radius: 50%; */
  background-image: url('../img/pc/ball.svg');
  background-repeat: no-repeat;
  background-size: contain;
  transition: top 0.1s ease-out;
}

.target-area {
  /* padding: 20px; */
  /* height: 200vh; */
  background: #f5f5f5;
  margin: 0;
}



/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.FU250605FILA .center-area{
  position: relative;
  z-index: 1;
  width: calc(780 * var(--formula));
  margin-inline: auto;
  background-color: #f9f9f4;
}

.FU250605FILA .content-common{
  background-color: #f9f9f4;
}

.FU250605FILA .content-sticky{
  position: sticky;
  top: 0;
}

.FU250605FILA .product__list{
  margin-top: calc(44 * var(--formula));
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(17 * var(--formula));
}

.FU250605FILA .slide-wrapper{
  line-height: 0;
}

/************** text **************/
.FU250605FILA .text-wrap{
  position: absolute;
  z-index: 2;
}

.FU250605FILA .number{
  font-family: var(--font-en);
  font-size: calc(35 * var(--formula));
  font-weight: var(--fw-regular);
  letter-spacing: 0.05em;
}

.FU250605FILA .credit{
  font-family: var(--font-en);
  font-size: calc(20 * var(--formula));
  font-weight: var(--fw-regular);
  line-height: 1.25;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.FU250605FILA .credit sup.yen{
  position: relative;
  top: calc(3 * var(--formula));
  left: calc(4 * var(--formula));
  font-size: calc(13 * var(--formula));
  vertical-align: top;
}

.FU250605FILA .credit a{
  display: inline-block;
}

.FU250605FILA .credit.product{
  font-size: calc(30 * var(--formula));
  text-align: center;
}

.FU250605FILA .credit.product span.price{
  font-size: calc(27 * var(--formula));
}

.FU250605FILA .credit.product sup{
  position: relative;
  top: calc(4 * var(--formula));
  left: calc(9 * var(--formula));
  font-size: calc(15 * var(--formula));
  vertical-align: top;
}

.FU250605FILA .item-number{
  font-family: var(--font-en);
  font-size: calc(25 * var(--formula));
  font-weight: var(--fw-regular);
  letter-spacing: 0.05em;
  text-align: center;
}

.FU250605FILA .item-number span{
  color: #e7293a;
}

/************** image **************/
.FU250605FILA .content__image.image-bg{
  position: relative;
}

.FU250605FILA .content__image.image-bg::before{
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  z-index: -1;
}

.FU250605FILA .slide-wrapper::before,
.FU250605FILA .fast-slide-wrapper::before{
  content: '';
  position: absolute;
  top: calc(1 * var(--formula));
  width: 100%;
  height: 99.9%;
  background-color: var(--color-white);
  z-index: -1;
}


/* ===========### responsive ###=========== */
/*** PC ***/
@media screen and (min-width: 768px) {
  .FU250605FILA .main-wrap{
    position: relative;
    background-color: #f1f0f0;
  }
  
  .FU250605FILA .fixed-bg{
    position: fixed;
    /* top: 0; */
    top: 7rem;
    left: 0;
    width: 100vw;
    /* height: 100vh; */
    height: 100%;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .background {
    /* width: 1250px;
    height: 718px; */
    width: calc(1250 * var(--formula_pc));
    height: calc(718 * var(--formula_pc));
    margin: 0 auto;
    /* padding: 70px 0; */
    padding: calc(106 * var(--formula)) 0;
    background:
      url('../img/pc/ground.svg')
      center / 100%
      no-repeat;
    position: relative;
    overflow: hidden;
  }
}

/*** SP ***/
@media screen and (max-width: 767px) {
  .FU250605FILA .product__list{
    margin-top: calc(48 * var(--formula));
  }

  .FU250605FILA .slide-wrapper::before,
  .FU250605FILA .fast-slide-wrapper::before{
    width: 99.8%;
    height: 99.8%;
  }
}



/* ===============================================### 
MV
###=============================================== */
.FU250605FILA .mv{
}

.FU250605FILA .mv .content-inner{
}

/************** image **************/
.FU250605FILA .mv .mv__image{
  width: calc(780 * var(--formula));
  margin-inline: auto;
}



/* ===============================================### 
lead-area
###=============================================== */
.FU250605FILA .lead-area{
  margin-top: calc(104 * var(--formula));
  padding-bottom: calc(90 * var(--formula));
}

.FU250605FILA .lead-area .content-inner{
}

.FU250605FILA .lead-area .content__item01{
}

.FU250605FILA .lead-area.content-sticky{
  top: calc(-200 * (100vw / 750));
}

.FU250605FILA .lead-area .content__item02{
  position: relative;
  width: fit-content;
  margin-top: calc(149 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .lead-area .content__item02::after{
  content: '';
  position: absolute;
  top: calc(-6 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: calc(692 * var(--formula));
  height: calc(916 * var(--formula));
  background-image: url('../img/content01_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.FU250605FILA .lead-area .slide-wrapper{
  position: relative;
  z-index: 1;
  width: calc(680 * var(--formula));
  /* background-color: #ffffff; */
}

/************** text **************/
.FU250605FILA .lead__text{
  font-family: var(--font-ja);
  font-size: calc(18 * var(--formula));
  font-weight: var(--fw-regular);
  line-height: 2.2;
  font-feature-settings: "palt";
  letter-spacing: 0.12em;
  text-align: center;
  color: var(--color-navy);
}

.FU250605FILA .lead__text.text01{
  margin-top: calc(51 * var(--formula));
}

.FU250605FILA .lead__text.text02{
  margin-top: calc(22 * var(--formula));
}

.FU250605FILA .lead__text.text03{
  margin-top: calc(20 * var(--formula));
}

.FU250605FILA .lead-area .text-wrap{
  top: calc(112 * var(--formula));
  right: calc(55 * var(--formula));
}

.FU250605FILA .lead-area .credit{
  margin-top: calc(10 * var(--formula));
}

/************** image **************/
.FU250605FILA .lead-area .logo__image{
  width: calc(323 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .lead-area .ball__image{
  top: calc(-54 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU250605FILA .lead-area.content-sticky{
    top: calc(-400 * (100vw / 750));
  }

  .FU250605FILA .lead-area .content__item02::after{
    width: calc(694 * var(--formula));
    height: calc(913 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ01
###=============================================== */
.FU250605FILA .content01{
  position: relative;
}

.FU250605FILA .content01 .content-inner{
}

.FU250605FILA .content01 .content__item01{
  position: relative;
  width: fit-content;
}

.FU250605FILA .content01 .content__item02{
  margin-top: calc(76 * var(--formula));
}

/************** text **************/
.FU250605FILA .content01 .text-wrap{
  top: calc(781 * var(--formula));
  right: calc(55 * var(--formula));
}

.FU250605FILA .content01 .credit{
  margin-top: calc(6 * var(--formula));
}

/************** image **************/
.FU250605FILA .content01 .content__item01 .content__image{
  width: calc(780 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .content01 .product__item{
  width: calc(224 * var(--formula));
}



/* ===============================================### 
コンテンツ02
###=============================================== */
.FU250605FILA .content02{
  padding-top: calc(101 * var(--formula));
  padding-bottom: calc(147 * var(--formula));
}

.FU250605FILA .content02.content-sticky{
  top: calc(-770 * (100vw / 750));
}

.FU250605FILA .content02 .content-inner{
}

.FU250605FILA .content02 .content__item01{
  position: relative;
  width: fit-content;
  margin-inline: auto;
  padding-top: calc(70 * var(--formula));
  padding-bottom: calc(80 * var(--formula));
}

.FU250605FILA .content02 .content__item01::after{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(701 * var(--formula));
  height: calc(1900 * var(--formula));
  background-image: url('../img/content02_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.FU250605FILA .content02 .item-wrap{
  position: relative;
}

.FU250605FILA .content02 .item-wrap.item01{
}

.FU250605FILA .content02 .item-wrap.item02{
  margin-top: calc(66 * var(--formula));
}

.FU250605FILA .content02 .content__item02{
  margin-top: calc(186 * var(--formula));
}

.FU250605FILA .content02 .product__list{
  gap: 0;
}

/************** text **************/
.FU250605FILA .content02 .item-wrap.item01 .text-wrap{
  top: calc(47 * var(--formula));
  left: calc(250 * var(--formula));
}

.FU250605FILA .content02 .item-wrap.item01 .credit{
  margin-top: calc(10 * var(--formula));
}

/*** クレジット位置微調整 ***/
.FU250605FILA .content02 .item-wrap.item01 .credit a:nth-of-type(5){
  margin-left: calc(15 * var(--formula));
}

.FU250605FILA .content02 .item-wrap.item02 .text-wrap{
  bottom: calc(-40 * var(--formula));
  left: calc(52 * var(--formula));
}

.FU250605FILA .content02 .item-wrap.item02 .credit{
  margin-top: calc(10 * var(--formula));
}

.FU250605FILA .content02 .credit.product{
  margin-top: calc(4 * var(--formula));
}

.FU250605FILA .content02 .credit.product sup{
  left: calc(4 * var(--formula));
}

/*** クレジット位置微調整 ***/
.FU250605FILA .content02 .item-wrap.item02 .credit a:nth-of-type(2){
  margin-left: calc(19 * var(--formula));
}

/************** image **************/
.FU250605FILA .content02 .item-wrap.item01 .content__image{
  width: calc(650 * var(--formula));
}

.FU250605FILA .content02 .item-wrap.item02 .content__image{
  width: calc(550 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .content02 .product__item:nth-of-type(1){
  width: calc(222 * var(--formula));
}

.FU250605FILA .content02 .product__item:nth-of-type(2){
  width: calc(242 * var(--formula));
}

.FU250605FILA .content02 .product__item:nth-of-type(3){
  width: calc(214 * var(--formula));
}

.FU250605FILA .content02 .cherry__image.image01{
  top: calc(880 * var(--formula));
  left: calc(176 * var(--formula));
  width: calc(24 * var(--formula));
}

.FU250605FILA .content02 .cherry__image.image02{
  top: calc(970 * var(--formula));
  left: calc(142 * var(--formula));
  width: calc(31 * var(--formula));
}

.FU250605FILA .content02 .cherry__image.image03{
  bottom: calc(10 * var(--formula));
  right: calc(108 * var(--formula));
  width: calc(40 * var(--formula));
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU250605FILA .content02.content-sticky{
    top: calc(-1700 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ03
###=============================================== */
.FU250605FILA .content03{
  position: relative;
}

.FU250605FILA .content03 .content-inner{
}

.FU250605FILA .content03 .content__item01{
  position: relative;
  width: fit-content;
}

.FU250605FILA .content03 .content__item02{
  position: relative;
  width: fit-content;
  margin-top: calc(92 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .content03 .content__item02::after{
  content: '';
  position: absolute;
  top: calc(-5 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: calc(691 * var(--formula));
  height: calc(912 * var(--formula));
  background-image: url('../img/content03_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.FU250605FILA .content03 .content__item03{
  margin-top: calc(115 * var(--formula));
}

.FU250605FILA .content03 .product__list{
  margin-top: calc(40 * var(--formula));
  gap: calc(11 * var(--formula));
}

/************** text **************/
.FU250605FILA .content03 .text-wrap{
  top: calc(50 * var(--formula));
  left: calc(50 * var(--formula));
}

.FU250605FILA .content03 .credit{
  margin-top: calc(10 * var(--formula));
}

.FU250605FILA .content03 .credit.product{
  margin-top: calc(6 * var(--formula));
}

.FU250605FILA .content03 .credit.product sup{
  left: calc(5 * var(--formula));
}

/************** image **************/
.FU250605FILA .content03 .content__item01 .content__image{
  width: calc(780 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .content03 .content__item02 .content__image{
  position: relative;
  z-index: 1;
  width: calc(680 * var(--formula));
}

.FU250605FILA .content03 .product__item{
  width: calc(169 * var(--formula));
}

.FU250605FILA .content03 .ball__image.float-animation{
  top: initial;
  bottom: calc(170 * var(--formula));
  right: calc(50 * var(--formula));
  left: initial;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU250605FILA .content03 .content__item02::after {
    width: calc(691 * var(--formula));
    height: calc(911 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ04
###=============================================== */
.FU250605FILA .content04{
  padding-top: calc(120 * var(--formula));
  padding-bottom: calc(90 * var(--formula));
}

.FU250605FILA .content04.content-sticky{
  top: calc(-770 * (100vw / 750));
}

.FU250605FILA .content04 .content-inner{
}

.FU250605FILA .content04 .content__item01{
  position: relative;
  width: fit-content;
}

.FU250605FILA .content04 .content__item02{
  margin-top: calc(69 * var(--formula));
}

.FU250605FILA .content04 .content__item03{
  position: relative;
  width: fit-content;
  margin-top: calc(154 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .content04 .content__item03::after{
  content: '';
  position: absolute;
  top: calc(-5 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: calc(694 * var(--formula));
  height: calc(913 * var(--formula));
  background-image: url('../img/content04_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.FU250605FILA .content04 .slide-wrapper{
  position: relative;
  z-index: 1;
  width: calc(680 * var(--formula));
  margin-inline: auto;
  /* background-color: var(--color-white); */
}

.FU250605FILA .content04 .product__list{
  gap: calc(49 * var(--formula));
}

/************** text **************/
.FU250605FILA .content04 .content__item01 .text-wrap{
  top: calc(44 * var(--formula));
  right: calc(54 * var(--formula));
  text-align: right;
}

.FU250605FILA .content04 .content__item01 .credit{
  margin-top: calc(10 * var(--formula));
}

.FU250605FILA .content04 .credit.product{
  margin-top: calc(4 * var(--formula));
}

.FU250605FILA .content04 .content__item03 .text-wrap{
  top: calc(50 * var(--formula));
  left: calc(52 * var(--formula));
}

.FU250605FILA .content04 .content__item03 .credit{
  margin-top: calc(10 * var(--formula));
}

/************** image **************/
.FU250605FILA .content04 .content__item01 .content__image{
  width: calc(780 * var(--formula));
}

.FU250605FILA .content04 .product__item{
  width: calc(165 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU250605FILA .content04{
    padding-top: calc(124 * var(--formula));
    padding-bottom: calc(90 * var(--formula));
  }

  .FU250605FILA .content04.content-sticky{
    top: calc(-1600 * (100vw / 750));
  }

  .FU250605FILA .content04 .content__item03::after {
    top: calc(-6 * var(--formula));
    height: calc(915 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ05
###=============================================== */
.FU250605FILA .content05{
  position: relative;
  padding-bottom: calc(143 * var(--formula));
}

.FU250605FILA .content05 .content-inner{
}

.FU250605FILA .content05 .content__item01{
  position: relative;
  width: fit-content;
}

.FU250605FILA .content05 .content__item02{
  margin-top: calc(103 * var(--formula));
}

.FU250605FILA .content05 .content__item03{
  position: relative;
  width: fit-content;
  margin-top: calc(150 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .content05 .slide-wrap{
  position: relative;
  width: fit-content;
}

.FU250605FILA .content05 .slide-wrap::after{
  content: '';
  position: absolute;
  top: calc(-6 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: calc(612 * var(--formula));
  height: calc(797 * var(--formula));
  background-image: url('../img/content06_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.FU250605FILA .content05 .slide-wrap.slide02{
  margin-top: calc(40 * var(--formula));
}

.FU250605FILA .content05 .fast-slide-wrapper{
  position: relative;
  z-index: 1;
  width: calc(600 * var(--formula));
  /* background-color: var(--color-white); */
  line-height: 0;
}

.FU250605FILA .content05 .product__list{
  margin-top: calc(48 * var(--formula));
  gap: calc(50 * var(--formula));
}

/************** text **************/
.FU250605FILA .content05 .text-wrap{
  top: calc(137 * var(--formula));
  right: calc(56 * var(--formula));
}

.FU250605FILA .content05 .credit{
  margin-top: calc(10 * var(--formula));
}

.FU250605FILA .content05 .credit.product{
  margin-top: calc(7 * var(--formula));
}

.FU250605FILA .content05 .item-number.num02{
  margin-top: calc(23 * var(--formula));
}

.FU250605FILA .content05 .credit.product span.price{
  margin-left: calc(17 * var(--formula));
  vertical-align: top;
}

/*** クレジット位置微調整 ***/
.FU250605FILA .content05 .credit.product a:nth-of-type(2){
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.FU250605FILA .content05 .content__item01 .content__image{
  width: calc(780 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .content05 .product__item{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: fit-content;
}

.FU250605FILA .content05 .product__item:nth-of-type(1) .product01{
  width: calc(167 * var(--formula));
}

.FU250605FILA .content05 .product__item:nth-of-type(2) .product01{
  width: calc(164 * var(--formula));
}

.FU250605FILA .content05 .product__item:nth-of-type(3) .product01{
  width: calc(166 * var(--formula));
}

.FU250605FILA .content05 .product__item:nth-of-type(1) .product02{
  width: calc(180 * var(--formula));
}

.FU250605FILA .content05 .product__item:nth-of-type(2) .product02{
  width: calc(172 * var(--formula));
}

.FU250605FILA .content05 .product__item:nth-of-type(3) .product02{
  width: calc(159 * var(--formula));
}

.FU250605FILA .content05 .cherry__image.image01{
  width: calc(45 * var(--formula));
  top: calc(-82 * var(--formula));
  left: calc(91 * var(--formula));
}

.FU250605FILA .content05 .cherry__image.image02{
  width: calc(38 * var(--formula));
  top: calc(170 * var(--formula));
  right: calc(-30 * var(--formula));
}

.FU250605FILA .content05 .cherry__image.image03{
  width: calc(33 * var(--formula));
  top: calc(840 * var(--formula));
  left: calc(-40 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU250605FILA .content05 .slide-wrap::after{
    top: calc(-5 * var(--formula));
  }
}


/* ===============================================### 
コンテンツ06
###=============================================== */
.FU250605FILA .content06{
  position: relative;
  padding-bottom: calc(80 * var(--formula));
}

.FU250605FILA .content06 .content-inner{
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.FU250605FILA .content06 .content-inner::after{
  content: '';
  position: absolute;
  top: calc(-34 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: calc(701 * var(--formula));
  height: calc(1037 * var(--formula));
  background-image: url('../img/content06_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.FU250605FILA .content06 .content__item01{
  position: relative;
  width: fit-content;
}

.FU250605FILA .content06 .content__item02{
  margin-top: calc(49 * var(--formula));
}

/************** text **************/
.FU250605FILA .content06 .staff__text{
  font-family: var(--font-en);
  font-size: calc(22 * var(--formula));
  font-weight: var(--fw-regular);
  line-height: 1.6363636364;
  letter-spacing: 0.05em;
  text-align: center;
}

.FU250605FILA .content06 .staff__text span{
  font-size: calc(25 * var(--formula));
  color: #e7293a;
}

.FU250605FILA .content06 .staff__text sup{
  position: relative;
  left: calc(4 * var(--formula));
  top: calc(1 * var(--formula));
  font-size: calc(15 * var(--formula));
  vertical-align: top;
}

/************** image **************/
.FU250605FILA .content06 .content__image{
  width: calc(655 * var(--formula));
  margin-inline: auto;
}

.FU250605FILA .content06 .cherry__image{
  width: calc(39 * var(--formula));
  top: calc(-80 * var(--formula));
  right: calc(140 * var(--formula));
}



/* ===============================================### 
link-area
###=============================================== */
.FU250605FILA .link-area{
  position: relative;
  padding-top: calc(80 * var(--formula));
  padding-bottom: calc(80 * var(--formula));
}

.FU250605FILA .link__button{
  width: calc(200 * var(--formula));
  margin-inline: auto;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU250605FILA .link-area{
    padding-top: calc(73 * var(--formula));
  }
}

/* 
.FU250605FILA .center-area .content{
  padding-top: calc(100 * var(--formula));
  padding-bottom: calc(100 * var(--formula));
}

.FU250605FILA .center-area .content .content-inner{
  width: fit-content;
  margin-inline: auto;
}

.FU250605FILA .center-area .content .content__item01,
.FU250605FILA .center-area .content .content__item02{
  width: fit-content;
  position: relative;
}

.FU250605FILA .center-area .content .content__item02{
  margin-top: calc(80 * var(--formula));
}

.FU250605FILA .center-area .content .content__item01 .ball__image{
  top: calc(-50 * var(--formula));
  position: absolute;
  right: calc(18 * var(--formula));
  rotate: 10deg;
  text-transform: uppercase;
  translate: calc(60 * var(--formula)) calc(-70 * var(--formula));
  z-index: 3;
  width: calc(50 * var(--formula));
}

.FU250605FILA .center-area .content .content__item01 .content__image{
  width: calc(680 * var(--formula));
}

.FU250605FILA .center-area .content .content__item02 .ball__image{
  top: calc(-50 * var(--formula));
  position: absolute;
  left: calc(18 * var(--formula));
  rotate: 10deg;
  text-transform: uppercase;
  translate: calc(60 * var(--formula)) calc(-70 * var(--formula));
  z-index: 3;
  width: calc(50 * var(--formula));
}

.FU250605FILA .center-area .content .content__item02 .content__image{
  width: calc(680 * var(--formula));
} */