@charset "UTF-8";
:root {
  /* --------------------------------------------------
  // カラー
  */
  --c-white: #fff;
  --c-black: #000;
  --font-color: var(--c-white);
  --vw-pc: 3.9;
  --content-padding-x: calc(30vw / var(--vw-pc));
}
@media (min-width:992px) {
  :root {
    --vw-pc: 19.2;
  }
}

/*
-- Layout CSS
-------------------------------------------------- */
#wrapper:has(.lp-musouKomachi) {
  background-image: url(../images/bg.jpg);
  background-size: 100% auto;
}

.lp-musouKomachi {
  background-image: url(../images/bg.jpg);
  background-size: 100% auto;
  overflow: hidden;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
  color: var(--c-white);
  line-height: 1.7;
  -webkit-transition: all 0.8s cubic-bezier(0.11, 0, 0.5, 0) 0.5s;
  transition: all 0.8s cubic-bezier(0.11, 0, 0.5, 0) 0.5s;
}
@media (min-width:992px) {
  .lp-musouKomachi {
    background-size: 100% auto;
  }
}
.lp-musouKomachi .pc-br {
  display: none;
}
.lp-musouKomachi .sp-br {
  display: block;
}
@media (min-width:992px) {
  .lp-musouKomachi .pc-br {
    display: block;
  }
  .lp-musouKomachi .sp-br {
    display: none;
  }
}

/*
-- Module CSS
-------------------------------------------------- */
.musKom-section__title {
  display: block;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.musKom-section__title img {
  display: block;
  height: auto;
}

.musKom-prodcut__wrap {
  position: relative;
  z-index: 5;
  width: 100%;
  margin-inline: auto;
  padding: calc(24vw / var(--vw-pc)) var(--content-padding-x) calc(60vw / var(--vw-pc));
}
.musKom-prodcut__wrap::before {
  content: "";
  display: block;
  position: absolute;
  left: -10vw;
  top: 0;
  background-color: var(--c-black);
  width: 120vw;
  height: 100%;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  z-index: -1;
}
@media (min-width:992px) {
  .musKom-prodcut__wrap {
    width: calc(1760vw / var(--vw-pc));
    padding: calc(160vw / var(--vw-pc)) calc(90vw / var(--vw-pc)) calc(308vw / var(--vw-pc));
  }
  .musKom-prodcut__wrap::before {
    left: 0;
    background-color: var(--c-black);
    width: 100%;
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
}
.musKom-prodcut__ttl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: calc(38vw / var(--vw-pc));
}
.musKom-prodcut__ttl img {
  width: calc(191vw / var(--vw-pc));
}
.musKom-prodcut__heading {
  margin-left: 0;
}
.musKom-prodcut__txt {
  font-size: calc(14vw / var(--vw-pc));
  line-height: 1.7;
  margin-top: calc(6vw / var(--vw-pc));
}
.musKom-prodcut__noteTxt {
  margin-top: calc(5vw / var(--vw-pc));
  font-size: calc(13vw / var(--vw-pc));
  line-height: 1.7;
}
@media (min-width:992px) {
  .musKom-prodcut__ttl {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: calc(195vw / var(--vw-pc));
  }
  .musKom-prodcut__ttl img {
    width: calc(718vw / var(--vw-pc));
  }
  .musKom-prodcut__heading {
    margin-left: calc(20vw / var(--vw-pc) * -1);
  }
  .musKom-prodcut__txt {
    font-size: calc(28vw / var(--vw-pc));
    line-height: 1.7;
    margin-top: calc(10vw / var(--vw-pc));
  }
  .musKom-prodcut__noteTxt {
    margin-top: calc(15vw / var(--vw-pc));
    font-size: calc(21vw / var(--vw-pc));
    line-height: 1.7;
  }
}
.musKom-prodcut__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-left: 0;
}
.musKom-prodcut__row .col {
  width: 100%;
  position: relative;
}
.musKom-prodcut__row.-row01 {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: calc(10vw / var(--vw-pc));
}
.musKom-prodcut__row.-row01 .prodcut__img01 {
  margin-left: calc(14vw / var(--vw-pc) * -1);
  width: calc(352vw / var(--vw-pc));
  max-width: calc(352vw / var(--vw-pc));
  display: block;
  margin-top: calc(8vw / var(--vw-pc));
}
.musKom-prodcut__row.-row01 .prodcut__img02 {
  width: 100%;
}
.musKom-prodcut__row.-row02 {
  margin-top: calc(90vw / var(--vw-pc));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.musKom-prodcut__row.-row02 .prodcut__img01 {
  width: 100%;
  margin-top: calc(45vw / var(--vw-pc));
}
.musKom-prodcut__row.-row02 .prodcut__img02 {
  width: calc(133vw / var(--vw-pc));
  margin-inline: auto;
  display: block;
}
.musKom-prodcut__row.-row03 {
  margin-top: calc(90vw / var(--vw-pc));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10vw / var(--vw-pc));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.musKom-prodcut__row.-row03 .col:nth-child(1) {
  width: calc(100% + 2vw);
  margin-right: -2vw;
}
.musKom-prodcut__row.-row03 .prodcut__img01 {
  width: calc(130vw / var(--vw-pc));
  margin-top: calc(10vw / var(--vw-pc));
}
.musKom-prodcut__row.-row03 .prodcut__img02 {
  width: 100%;
}
@media (min-width:992px) {
  .musKom-prodcut__row {
    width: 100%;
    padding-left: calc(80vw / var(--vw-pc));
    position: static;
  }
  .musKom-prodcut__row.-row01 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: calc(10vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row01 .col:nth-child(1) {
    width: calc(820vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row01 .col:nth-child(2) {
    width: calc(650vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row01 .prodcut__img01 {
    margin-left: calc(120vw / var(--vw-pc) * -1);
    width: calc(960vw / var(--vw-pc));
    max-width: calc(960vw / var(--vw-pc));
    display: block;
    margin-top: calc(15vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row01 .prodcut__img02 {
    width: calc(650vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row02 {
    margin-top: calc(290vw / var(--vw-pc));
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(10vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row02 .col:nth-child(1) {
    width: calc(950vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row02 .col:nth-child(2) {
    width: calc(540vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row02 .prodcut__img01 {
    width: calc(887vw / var(--vw-pc));
    margin-top: calc(45vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row02 .prodcut__img02 {
    width: calc(497vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row03 {
    margin-top: calc(228vw / var(--vw-pc));
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(10vw / var(--vw-pc));
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .musKom-prodcut__row.-row03 .col:nth-child(1) {
    width: calc(680vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row03 .col:nth-child(2) {
    width: calc(796vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row03 .prodcut__img01 {
    width: calc(392vw / var(--vw-pc));
    margin-top: calc(45vw / var(--vw-pc));
  }
  .musKom-prodcut__row.-row03 .prodcut__img02 {
    width: calc(796vw / var(--vw-pc));
  }
}

.movie-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 3;
}

.musKom-mv img {
  max-width: 100%;
  width: 100%;
  display: block;
  height: auto;
}

.musKom-section__first {
  background-image: url(../images/first-bg-pc.jpg);
  position: relative;
  padding: calc(88vw / var(--vw-pc)) 0 calc(262vw / var(--vw-pc));
}
@media (min-width:992px) {
  .musKom-section__first {
    padding: calc(88vw / var(--vw-pc)) 0 calc(302vw / var(--vw-pc));
  }
}

.musKom-first__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.musKom-first__title img {
  width: calc(234vw / var(--vw-pc));
}
.musKom-first__movie-wrap {
  width: calc(352vw / var(--vw-pc));
  height: calc(197vw / var(--vw-pc));
  background-color: #333;
  margin-inline: auto;
  margin-top: calc(36vw / var(--vw-pc));
  position: relative;
}
.musKom-first__movie-wrap iframe, .musKom-first__movie-wrap video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.musKom-first__img01 {
  position: absolute;
  width: 100%;
  bottom: calc(63vw / var(--vw-pc) * -1);
  pointer-events: none;
}
@media (min-width:992px) {
  .musKom-first__title img {
    width: calc(713vw / var(--vw-pc));
  }
  .musKom-first__movie-wrap {
    width: calc(947vw / var(--vw-pc));
    height: calc(531vw / var(--vw-pc));
    margin-top: calc(135vw / var(--vw-pc));
  }
  .musKom-first__img01 {
    bottom: calc(173vw / var(--vw-pc) * -1);
  }
}

.musKom-section__about {
  position: relative;
  padding: calc(106vw / var(--vw-pc)) 0 calc(84vw / var(--vw-pc));
}
@media (min-width:992px) {
  .musKom-section__about {
    padding: calc(546vw / var(--vw-pc)) 0 calc(608vw / var(--vw-pc));
  }
}

.musKom-about__wrap {
  width: 100%;
  padding: 0 var(--content-padding-x);
  position: relative;
  z-index: 10;
}
.musKom-about__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.musKom-about__title img {
  width: calc(259vw / var(--vw-pc));
}
.musKom-about__txt {
  margin-top: calc(5vw / var(--vw-pc));
  font-size: calc(14vw / var(--vw-pc));
  line-height: 1.7;
  margin-right: calc(10vw / var(--vw-pc));
  width: calc(10vw / var(--vw-pc) + 100%);
}
.musKom-about__noteTxt {
  font-size: calc(21vw / var(--vw-pc));
  line-height: 1.7;
}
.musKom-about__img01 {
  width: calc(227vw / var(--vw-pc));
  position: relative;
  right: calc(100vw / var(--vw-pc) * -1);
  top: 0;
  margin-bottom: calc(12vw / var(--vw-pc));
}
.musKom-about__img02 {
  width: calc(212vw / var(--vw-pc));
  height: calc(86vw / var(--vw-pc));
  position: absolute;
  left: 0;
  bottom: calc(189vw / var(--vw-pc));
  pointer-events: none;
}
.musKom-about__img02 img {
  position: absolute;
}
.musKom-about__img02 .-pc {
  display: none;
}
@media (min-width:992px) {
  .musKom-about__wrap {
    width: calc(1340vw / var(--vw-pc));
    padding: 0;
    margin-inline: auto;
  }
  .musKom-about__title img {
    width: calc(708vw / var(--vw-pc));
  }
  .musKom-about__txt {
    margin-top: calc(40vw / var(--vw-pc));
    font-size: calc(35vw / var(--vw-pc));
    line-height: 1.7;
  }
  .musKom-about__noteTxt {
    font-size: calc(21vw / var(--vw-pc));
    line-height: 1.7;
  }
  .musKom-about__img01 {
    width: calc(713vw / var(--vw-pc));
    position: absolute;
    right: calc(-185vw / var(--vw-pc));
    top: calc(-180vw / var(--vw-pc));
  }
  .musKom-about__img02 {
    width: calc(715vw / var(--vw-pc));
    height: calc(258vw / var(--vw-pc));
    position: absolute;
    left: 0;
    bottom: calc(258vw / var(--vw-pc));
    pointer-events: none;
  }
  .musKom-about__img02 .-pc {
    display: block;
  }
  .musKom-about__img02 .-sp {
    display: none;
  }
}

.musKom-section__musou,
.musKom-section__komachi {
  position: relative;
}
.musKom-section__musou .musKom-bg__img01, .musKom-section__musou .musKom-bg__img02,
.musKom-section__komachi .musKom-bg__img01,
.musKom-section__komachi .musKom-bg__img02 {
  display: block;
  position: absolute;
  z-index: 10;
}
.musKom-section__musou .musKom-bg__img01 img, .musKom-section__musou .musKom-bg__img02 img,
.musKom-section__komachi .musKom-bg__img01 img,
.musKom-section__komachi .musKom-bg__img02 img {
  position: absolute;
  display: block;
  width: 100%;
}
.musKom-section__musou .musKom-bg__img01.-sp, .musKom-section__musou .musKom-bg__img02.-sp,
.musKom-section__komachi .musKom-bg__img01.-sp,
.musKom-section__komachi .musKom-bg__img02.-sp {
  display: block;
}
.musKom-section__musou .musKom-bg__img01.-pc, .musKom-section__musou .musKom-bg__img02.-pc,
.musKom-section__komachi .musKom-bg__img01.-pc,
.musKom-section__komachi .musKom-bg__img02.-pc {
  display: none;
}
@media (min-width:992px) {
  .musKom-section__musou .musKom-bg__img01.-sp, .musKom-section__musou .musKom-bg__img02.-sp,
  .musKom-section__komachi .musKom-bg__img01.-sp,
  .musKom-section__komachi .musKom-bg__img02.-sp {
    display: none;
  }
  .musKom-section__musou .musKom-bg__img01.-pc, .musKom-section__musou .musKom-bg__img02.-pc,
  .musKom-section__komachi .musKom-bg__img01.-pc,
  .musKom-section__komachi .musKom-bg__img02.-pc {
    display: block;
  }
}
.musKom-section__musou .musKom-bg__img01,
.musKom-section__komachi .musKom-bg__img01 {
  width: calc(137vw / var(--vw-pc));
  height: calc(74vw / var(--vw-pc));
  left: 0;
  bottom: calc(-15vw / var(--vw-pc));
}
.musKom-section__musou .musKom-bg__img01 img,
.musKom-section__komachi .musKom-bg__img01 img {
  left: 0;
}
.musKom-section__musou .musKom-bg__img02,
.musKom-section__komachi .musKom-bg__img02 {
  width: calc(133vw / var(--vw-pc));
  height: calc(86vw / var(--vw-pc));
  right: 0;
  top: calc(-20vw / var(--vw-pc));
}
.musKom-section__musou .musKom-bg__img02 img,
.musKom-section__komachi .musKom-bg__img02 img {
  left: 0;
}
.musKom-section__musou .musKom-prodcut__wrap .musKom-bg__img01,
.musKom-section__komachi .musKom-prodcut__wrap .musKom-bg__img01 {
  left: calc(-30vw / var(--vw-pc));
}
.musKom-section__musou .musKom-prodcut__wrap .musKom-bg__img02,
.musKom-section__komachi .musKom-prodcut__wrap .musKom-bg__img02 {
  right: calc(-30vw / var(--vw-pc));
}
@media (min-width:992px) {
  .musKom-section__musou .musKom-bg__img01,
  .musKom-section__komachi .musKom-bg__img01 {
    width: calc(860vw / var(--vw-pc));
    height: calc(257vw / var(--vw-pc));
    left: 0;
    bottom: calc(-40vw / var(--vw-pc));
  }
  .musKom-section__musou .musKom-bg__img01 img,
  .musKom-section__komachi .musKom-bg__img01 img {
    left: 0;
  }
  .musKom-section__musou .musKom-bg__img02,
  .musKom-section__komachi .musKom-bg__img02 {
    width: calc(1024vw / var(--vw-pc));
    height: calc(274vw / var(--vw-pc));
    right: 0;
    top: calc(-100vw / var(--vw-pc));
  }
  .musKom-section__musou .musKom-bg__img02 img,
  .musKom-section__komachi .musKom-bg__img02 img {
    left: 0;
  }
}

.musKom-section__musou .musou__ttl01 img {
  width: calc(219vw / var(--vw-pc));
}
.musKom-section__musou .musou__ttl02 img {
  width: calc(301vw / var(--vw-pc));
}
.musKom-section__musou .musou__ttl03 img {
  width: calc(184vw / var(--vw-pc));
}
.musKom-section__musou .-row02 .musKom-bg__img01 {
  bottom: calc(20vw / var(--vw-pc));
}
.musKom-section__musou .-row02 .musKom-bg__img02 {
  top: calc(20vw / var(--vw-pc));
}
@media (min-width:992px) {
  .musKom-section__musou .musou__ttl01 img {
    width: calc(712vw / var(--vw-pc));
  }
  .musKom-section__musou .musou__ttl02 img {
    width: calc(970vw / var(--vw-pc));
  }
  .musKom-section__musou .musou__ttl03 img {
    width: calc(609vw / var(--vw-pc));
  }
}
@media (min-width:992px) {
  .musKom-section__musou .musKom-bg__img02 {
    display: none;
  }
}

.musKom-section__komachi {
  margin-top: calc(95vw / var(--vw-pc));
}
.musKom-section__komachi .komachi__ttl01 img {
  width: calc(219vw / var(--vw-pc));
}
.musKom-section__komachi .komachi__ttl02 img {
  width: calc(304vw / var(--vw-pc));
}
.musKom-section__komachi .komachi__ttl03 img {
  width: calc(184vw / var(--vw-pc));
}
.musKom-section__komachi .-row02 .prodcut__img01 {
  width: 100%;
  margin-top: calc(15vw / var(--vw-pc));
}
.musKom-section__komachi .-row02 .prodcut__img02 {
  width: calc(142vw / var(--vw-pc));
}
.musKom-section__komachi .-row02 .musKom-bg__img01 {
  bottom: calc(40vw / var(--vw-pc));
}
.musKom-section__komachi .-row02 .musKom-bg__img02 {
  top: calc(-30vw / var(--vw-pc));
}
@media (min-width:992px) {
  .musKom-section__komachi {
    margin-top: calc(388vw / var(--vw-pc));
  }
  .musKom-section__komachi .komachi__ttl01 img {
    width: calc(712vw / var(--vw-pc));
  }
  .musKom-section__komachi .komachi__ttl02 img {
    width: calc(970vw / var(--vw-pc));
  }
  .musKom-section__komachi .komachi__ttl03 img {
    width: calc(609vw / var(--vw-pc));
  }
  .musKom-section__komachi .-row02 .prodcut__img01 {
    width: calc(650vw / var(--vw-pc));
    margin-top: calc(35vw / var(--vw-pc));
  }
  .musKom-section__komachi .-row02 .prodcut__img02 {
    width: calc(505vw / var(--vw-pc));
  }
}
.musKom-section__komachi::before, .musKom-section__komachi::after {
  content: "";
}

.musKom-section__correlation {
  background-image: url(../images/section-correlation-bg-sp.jpg);
  background-size: 100% auto;
  background-repeat: repeat-y;
  padding: calc(27vw / var(--vw-pc)) var(--content-padding-x) calc(100vw / var(--vw-pc));
  margin-bottom: 0;
  margin-top: calc(240vw / var(--vw-pc));
}
@media (min-width:992px) {
  .musKom-section__correlation {
    background-image: url(../images/section-correlation-bg.jpg);
    background-size: cover;
    padding: calc(40vw / var(--vw-pc)) 0 calc(100vw / var(--vw-pc));
    margin-bottom: calc(500vw / var(--vw-pc));
    margin-top: calc(240vw / var(--vw-pc));
  }
}

.musKom-correlation__title img {
  width: calc(195vw / var(--vw-pc));
}
.musKom-correlation__ttl {
  display: block;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin-inline: auto;
}
.musKom-correlation__ttl img {
  display: block;
  width: calc(258vw / var(--vw-pc));
  height: auto;
}
.musKom-correlation__wrap {
  width: 100%;
  height: auto;
  background-size: 100% auto;
  margin-top: calc(11vw / var(--vw-pc));
}
.musKom-correlation__list {
  background-size: 100%;
  margin-top: calc(34vw / var(--vw-pc));
}
.musKom-correlation__list > .musKom-correlation__list-item {
  position: relative;
  width: 100%;
  padding-top: calc(36vw / var(--vw-pc));
  padding-left: 0;
}
.musKom-correlation__pageLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(27vw / var(--vw-pc)) 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: calc(73vw / var(--vw-pc));
}
.musKom-correlation__pageLinks .musKom-correlation__pagelink {
  width: calc(104vw / var(--vw-pc));
}
.musKom-correlation__pageLinks .musKom-correlation__pagelink img {
  width: 100%;
}
.musKom-correlation__item-name {
  display: block;
  margin-left: calc(25vw / var(--vw-pc));
}
.musKom-correlation__item-name img {
  display: block;
  width: var(--name-width);
  max-width: var(--name-width);
}
.musKom-correlation__child-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--item-gap-y) var(--item-gap-x);
  margin-top: var(--child-po-y);
  margin-left: var(--child-po-x);
}
.musKom-correlation__child-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.musKom-correlation__item {
  display: block;
  height: var(--item-height);
}
.musKom-correlation__item:is(a):hover {
  opacity: 0.4;
}
.musKom-correlation__item > img {
  height: var(--item-height);
  display: block;
}
.musKom-correlation__item-txtTop {
  position: absolute;
  top: calc(19vw / var(--vw-pc) * -1);
  font-size: calc(15vw / var(--vw-pc));
  width: 100%;
  text-align: center;
  z-index: 3;
}
.musKom-correlation__item-txt {
  position: absolute;
  bottom: var(--child-txt-po-y);
  left: var(--child-txt-po-x);
  font-size: calc(15vw / var(--vw-pc));
  width: 100%;
  text-align: center;
  z-index: 3;
}
.musKom-correlation__since {
  position: absolute;
  right: 0;
  top: var(--since-po-x);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: calc(12vw / var(--vw-pc));
  width: calc(98vw / var(--vw-pc));
  height: calc(29vw / var(--vw-pc));
  gap: calc(6vw / var(--vw-pc));
}
.musKom-correlation__since > span {
  display: inline-block;
  line-height: 1.1;
  position: relative;
  z-index: 1;
}
.musKom-correlation__since > span:last-child {
  font-size: calc(15vw / var(--vw-pc));
}
.musKom-correlation__since::before {
  content: "";
  background-color: #AFAFAF;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
}
.musKom-correlation__back {
  padding: calc(10vw / var(--vw-pc));
  position: absolute;
  right: 0;
  bottom: 0;
}
.musKom-correlation__back img {
  display: block;
  width: calc(19vw / var(--vw-pc));
}
@media (min-width:992px) {
  .musKom-correlation__title img {
    width: calc(713vw / var(--vw-pc));
  }
  .musKom-correlation__ttl {
    position: absolute;
    top: calc(146vw / var(--vw-pc));
    left: calc(135vw / var(--vw-pc));
  }
  .musKom-correlation__ttl img {
    width: calc(258vw / var(--vw-pc));
  }
  .musKom-correlation__wrap {
    position: relative;
    background-image: url(../images/correlation-bg.jpg);
    width: calc(1566vw / var(--vw-pc));
    height: calc(1116vw / var(--vw-pc));
    background-size: 100% auto;
    margin-top: calc(50vw / var(--vw-pc));
    margin-inline: auto;
  }
  .musKom-correlation__list {
    background-image: none;
  }
  .musKom-correlation__list > .musKom-correlation__list-item {
    position: absolute;
    padding-top: calc(20vw / var(--vw-pc));
    padding-left: calc(25vw / var(--vw-pc));
    background-image: none;
  }
  .musKom-correlation__pageLinks {
    display: none;
  }
  .musKom-correlation__item-name {
    display: block;
    margin: 0;
  }
  .musKom-correlation__item-name img {
    display: block;
    width: var(--name-width);
    max-width: var(--name-width);
  }
  .musKom-correlation__child-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: var(--item-gap-y) var(--item-gap-x);
    margin-top: var(--child-po-y);
    margin-left: var(--child-po-x);
  }
  .musKom-correlation__child-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .musKom-correlation__item {
    display: block;
    height: var(--item-height);
  }
  .musKom-correlation__item:is(a):hover {
    opacity: 0.4;
  }
  .musKom-correlation__item > img {
    height: var(--item-height);
    display: block;
  }
  .musKom-correlation__item-txt {
    position: absolute;
    bottom: var(--child-txt-po-y);
    left: var(--child-txt-po-x);
    font-size: calc(15vw / var(--vw-pc));
    width: 100%;
    text-align: center;
    z-index: 3;
  }
  .musKom-correlation__since {
    font-size: calc(8vw / var(--vw-pc));
    width: calc(77vw / var(--vw-pc));
    height: calc(22vw / var(--vw-pc));
    gap: calc(6vw / var(--vw-pc));
  }
  .musKom-correlation__since > span:last-child {
    font-size: calc(15vw / var(--vw-pc));
  }
  .musKom-correlation__back {
    display: none;
  }
}
.musKom-correlation__list {
  --item-gap-x: calc(18vw / var(--vw-pc));
  --item-gap-y: calc(42vw / var(--vw-pc));
  --item-height: calc(94vw / var(--vw-pc));
  --name-width: calc(152vw / var(--vw-pc));
  --child-po-x: 0;
  --child-po-y: calc(5vw / var(--vw-pc));
  --child-txt-po-y: calc(27vw / var(--vw-pc) * -1);
  --child-txt-po-x: 0;
  --since-po-x: calc(50vw / var(--vw-pc));
}
@media (min-width:992px) {
  .musKom-correlation__list {
    --item-gap-x: calc(18vw / var(--vw-pc));
    --item-gap-y: calc(42vw / var(--vw-pc));
    --item-height: calc(104vw / var(--vw-pc));
    --name-width: calc(152vw / var(--vw-pc));
    --child-po-x: calc(5vw / var(--vw-pc));
    --child-po-y: calc(5vw / var(--vw-pc));
    --child-txt-po-y: calc(26vw / var(--vw-pc) * -1);
    --child-txt-po-x: 0;
    --since-po-x: calc(15vw / var(--vw-pc));
  }
}
@media (max-width:991px) {
  .musKom-correlation__list > .musKom-correlation__list-item {
    background-size: 100% auto;
    background-position: top center;
    padding-bottom: calc(50vw / var(--vw-pc));
  }
}
.musKom-correlation__list > .musKom-correlation__list-item.-urawaza {
  padding-top: calc(13vw / var(--vw-pc));
  --name-width: calc(136vw / var(--vw-pc));
  --child-po-x: calc(8vw / var(--vw-pc));
  --child-po-y: calc(3vw / var(--vw-pc));
  --since-po-x: calc(14vw / var(--vw-pc));
}
@media (max-width:991px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-urawaza {
    background-image: url(../images/cor-bg-urawaza.png);
    background-repeat: no-repeat;
    padding-bottom: calc(176vw / var(--vw-pc));
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-urawaza .musKom-correlation__since {
    font-size: calc(8vw / var(--vw-pc));
    width: calc(69vw / var(--vw-pc));
    height: calc(21vw / var(--vw-pc));
    gap: calc(5vw / var(--vw-pc));
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-urawaza .musKom-correlation__since > span:last-child {
    font-size: calc(15vw / var(--vw-pc));
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-urawaza .musKom-correlation__item-name {
    margin-left: 0;
    text-align: center;
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-urawaza .musKom-correlation__item-name img {
    margin-inline: auto;
  }
}
@media (min-width:992px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-urawaza {
    width: calc(380vw / var(--vw-pc));
    top: calc(94vw / var(--vw-pc));
    left: calc(480vw / var(--vw-pc));
    padding-top: calc(17vw / var(--vw-pc));
    padding-left: calc(23vw / var(--vw-pc));
    --name-width: calc(152vw / var(--vw-pc));
    --child-po-x: calc(4vw / var(--vw-pc));
    --child-po-y: calc(1vw / var(--vw-pc));
    --since-po-x: calc(15vw / var(--vw-pc));
  }
}
.musKom-correlation__list > .musKom-correlation__list-item.-slim {
  min-height: calc(647vw / var(--vw-pc));
  --name-width: calc(178vw / var(--vw-pc));
  --child-po-x: calc(9vw / var(--vw-pc));
  --child-po-y: calc(1vw / var(--vw-pc));
  --item-gap-y: calc(43vw / var(--vw-pc));
  --child-txt-po-y: calc(28vw / var(--vw-pc) * -1);
}
@media (max-width:991px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-slim {
    background-image: url(../images/cor-bg01.jpg);
  }
}
@media (min-width:992px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-slim {
    min-height: auto;
    width: calc(550vw / var(--vw-pc));
    top: calc(374vw / var(--vw-pc));
    left: calc(94vw / var(--vw-pc));
    padding-top: calc(20vw / var(--vw-pc));
    padding-left: calc(38vw / var(--vw-pc));
    --name-width: calc(158vw / var(--vw-pc));
    --child-po-x: calc(9vw / var(--vw-pc));
    --child-po-y: calc(1vw / var(--vw-pc));
    --item-gap-y: calc(42vw / var(--vw-pc));
    --child-txt-po-y: calc(26vw / var(--vw-pc) * -1);
    --since-po-x: calc(15vw / var(--vw-pc));
  }
}
.musKom-correlation__list > .musKom-correlation__list-item.-komachi {
  min-height: calc(389vw / var(--vw-pc));
  padding-top: calc(28vw / var(--vw-pc));
  --child-po-x: 0;
  --child-po-y: calc(14vw / var(--vw-pc));
  --name-width: calc(141vw / var(--vw-pc));
  --child-txt-po-y: calc(24vw / var(--vw-pc) * -1);
  --since-po-x: calc(40vw / var(--vw-pc));
}
@media (max-width:991px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-komachi {
    background-image: url(../images/cor-bg02.jpg);
  }
}
@media (min-width:992px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-komachi {
    min-height: auto;
    width: calc(550vw / var(--vw-pc));
    top: calc(810vw / var(--vw-pc));
    left: calc(94vw / var(--vw-pc));
    padding-top: calc(17vw / var(--vw-pc));
    padding-left: calc(25vw / var(--vw-pc));
    --child-po-x: calc(0vw / var(--vw-pc));
    --child-po-y: calc(7vw / var(--vw-pc));
    --name-width: calc(87vw / var(--vw-pc));
    --child-txt-po-y: calc(20vw / var(--vw-pc) * -1);
    --since-po-x: calc(15vw / var(--vw-pc));
  }
}
.musKom-correlation__list > .musKom-correlation__list-item.-musou {
  min-height: calc(276vw / var(--vw-pc));
  padding-top: calc(31vw / var(--vw-pc));
  --name-width: calc(166vw / var(--vw-pc));
  --child-po-x: 0;
  --child-po-y: calc(22vw / var(--vw-pc));
  --item-height: calc(100vw / var(--vw-pc));
}
@media (max-width:991px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-musou {
    background-image: url(../images/cor-bg03.jpg);
  }
}
@media (min-width:992px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-musou {
    width: calc(380vw / var(--vw-pc));
    min-height: auto;
    top: calc(94vw / var(--vw-pc));
    left: calc(990vw / var(--vw-pc));
    padding-top: calc(16vw / var(--vw-pc));
    padding-left: calc(23vw / var(--vw-pc));
    --name-width: calc(84vw / var(--vw-pc));
    --child-po-x: calc(9vw / var(--vw-pc));
    --child-po-y: calc(1vw / var(--vw-pc));
    --item-height: calc(110vw / var(--vw-pc));
    --since-po-x: calc(15vw / var(--vw-pc));
  }
}
.musKom-correlation__list > .musKom-correlation__list-item.-parasol {
  min-height: calc(530vw / var(--vw-pc));
  padding-top: calc(28vw / var(--vw-pc));
  --name-width: calc(164vw / var(--vw-pc));
  --child-po-x: 0;
  --child-po-y: calc(5vw / var(--vw-pc));
  --item-gap-x: calc(16vw / var(--vw-pc));
  --since-po-x: calc(40vw / var(--vw-pc));
}
@media (max-width:991px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-parasol {
    background-image: url(../images/cor-bg04.jpg);
  }
}
@media (min-width:992px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-parasol {
    min-height: auto;
    width: calc(663vw / var(--vw-pc));
    top: calc(374vw / var(--vw-pc));
    left: calc(700vw / var(--vw-pc));
    padding-top: calc(20vw / var(--vw-pc));
    padding-left: calc(22vw / var(--vw-pc));
    --name-width: calc(240vw / var(--vw-pc));
    --child-po-x: calc(29vw / var(--vw-pc));
    --child-po-y: calc(5vw / var(--vw-pc));
    --item-gap-x: calc(16vw / var(--vw-pc));
    --since-po-x: calc(15vw / var(--vw-pc));
  }
}
.musKom-correlation__list > .musKom-correlation__list-item.-kowaza {
  --name-width: calc(191vw / var(--vw-pc));
  --child-po-x: 0;
  --child-po-y: calc(26vw / var(--vw-pc));
  --item-gap-x: calc(8vw / var(--vw-pc));
  --item-gap-y: calc(35vw / var(--vw-pc));
  --item-height: calc(94vw / var(--vw-pc));
}
@media (max-width:991px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza {
    padding-bottom: 0;
    background-image: url(../images/cor-bg05.jpg);
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza > .musKom-correlation__child-list > li:nth-child(1), .musKom-correlation__list > .musKom-correlation__list-item.-kowaza > .musKom-correlation__child-list > li:nth-child(2) {
    --item-height: calc(88vw / var(--vw-pc));
  }
}
@media (min-width:992px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza {
    min-height: auto;
    width: calc(785vw / var(--vw-pc));
    top: calc(641vw / var(--vw-pc));
    left: calc(700vw / var(--vw-pc));
    padding-top: calc(23vw / var(--vw-pc));
    padding-left: calc(27vw / var(--vw-pc));
    --name-width: calc(238vw / var(--vw-pc));
    --child-po-x: calc(14vw / var(--vw-pc));
    --child-po-y: calc(10vw / var(--vw-pc));
    --item-gap-x: calc(18vw / var(--vw-pc));
    --item-gap-y: calc(43vw / var(--vw-pc));
    --item-height: calc(104vw / var(--vw-pc));
    --since-po-x: calc(15vw / var(--vw-pc));
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza > .musKom-correlation__child-list > li:nth-child(1), .musKom-correlation__list > .musKom-correlation__list-item.-kowaza > .musKom-correlation__child-list > li:nth-child(2), .musKom-correlation__list > .musKom-correlation__list-item.-kowaza > .musKom-correlation__child-list > li:nth-child(3) {
    --child-txt-po-y: calc(17vw / var(--vw-pc) * -1);
  }
}
.musKom-correlation__list > .musKom-correlation__list-item.-kowaza .musKom-light {
  position: relative;
  margin-top: calc(50vw / var(--vw-pc));
  min-height: calc(350vw / var(--vw-pc));
  padding: calc(18vw / var(--vw-pc)) 0 calc(50vw / var(--vw-pc));
  --child-po-x: 0;
  --child-po-y: calc(15vw / var(--vw-pc));
  --since-po-x: calc(18vw / var(--vw-pc));
  --item-height: calc(94vw / var(--vw-pc));
}
.musKom-correlation__list > .musKom-correlation__list-item.-kowaza .musKom-light .-pc {
  display: none;
}
.musKom-correlation__list > .musKom-correlation__list-item.-kowaza .musKom-light .musKom-light__ttl {
  font-size: calc(19vw / var(--vw-pc));
  padding-left: calc(33vw / var(--vw-pc));
  width: 100%;
  z-index: 3;
}
@media (max-width:991px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza .musKom-light {
    background-image: url(../images/cor-bg06.jpg);
  }
}
@media (min-width:992px) {
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza .musKom-light {
    min-height: auto;
    --item-height: calc(104vw / var(--vw-pc));
    --child-po-y: calc(12vw / var(--vw-pc) * -1);
    --child-po-x: calc(10vw / var(--vw-pc));
    --since-po-x: calc(8vw / var(--vw-pc));
    padding: 0;
    margin: 0;
    position: absolute;
    left: calc(322vw / var(--vw-pc));
    top: calc(201vw / var(--vw-pc));
    width: calc(463vw / var(--vw-pc));
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza .musKom-light .-pc {
    display: block;
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza .musKom-light .-sp {
    display: none;
  }
  .musKom-correlation__list > .musKom-correlation__list-item.-kowaza .musKom-light .musKom-light__ttl {
    display: block;
    padding: calc(5vw / var(--vw-pc)) 0 0;
    font-size: calc(15vw / var(--vw-pc));
    width: 100%;
    text-align: center;
    z-index: 3;
  }
}

.js-musKom-load {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  opacity: 0;
}
.js-musKom-load.is-view {
  -webkit-animation-name: musKomLoadAnime;
          animation-name: musKomLoadAnime;
}

@-webkit-keyframes musKomLoadAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes musKomLoadAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.js-musKom-scroll {
  -webkit-animation-delay: 0.2;
          animation-delay: 0.2;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  opacity: 0;
}
.js-musKom-scroll.is-view {
  -webkit-animation-name: musKomUpAnime;
          animation-name: musKomUpAnime;
}
.musKom-section__first .js-musKom-scroll.musKom-first__title {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.musKom-section__first .js-musKom-scroll.musKom-first__title.is-view {
  -webkit-animation-name: musKomFirstTtl;
          animation-name: musKomFirstTtl;
}
.musKom-section__first .js-musKom-scroll.musKom-first__img01 {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.musKom-section__first .js-musKom-scroll.musKom-first__img01.is-view {
  -webkit-animation-name: musKomFirstImage;
          animation-name: musKomFirstImage;
}

@-webkit-keyframes musKomUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes musKomUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes musKomFirstTtl {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes musKomFirstTtl {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes musKomFirstImage {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes musKomFirstImage {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.js-musKom-bg-anime01 img,
.js-musKom-bg-anime02 img {
  -webkit-transition: top 1.2s cubic-bezier(0.33, 1, 0.68, 1);
  transition: top 1.2s cubic-bezier(0.33, 1, 0.68, 1);
}