#breadcrumb{
  display: none;
}
#Contents{
  padding-top: 13rem;
}

#MR241024KNIT {
  /* height: 50vh; */
  /* font-family: var(--font-noto-serif); */
  background-color: #fff;
  padding: 0;
  overflow: clip;
  /* max-width: 2100px; */
  margin: 0 auto;
  --font-en: "apparat-light", sans-serif;
  --color-black: #000;
  --color-gray: #707070;
}

@media only screen and (min-width: 768px) {
  .header.off {
    visibility: hidden;
    opacity: 0;
    z-index: -100;
    transition: 1s;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ 共通 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#MR241024KNIT .font-en{
  font-family: var(--font-en);
  font-weight: 400;
  font-style: normal;
}
#MR241024KNIT a{
  display: inline-block;
}
#MR241024KNIT a,
#MR241024KNIT p{
  font-family: var(--font-en);
  color: var(--color-black);
}
@media only screen and (min-width: 768px) {
  #MR241024KNIT a:hover{
    /* transition: .3s; */
    opacity: .7;
  }
  #MR241024KNIT .imgWrap{
    background: #fff;
    position: relative;
    transition: opacity 1.5s;
  }
}
#MR241024KNIT span{
  display: inline-block;
}
#MR241024KNIT li{
  list-style: none;
}
#MR241024KNIT img{
  vertical-align: bottom;
}
#MR241024KNIT img,
#MR241024KNIT picture,
#MR241024KNIT video{
  display: inline-block;
  width: 100%;
  height: auto;
}


#MR241024KNIT .sec-ttl__wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#MR241024KNIT .prc{
  line-height: 1;
  letter-spacing: 0.02em;
}
#MR241024KNIT .prc:last-child{
  margin-right: 0;
}

#MR241024KNIT .sec-prc__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#MR241024KNIT .sticky__item{
  position: sticky;
  position: -webkit-sticky;
  margin: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  #MR241024KNIT .spOnly{
    display: none;
  }
  #MR241024KNIT .sec{
    padding-bottom: 28rem;
  }
  #MR241024KNIT .sec-ttl__wrapper{
    row-gap: 4rem;
    margin-bottom: 9.1rem;
  }
  #MR241024KNIT .sec-ttl{
    word-spacing: 0.23rem;
  }
  #MR241024KNIT .nmbr{
    font-size: 3.8rem;
  }
  #MR241024KNIT .sec-ttl{
    font-size: 4.8rem;
  }
  #MR241024KNIT .sec-prc{
    margin-top: 4rem;
  }
  #MR241024KNIT .sec-prc__list{
    row-gap: 1.3rem;
  }
  #MR241024KNIT .prc{
    font-size: 1.6rem;
    margin-right: 0.8rem;
  }
  #MR241024KNIT .prc a{
    margin-right: 0.7rem;
  }
  #MR241024KNIT .prc:last-child a{
    margin-right: 0;
  }

}
@media only screen and (max-width: 767px) {
  #MR241024KNIT {
    font-size: calc(20 * (100vw / 750));
    margin-top: calc(80*(100vw / 750));
  }
  #MR241024KNIT .sec{
    padding-bottom: calc(260* (100vw / 750));
  }
  #MR241024KNIT .sec-ttl__wrapper{
    row-gap: calc(40* (100vw / 750));
    margin-bottom: calc(93* (100vw / 750));
  }
  #MR241024KNIT .nmbr{
    font-size: calc(44* (100vw / 750));
  }
  #MR241024KNIT .sec-prc{
    margin: calc(40* (100vw / 750)) auto 0;
  }
  #MR241024KNIT .sec-ttl{
    font-size: calc(46* (100vw / 750));
    word-spacing: calc(3*(100vw / 750));
  }
  #MR241024KNIT .sec-prc__list{
    justify-content: center;
    row-gap: calc(20* (100vw / 750));
    padding-left: calc(10*(100vw / 750));
  }
  #MR241024KNIT .prc{
    font-size: calc(22* (100vw / 750));
    margin-right: calc(10*(100vw / 750));
  }
  #MR241024KNIT .prc a{
    margin-right: calc(10*(100vw / 750));
  }
  #MR241024KNIT .font-en{
    text-align: right;
    justify-content: end;
    padding-right: 0;
    /* padding-bottom: calc(15*(100vw / 750)); */
  }

  #MR241024KNIT .pcOnly{
    display: none;
  }
  #MR241024KNIT .sp_sticky__item{
    position: sticky;
    position: -webkit-sticky;
    margin: 0;
    z-index: 1;
  }

}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ 共通 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ firstview ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241024KNIT .fv-ttl__wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}
#MR241024KNIT .fv-ttl{
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: center;
}
#MR241024KNIT .fv-subttl{
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #MR241024KNIT .mainvisual-img{
    width: 100%;
    /* width: 170rem; */
    margin: 0 auto;
    margin-bottom: 10.7rem;
  }
  #MR241024KNIT .mainvisual-img a{
    width: 100%;
  }
  #MR241024KNIT .fv-ttl__wrapper{
    margin-bottom: 19.7rem;
  }
  #MR241024KNIT .fv-ttl{
    font-size: 9rem;
    letter-spacing: -0.01em;
    padding-right: 0.3rem;
    margin-bottom: 2.5rem;
  }
  #MR241024KNIT .fv-subttl{
    font-size: 4.2rem;
    letter-spacing: 0.04em;
    margin-bottom: 19.4rem;
  }
  #MR241024KNIT .fv .btnLiner.active{
    width: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #MR241024KNIT .fv{
    margin-bottom: calc(162.5* (100vw / 750));
  }
  #MR241024KNIT .mainvisual-img{
    width: 100%;
  }
  #MR241024KNIT .fv-ttl__wrapper{
    margin-top: calc(150*(100vw / 750));
    margin-bottom: calc(176* (100vw / 750));
  }
  #MR241024KNIT .fv-ttl{
    font-size: calc(90* (100vw / 750));
    margin-bottom: calc(37* (100vw / 750));
  }
  #MR241024KNIT .fv-subttl{
    font-size: calc(41* (100vw / 750));
    margin-bottom: calc(173* (100vw / 750));
  }
  #MR241024KNIT .fv .btnLiner.active{
    width: calc(120* (100vw / 750));
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ firstview ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section01 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241024KNIT .section01-img__wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#MR241024KNIT .section01__inner02{
  margin-bottom: 12rem;
}

#MR241024KNIT .section01__inner02-img02{
  margin-left: auto;
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  #MR241024KNIT .section01-img{
    width: 80rem;
  }
  #MR241024KNIT .section01 .sticky__cont{
    width: 123.9rem;
    margin: 0 auto;
  }
  #MR241024KNIT .section01 .sticky__item{
    /* top: 20rem; */
    top: calc((100vh - 77.5rem) / 2);

  }
  #MR241024KNIT .section01__inner02-img01,
  #MR241024KNIT .section01__inner02-img02 {
    width: 62rem;
    height: 77.5rem;
    overflow: clip;
  }
  #MR241024KNIT .section01 .sec__inner01{
    margin-bottom: 20rem;
  }
  #MR241024KNIT .section01 .sec-prc{
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  #MR241024KNIT .section01__inner02-img01,
  #MR241024KNIT .section01__inner02-img02{
    width: calc(375* (100vw / 750));
    height: calc(468.75* (100vw / 750));
    overflow: clip;
  }
  #MR241024KNIT .section01 .sec__inner01{
    margin-bottom: calc(182* (100vw / 750));
  }
  #MR241024KNIT .section01 .sec-prc {
    width: calc(580*(100vw / 750));
  }
  #MR241024KNIT .section01 .prc:nth-child(2){
    margin-right: 0;
  }
  #MR241024KNIT .section01 .sticky__item{
    /* top: calc(180* (100vw / 750)); */
    top: calc((100vh - calc(468.75* (100vw / 750))) / 2);
    height: calc(469*(100vw / 750));
    overflow: clip;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section01 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section02 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241024KNIT .section02{
  background-color: var(--color-gray);
}

#MR241024KNIT .section02 .nmbr,
#MR241024KNIT .section02 h4.sec-ttl,
#MR241024KNIT .section02 .prc a,
#MR241024KNIT .section02 .prc {
  color: #fff;
}

@media screen and (min-width: 768px) {
  #MR241024KNIT .section02{
    padding: 17.5rem 0 28.1rem;
  }
  #MR241024KNIT .section02 .sec-ttl__wrapper {
    margin-bottom: 11.3rem;
  }
  #MR241024KNIT .section02-img__wrapper{
    width: 186rem;
    display: grid;
    grid-template-columns: 42rem 18rem 31.95rem 9rem auto;
    grid-template-rows: 56.5rem 48.5rem 15.5rem 11rem auto;
    margin: 0 auto;
    padding-left: 1.9rem;
  }
  #MR241024KNIT .section02-img01{
    width: 60rem;
    grid-column: 1 / 3;
    grid-row: 2 / 5;
    background-color: #fff;
  }
  #MR241024KNIT .section02-img02{
    width: 84rem;
    grid-column: 5 / 6;
    grid-row: 1 / 3;
    background-color: #fff;
  }
  #MR241024KNIT .section02-img03{
    width: 50rem;
    grid-column: 2 / 4;
    grid-row: 4 / 6;
    background-color: #fff;
  }
  #MR241024KNIT .section02 .sec-prc{
    grid-column: 5 / 6;
    grid-row: 3 / 4;
    margin: 4rem 0 0 auto;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 767px) {
  #MR241024KNIT .section02{
    padding: calc(154* (100vw / 750)) 0 calc(262* (100vw / 750));
  }
  #MR241024KNIT .section02-img01{
    width: calc(620* (100vw / 750));
    margin: 0 auto calc(70* (100vw / 750));
  }
  #MR241024KNIT .section02-img02{
    width: 100%;
    margin-bottom: calc(70* (100vw / 750));
  }
  #MR241024KNIT .section02-img03{
    width: calc(560* (100vw / 750));
    margin-left: 0;
    margin-right: auto;
  }
  #MR241024KNIT .section02 .sec-prc{
    margin-left: calc(40* (100vw / 750));
  }
  #MR241024KNIT .section02 .sec-prc__list {
    justify-content: flex-start;
    padding-left: 0;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section02 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section03 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241024KNIT .section03-img__wrapper{
  display: grid;
}

#MR241024KNIT .section03-img-prc{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}
#MR241024KNIT .section03-img01{
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}
#MR241024KNIT .section03-img02{
  position: relative;
  grid-column: 2 / 4;
  grid-row: 2 / 4;
  background-color: #fff;
  z-index: 10;
}
#MR241024KNIT .section03 .sticky__item{
  z-index: 1;
}
#MR241024KNIT .section03-img04{
  position: relative;
  z-index: 10;
  transform: translateZ(1px);
  pointer-events: none;
}
#MR241024KNIT .section03-img04 a{
  pointer-events: all;
}

/* #MR241024KNIT .section03 .sec-prc__list{
  justify-content: center;
} */
@media screen and (min-width: 768px) {
  #MR241024KNIT .section03{
    padding: 17.5rem 0 0 0;
  }
  #MR241024KNIT .section03 .sec-ttl__wrapper{
    margin-bottom: 11.1rem;
  }
  #MR241024KNIT .section03-img__wrapper{
    width: 110rem;
    grid-template-columns: 50rem 8rem auto;
    grid-template-rows: 25.5rem 47rem auto;
    margin: 0 auto 18rem;
  }
  #MR241024KNIT .section03 .sticky__item{
    /* top: 18rem; */
    top: calc((100vh - 120rem) / 2);
  }
  #MR241024KNIT .section03-img01{
    width: 58rem;
  }
  #MR241024KNIT .section03-img02{
    width: 60rem;
  }
  #MR241024KNIT .section03-img-prc{
    width: 86rem;
    margin: 0 auto 28rem;
  }
  #MR241024KNIT .section03-img04{
    width: 60rem;
    margin: 0 auto;
    padding-bottom: 51rem;
  }
  #MR241024KNIT .section03-img04 .imgLink{
    background-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  #MR241024KNIT .section03{
    padding: calc(158* (100vw / 750)) 0 0;
  }
  #MR241024KNIT .section03-img__wrapper{
    width: calc(710* (100vw / 750));
    grid-template-columns: calc(250* (100vw / 750)) calc(128.5* (100vw / 750)) auto;
    grid-template-rows: calc(335* (100vw / 750)) calc(139.3* (100vw / 750)) auto;
    margin: 0 0 calc(140* (100vw / 750)) auto;
  }
  #MR241024KNIT .section03 .sticky__item{
    /* top: calc(140* (100vw / 750)); */
    top: calc((100vh - calc(937.5* (100vw / 750))) / 2);
  }
  #MR241024KNIT .section03-img01{
    width: calc(380* (100vw / 750));
  }
  #MR241024KNIT .section03-img02{
    width: calc(460* (100vw / 750));
  }
  #MR241024KNIT .section03-img03{
    width: 100%;
  }
  #MR241024KNIT .section03-img04{
    width: calc(580* (100vw / 750));
    margin: 0 auto;
    padding-bottom: calc(calc(166*(100vw / 750)) + calc(261*(100vw / 750)));
  }
  #MR241024KNIT .section03-img-prc{
    margin-bottom: calc(260* (100vw / 750));
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section03 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section04 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241024KNIT .section04{
  background-color: var(--color-gray);
}

#MR241024KNIT .section04 .nmbr,
#MR241024KNIT .section04 h4.sec-ttl,
#MR241024KNIT .section04 .prc a,
#MR241024KNIT .section04 .prc {
  color: #fff;
}

@media screen and (min-width: 768px) {
  #MR241024KNIT .section04{
    padding: 17.5rem 0 28.1rem;
  }
  #MR241024KNIT .section04 .sec__inner01{
    margin-bottom: 20rem;
  }
  #MR241024KNIT .section04 .sec-ttl__wrapper {
    margin-bottom: 11.2rem;
  }
  #MR241024KNIT .section04-img__wrapper{
    width: 176rem;
    height: 117.5rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding-left: 6rem;
  }
  #MR241024KNIT .section04-img01{
    width: 80rem;
    margin-bottom: 17.5rem;
    background-color: #fff;
  }
  #MR241024KNIT .section04-img02{
    width: 46rem;
    height: 57.3rem;
    /* justify-self: end; */
    align-self: flex-end;
    background-color: #fff;
  }
  #MR241024KNIT .section04 .sec__inner02{
    width: 87rem;
    display: flex;
    align-items: end;
    margin: 0 auto;
    padding-left: 20.9rem;
  }
  #MR241024KNIT .section04-img03{
    width: 66rem;
    background-color: #fff;
  }
  #MR241024KNIT .section04 .sec-prc{
    margin-left: 4rem;
  }
  #MR241024KNIT .section04 .sec-prc__list{
    flex-direction: column;
    justify-content: left;
  }
}
@media screen and (max-width: 767px) {
  #MR241024KNIT .section04{
    padding: calc(156* (100vw / 750)) 0 calc(262* (100vw / 750));
  }
  #MR241024KNIT .section04-img01{
    width: 100%;
    margin: 0 auto calc(70* (100vw / 750));
  }
  #MR241024KNIT .section04-img02{
    width: calc(520* (100vw / 750));
    margin: 0 0 calc(70* (100vw / 750)) auto;
  }
  #MR241024KNIT .section04-img03{
    width: calc(620* (100vw / 750));
    margin: 0 auto;
  }
  #MR241024KNIT .section04 .sec-prc{
    width: calc(470* (100vw / 750));
    margin: calc(40* (100vw / 750)) auto 0;
  }
  #MR241024KNIT .section04 .prc:nth-child(2){
    margin-right: 0;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section04 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section05 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241024KNIT .section05 .sec__inner02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #MR241024KNIT .section05{
    padding: 17.5rem 0 28rem;
  }
  #MR241024KNIT .section05 .sec-ttl__wrapper{
    margin-bottom: 11.4rem;
  }
  #MR241024KNIT .section05-img__wrapper01 {
    width: 156rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 10rem;
    margin: 0 auto 12rem;
  }
  #MR241024KNIT .section05-img01 {
    width: 78rem;
  }
  #MR241024KNIT .section05-img__wrapper02 {
    width: 42rem;
    margin-top: 66rem;
  }
  #MR241024KNIT .section05-img02 {
    margin-bottom: 1rem;
  }
  #MR241024KNIT .section05-img04 {
    width: 70rem;
  }
  #MR241024KNIT .section05 .sec-prc {
    width: 45rem;
    margin-right: auto;
    margin-left: auto;
  }
  #MR241024KNIT .section05 .prc:nth-child(2) {
    margin-right: 0;
  }
  #MR241024KNIT .section05 .prc:nth-child(2) a,
  #MR241024KNIT .section05 .prc:nth-child(4) a {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #MR241024KNIT .section05{
    padding: calc(154* (100vw / 750)) 0 calc(260* (100vw / 750));
  }
  #MR241024KNIT .section05-img01 {
    width: calc(600* (100vw / 750));
    margin: 0 auto calc(89* (100vw / 750)) 0;
  }
  #MR241024KNIT .section05-img02 {
    width: calc(460* (100vw / 750));
    margin: 0 calc(40* (100vw / 750)) calc(30* (100vw / 750)) auto;
  }
  #MR241024KNIT .section05-img03 {
    width: calc(460* (100vw / 750));
    margin: 0 auto calc(90* (100vw / 750)) calc(80* (100vw / 750));
  }
  #MR241024KNIT .section05-img04 {
    width: calc(660* (100vw / 750));
    margin: 0 auto;
  }
  #MR241024KNIT .section05 .sec-prc {
    width: calc(490* (100vw / 750));
  }
  #MR241024KNIT .section05 .prc:nth-child(2){
    margin-right: 0;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section05 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241024KNIT .section06 .nmbr,
#MR241024KNIT .section06 h4.sec-ttl,
#MR241024KNIT .section06 .prc a,
#MR241024KNIT .section06 .prc{
  color: #fff;
}
#MR241024KNIT .section06{
  background-color: var(--color-gray);
}
@media screen and (min-width: 768px) {
  #MR241024KNIT .section06{
    padding-top: 17.7rem;
  }
  #MR241024KNIT .section06 .sec-ttl__wrapper {
    margin-bottom: 11.1rem;
  }
  #MR241024KNIT .section06 .sec-prc__list {
    justify-content: flex-start;
  }
  #MR241024KNIT .section06-img__wrapper {
    width: 154rem;
    display: grid;
    grid-template-columns: 74rem 6rem 74rem;
    grid-template-rows: 41rem 51.5rem auto;
    margin: 0 auto;
  }
  #MR241024KNIT .section06-img01,
  #MR241024KNIT .section06-img02 {
    width: 74rem;
    background-color: #fff;
  }
  #MR241024KNIT .section06-img01 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }
  #MR241024KNIT .section06-img02 {
    grid-column: 3 / 4;
    grid-row: 2 / 4;
  }
  #MR241024KNIT .section06 .sec-prc {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
}
@media screen and (max-width: 767px) {
  #MR241024KNIT .section06{
    padding-top: calc(155* (100vw / 750));
  }
  #MR241024KNIT .section06-img01,
  #MR241024KNIT .section06-img02 {
    width: 100%;
  }
  #MR241024KNIT .section06-img01{
    margin-bottom: calc(60* (100vw / 750));
  }
  #MR241024KNIT .section06 .sec-prc {
    width: calc(430* (100vw / 750));
  }
  #MR241024KNIT .section06 .prc:nth-child(2){
    margin-right: 0;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section06 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section07 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241024KNIT .section07__inner01-img02{
  margin-right: 0;
  margin-left: auto;
}
#MR241024KNIT .section07 .sec-ttl {
  line-height: 1.5;
  text-align: center;
}
#MR241024KNIT .section07 .sticky__item{
  pointer-events: none;
}
#MR241024KNIT .section07__inner01-img01 a{
  pointer-events: all;
}
@media screen and (min-width: 768px) {
  #MR241024KNIT .section07 {
    padding-top: 17.5rem;
    padding-bottom: 25.1rem;
  }
  #MR241024KNIT .section07 .sec-ttl__wrapper {
    row-gap: 2.9rem;
    margin-bottom: 10.1rem;
  }
  #MR241024KNIT .section07 .sec__inner01{
    margin-bottom: 20rem;
  }
  #MR241024KNIT .section07 .sticky__cont{
    width: 123.9rem;
    margin: 0 auto;
  }
  #MR241024KNIT .section07 .sticky__item{
    /* top: 12rem; */
    top: calc((100vh - 77.5rem) / 2);
  }
  #MR241024KNIT .section07__inner01-img01,
  #MR241024KNIT .section07__inner01-img02 {
    width: 62rem;
    height: 77.5rem;
    overflow: clip;
  }
  #MR241024KNIT .section07-img03{
    width: 124rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #MR241024KNIT .section07 {
    padding-top: calc(158* (100vw / 750));
    padding-bottom: calc(241*(100vw / 750));
  }
  #MR241024KNIT .section07 .sec-ttl__wrapper{
    row-gap: calc(27*(100vw / 750));
    margin-bottom: calc(83*(100vw / 750));
  }
  #MR241024KNIT .section07 .sec__inner01{
    margin-bottom: calc(180* (100vw / 750));
  }
  #MR241024KNIT .section07 .sticky__item{
    top: calc((100vh - calc(759* (100vw / 750))) / 2);
    height: calc(761* (100vw / 750));
  }
  #MR241024KNIT .section07__inner01-img01,
  #MR241024KNIT .section07__inner01-img02 {
    width: calc(374.99* (100vw / 750));
    height: calc(468.75* (100vw / 750));
    overflow: clip;
  }
  #MR241024KNIT .section07-img03{
    width: 100%;
    margin: 0 auto;
  }
  ::-webkit-full-page-media, :future, :root #MR241024KNIT .section07 .sticky__item{
      height: calc(758* (100vw / 750));
    }
}

@media screen and (max-width: 390px) {
  ::-webkit-full-page-media, :future, :root #MR241024KNIT .section07 .sticky__item{
    height: calc(392.9* (100vw / 390));
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section07 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



/*================ AllBtn ================*/
#MR241024KNIT .allBtnWrap{
  display: flex;flex-direction: column;
  justify-content: center;
  align-items: center;
}
#MR241024KNIT .allBtnCont{
  letter-spacing: 0.01em;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  #MR241024KNIT .allBtnWrap{
    margin: 0 auto 25rem;
  }
  #MR241024KNIT .allBtnCont{
    font-size: 2.2rem;
    word-spacing: 0.5rem;
  }
  #MR241024KNIT .allBtnWrap .btnLiner{
    margin-top: 1.9rem;
  }
  #MR241024KNIT .allBtnWrap .btnLiner.active{
    width: 13rem;

  }
}
@media only screen and (max-width: 767px) {
  #MR241024KNIT .allBtnWrap {
    margin-bottom: calc(222*(100vw / 750));
  }
  #MR241024KNIT .allBtnCont{
    font-size: calc(30* (100vw / 750));
    word-spacing: calc(7* (100vw / 750));
  }
  #MR241024KNIT .allBtnWrap .btnLiner{
    margin-top: calc(18* (100vw / 750));
  }
  #MR241024KNIT .allBtnWrap .btnLiner.active{
    width: calc(160 * (100vw / 750));
  }
}

/*--------------------------------
js-fadeIn ｜文字（水色）
--------------------------------*/
#MR241024KNIT .js-fadeIn{
  opacity: 0;
  transition: 1.5s;
}
#MR241024KNIT .js-fadeIn.active{
  opacity: 1;
}

/*--------------------------------
delay
--------------------------------*/
#MR241024KNIT .delay-5s{
  transition-delay: 0.5s;
}
#MR241024KNIT .section03-img01.js-fadeIn.from-up.delay-10s{
  transition-delay: 1s;
}
#MR241024KNIT .section03-img02.js-fadeIn.from-bottom.delay-13s{
  transition-delay: 1.3s;
}
@media only screen and (min-width: 768px) {
  #MR241024KNIT .pc_delay-5s{
    transition-delay: 0.5s;
  }
  #MR241024KNIT .js-line-anime.pc_delay-8s{
    transition-delay: 0.8s;
  }
  #MR241024KNIT .pc_delay-13s{
    transition-delay: 1.3s;
  }
  #MR241024KNIT .pc_delay-18s{
    transition-delay: 1.8s;
  }
}
@media only screen and (max-width: 767px) {
  #MR241024KNIT .sp_delay-5s{
    transition-delay: 0.5s;
  }
}

/*----------------------------------------
js-fadeIn.from-right ｜右から出現 ※onlyPC（赤）
----------------------------------------*/
@media only screen and (min-width: 768px) {
  #MR241024KNIT .js-fadeIn.from-right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
  }
}

#MR241024KNIT .js-fadeIn.from-right.active{
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}

/*----------------------------
js-fadeIn.from-bottom ｜下から上へ出現（赤）
----------------------------*/
#MR241024KNIT .js-fadeIn.from-bottom {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
#MR241024KNIT .js-fadeIn.from-bottom.active {
  transform: translateY(0);
  opacity: 1.0;
}

/*----------------------------
js-fadeIn.from-up ｜上から下へ出現（赤）
----------------------------*/
#MR241024KNIT .js-fadeIn.from-up {
  transition: 0.8s ease-in-out;
  transform: translateY(-30px);
  opacity: 0;
}
#MR241024KNIT .js-fadeIn.from-up.active {
  transform: translateY(0);
  opacity: 1.0;
}


/*----------------------------------
js-zoom ｜ズームアウト（オレンジ）
----------------------------------*/
#MR241024KNIT .mainvisual-img a,
#MR241024KNIT .section01-img a,
#MR241024KNIT .section05-img01 a,
#MR241024KNIT .section07-img03 a {
  overflow: hidden;
 }

#MR241024KNIT .js-zoom {
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(1.1);
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), scale 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* transition: opacity 5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), scale 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); */
}

#MR241024KNIT .js-zoom.active {
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
  visibility: inherit;
}
/* @keyframes animationZoom {
  50% { transform:scale(1.1)}
} */

/*----------------------------------
js-scroll_down ｜上から下へ画像表示（ピンク）
----------------------------------*/
#MR241024KNIT .js-scroll_down.mask-down {
  clip-path: inset(0 0 100% 0);/*上から下へ動くクリップマスク*/
  transition: 1s clip-path ease; /*0.5秒でクリップマスクを動かす*/
}

#MR241024KNIT .js-scroll_down.mask-down img {
  height: 100%;
}
#MR241024KNIT .js-scroll_down.mask-down.active {
  clip-path: inset(0 0 0 0);/*クリップマスクを広げる*/
}
/*----------------------------------
js-line ｜ライン 中心から伸びる
----------------------------------*/
#MR241024KNIT .js-line-anime{
  width: 0%;
  transition: all 1s ease;
  margin: 0 auto;
}
#MR241024KNIT .js-line-anime.active{
  background-color: #000;
  height: 1px;
  transform: scale(1,1);
}