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

#MR241113makoto {
  background-color: #fff;
  padding: 0;
  overflow: clip;
  margin: 0 auto;
  --font-en: "tt-commons-pro", sans-serif;
  --font-jp: "noto-sans-cjk-jp", sans-serif;
}


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

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

#MR241113makoto .flexArea {
  display: flex;
}
#MR241113makoto .gridArea {
  display: grid;
}
#MR241113makoto .sec-ttl{
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
}
#MR241113makoto .sec-nmbr{
  position: relative;
}
#MR241113makoto .sec-nmbr::after{
  content: "";
  width: 2px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
}

#MR241113makoto .prc:last-child{
  margin-right: 0;
}
#MR241113makoto .sec-prc__list{
  display: flex;
  flex-wrap: wrap;
}
#MR241113makoto .prc{
  font-family: var(--font-en);
  line-height: 1;
  letter-spacing: 0.04em;
}
#MR241113makoto .comment{
  line-height: 2;
  letter-spacing: 0.18rem;
}
#MR241113makoto .mocoto{
  flex-direction: row-reverse;
  position: relative;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #MR241113makoto .spOnly{
    display: none;
  }
  #MR241113makoto .flexAreaPc {
    display: flex;
  }
  #MR241113makoto .sec{
    padding-top: 19rem;
  }
  #MR241113makoto .sec-ttl__wrapper{
    padding-bottom: 15.5rem;
  }
  #MR241113makoto .sec-ttl{
    font-size: 6.6rem;
  }
  #MR241113makoto .sec-nmbr{
    padding-right: 3.4rem;
    margin-right: 3.8rem;
  }
  #MR241113makoto .sec-nmbr::after{
    height: 4.8rem;
  }
  #MR241113makoto .sec-prc__list{
    row-gap: 1.37rem;
    flex-direction: column;
  }
  #MR241113makoto .prc{
    font-size: 1.6rem;
    word-spacing: 0.2rem;
    /* margin-right: 0.8rem; */
  }
  #MR241113makoto .mocoto{
    margin-bottom: 5rem;
  }
  #MR241113makoto .mocoto-comment{
    width: 20.72378rem;
    padding-right: 2rem;
  }
  #MR241113makoto .gap-adjust{
    padding-top: 2rem;
  }
  #MR241113makoto .comment{
    font-size: 1.9rem;
  }

}
@media only screen and (max-width: 767px) {
  #MR241113makoto .pcOnly{
    display: none;
  }
  #MR241113makoto {
    font-size: calc(20 * (100vw / 750));
    margin-top: calc(126* (100vw / 750));
  }
  #MR241113makoto .sec{
    padding-top: calc(150* (100vw / 750));
  }
  #MR241113makoto .sec-ttl__wrapper{
    margin-bottom: calc(94* (100vw / 750));
  }
  #MR241113makoto .sec-ttl{
    font-size: calc(56* (100vw / 750));
  }
  #MR241113makoto .sec-nmbr{
    padding-right: calc(35* (100vw / 750));
    margin-right: calc(35* (100vw / 750));
  }
  #MR241113makoto .sec-nmbr::after{
    height: calc(42* (100vw / 750));
  }
  #MR241113makoto .sec-prc{
    margin: calc(50* (100vw / 750)) auto 0;
  }
  #MR241113makoto .sec-prc__list{
    row-gap: calc(20* (100vw / 750));
  }
  #MR241113makoto .prc{
    font-size: calc(20* (100vw / 750));
    margin-right: calc(12*(100vw / 750));
    word-spacing: calc(2* (100vw / 750));
  }
  #MR241113makoto .prc a{
    letter-spacing: 0.034em;
    word-spacing: calc(4*(100vw / 750));
    margin-right: calc(10*(100vw / 750));
  }
  #MR241113makoto .mocoto{
    justify-content: space-between;
    margin-bottom: calc(66*(100vw / 750));
  }
  #MR241113makoto .mocoto-comment{
    width: calc(310.8545* (100vw / 750));
  }
  #MR241113makoto .sec-comment{
    margin-left: calc(60*(100vw / 750));
  }
  #MR241113makoto .comment{
    font-size: calc(27* (100vw / 750));
    letter-spacing: 0.084em;
  }
  #MR241113makoto .gap-adjust{
    padding-top: calc(60* (100vw / 750));
    padding-top: calc(30*(100vw / 750));
  }


}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ 共通 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ firstview ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MR241113makoto .fv {
  width: 100%;
}
#MR241113makoto .mainvisual__wrap{
  position: relative;
  width: 100vw;
}
#MR241113makoto .fv-ttl__wrapper{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  pointer-events: none;
}
#MR241113makoto .mainvisual-img{
  width: 100%;
}
#MR241113makoto .fv-txt{
  line-height: 2.2;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #MR241113makoto .mainvisual-img{
    margin-bottom: 12.9rem;
  }
  #MR241113makoto .fv-txt__wrapper{
    margin-bottom: 14rem;
  }
  #MR241113makoto .fv-ttl__wrapper{
    top: 12.9rem;
    left: 7rem;
  }
  #MR241113makoto .fv-ttl01{
    width: 54.3rem;
    margin-bottom: 3.8rem;
  }
  #MR241113makoto .fv-ttl02{
    width: 5.16929rem;
    margin-bottom: 5.8rem;
  }
  #MR241113makoto .fv-ttl03{
    width: 31.58613rem;
    position: relative;
    left: -0.3rem;
    margin-bottom: 5.5rem;
  }
  #MR241113makoto .fv-ttl04{
    width: 23.44561rem;
  }
  #MR241113makoto .fv-txt{
    font-size: 1.9rem;
    margin-bottom: 12.7rem;
  }
}
@media screen and (max-width: 767px) {
  #MR241113makoto .mainvisual-img{
    margin-bottom: calc(123* (100vw / 750));
  }
  #MR241113makoto .fv-txt__wrapper{
    margin-bottom: calc(140* (100vw / 750));
  }
  #MR241113makoto .fv-ttl__wrapper{
    top: calc(91* (100vw / 750));
    left: calc(40* (100vw / 750));
  }
  #MR241113makoto .fv-ttl01{
    width: calc(380.6016* (100vw / 750));
    margin-bottom: calc(33* (100vw / 750));
  }
  #MR241113makoto .fv-ttl02{
    width: calc(40.082* (100vw / 750));
    margin-bottom: calc(49* (100vw / 750));
  }
  #MR241113makoto .fv-ttl03{
    width: calc(244.918* (100vw / 750));
    margin-bottom: calc(43* (100vw / 750));
  }
  #MR241113makoto .fv-ttl04{
    width: calc(181.7959* (100vw / 750));
  }
  #MR241113makoto .fv-txt{
    font-size: calc(26* (100vw / 750));
    margin-bottom: calc(128* (100vw / 750));
  }

}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ firstview ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section1 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* #MR241113makoto .sec01{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} */


@media screen and (min-width: 768px) {
  #MR241113makoto .sec01 {
    padding-bottom: 39.9rem;
  }
  #MR241113makoto .sec01 .sec__cont1{
    position: relative;
    width: 178rem;
    height: 146rem;
    margin: 0 auto 22rem;
  }
  #MR241113makoto .sec01 .sec__cont2{
    position: relative;
    width: 137.1rem;
    margin: 0 auto 35rem;
  }
  #MR241113makoto .sec01 .sec__cont3{
    width: 100%;
    justify-content: space-between;
  }
  #MR241113makoto .sec01 .img01,
  #MR241113makoto .sec01 .img02,
  #MR241113makoto .sec01 .img03{
    position: absolute;
    width: 68rem;
  }
  #MR241113makoto .sec01 .img01 .js-fadeIn,
  #MR241113makoto .sec01 .img02 .js-fadeIn,
  #MR241113makoto .sec01 .img03 .js-fadeIn{
    background: #fff;
  }
  #MR241113makoto .sec01 .img01{
    top: 0;
    left: 0;
    z-index: 1;
  }
  #MR241113makoto .sec01 .img02{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  #MR241113makoto .sec01 .img03{
    bottom: 0;
    right: 0;
    z-index: 3;
  }
  #MR241113makoto .sec01 .img04{
    width: 96rem;
    margin-right: 20.6rem;
    margin-left: auto;
    pointer-events: none;
  }
  #MR241113makoto .sec01 .img04 a{
    pointer-events: all;
  }
  #MR241113makoto .sec01 .img05{
    width: 50rem;
  }
  #MR241113makoto .sec01 .img06{
    width: 70rem;
  }
  #MR241113makoto .sec01 .img07{
    position: absolute;
    right: 0;
    width: 44.5rem;
  }
  #MR241113makoto .sec01 .sec-prc{
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #MR241113makoto .sec01 .sec-prc__list{
    align-items: end;
    margin-bottom: 0.2rem;
  }
  #MR241113makoto .sec01 .flex-imgs{
    column-gap: 1.5rem;
  }
  #MR241113makoto .sec01 .flex-img {
    position: relative;
    width: 76.6rem;
  }
  #MR241113makoto .sec01 .sec-comment {
    position: absolute;
    bottom: 11rem;
    left: 0;
    z-index: 10;
  }
  #MR241113makoto .sec01 .mocoto{
    flex-direction: row;
    left: -15.9rem;
  }
  #MR241113makoto .sec01 .mocoto-comment{
    padding-right: 0;
    padding-left: 2rem;
  }
}
@media screen and (max-width: 767px) {
  #MR241113makoto .sec01 {
    padding-bottom: calc(250* (100vw / 750));
    /* height: calc(150vh + calc(4690* (100vw / 750))); */
    padding-top: calc(128* (100vw / 750));
  }
  #MR241113makoto .sec01 .sec__cont1{
    margin-bottom: calc(120* (100vw / 750));
  }
  #MR241113makoto .sec01 .sec__cont2{
    margin-bottom: calc(167* (100vw / 750));
  }
  #MR241113makoto .sec01 .sec-prc {
    width: calc(580*(100vw / 750));
  }
  #MR241113makoto .sec01 .img01,
  #MR241113makoto .sec01 .img02,
  #MR241113makoto .sec01 .img03{
    width: 100%;
  }
  #MR241113makoto .sec01 .img04{
    width: calc(620* (100vw / 750));
    margin: 0 0 calc(154* (100vw / 750)) auto;
  }
  #MR241113makoto .sec01 .img05{
    width: calc(328* (100vw / 750));
  }
  #MR241113makoto .sec01 .img06{
    width: calc(210* (100vw / 750));
  }
  #MR241113makoto .sec01 .img07{
    width: calc(660* (100vw / 750));
    margin-right: 0;
    margin-left: auto;
  }
  #MR241113makoto .sec01 .flex-imgs{
    width: calc(553* (100vw / 750));
    justify-content: space-between;
    margin: 0 auto calc(80* (100vw / 750)) 0;
  }
  #MR241113makoto .sec01 .sec-prc__list{
    margin-left: calc(5*(100vw / 750));
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section1 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section2 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* #MR241113makoto .sec01{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} */

@media screen and (min-width: 768px) {
  #MR241113makoto .sec02 {
    padding-bottom: 40rem;
  }
  #MR241113makoto .sec02 .sec__cont1{
    position: relative;
    width: 180rem;
    margin: 0 auto 16rem;
  }
  #MR241113makoto .sec02 .sec__cont2{
    position: relative;
    width: 184rem;
    grid-template-columns: 50rem 8rem 74rem 16rem auto;
    grid-template-rows: 22rem 29rem 9rem 27rem auto;
    margin: 0 auto 35rem;
  }
  #MR241113makoto .sec02 .sec__cont3{
    width: 100%;
    justify-content: space-between;
  }

  #MR241113makoto .sec02 .img01{
    width: 100rem;
    margin-right: auto;
    margin-left: auto;
  }
  #MR241113makoto .sec02 .img02{
    width: 48rem;
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    justify-self: right;
  }
  #MR241113makoto .sec02 .img03{
    width: 90rem;
    grid-column: 3 / 5;
    grid-row: 3 / 6;
  }
  #MR241113makoto .sec02 .img04{
    width: 52rem;
    grid-column: 4 / 6;
    grid-row: 2 / 5;
    background-color: #fff;
  }
  #MR241113makoto .sec02 .img05{
    width: 21rem;
  }
  #MR241113makoto .sec02 .img06{
    width: 70rem;
  }
  #MR241113makoto .sec02 .img07{
    position: absolute;
    right: 0;
    width: 70rem;
  }
  #MR241113makoto .sec02 .sec-prc{
    grid-column: 5 / 6;
    grid-row: 5 / 6;
    justify-self: left;
    align-self: flex-end;
    margin-left: 4rem;
  }
  #MR241113makoto .sec02 .flex-imgs{
    column-gap: 2rem;
  }
  #MR241113makoto .sec02 .flex-img {
    position: relative;
    width: 102.2em;
  }
  #MR241113makoto .sec02 .sec-comment {
    position: absolute;
    bottom: 11rem;
    left: 0;
    z-index: 10;
    pointer-events: none;
  }
  #MR241113makoto .sec02 .mocoto{
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  #MR241113makoto .sec02 .mocoto-comment{
    padding-left: 0;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 767px) {
  #MR241113makoto .sec02 {
    padding-top: calc(204*(100vw / 750));
    padding-bottom: calc(295* (100vw / 750));
    height: calc(5736* (100vw / 750));
  }
  #MR241113makoto .sec02 .sec__cont2{
    grid-auto-columns: calc(310* (100vw / 750)) calc(170* (100vw / 750)) auto;
    grid-template-rows: calc(465* (100vw / 750)) calc(60* (100vw / 750)) auto auto;
    margin-bottom: calc(166* (100vw / 750));
  }
  #MR241113makoto .sec02 .img01{
    width: 100%;
    margin-bottom: calc(120* (100vw / 750));
  }
  #MR241113makoto .sec02 .img02{
    width: calc(420* (100vw / 750));
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    margin-left: calc(60* (100vw / 750));
  }
  #MR241113makoto .sec02 .img03{
    width: calc(560* (100vw / 750));
    grid-column: 1 / 4;
    grid-row: 5 / 6;
    margin: calc(60* (100vw / 750)) 0 calc(160* (100vw / 750));
  }
  #MR241113makoto .sec02 .img04{
    width: calc(440* (100vw / 750));
    grid-column: 2 / 4;
    grid-row: 2 / 4;
  }
  #MR241113makoto .sec02 .img05{
    width: calc(80* (100vw / 750));
  }
  #MR241113makoto .sec02 .img06{
    width: calc(480* (100vw / 750));
  }
  #MR241113makoto .sec02 .img07{
    width: calc(680* (100vw / 750));
    margin-right: auto;
    margin-left: 0;
  }
  #MR241113makoto .sec02 .sec-comment {
    grid-column: 1 / 4;
    grid-row: 6 / 6;
    margin-top: calc(-5*(100vw / 750));
  }
  #MR241113makoto .sec02 .flex-imgs{
    width: calc(575* (100vw / 750));
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0 0 calc(80* (100vw / 750)) auto;
  }
  #MR241113makoto .sec02 .sec-prc {
    width: calc(632*(100vw / 750));
  }
  #MR241113makoto .sec02 .sec-prc__list {
    justify-content: end;
  }
  #MR241113makoto .sec02 .prc:nth-child(3){
    margin-right: 0;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section2 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section3 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (min-width: 768px) {
  #MR241113makoto .sec03 {
    padding-bottom: 31.7rem;
    margin-bottom: 25rem;
  }
  #MR241113makoto .sec03 .sec__cont1{
    width: 178rem;
    margin: 0 auto 32rem;
  }
  #MR241113makoto .sec03 .sec__cont2{
    position: relative;
    width: 178rem;
    margin: 0 auto 22rem;
  }
  #MR241113makoto .sec03 .sec__cont3{
    position: relative;
    width: 113rem;
    margin: 0 auto;
  }
  #MR241113makoto .sec03 .scroll_wrap{
    display: flex;
    justify-content: space-between;
  }
  #MR241113makoto .img02__wrap{
    position: relative;
    width: 126rem;
    margin: 0 auto;
  }
  #MR241113makoto .sec03 .img01{
    width: 102rem;
    margin: 0 auto 20rem;
  }
  #MR241113makoto .sec03 .img02{
    width: 66rem;
    margin-left: auto;
  }
  #MR241113makoto .sec03 .img03,
  #MR241113makoto .sec03 .img04 {
    width: 88rem;
  }
  #MR241113makoto .sec03 .img05{
    width: 72rem;
    margin-left: 20.5rem;
    margin-right: auto;
    pointer-events: none;
  }
  #MR241113makoto .sec03 .img05 a{
    pointer-events: all;
  }
  #MR241113makoto .sec03 .sec-comment {
    position: absolute;
    bottom: 11.2rem;
    left: 18rem;
    z-index: 10;
  }
  #MR241113makoto .sec03 .sec-prc{
    position: absolute;
    bottom: 0.2rem;
    right: 0;
  }
  #MR241113makoto .sec03 .flex-imgs{
    column-gap: 1.5rem;
  }
  #MR241113makoto .sec03 .flex-img {
    width: 76.6rem;
  }
  #MR241113makoto .sec03 .mocoto-comment{
    padding-left: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  #MR241113makoto .sec03 {
    padding-bottom: calc(262*(100vw / 750));
    margin-bottom: calc(236*(100vw / 750));
    padding-top: calc(153*(100vw / 750));
    /* height: calc(4735* (100vw / 750)); */
  }
  #MR241113makoto .sec03 .sec-ttl{
    letter-spacing: 0.05em;
  }
  #MR241113makoto .sec03 .sec-nmbr{
    padding-right: calc(37*(100vw / 750));
    margin-right: calc(38*(100vw / 750));
  }
  #MR241113makoto .sec03 .sec__cont1{
    margin-bottom: calc(177* (100vw / 750));
    height: calc(2177* (100vw / 750));
  }
  #MR241113makoto .sec03 .sec__cont2{
    margin-bottom: calc(180* (100vw / 750));
  }
  #MR241113makoto .sec03 .sec-prc {
    width: calc(591*(100vw / 750));
    margin: calc(50*(100vw / 750)) auto 0 calc(59*(100vw / 750));
  }
  #MR241113makoto .sec03 .img01{
    width: 100%;
    margin: 0 0  calc(120* (100vw / 750)) auto;
  }
  #MR241113makoto .sec03 .img02{
    width: calc(500* (100vw / 750));
    margin: 0 calc(35* (100vw / 750)) calc(155* (100vw / 750)) auto;
  }
  #MR241113makoto .sec03 .img03,
  #MR241113makoto .sec03 .img04 {
    width: calc(680* (100vw / 750));
    margin: 0 auto;
  }
  #MR241113makoto .sec03 .img05{
    width: calc(540* (100vw / 750));
    margin: 0 auto 0 calc(60* (100vw / 750));
  }
  #MR241113makoto .sec03 .img02__wrap{
    width: 100%;
  }
  #MR241113makoto .sec03 .flex-imgs{
    width: calc(553* (100vw / 750));
    justify-content: space-between;
    margin: 0 auto calc(80* (100vw / 750)) 0;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section3 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*================ AllBtn ================*/
#MR241113makoto .allBtnWrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#MR241113makoto .allBtnCont{
  letter-spacing: 0.083em;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  #MR241113makoto .allBtnWrap{
    margin: 0 auto 24.9rem;
  }
  #MR241113makoto .allBtnCont{
    font-size: 2.2rem;
    word-spacing: 0.7rem;
  }
  #MR241113makoto .allBtnWrap .btnLiner{
    margin-top: 1.9rem;
  }
  #MR241113makoto .allBtnWrap .btnLiner.active{
    width: 13rem;
  }
}
@media only screen and (max-width: 767px) {
  #MR241113makoto .allBtnWrap {
    margin-bottom: calc(224*(100vw / 750));
  }
  #MR241113makoto .allBtnCont{
    font-size: calc(30* (100vw / 750));
    word-spacing: calc(7* (100vw / 750));
  }
  #MR241113makoto .allBtnWrap .btnLiner{
    margin-top: calc(18* (100vw / 750));
  }
  #MR241113makoto .allBtnWrap .btnLiner.active{
    width: calc(160 * (100vw / 750));
  }
  #MR241113makoto .allBtnWrap a {
    letter-spacing: 0.045em;
  }
}

/*--------------------------------
js-fadeIn txt ｜ 文字
--------------------------------*/
#MR241113makoto .js-blur{
  opacity: 0;
  transition: 1.5s;
}
#MR241113makoto .js-blur.active{
  opacity: 1;
}

/*----------------------------
js-fadeIn ｜下から上へ出現
----------------------------*/
#MR241113makoto .js-fadeIn{
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
#MR241113makoto .js-fadeIn.active {
  transform: translateY(0);
  opacity: 1.0;
}
@media only screen and (min-width: 768px) {
  #MR241113makoto .js-fadeInPc{
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
  }
  #MR241113makoto .js-fadeInPc.active {
    transform: translateY(0);
    opacity: 1.0;
  }
}
@media only screen and (max-width: 767px) {
  #MR241113makoto .js-fadeInSp{
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
  }
  #MR241113makoto .js-fadeInSp.active {
    transform: translateY(0);
    opacity: 1.0;
  }
}
/* -------- delay -------- */
#MR241113makoto .delay-06{
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
#MR241113makoto .delay-10{
  -webkit-transition-delay: 1s;
  transition-delay: 1.0s;
}
#MR241113makoto .delay-14{
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

@media only screen and (min-width: 768px) {
  #MR241113makoto .delay-05_pc{
    transition-delay: 0.5s;
  }
  #MR241113makoto .delay-10_pc{
    transition-delay: 1.0s;
  }
}
@media only screen and (max-width: 767px) {
  #MR241113makoto .sp_delay-5s{
    transition-delay: 0.5s;
  }
}

/* -------- background-color change -------- */
.block-bg {
  transition: all 0.3s ease;
}
/*----------------------------------
js-line ｜ライン 中心から伸びる
----------------------------------*/
#MR241113makoto .allBtnCont .js-line-anime{
  width: 0%;
  transition: all 1s ease;
  margin-right: auto;
  margin-left: auto;
}
#MR241113makoto .allBtnCont .js-line-anime.active{
  background-color: #000;
  height: 1px;
  transform: scale(1, 1);
}
#MR241113makoto .mocoto .js-line-anime{
  background-color: #000;
  height: 0.8px;
  transform: scale(0, 1);
  transition: all 1s ease;
  transform-origin: left top;
}
#MR241113makoto .mocoto .js-line-anime.active{
  transform: scale(1, 1);
}
@media only screen and (min-width: 768px) {
  #MR241113makoto .sec01 .mocoto .btnLiner{
    width: 14rem;
  }
  #MR241113makoto .sec02 .mocoto .btnLiner{
    width: 16.5rem;
  }

  #MR241113makoto .sec03 .mocoto .btnLiner {
    width: 23rem;
  }
}
@media only screen and (max-width: 767px) {
  #MR241113makoto .mocoto .btnLiner{
    width: calc(347* (100vw / 750));
  }
}
/*----------------------------------
GSAP
----------------------------------*/
/* @media only screen and (max-width: 767px) {
  .p-panel-scroll {
    --panel-aspect-ratio: 600 / 1280;
    --panel-aspect-ratio-percent: calc(
      var(--panel-aspect-ratio) * 100%
    );
    --panel-width-percent: 35.234375%;
    --panel-gap-percent: calc(
      var(--panel-width-percent) / 2
    );
  }

  .p-panel-scroll__item:nth-of-type(1) {
    left: 0;
  }

  .p-panel-scroll__item:nth-of-type(2) {
    left: 0;
  }

  .p-panel-scroll__item:nth-of-type(3) {
    left: 0;
  } */

   /* ____________________________.sec01 */
  /* #MR241113makoto .sec01 .p-panel-scroll__images {
    position: sticky;
    top: 0;
    padding: calc((100svh - (937.5 / 750 * 100vw)) / 2) 0;
  }

  #MR241113makoto .sec01 .p-panel-scroll__images-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(937.5*(100vw / 750));
  }

  #MR241113makoto .sec01 .p-panel-scroll__item {
    position: absolute;
    top: 0;
  }

  #MR241113makoto .sec01 .p-panel-scroll__placeholder {
    width: auto;
    height: 150vh;
  }

  #MR241113makoto .sec01 .sec__cont1{
    margin-top: calc((1 / 750 * 100vw) - ((100svh - (937.5 / 750 * 100vw)) / 2));
  }

  #MR241113makoto .sec01 .sec__cont2{
    position: relative;
    margin-top: calc((1 / 750 * 100vw) - ((100svh - (937.5 / 750 * 100vw)) / 2));
  } */

  /* ____________________________.sec03 */
  /* #MR241113makoto .sec03 .p-panel-scroll__images {
    position: sticky;
    top: 0;
    padding: calc((100svh - (850 / 750 * 100vw)) / 2) 0;
  }

  #MR241113makoto .sec03 .p-panel-scroll__images-inner {
    overflow: hidden;
    position: relative;
    width: calc(680*(100vw / 750));
    margin: 0 auto;
    height: 0;
    padding-bottom: calc(850*(100vw / 750));
  }

  #MR241113makoto .sec03 .p-panel-scroll__item {
    position: absolute;
    top: 0;
  }

  #MR241113makoto .sec03 .p-panel-scroll__placeholder {
    width: auto;
    height: 150vh;
  }

  #MR241113makoto .sec03 .sec__cont2{
    margin-top: calc((1 / 750 * 100vw) - ((100svh - (850 / 750 * 100vw)) / 2));
  }
  #MR241113makoto .sec03 .sec__cont3{
    position: relative;
    margin-top: calc((1 / 750 * 100vw) - ((100svh - (850 / 750 * 100vw)) / 2));
  }

} */


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

  #MR241113makoto .slick-dots {
    position: absolute;
    margin: 0;
    bottom: calc(20*(100vw / 750));
    left: calc(10*(100vw / 750));
    width: fit-content;
  }
  
  #MR241113makoto .slick-dots li {
    position: relative;
    display: inline-block;
    width: calc(10* (100vw /750));
    height: calc(10* (100vw /750));
    margin: 0 calc(10* (100vw /750)) 0;
    padding: 0;
    color: transparent;
    cursor: pointer;
  }
  
  #MR241113makoto .slick-dots li button {
    width: calc(10* (100vw /750));
    height: calc(10* (100vw /750));
    background: transparent;
    border: #000 calc(1* (100vw /750)) solid;
    box-sizing: border-box;
    border-radius: 50%;
  }
  
  #MR241113makoto .slick-dots li.slick-active button {
    background: #000;
  }
  
  #MR241113makoto .slick-dots li button:before {
    content: none;
  }
}