@charset "UTF-8";

@font-face {
  font-family: "FtraBk";
  src: url("../fonts/FtraBk.ttf") format("truetype");
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                Common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
html {
  font-size: 62.5%;
}

body {
  width: 100%;
}

.main-area {
  overflow: hidden;
  min-width: auto;
}

#em230802LOOK {
  font-family: neuzeit-grotesk, sans-serif;
  font-style: normal;
  font-weight: 400;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #343434;

}

@media screen and (max-width: 767px) {
  #em230802LOOK {
    height: calc(16490* (100vw / 393));
  }
}

/* ▽_____________ font ______________▽ */
.ff_niveau {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal;
}




/*
    //////////////////////////////////////////////////////////////////////////////////////////////
                                                                                    フェード切り替え
    //////////////////////////////////////////////////////////////////////////////////////////////
    */
#em230802LOOK * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#em230802LOOK img,
#em230802LOOK video {
  width: 100%;
  height: auto;
}

#em230802LOOK picture {
  display: block;
}

#em230802LOOK .fade_up {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
}

#em230802LOOK .fade_up.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (max-width: 767px) {
  #em230802LOOK .pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  #em230802LOOK .spOnly {
    display: none !important;
  }

  #em230802LOOK .hov {
    position: relative;
  }

  #em230802LOOK .hov>div {
    left: 0;
    position: absolute;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
  }

  #em230802LOOK .hov>div:last-of-type {
    opacity: 0;
  }

  #em230802LOOK .hov:hover>div:last-of-type {
    opacity: 1;
    z-index: 1;
  }

  #em230802LOOK .hov:hover>div:first-of-type {
    opacity: 0;
    z-index: 0;
  }

}

.imagearea {
  position: relative;
  z-index: 0;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                sp
//////////////////////////////////////////////////////////////////////////////////////////////
*/


/* ▽_____________ content ______________▽ */
.fv {
  position: relative;
  z-index: 2;
}

.ttl__wrap {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  text-align: center;
  color: #fff;
  left: 20%;
}

.ttl__wrap h3 span {
  display: block;
  font-weight: 600;
  font-size: calc(21* (100vw / 393));
  letter-spacing: 0.025em;
  line-height: 1.142;
}

@media screen and (max-width: 767px) {

  .ttl__wrap {
    bottom: calc(74* (100vw / 393));
    transform: translateX(-8.4%);
  }


  .img01 {
    opacity: 0;
    transition: opacity 1s;
  }

  .ttl__wrap h3 span:nth-child(1).js-show {
    transition-delay: 1s;
  }

  .ttl__wrap h3 span:nth-child(2).js-show {
    transition-delay: 1.3s;
  }

  .ttl__wrap h3 span:nth-child(3).js-show {
    transition-delay: 1.6s;
  }

  .ttl__wrap h3 span:nth-child(4).js-show {
    transition-delay: 1.9s;
  }
}

@media screen and (min-width: 768px) {
  .img01 {
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 1s, transform 1s;
  }
}

.ttl__wrap h3 span {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
}

.ttl__wrap h3 span.js-show {
  opacity: 1;
}



.js-fade {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 1s, transform 1s;
}

.js-show {
  transform: translateY(0);
  opacity: 1;
}

.ttl__wrap p {
  font-size: calc(11* (100vw / 393));
  letter-spacing: 0;
  line-height: 1.363;
  margin-top: calc(8* (100vw / 393));
}

@media screen and (min-width: 768px) {
  .look__logo-wrap {
    position: absolute;
    left: calc(46* (100vh / 1080));
    bottom: initial;
    top: calc(45* (100vh / 1080));
  }

  .look__logo-wrap span {
    display: block;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 1.5s;
  }

  .look__logo-wrap span.js-show {
    opacity: 1;
  }

  .look__logo-wrap .look__logo.__1 {
    width: calc(103* (100vh / 1080));
  }

  .look__logo-wrap .look__logo.__1.js-show {
    transition-delay: 1s;
  }

  .look__logo-wrap .look__logo.__2 {
    width: calc(251* (100vh / 1080));
    margin-top: calc(12.8* (100vh / 1080));
  }

  .look__logo-wrap .look__logo.__2.js-show {
    transition-delay: 1.3s;
  }

  .ttl__wrap {
    text-align: left;
    color: #000;
    left: initial;
    right: calc(-504* (100vh / 1080));
    bottom: calc(134* (100vh / 1080));
  }

  .ttl__wrap h3 span {
    font-size: calc(33* (100vh / 1080));
    letter-spacing: 0.02em;
    line-height: 1.363;
  }

  .ttl__wrap p {
    font-size: calc(17* (100vh / 1080));
    line-height: 1.411;
    margin-top: calc(14* (100vh / 1080));
  }

  .ttl__wrap h3 span:nth-child(1).js-show {
    transition-delay: 2s;
  }

  .ttl__wrap h3 span:nth-child(2).js-show {
    transition-delay: 2.3s;
  }

  .ttl__wrap h3 span:nth-child(3).js-show {
    transition-delay: 2.6s;
  }

  .ttl__wrap h3 span:nth-child(4).js-show {
    transition-delay: 2.9s;
  }
}




/* ▽_____________ credit ______________▽ */
@media screen and (max-width: 767px) {
  .credit_wrap {
    display: inline-block !important;
    position: relative;
    font-size: calc(9* (100vw / 393));
    letter-spacing: 0;
    line-height: 1.444;
    text-align: left;
    width: fit-content;
    margin: calc(9* (100vw / 393)) auto 0;
  }

  .credit_wrap li {
    display: inline;
    /* padding-right: calc(7* (100vw / 393)); */
    word-wrap: break-word;
  }

  .credit_wrap li:nth-last-of-type(1) {
    padding-right: 0;
  }
}


@media screen and (min-width: 768px) {
  .credit_wrap {
    display: block;
    font-size: calc(13* (100vh / 1080));
    letter-spacing: 0.02em;
    line-height: 1.5;
    text-align: left;
    margin: calc(14* (100vh / 1080)) 0 0 0;
  }

  .credit_wrap li {
    display: block;
    padding-right: 0;
    width: fit-content;
  }

  .credit_wrap .credit-category {
    display: block;
    font-size: calc(15* (100vh / 1080));
  }

  /* .credit--break {
    display: inline-block;
  } */

  .credit--break li {
    /* padding-right: calc(10* (100vh / 1080)); */
    word-wrap: break-word;
    display: inline;
  }

  .credit--break .credit-category {
    display: inline;
  }

  .credit--absolute {
    position: absolute;
    z-index: 2;
  }
}

/*
  //////////////////////////////////////////////////////////////////////////////////////////////
                                                                                  pc
  //////////////////////////////////////////////////////////////////////////////////////////////
  */
.img-blockWrap {
  display: flex;
}

@media screen and (max-width: 767px) {

  /* スライダー */
  .js-slider .js-slider_item {
    margin: 0 calc(6* (100vw / 393));
  }

  .img-blockWrap {
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .fv .credit_wrap {
    letter-spacing: 0.02em;
  }

  .img02 {
    margin-top: calc(89* (100vw / 393));
  }

  .img02_wrap .credit_wrap {
    margin-top: calc(13* (100vw / 393));
    letter-spacing: 0.02em;
  }

  .img03 {
    margin-top: calc(55* (100vw / 393));
  }

  .img04 {
    margin-top: calc(78* (100vw / 393));
  }

  .img05 {
    width: calc(286* (100vw / 393));
    margin: calc(37* (100vw / 393)) auto 0;
  }

  .img05_wrap .credit_wrap {
    left: calc(14* (100vw / 393));
    letter-spacing: 0.02em;
    margin-top: calc(12* (100vw / 393));
  }

  .img-blockWrap--1 {
    margin-top: calc(96* (100vw / 393));
    gap: calc(5* (100vw / 393));
  }

  .img06 {
    width: calc(197* (100vw / 393));
  }

  .img07 video {
    width: calc(192* (100vw / 393)) !important;
    height: calc(291* (100vw / 393)) !important;
    object-fit: cover;
  }

  .img08 {
    margin-top: calc(11* (100vw / 393));
  }

  .img08_wrap .credit_wrap {
    width: calc(349* (100vw / 393));
    letter-spacing: 0.02em;
    line-height: 1.666;
  }

  .img09 {
    margin-top: calc(65* (100vw / 393));
  }

  .img09_wrap .credit_wrap {
    width: calc(365* (100vw / 393));
    left: calc(10* (100vw / 393));
    margin-top: calc(7* (100vw / 393));
    letter-spacing: 0;
    line-height: 1.444;
  }

  .img10 {
    margin-top: calc(94* (100vw / 393));
  }

  .img10_wrap .credit_wrap {
    width: calc(328* (100vw / 393));
    letter-spacing: 0.02em;
    line-height: 1.666;
  }

  .img11 {
    width: calc(353* (100vw / 393));
    margin: calc(91* (100vw / 393)) auto 0;
  }

  .img11 a {
    gap: calc(8* (100vw / 393));
  }

  .img14 {
    margin-top: calc(25* (100vw / 393));
  }

  .img14_wrap .credit_wrap {
    width: calc(331* (100vw / 393));
    margin-top: calc(13* (100vw / 393));
    left: calc(2* (100vw / 393));
  }

  .img15 {
    margin-top: calc(97* (100vw / 393));
  }

  .img-blockWrap--3 {
    gap: calc(8* (100vw / 393));
    margin: calc(35* (100vw / 393)) auto 0;
  }

  .img16 {
    width: calc(181* (100vw / 393));
  }

  .video3 video {
    width: calc(181* (100vw / 393)) !important;
    height: calc(241* (100vw / 393)) !important;
    object-fit: cover;
  }

  .img16_wrap .credit_wrap {
    width: calc(182* (100vw / 393));
    margin: calc(7* (100vw / 393)) 0 0 0 !important;
    left: calc(95* (100vw / 393));
  }

  .img17 {
    width: calc(287* (100vw / 393));
    margin: calc(47* (100vw / 393)) 0 0 calc(12* (100vw / 393));
  }

  .img17_wrap .credit_wrap {
    left: calc(-37* (100vw / 393));
    margin-top: calc(12* (100vw / 393));
  }

  .img18 {
    margin-top: calc(101* (100vw / 393));
  }

  .img19 {
    margin-top: calc(12* (100vw / 393));
  }

  .img19_wrap .credit_wrap {
    width: calc(348* (100vw / 393));
    margin-top: calc(11* (100vw / 393));
  }

  .video4 {
    width: calc(329* (100vw / 393));
    margin: calc(114* (100vw / 393)) auto 0;
  }

  .img20 {
    margin-top: calc(31* (100vw / 393));
  }

  .img20_wrap .credit_wrap {
    width: calc(345* (100vw / 393));
    left: calc(10* (100vw / 393));
  }

  .video5_wrap .credit_wrap {
    width: calc(260* (100vw / 393));
    left: calc(12* (100vw / 393));
    line-height: 1.444;
    margin-top: calc(10* (100vw / 393));
  }

  .img22 {
    width: calc(328* (100vw / 393));
    margin-top: calc(96* (100vw / 393));
  }

  .video6 {
    width: calc(315* (100vw / 393));
    margin: calc(20* (100vw / 393)) 0 0 auto;
  }

  .img24 {
    margin-top: calc(83* (100vw / 393));
  }

  .img24_wrap .credit_wrap {
    width: calc(294* (100vw / 393));
    left: calc(-37* (100vw / 393));
  }

  .img25 {
    margin-top: calc(100* (100vw / 393));
  }

  .img25_wrap .credit_wrap {
    width: calc(340* (100vw / 393));
    left: calc(8* (100vw / 393));
    margin-top: calc(11* (100vw / 393));
  }

  .img27 {
    width: calc(340* (100vw / 393));
    margin: calc(94* (100vw / 393)) auto 0;
  }

  .img26 {
    margin-top: calc(11* (100vw / 393));
  }

  .img28_wrap .credit_wrap {
    width: calc(369* (100vw / 393));
    left: calc(1* (100vw / 393));
    margin-top: calc(11* (100vw / 393));
  }

  .img29 {
    margin-top: calc(100* (100vw / 393));
  }

  .img30 {
    width: calc(255* (100vw / 393));
    margin: calc(33* (100vw / 393)) calc(26* (100vw / 393)) 0 auto;
  }

  .img30_wrap .credit_wrap {
    width: calc(260* (100vw / 393));
    left: calc(46* (100vw / 393));
    margin-top: calc(11* (100vw / 393));
  }

  .img31 {
    width: calc(326* (100vw / 393));
    margin: calc(51* (100vw / 393)) auto 0;
  }

  .img31_wrap .credit_wrap {
    width: calc(340* (100vw / 393));
    left: calc(8* (100vw / 393));
    margin-top: calc(10* (100vw / 393));
  }

  .img32 {
    margin-top: calc(95* (100vw / 393));
  }

  .video8 {
    width: calc(205* (100vw / 393));
    margin: calc(18* (100vw / 393)) calc(14* (100vw / 393)) 0 auto;
  }

  .img33 {
    width: calc(305* (100vw / 393));
    margin: calc(17* (100vw / 393)) 0 0 calc(21* (100vw / 393));
  }

  .img33_wrap .credit_wrap {
    width: calc(300* (100vw / 393));
    left: calc(-25* (100vw / 393));
    margin-top: calc(11* (100vw / 393));
  }

  .img34 {
    width: calc(305* (100vw / 393));
    margin: calc(100* (100vw / 393)) calc(18* (100vw / 393)) 0 auto;
  }

  .img35 {
    margin-top: calc(35* (100vw / 393));
  }

  .img35_wrap .credit_wrap {
    width: calc(320* (100vw / 393));
    left: calc(7* (100vw / 393));
    margin-top: calc(13* (100vw / 393));
  }

  .img36 {
    width: calc(363* (100vw / 393));
    margin: calc(88* (100vw / 393)) auto 0;
  }

  .credit__copy {
    margin-top: calc(145* (100vw / 393));
  }

  .credit__copy p {
    line-height: 1.222;
    font-size: calc(9* (100vw / 393));
    letter-spacing: 0.02em;
  }

  .sns_link {
    display: flex;
    justify-content: center;
    gap: calc(28* (100vw / 393));
    margin-top: calc(98* (100vw / 393));
  }

  .sns_link a {
    width: calc(30* (100vw / 393));
  }

  .credit__copy p:nth-last-child(1) {
    font-size: calc(8* (100vw / 393));
    margin-top: calc(47* (100vw / 393));
  }
}

@media only screen and (min-width: 768px) {
  .scroll-up #header_emmi {
    display: none;
  }

  .scroll-up #Contents {
    padding-top: 0 !important;
  }

  ::-webkit-scrollbar {
    display: none;
  }

  #em230802LOOK .side-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
  }

  #em230802LOOK .side-scroll-list-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
  }

  #em230802LOOK .side-scroll-list {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .img01 {
    width: calc(638 * (100vh / 1080));
    margin-top: calc(181 * (100vh / 1080));
  }

  .img02 {
    width: calc(810 * (100vh / 1080));
    margin-left: calc(229 * (100vh / 1080));
  }

  .img03_wrap {
    margin-top: calc(130 * (100vh / 1080));
    margin-left: calc(173 * (100vh / 1080));
  }

  .img03 {
    width: calc(537 * (100vh / 1080));
  }

  .img04 {
    width: calc(810 * (100vh / 1080));
    margin-left: calc(249 * (100vh / 1080));
  }

  .img05_wrap {
    margin-left: calc(29 * (100vh / 1080));
  }

  .img05 {
    width: calc(474 * (100vh / 1080));
    margin-top: 0;
  }

  .img-blockWrap--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: calc(219 * (100vh / 1080));
  }

  .img06 {
    width: calc(398 * (100vh / 1080));
  }

  .img07 {
    width: calc(398 * (100vh / 1080));
    margin-top: calc(18 * (100vh / 1080));
  }

  .img08_wrap {
    margin-top: calc(80 * (100vh / 1080));
    margin-left: calc(171 * (100vh / 1080));
  }

  .img08_wrap .credit_wrap {
    width: calc(590* (100vh / 1080));
    line-height: 1.44;
    margin-top: calc(15* (100vh / 1080));
  }

  .img08 {
    width: calc(663 * (100vh / 1080));
  }

  .img09_wrap {
    position: relative;
    margin-left: calc(193 * (100vh / 1080));
  }

  .img09 {
    width: calc(1440* (100vh / 1080));
  }

  .img09_wrap .credit--absolute {
    top: calc(3* (100vh / 1080));
    right: calc(40* (100vh / 1080));
    line-height: 1.44;
  }

  .img10_wrap {
    position: relative;
    width: calc(810* (100vh / 1080));
    height: calc(1080* (100vh / 1080));
    margin-left: calc(183 * (100vh / 1080));
  }

  .img10 {
    width: calc(810* (100vh / 1080));
  }

  .img10_wrap .credit--absolute {
    bottom: calc(62* (100vh / 1080));
    right: calc(49* (100vh / 1080));
    line-height: 1.44;
  }

  .img11_wrap {
    margin-left: calc(192 * (100vh / 1080));
    margin-top: calc(66* (100vh / 1080));
  }

  .img11 a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(679* (100vh / 1080));
    gap: calc(10* (100vh / 1080)) 0;
  }

  .img11 picture {
    width: calc(335* (100vh / 1080));
  }

  .img11_wrap .credit--break {
    width: calc(720* (100vh / 1080));
  }

  .img15_wrap {
    margin-left: calc(160* (100vh / 1080));
  }

  .img15 {
    width: calc(810* (100vh / 1080));
  }

  .img16_wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(35* (100vh / 1080));
    margin-left: calc(59* (100vh / 1080));
    margin-top: calc(117* (100vh / 1080));
  }

  .img16_wrap .credit_wrap {
    line-height: 1.44;
  }

  .img-blockWrap--3 {
    gap: calc(15* (100vh / 1080));
  }

  .img-blockWrap--3>div {
    width: calc(362* (100vh / 1080));
  }

  .img17_wrap {
    margin: calc(101* (100vh / 1080)) 0 0 calc(217* (100vh / 1080));
  }

  .img17_wrap .credit_wrap {
    margin-top: calc(16* (100vh / 1080));
  }

  .img17 {
    width: calc(641* (100vh / 1080));
  }

  .img18_wrap {
    position: relative;
    height: calc(1080* (100vh / 1080));
    margin-left: calc(226* (100vh / 1080));
  }

  .img18 {
    width: calc(810* (100vh / 1080));
  }

  .img18_wrap .credit_wrap {
    bottom: calc(40* (100vh / 1080));
    left: calc(34* (100vh / 1080));
    line-height: 1.44;
  }

  .img20_wrap {
    margin: calc(124* (100vh / 1080)) 0 0 calc(238* (100vh / 1080));
  }

  .img20_wrap .credit_wrap {
    width: calc(523* (100vh / 1080));
    margin-top: calc(14* (100vh / 1080));
    line-height: 1.44;
  }

  .img19 {
    width: calc(810* (100vh / 1080));
    margin-left: calc(19* (100vh / 1080));
  }

  .img20,
  .img21,
  .video4 {
    width: calc(619* (100vh / 1080));
  }

  .img21,
  .video4 {
    margin: calc(124* (100vh / 1080)) 0 0 calc(14* (100vh / 1080));
  }

  .img22_wrap {
    margin-left: calc(244* (100vh / 1080));
  }

  .img22 {
    width: calc(810* (100vh / 1080));
  }

  .video5_wrap {
    margin: calc(117* (100vh / 1080)) 0 0 calc(50* (100vh / 1080));
  }

  .video5,
  .video6 {
    width: calc(444* (100vh / 1080));
    margin-top: calc(15* (100vh / 1080));
  }

  .video5_wrap .credit_wrap {
    margin-top: calc(41* (100vh / 1080));
    line-height: 1.44;
  }

  .video7_wrap {
    margin: calc(134* (100vh / 1080)) 0 0 calc(181* (100vh / 1080));
  }

  .video7,
  .img23,
  .img24 {
    width: calc(633* (100vh / 1080));
  }

  .img24_wrap .credit_wrap {
    width: calc(583* (100vh / 1080));
    margin: calc(14* (100vh / 1080)) 0 0 calc(4.7* (100vw / 393));
    line-height: 1.44;
  }

  .img23,
  .img24 {
    margin: calc(134* (100vh / 1080)) 0 0 calc(19* (100vh / 1080));
  }

  .img25_wrap,
  .img26_wrap {
    position: relative;
    height: calc(1080* (100vh / 1080));
    margin-left: calc(170* (100vh / 1080));
  }

  .img25_wrap .credit_wrap {
    bottom: calc(29* (100vh / 1080));
    left: calc(32* (100vh / 1080));
    line-height: 1.44;
  }

  .img25,
  .img26 {
    width: calc(810* (100vh / 1080));
  }

  .img27_wrap {
    margin: calc(216* (100vh / 1080)) 0 0 calc(140* (100vh / 1080));
  }

  .img27 {
    width: calc(864* (100vh / 1080));
  }

  .img28_wrap {
    margin: calc(216* (100vh / 1080)) 0 0 calc(16* (100vh / 1080));
    display: flex;
    align-items: flex-end;
    gap: calc(16* (100vh / 1080));
  }

  .img28_wrap .credit_wrap {
    width: calc(288* (100vh / 1080));
    margin-bottom: calc(-7* (100vh / 1080));
    line-height: 1.44;
  }

  .img28_wrap>* {
    flex-shrink: 0;
  }

  .img28 {
    width: calc(485* (100vh / 1080));
  }

  .img29 {
    width: calc(810* (100vh / 1080));
  }

  .img30_wrap {
    margin: calc(60* (100vh / 1080)) 0 0 calc(26* (100vh / 1080));
    display: flex;
    flex-direction: column-reverse;
    gap: calc(20* (100vh / 1080));
  }

  .img30_wrap .credit_wrap {
    line-height: 1.44;
  }

  .img30 {
    width: calc(588* (100vh / 1080));
  }

  .img31_wrap {
    display: flex;
    align-items: flex-end;
    gap: calc(28* (100vh / 1080));
    margin-left: calc(161* (100vh / 1080));
  }

  .img31_wrap>* {
    flex-shrink: 0;
  }

  .img31_wrap .credit_wrap {
    width: calc(233* (100vh / 1080));
    margin-bottom: calc(32* (100vh / 1080));
    line-height: 1.44;
  }

  .img31 {
    width: calc(810* (100vh / 1080));
    height: calc(1080* (100vh / 1080));
  }

  .img32_wrap {
    display: flex;
    flex-direction: column;
    gap: calc(24* (100vh / 1080));
    align-items: flex-end;
  }

  .img32 {
    width: calc(628* (100vh / 1080));
  }

  .video8 {
    width: calc(399* (100vh / 1080));
  }

  .img33_wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(21* (100vh / 1080));
    margin: calc(31* (100vh / 1080)) 0 0 calc(99* (100vh / 1080));
  }

  .img33_wrap .credit_wrap {
    line-height: 1.44;
  }

  .img33,
  .img34 {
    width: calc(609* (100vh / 1080));
  }

  .img34_wrap {
    margin: calc(112* (100vh / 1080)) 0 0 calc(226* (100vh / 1080));
  }

  .img35_wrap {
    display: flex;
    gap: calc(20* (100vh / 1080));
    margin: calc(112* (100vh / 1080)) 0 0 calc(20* (100vh / 1080));
  }

  .img35_wrap>* {
    flex-shrink: 0;
  }

  .img35_wrap .credit_wrap {
    line-height: 1.44;
    width: calc(375* (100vh / 1080));
    margin-top: calc(-4* (100vh / 1080));
  }

  .img35 {
    width: calc(1083* (100vh / 1080));
  }

  .img36_wrap {
    margin: calc(203* (100vh / 1080)) 0 0 0;
  }

  .img36 {
    width: calc(1180* (100vh / 1080));
  }

  .credit__copy {
    width: calc(345* (100vh / 1080));
    margin: calc(386* (100vh / 1080)) calc(147* (100vh / 1080)) 0 calc(185.5* (100vh / 1080));
  }

  .credit__copy p {
    font-size: calc(13* (100vh / 1080));
    line-height: 1.153;
    margin-top: calc(39* (100vh / 1080));
    text-align: left;
    letter-spacing: 0.02em;
  }

  .sns_link {
    display: flex;
    gap: calc(34* (100vh / 1080));
    margin-top: calc(80* (100vh / 1080));
  }

  .sns_link a {
    width: calc(38* (100vh / 1080));
  }
}

/* ▽_____________ tab ______________▽ */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .img08_wrap .credit_wrap {
    width: calc(580* (100vh / 1024));
  }

  .img11_wrap .credit--break {
    width: calc(710* (100vh / 1024));
  }
}