/* ===============================================### 
共通設定
###=============================================== */
.FU241015HEINZ{
  /* --font-ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif; */
  --font-ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN,", "Meiryo", sans-serif;
  --font-en01: "barlow-condensed", sans-serif;
  --font-en02: "filmotype-lucky", sans-serif;
  --color-black: #333;
  --color-gray: #CCCCCC;
  --color-red: #C1272D;
  --color-yellow: #E4AD38;
  overflow: hidden;
}

:where(.FU241015HEINZ) img,
:where(.FU241015HEINZ) svg,
:where(.FU241015HEINZ) video{
  width: 100%;
  height: auto;
}

/* ===========### PC版用設定 ###=========== */
@media screen and (min-width: 768px) {
  .FU241015HEINZ .pc-visible{
    display: block;
  }

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

  .FU241015HEINZ .image-bg{
    background-color: #ffffff;
  }

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

/* ===========### SP版用設定 ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .pc-visible{
    display: none;
  }
  
  .FU241015HEINZ .sp-visible{
    display: block;
  }
}


/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade **************/
.FU241015HEINZ .js-fade-in,
.FU241015HEINZ .js-fade-in-mv{
  opacity: 0;
  transition: opacity 0.3s;
  transition-duration: 2s;
}

.FU241015HEINZ .js-fade-in.show,
.FU241015HEINZ .js-fade-in-mv.show{
  opacity: 1;
}

.FU241015HEINZ .js-fade-up{
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: opacity 1.5s, visibility 1.5s, transform 1.5s;
}

.FU241015HEINZ .js-fade-up.show{
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.FU241015HEINZ .js-fade-up-text{
  opacity: 0;
  transform: translate(0, 80px);
  transition: all 2s ease;
}

.FU241015HEINZ .mv .text__image.image01 .js-fade-up-text{
  transition-delay: 1s;
}

.FU241015HEINZ .mv .text__image.image02 .js-fade-up-text{
  transition-delay: 1.5s;
}

.FU241015HEINZ .js-fade-up-text.show{
  opacity: 1;
  transform: translate(0, 0);
}

.FU241015HEINZ .js-slide-in{
  opacity: 0;
  transform: translate3d(-15%, 0, 0);
  transition-delay: 0.3s;
  transition-duration: 2s;
}

.FU241015HEINZ .js-slide-in.show{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}


/************** slide **************/
.FU241015HEINZ .slick-dots{
  display: block!important;
  bottom: -2.9rem;
}

.FU241015HEINZ .slick-dots li{
  width: 1rem;
  height: 1rem;
  margin-inline: 0.5rem;
}

.FU241015HEINZ .slick-dots li button {
  display: none;
}

.FU241015HEINZ .slick-dots li.slick-active button{
  width: 1rem;
  height: 1rem;
}

.FU241015HEINZ .slick-dots li button::before{
  width: 1rem;
  height: 1rem;
}

.FU241015HEINZ .slick-dots li.slick-active button{
  background-color: transparent;
}

/*** ドットのカラー微調整 ***/
/*** item01 ***/
.FU241015HEINZ .content09 .content__item01 .slick-dots li:nth-of-type(1){
  background-color: var(--color-gray);
}

.FU241015HEINZ .content09 .content__item01 .slick-dots li:nth-of-type(2){
  background-color: var(--color-black);
}

/*** item02 ***/
.FU241015HEINZ .content09 .content__item02 .slick-dots li:nth-of-type(1){
  background-color: var(--color-red);
}

.FU241015HEINZ .content09 .content__item02 .slick-dots li:nth-of-type(2){
  background-color: var(--color-yellow);
}

.FU241015HEINZ .content09 .content__item02 .slick-dots li:nth-of-type(3){
  background-color: var(--color-black);
}

/*** item03 ***/
.FU241015HEINZ .content09 .content__item03 .slick-dots li:nth-of-type(1){
  background-color: var(--color-red);
}

.FU241015HEINZ .content09 .content__item03 .slick-dots li:nth-of-type(2){
  background-color: var(--color-yellow);
}

.FU241015HEINZ .content09 .content__item03 .slick-dots li:nth-of-type(3){
  background-color: var(--color-black);
}

/*** item04 ***/
.FU241015HEINZ .content09 .content__item04 .slick-dots li:nth-of-type(1){
  background-color: var(--color-red);
}

.FU241015HEINZ .content09 .content__item04 .slick-dots li:nth-of-type(2){
  background-color: var(--color-yellow);
}

/*** item05 ***/
.FU241015HEINZ .content09 .content__item05 .slick-dots li:nth-of-type(1){
  background-color: var(--color-red);
}

.FU241015HEINZ .content09 .content__item05 .slick-dots li:nth-of-type(2){
  background-color: var(--color-yellow);
}

/*** item06 ***/
.FU241015HEINZ .content09 .content__item06 .slick-dots li:nth-of-type(1){
  background-color: var(--color-red);
}

.FU241015HEINZ .content09 .content__item06 .slick-dots li:nth-of-type(2){
  background-color: var(--color-yellow);
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  /************** slide **************/
  .FU241015HEINZ .slick-dots{
    position: absolute;
    bottom: calc(-50 * (100vw / 750));
    width: 100%;
    margin: 0;
  }

  .FU241015HEINZ .slick-dots li{
    width: calc(16 * (100vw / 750));
    height: calc(16 * (100vw / 750));
    margin-inline: calc(8 * (100vw / 750));
  }

  .FU241015HEINZ .slick-dots li.slick-active button{
    width: calc(16 * (100vw / 750));
    height: calc(16 * (100vw / 750));
  }

  .FU241015HEINZ .slick-dots li button::before{
    width: calc(16 * (100vw / 750));
    height: calc(16 * (100vw / 750));
  }
}



/* ===============================================### 
MV
###=============================================== */
.FU241015HEINZ .mv{
  width: 56rem;
  margin-top: 4.2rem;
  margin-inline: auto;
}

.FU241015HEINZ .mv .content-wrapper{
  position: relative;
  width: fit-content;
}

/************** text **************/
.FU241015HEINZ .mv .mv__text{
  margin-top: 8.3rem;
  font-family: var(--font-ja);
  font-size: 1.3rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  text-align: center;
  font-feature-settings: "palt";
  color: #000;
}

.FU241015HEINZ .mv .mv__text p{
  margin-top: 2.8rem;
}

/************** image **************/
.FU241015HEINZ .mv .content-wrapper .text__image.image01{
  position: absolute;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 25rem;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.FU241015HEINZ .mv .content-wrapper .text__image.image02{
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 15rem;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.FU241015HEINZ .mv .mv__text .text__image{
  width: 30rem;
  margin-inline: auto;
}

.FU241015HEINZ .mv .mv__image{
  width: 100%;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .mv{
    width: calc(750 * (100vw / 750));
    margin-top: 0;
  }

  /************** text **************/
  .FU241015HEINZ .mv .mv__text{
    margin-top: calc(145 * (100vw / 750));
    font-size: calc(24 * (100vw / 750));
  }

  .FU241015HEINZ .mv .mv__text p{
    margin-top: calc(67 * (100vw / 750));
  }

  /************** image **************/
  .FU241015HEINZ .mv .content-wrapper .text__image.image01{
    top: calc(60 * (100vw / 750));
    width: calc(350 * (100vw / 750));
  }

  .FU241015HEINZ .mv .content-wrapper .text__image.image02{
    bottom: calc(70 * (100vw / 750));
    width: calc(208 * (100vw / 750));
  }

  .FU241015HEINZ .mv .mv__text .text__image{
    width: calc(540 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.FU241015HEINZ .credit{
  font-family: var(--font-en01);
  font-size: 1.5rem;
  font-weight: 600;
  font-feature-settings: "pwid";
  line-height: 2;
  letter-spacing: 0.05em;
  color: var(--color-black);
  white-space: nowrap;
}

.FU241015HEINZ  .credit span{
  margin-left: 0.4rem;
}

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

/* ===========### responsive ###=========== */
/*** PCのみ ***/
@media screen and (min-width: 768px) {
  .FU241015HEINZ .flex-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
}

/*** SP ***/
@media screen and (max-width: 767px) {
  .FU241015HEINZ .credit{
    font-size: calc(28 * (100vw / 750));
  }

  .FU241015HEINZ  .credit span{
    margin-left: calc(5 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ01
###=============================================== */
.FU241015HEINZ .content01{
  width: 105.7rem;
  margin-top: 7.5rem;
  margin-inline: auto;
}

.FU241015HEINZ .content01 .content__item01{

}

.FU241015HEINZ .content01 .content__item02{
  
}

.FU241015HEINZ .content01 .content__item03{
  
}

/************** grid **************/
.FU241015HEINZ .content01 .grid-wrapper{
  display: grid;
  grid-template-columns: 25rem 28.9rem 11.9rem 15rem 25rem;
  grid-template-rows: 84rem 6rem 12rem 32rem 28rem;
}

.FU241015HEINZ .content01 .grid__item01{
  grid-column: 2/5;
  grid-row: 1/2;
}

.FU241015HEINZ .content01 .grid__item02{
  grid-column: 1/3;
  grid-row: 3/5;
}

.FU241015HEINZ .content01 .grid__item03{
  grid-column: 4/6;
  grid-row: 4/6;
}

/************** text **************/
.FU241015HEINZ .content01 .credit{
  margin-top: 2.2rem;
  margin-left: -0.1rem;
  text-align: left;
}

/************** image **************/
.FU241015HEINZ .content01 .content__item01 .content__image{
  width: 56rem;
}

.FU241015HEINZ .content01 .content__item02 .content__image{
  width: 54rem;
}

.FU241015HEINZ .content01 .content__item03 .content__image{
  width: 40rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content01{
    width: fit-content;
    margin-top: calc(120 * (100vw / 750));
  }

  .FU241015HEINZ .content01 .content__item02,
  .FU241015HEINZ .content01 .content__item03{
    margin-top: calc(20 * (100vw / 750));
  }

  /************** grid **************/
  .FU241015HEINZ .content01 .grid-wrapper{
    display: block;
  }

  /************** text **************/
  .FU241015HEINZ .content01 .credit{
    margin-top: calc(24 * (100vw / 750));
    margin-left: 0;
    text-align: center;
  }

  /************** image **************/
  .FU241015HEINZ .content01 .content__item01 .content__image,
  .FU241015HEINZ .content01 .content__item02 .content__image,
  .FU241015HEINZ .content01 .content__item03 .content__image{
    width: calc(660 * (100vw / 750));
  }
}




/* ===============================================### 
コンテンツ02
###=============================================== */
.FU241015HEINZ .content02{
  width: 100.3rem;
  margin-top: 15rem;
  margin-inline: auto;
}

/************** grid **************/
.FU241015HEINZ .content02 .grid-wrapper{
  display: grid;
  grid-template-columns: 29.9rem 36rem 6rem 11.8rem 16.3rem;
  grid-template-rows: 42rem 12rem 18rem 12rem 55.6rem;
  margin-left: 2.2rem;
}

.FU241015HEINZ .content02 .grid__item01{
  grid-column: 2/3;
  grid-row: 1/3;
}

.FU241015HEINZ .content02 .grid__item02{
  grid-column: 4/6;
  grid-row: 2/5;
}

.FU241015HEINZ .content02 .grid__item03{
  grid-column: 1/5;
  grid-row: 4/6;
}

/************** text **************/
.FU241015HEINZ .content02 .credit{
  margin-bottom: -0.6rem;
  text-align: left;
}

/************** image **************/
.FU241015HEINZ .content02 .content__item01 .content__image{
  width: 36rem;
}

.FU241015HEINZ .content02 .content__item02 .content__image{
  width: 28rem;
}

.FU241015HEINZ .content02 .content__item03 .content__image{
  width: 45rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content02{
    width: calc(750 * (100vw / 750));
    margin-top: calc(190 * (100vw / 750));
  }

  .FU241015HEINZ .content02 .content__item02{
    margin-top: calc(32 * (100vw / 750));
    margin-left: calc(330 * (100vw / 750));
  }

  .FU241015HEINZ .content02 .content__item03{
    width: fit-content;
    margin-top: calc(60 * (100vw / 750));
    margin-inline: auto;
  }


  /************** grid **************/
  .FU241015HEINZ .content02 .grid-wrapper{
    display: block;
    margin-left: 0;
  }

  /************** text **************/
  .FU241015HEINZ .content02 .credit{
    margin-top: calc(27 * (100vw / 750));
    margin-bottom: 0;
    text-align: center;
  }

  .FU241015HEINZ .content02 .credit a:nth-of-type(3){
    margin-right: calc(-3 * (100vw / 750));
  }

  /************** image **************/
  .FU241015HEINZ .content02 .content__item01 .content__image{
    width: calc(600 * (100vw / 750));
  }

  .FU241015HEINZ .content02 .content__item02 .content__image{
    width: calc(420 * (100vw / 750));
  }

  .FU241015HEINZ .content02 .content__item03 .content__image{
    width: calc(660 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ03
###=============================================== */
.FU241015HEINZ .content03{
  width: 69.5rem;
  margin-top: 15rem;
  margin-inline: auto;
}

/************** grid **************/
.FU241015HEINZ .content03 .grid-wrapper{
  display: grid;
  grid-template-columns: 9rem 52rem 9rem;
  grid-template-rows: 78rem 5.9rem 52.7rem;
  margin-left: -0.2rem;
}

.FU241015HEINZ .content03 .grid__item01{
  grid-column: 2/3;
  grid-row: 1/2;
}

.FU241015HEINZ .content03 .grid__item02{
  grid-column: 1/4;
  grid-row: 3/4;
}

/************** text **************/
.FU241015HEINZ .content03 .credit{
  margin-top: 2.2rem;
  text-align: center;
}

/************** image **************/
.FU241015HEINZ .content03 .content__item01 .content__image{
  width: 52rem;
}

.FU241015HEINZ .content03 .content__item02 .content__image.image01{
  width: 38rem;
}

.FU241015HEINZ .content03 .content__item02 .content__image.image02{
  width: 32rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content03{
    width: calc(750 * (100vw / 750));
    margin-top: calc(191 * (100vw / 750));
  }

  .FU241015HEINZ .content03 .content__item02{
    margin-top: calc(30 * (100vw / 750));
  }

  .FU241015HEINZ .content03 .flex-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
  }


  /************** grid **************/
  .FU241015HEINZ .content03 .grid-wrapper{
    display: block;
    margin-left: 0;
  }

  /************** text **************/
  .FU241015HEINZ .content03 .credit{
    margin-top: calc(24 * (100vw / 750));
  }

  /************** image **************/
  .FU241015HEINZ .content03 .content__item01 .content__image{
    width: calc(750 * (100vw / 750));
  }

  .FU241015HEINZ .content03 .content__item02 .content__image.image01{
    width: calc(410 * (100vw / 750));
  }

  .FU241015HEINZ .content03 .content__item02 .content__image.image02{
    width: calc(340 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ04
###=============================================== */
.FU241015HEINZ .content04{
  width: 50.3rem;
  margin-top: 15.1rem;
  margin-inline: auto;
}

.FU241015HEINZ .content04 .content__item02{
  position: relative;
  width: fit-content;
  z-index: 1;
}

/************** grid **************/
.FU241015HEINZ .content04 .grid-wrapper{
  display: grid;
  grid-template-columns: 24rem 12.1rem 13.8rem;
  grid-template-rows: 49.5rem 12.7rem 26.6rem;
  margin-left: 7.2rem;
}

.FU241015HEINZ .content04 .grid__item01{
  grid-column: 1/3;
  grid-row: 1/3;
}

.FU241015HEINZ .content04 .grid__item02{
  grid-column: 2/4;
  grid-row: 2/4;
}

/************** text **************/
.FU241015HEINZ .content04 .credit{
  margin-top: 2.2rem;
  text-align: left;
}

/************** image **************/
.FU241015HEINZ .content04 .content__item01 .content__image{
  width: 36rem;
}

.FU241015HEINZ .content04 .content__item02 .content__image{
  width: 26rem;
  transform: rotate(5deg);
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content04{
    width: calc(672 * (100vw / 750));
    margin-top: calc(195 * (100vw / 750));
  }

  .FU241015HEINZ .content04 .content__item01{
  }

  .FU241015HEINZ .content04 .content__item02{
  }


  /************** grid **************/
  .FU241015HEINZ .content04 .grid-wrapper{
    display: grid;
    grid-template-columns: calc(307 * (100vw / 750)) calc(172 * (100vw / 750)) calc(192 * (100vw / 750));
    grid-template-rows: calc(638 * (100vw / 750)) calc(208 * (100vw / 750)) calc(339 * (100vw / 750));
    margin-left: calc(-8 * (100vw / 750));
  }

  /************** text **************/
  .FU241015HEINZ .content04 .credit{
    margin-top: calc(24 * (100vw / 750));
  }

  /************** image **************/
  .FU241015HEINZ .content04 .content__item01 .content__image{
    width: calc(480 * (100vw / 750));
  }

  .FU241015HEINZ .content04 .content__item02 .content__image{
    width: calc(364 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ05
###=============================================== */
.FU241015HEINZ .content05{
  width: 88rem;
  margin-top: 16.2rem;
  margin-inline: auto;
}

/************** grid **************/
.FU241015HEINZ .content05 .grid-wrapper{
  display: grid;
  grid-template-columns: 15.1rem 25rem 8rem 32rem 8rem;
  grid-template-rows: 14.9rem 33.1rem 21rem 5.9rem 31.5rem;
  margin-left: 4rem;
}

.FU241015HEINZ .content05 .grid__item01{
  grid-column: 4/5;
  grid-row: 1/3;
}

.FU241015HEINZ .content05 .grid__item02{
  grid-column: 1/3;
  grid-row: 2/5;
}

.FU241015HEINZ .content05 .grid__item03{
  grid-column: 2/6;
  grid-row: 4/6;
}

/************** text **************/
.FU241015HEINZ .content05 .credit{
  margin-bottom: -0.6rem;
  text-align: right;
}

/************** image **************/
.FU241015HEINZ .content05 .content__item01 .content__image{
  width: 32rem;
}

.FU241015HEINZ .content05 .content__item02 .content__image{
  width: 40rem;
}

.FU241015HEINZ .content05 .content__item03 .content__image{
  width: 34rem;
}


/* ===========### responsive ###=========== */
/*** PCのみ ***/
@media screen and (min-width: 768px) {
  .FU241015HEINZ .content05 .flex-wrapper{
    flex-direction: row-reverse;
  }
}

/*** SP ***/
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content05{
    width: fit-content;
    margin-top: calc(220 * (100vw / 750));
  }

  .FU241015HEINZ .content05 .content__item02,
  .FU241015HEINZ .content05 .content__item03{
    margin-top: calc(20 * (100vw / 750));
  }

  /************** grid **************/
  .FU241015HEINZ .content05 .grid-wrapper{
    display: block;
    margin-left: 0;
  }

  /************** text **************/
  .FU241015HEINZ .content05 .credit{
    margin-top: calc(26 * (100vw / 750));
    margin-bottom: 0;
    text-align: center;
  }

  /************** image **************/
  .FU241015HEINZ .content05 .content__item01 .content__image,
  .FU241015HEINZ .content05 .content__item02 .content__image,
  .FU241015HEINZ .content05 .content__item03 .content__image{
    width: calc(560 * (100vw / 750));
    margin-inline: auto;
  }
}



/* ===============================================### 
コンテンツ06
###=============================================== */
.FU241015HEINZ .content06{
  width: 104.4rem;
  margin-top: 15rem;
  margin-inline: auto;
}

/************** grid **************/
.FU241015HEINZ .content06 .grid-wrapper{
  display: grid;
  grid-template-columns: 6.6rem 27.5rem 10rem 7.2rem 7.7rem 27.1rem 18rem;
  grid-template-rows: 45rem 18rem 12rem 21rem 36.5rem 18.5rem 12.2rem;
  margin-left: 0.1rem;
}

.FU241015HEINZ .content06 .grid__item01{
  grid-column: 4/7;
  grid-row: 1/3;
}

.FU241015HEINZ .content06 .grid__item02{
  grid-column: 1/3;
  grid-row: 2/5;
}

.FU241015HEINZ .content06 .grid__item03{
  grid-column: 6/8;
  grid-row: 4/6;
}

.FU241015HEINZ .content06 .grid__item04{
  grid-column: 2/5;
  grid-row: 6/8;
}

/************** text **************/
.FU241015HEINZ .content06 .credit{
  margin-top: 2.2rem;
  text-align: right;
}

/************** image **************/
.FU241015HEINZ .content06 .content__item01 .content__image{
  width: 42rem;
}

.FU241015HEINZ .content06 .content__item02 .content__image{
  width: 34rem;
}

.FU241015HEINZ .content06 .content__item03 .content__image{
  width: 45rem;
}

.FU241015HEINZ .content06 .content__item04 .content__image{
  width: 45rem;
  transform: rotate(-5deg);
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content06{
    width: calc(750 * (100vw / 750));
    margin-top: calc(200 * (100vw / 750));
  }

  .FU241015HEINZ .content06 .content__item01{
    margin-left: calc(30 * (100vw / 750));
    margin-right: auto;
  }

  .FU241015HEINZ .content06 .content__item02{
    margin-top: calc(30 * (100vw / 750));
    margin-left: calc(269 * (100vw / 750));
  }

  .FU241015HEINZ .content06 .content__item03{
    margin-top: calc(60 * (100vw / 750));
  }

  .FU241015HEINZ .content06 .content__item04{
    margin-top: calc(88 * (100vw / 750));
    margin-left: calc(50 * (100vw / 750));
    margin-right: auto;
  }


  /************** grid **************/
  .FU241015HEINZ .content06 .grid-wrapper{
    display: block;
    margin-left: 0;
  }

  /************** text **************/
  .FU241015HEINZ .content06 .credit{
    margin-top: calc(50 * (100vw / 750));
    margin-left: calc(10 * (100vw / 750));
    text-align: left;
  }

  /************** image **************/
  .FU241015HEINZ .content06 .content__item01 .content__image{
    width: calc(600 * (100vw / 750));
  }

  .FU241015HEINZ .content06 .content__item02 .content__image{
    width: calc(480 * (100vw / 750));
  }

  .FU241015HEINZ .content06 .content__item03 .content__image{
    width: calc(750 * (100vw / 750));
  }

  .FU241015HEINZ .content06 .content__item04 .content__image{
    width: calc(585 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ07
###=============================================== */
.FU241015HEINZ .content07{
  width: 89rem;
  margin-top: 16.3rem;
  margin-inline: auto;
}

/************** grid **************/
.FU241015HEINZ .content07 .grid-wrapper{
  display: grid;
  grid-template-columns: 24.6rem 6.4rem 3.2rem 30.4rem 24.4rem;
  grid-template-rows: 60rem 6rem 15rem 22.4rem 45rem;
}

.FU241015HEINZ .content07 .grid__item01{
  grid-column: 2/5;
  grid-row: 1/2;
}

.FU241015HEINZ .content07 .grid__item02{
  grid-column: 1/4;
  grid-row: 3/5;
}

.FU241015HEINZ .content07 .grid__item03{
  grid-column: 3/6;
  grid-row: 4/6;
}

/************** text **************/
.FU241015HEINZ .content07 .credit{
  margin-bottom: -0.6rem;
  text-align: right;
}

/************** image **************/
.FU241015HEINZ .content07 .content__item01 .content__image{
  width: 40rem;
}

.FU241015HEINZ .content07 .content__item02 .content__image{
  width: 34rem;
}

.FU241015HEINZ .content07 .content__item03 .content__image{
  width: 45rem;
}

/* ===========### responsive ###=========== */
/*** PCのみ ***/
@media screen and (min-width: 768px) {
  .FU241015HEINZ .content07 .flex-wrapper{
    flex-direction: row-reverse;
  }
}

/*** SP ***/
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content07{
    width: calc(750 * (100vw / 750));
    margin-top: calc(190 * (100vw / 750));
  }

  .FU241015HEINZ .content07 .content__item01{
    margin-left: calc(152 * (100vw / 750));
  }

  .FU241015HEINZ .content07 .content__item02{
    margin-top: calc(60 * (100vw / 750));
  }

  .FU241015HEINZ .content07 .content__item03{
    width: fit-content;
    margin-top: calc(60 * (100vw / 750));
    margin-inline: auto;
  }

  /************** grid **************/
  .FU241015HEINZ .content07 .grid-wrapper{
    display: block;
  }

  /************** text **************/
  .FU241015HEINZ .content07 .credit{
    margin-top: calc(29 * (100vw / 750));
    margin-bottom: 0;
    text-align: center;
  }

  /************** image **************/
  .FU241015HEINZ .content07 .content__item01 .content__image{
    width: calc(600 * (100vw / 750));
  }

  .FU241015HEINZ .content07 .content__item02 .content__image{
    width: calc(580 * (100vw / 750));
  }

  .FU241015HEINZ .content07 .content__item03 .content__image{
    width: calc(630 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ08
###=============================================== */
.FU241015HEINZ .content08{
  width: fit-content;
  margin-top: 15rem;
  margin-inline: auto;
}

/************** image **************/
.FU241015HEINZ .content08 .text__image{
  width: 20.5rem;
  margin-top: 9.9rem;
  margin-inline: auto;
}

/************** video **************/
.FU241015HEINZ .content08 .content__video{
  width: 43.2rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content08{
    margin-top: calc(190 * (100vw / 750));
  }

  /************** image **************/
  .FU241015HEINZ .content08 .text__image{
    width: calc(350 * (100vw / 750));
    margin-top: calc(140 * (100vw / 750));
  }

  /************** video **************/
  .FU241015HEINZ .content08 .content__video{
    width: calc(630 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ09
###=============================================== */
.FU241015HEINZ .content09{
  /* position: relative; */
  width: 100%;
  margin-top: 10.2rem;
}

.FU241015HEINZ .content09 .title-wrapper{
  position: relative;
  width: 100%;
}

.FU241015HEINZ  .content09 .title-wrapper::before{
  content: '';
  position: absolute;
  top: 2.1rem;
  width: 100%;
  height: 0.1rem;
  background-color: #666666;
  z-index: -1;
}

.FU241015HEINZ .content09 .content-wrapper{
  width: 66.4rem;
  margin-top: 6.2rem;
  margin-inline: auto;
}

.FU241015HEINZ .content09 .slide-wrapper{
  width: 18rem;
}

/************** grid **************/
.FU241015HEINZ .content09 .grid-wrapper{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 5.8rem;
  row-gap: 5.5rem;
  margin-left: 0.3rem;
}

/************** text **************/
.FU241015HEINZ .content09 .title__text{
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 1.5rem;
  padding-right: 1.3rem;
  font-family: var(--font-en01);
  font-size: 4rem;
  font-weight: 600;
  font-feature-settings: "pwid";
  letter-spacing: 0.05em;
  color: var(--color-black);
  background-color: #fff;
}

.FU241015HEINZ .content09 .credit{
  margin-top: 5rem;
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: center;
}

.FU241015HEINZ .content09 .content__text{
  position: relative;
  width: 66.4rem;
  margin-top: 11.4rem;
  margin-inline: auto;
  border-top: 0.1rem solid #666666;
  border-bottom: 0.1rem solid #666666;
}

.FU241015HEINZ .content09 .content__text p{
  margin-top: 4.2rem;
  margin-bottom: 2.3rem;
  font-family: var(--font-ja);
  font-size: 1.3rem;
  line-height: 2.2;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  text-align: center;
  color: #000;
}

/************** image **************/
.FU241015HEINZ  .content09 .text__image{
  position: absolute;
  top: -2.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 18.1rem;
  margin-inline: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  z-index: 1;
  background-color: #fff;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content09{
    margin-top: calc(144 * (100vw / 750));
  }

  .FU241015HEINZ  .content09 .title-wrapper::before{
    top: calc(37 * (100vw / 750));
    height: calc(2 * (100vw / 750));
  }

  .FU241015HEINZ .content09 .content-wrapper{
    width: calc(650 * (100vw / 750));
    margin-top: calc(80 * (100vw / 750));
  }

  .FU241015HEINZ .content09 .slide-wrapper{
    width: calc(300 * (100vw / 750));
  }

  /************** grid **************/
  .FU241015HEINZ .content09 .grid-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    column-gap: calc(50 * (100vw / 750));
    row-gap: calc(70 * (100vw / 750));
    margin-left: 0;
  }

  /************** text **************/
  .FU241015HEINZ .content09 .title__text{
    padding-left: calc(24 * (100vw / 750));
    padding-right: calc(24 * (100vw / 750));
    font-size: calc(68 * (100vw / 750));
  }

  .FU241015HEINZ .content09 .credit{
    margin-top: calc(78 * (100vw / 750));
    font-size: calc(30 * (100vw / 750));
  }

  .FU241015HEINZ .content09 .content__text{
    width: calc(750 * (100vw / 750));
    margin-top: calc(171 * (100vw / 750));
    border-top: calc(2 * (100vw / 750)) solid #666666;
    border-bottom: calc(2 * (100vw / 750)) solid #666666;
  }

  .FU241015HEINZ .content09 .content__text p{
    margin-top: calc(77 * (100vw / 750));
    margin-bottom: calc(34 * (100vw / 750));
    font-size: calc(24 * (100vw / 750));
  }

  /************** image **************/
  .FU241015HEINZ  .content09 .text__image{
    top: calc(-48 * (100vw / 750));
    width: calc(389 * (100vw / 750));
    padding-left: calc(10 * (100vw / 750));
    padding-right: calc(10 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ10
###=============================================== */
.FU241015HEINZ .content10{
  width: 90rem;
  margin-top: 10rem;
  margin-bottom: 15rem;
  margin-inline: auto;
}

/************** text **************/
.FU241015HEINZ .staff__text{
  margin-top: 9.3rem;
  font-family: var(--font-en01);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2;
  font-feature-settings: "pwid";
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--color-black);
}

/************** image **************/
.FU241015HEINZ .content10 .content__image{
  width: 42rem;
  margin-inline: auto;
}

/************** button **************/
.FU241015HEINZ .link__button{
  width: 100%;
  margin-top: 5.5rem;
  background-color: var(--color-black);
}

.FU241015HEINZ .link__button a{
  display: block;
  padding-top: 1.6rem;
  padding-bottom: 2rem;
  font-family: var(--font-en01);
  font-size: 2.4rem;
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241015HEINZ .content10{
    width: calc(600 * (100vw / 750));
    margin-top: calc(142 * (100vw / 750));
    margin-bottom: calc(180 * (100vw / 750));
  }

  /************** text **************/
  .FU241015HEINZ .staff__text{
    margin-top: calc(124 * (100vw / 750));
    font-size: calc(28 * (100vw / 750));
  }

  /************** image **************/
  .FU241015HEINZ .content10 .content__image{
    width: calc(600 * (100vw / 750));
  }

  /************** button **************/
  .FU241015HEINZ .link__button{
    margin-top: calc(75 * (100vw / 750));
  }

  .FU241015HEINZ .link__button a{
    padding-top: calc(30 * (100vw / 750));
    padding-bottom: calc(33 * (100vw / 750));
    font-size: calc(44 * (100vw / 750));
  }
}