@charset "UTF-8";
.kittyCollaboration2 img {
  width: 100%;
}

#indexTop h2 {
  font-size: 10rem;
  line-height: 1;
}

@media screen and (min-width: 1000px) and (max-width: 1920px) {
  #indexTop h2 {
    font-size: 5.20834vw;
  }
}
@media screen and (max-width: 999px) {
  #indexTop h2 {
    font-size: 8.26666vw;
  }
}
/* =========================== アニメーション =============================== */
.fadeIn {
  opacity: 0;
  visibility: hidden;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s 0.3s;
}
.fadeIn.active {
  opacity: 1;
  visibility: visible;
}

.fadeIn_second {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: opacity 0.7s 0.2s, transform 0.7s 0.2s;
  backface-visibility: hidden;
}
.fadeIn_second.active {
  opacity: 1;
  visibility: visible;
  transform: none;
}

#indexTop .btn01 {
  margin: 5.1% auto 0;
  max-width: 257px;
  width: 100%;
}
#indexTop .btn01 a {
  display: block;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
  padding: 23px 0;
  background-color: #F8A397;
  transition: all ease-out 0.3s;
  width: 100%;
  max-width: 257px;
  border-radius: 50px;
  text-align: center;
  border: solid 1px #F8A397;
}

@media screen and (min-width: 999px) {
  #indexTop .btn01 a:hover {
    color: #F8A397;
    background-color: #fff;
    border: solid 1px #F8A397;
  }
}
@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .btn01 {
    max-width: 14.361vw;
    width: 110%;
  }
  #indexTop .btn01 a {
    font-size: 1.1vw;
    padding: 1vw 0;
  }
}
@media screen and (max-width: 999px) {
  #indexTop .minContainer {
    padding: 0 5.33vw;
  }
  #indexTop .pcOnly {
    display: none !important;
  }
  #indexTop .spOnly {
    display: block !important;
  }
  #indexTop .btn01 a {
    position: relative;
    margin: auto;
    width: 94.789%;
    font-size: 3.73333vw;
    padding: 3.3vw 0;
    max-width: 91%;
  }
}
/* =========================== 共通 =============================== */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&display=swap'); */
.JuliusSansOne {
  font-family: "Julius Sans One", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.Mplus1p {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ZenMaruGothic {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

.MrsSaintDelafield {
  font-family: "Mrs Saint Delafield", serif;
  font-weight: 700;
  font-style: normal;
}

.ConcertOne {
  font-family: "Concert One", serif;
  font-weight: 700;
  font-style: normal;
}

.MarcellusRegular {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
}

#indexTop {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  background: #FEF3E9;
  overflow: hidden;
}
#indexTop .spOnly {
  display: none !important;
}
#indexTop .minContainer {
  width: 100%;
  padding: 0 20px;
  /*max-width: 1406px;*/
  margin-left: auto;
  margin-right: auto;
}
#indexTop .maxContainer {
  width: 100%;
  /*max-width: 1480px;*/
  margin-left: auto;
  margin-right: auto;
}
#indexTop p {
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 999px) {
  #indexTop {
    font-weight: 400;
  }
}
#indexTop * {
  -webkit-font-smoothing: antialiased;
}

#indexTop *:not(a) {
  /*color: #404040;*/
  letter-spacing: 0;
}

.footer {
  margin-top: 0px !important;
}

@media screen and (max-width: 999px) {
  #indexTop .minContainer {
    padding: 0 5.33vw;
  }
  #indexTop .pcOnly {
    display: none !important;
  }
  #indexTop .spOnly {
    display: block !important;
  }
  #indexTop .btn01 {
    max-width: 100%;
  }
  #indexTop .btn02 {
    height: 20vw;
  }
  #indexTop .btn02 a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 6.4vw;
    height: 100%;
    padding: 0;
    border-radius: 90px;
  }
  #indexTop .android .btn02 a {
    padding: 0 0 1.5vw;
  }
  #indexTop .android .btn02 a .ZenMaruGothic {
    font-size: 5.6vw;
    padding: 0;
  }
  #indexTop .btn02.cart a {
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 16vw;
  }
  #indexTop .android .btn02.cart a {
    padding: 0 0 0 16vw;
  }
  #indexTop .android .btn02.cart a > span {
    padding: 0 0 1vw;
  }
}
/* =========================== メインビジュアル =============================== */
#indexTop .mainVisualArea {
  background-image: url(/specialcollaboration/images/index/fv-bg-img01.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 5% 0 7%;
}
#indexTop .mainVisualArea.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .mainVisualArea-flex {
  display: flex;
  margin: 0 0 0 17%;
  width: 72%;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left {
  margin: 0 4.3% 0 0;
  width: 37.2%;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left .mainVisualArea-left01 {
  opacity: 0;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left .mainVisualArea-left01.active {
  opacity: 1;
  transition: 1s;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left .mainVisualArea-left02 {
  opacity: 0;
  margin: 5% auto 0;
  width: 95%;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left .mainVisualArea-left02.active {
  opacity: 1;
  transition: 1s;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-right {
  width: 58.5%;
  opacity: 0;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-right img {
  width: 100%;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-right.active {
  opacity: 1;
  transition: 1s;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-poo {
  opacity: 0;
}
#indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-poo.active {
  opacity: 1;
  transition: 1.5s;
}

@media screen and (max-width: 999px) {
  #indexTop img {
    width: 100%;
  }
  #indexTop .mainVisualArea {
    background-image: url(/specialcollaboration/images/index/fv-bg-img01-sp.png);
    background-position: center bottom;
    background-size: cover;
    padding: 7.734% 0 5%;
  }
  #indexTop .mainVisualArea .mainVisualArea-flex {
    display: block;
    margin: 7.335% auto 0;
    width: 81.47086%;
  }
  #indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left {
    margin: auto;
    width: 66.4%;
  }
  #indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left .mainVisualArea-left01 {
    opacity: 0;
  }
  #indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left .mainVisualArea-left01.active {
    opacity: 1;
    transition: 0.5s;
  }
  #indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-left .mainVisualArea-left02 {
    margin: 5% auto 0;
    width: 95%;
  }
  #indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-right {
    margin: 6% 0 0 6%;
    width: 94%;
    transition: 0.5s;
  }
  #indexTop .mainVisualArea .mainVisualArea-flex .mainVisualArea-poo {
    margin: -17% 0 0 0;
    width: 100%;
    transition: 1.5s;
  }
}
/* =========================== concept =============================== */
#indexTop .concept {
  position: relative;
}
#indexTop .concept .concept-deco-img01 {
  position: absolute;
  top: 35%;
  left: calc(50% - 1009px);
  width: 516px;
  z-index: 7;
}
#indexTop .concept .concept-deco-img02 {
  position: absolute;
  top: -15%;
  left: calc(50% + 487px);
  width: 591px;
}
#indexTop .concept .concept-txt {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 calc(50% - 593px);
  width: 71.2%;
  max-width: 1367px;
}
#indexTop .concept .concept-txt .concept-txt-left {
  position: relative;
  margin-top: -2.5%;
  width: 22.3%;
  z-index: 6;
}
#indexTop .concept .concept-txt .concept-txt-left .concept-txt-left01 {
  position: absolute;
  top: 16%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.8rem;
  writing-mode: vertical-rl;
  line-height: 9.1rem;
  letter-spacing: 0.7em;
}
#indexTop .concept .concept-txt .concept-txt-right {
  margin-top: 85px;
}
#indexTop .concept .concept-txt .concept-txt-right .concept-txt-right01 {
  margin-bottom: 64.3px;
  font-size: 7.5rem;
  line-height: 1;
  letter-spacing: 0.5rem;
}
#indexTop .concept .concept-txt .concept-txt-right .concept-txt-right02 {
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.2rem;
}

@media screen and (min-width: 1000px) and (max-width: 1920px) {
  #indexTop .concept .concept-deco-img01 {
    top: 27%;
    left: -2.5%;
    width: 31.4%;
  }
  #indexTop .concept .concept-deco-img02 {
    top: -15%;
    left: 75.8%;
    width: 29%;
  }
  #indexTop .concept .concept-txt {
    margin: 0 0 0 18%;
    width: 74.5%;
  }
  #indexTop .concept .concept-txt .concept-txt-left {
    margin-top: -2.5%;
    width: 22.3%;
    z-index: 7;
  }
  #indexTop .concept .concept-txt .concept-txt-left .concept-txt-left01 {
    top: 16%;
    left: 50%;
    font-size: 1.458333vw;
    line-height: 4.6vw;
    letter-spacing: 0.7em;
  }
  #indexTop .concept .concept-txt .concept-txt-right {
    position: relative;
    margin-top: 6.218%;
  }
  #indexTop .concept .concept-txt .concept-txt-right .concept-txt-right01 {
    margin-bottom: 6.55%;
    font-size: 3.90625vw;
  }
  #indexTop .concept .concept-txt .concept-txt-right .concept-txt-right02 {
    font-size: 1.041666vw;
  }
}
@media screen and (max-width: 999px) {
  #indexTop .concept {
    position: relative;
    padding-bottom: 20.4%;
  }
  #indexTop .concept::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4%;
    right: 0;
    max-width: 100%;
    width: 100%;
    height: 25vw;
    background-image: url(/specialcollaboration/images/index/concept-img01-bg-img01.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 3;
  }
  #indexTop .concept .concept-deco-img01 {
    top: 78.8%;
    left: -8%;
    width: 52.5%;
    z-index: 4;
  }
  #indexTop .concept .concept-deco-img02 {
    top: -6.5%;
    left: 55%;
    width: 53.3%;
  }
  #indexTop .concept .concept-txt {
    display: block;
    margin: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
  }
  #indexTop .concept .concept-txt .concept-txt-left02 {
    position: relative;
    margin-top: 9.4%;
    width: 100%;
  }
  #indexTop .concept .concept-txt .concept-txt-left02 .concept-txt-left01 {
    position: absolute;
    top: 4%;
    left: 9.8%;
    font-size: 4.26666vw;
    line-height: 12vw;
    letter-spacing: 0.4em;
    font-weight: 500;
  }
  #indexTop .concept .concept-txt .concept-txt-right {
    margin-top: 15.334%;
  }
  #indexTop .concept .concept-txt .concept-txt-right .concept-txt-right01 {
    margin: auto;
    width: 81.8%;
    margin-bottom: 15%;
    font-size: 8vw;
    letter-spacing: 0.2rem;
  }
  #indexTop .concept .concept-txt .concept-txt-right .concept-txt-right02 {
    position: relative;
    z-index: 5;
    margin: 9.2% auto 0;
    width: 80.8%;
    font-size: 4vw;
    line-height: 2.1333;
    letter-spacing: 0.05rem;
  }
}
/* =========================== Movie =============================== */
#indexTop .movieArea {
  background-image: url(/specialcollaboration/images/index/concept-img04.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 200px 0 50px;
  position: relative;
  z-index: 2;
}
#indexTop .movieArea .youtubeArea {
  max-width: 550px;
  width: 100%;
  margin: 65px auto 194.8px;
}
#indexTop .movieArea .youtubeArea .youtube {
  position: relative;
  width: 100%;
  padding-bottom: 177.49%;
  z-index: 1;
}
#indexTop .movieArea .youtubeArea iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#indexTop .movieArea .movie-ttl {
  position: relative;
  text-align: center;
  margin: auto;
  width: 941px;
}
#indexTop .movieArea .movie-ttl .movie-ttl-left {
  position: absolute;
  top: -198.3%;
  left: -17%;
  width: 100%;
  max-width: 106px;
}
#indexTop .movieArea .movie-ttl .movie-ttl-right {
  position: absolute;
  top: -124.3%;
  left: 105.5%;
  width: 100%;
  max-width: 106px;
}

@media screen and (min-width: 1000px) and (max-width: 1920px) {
  #indexTop .movieArea {
    padding: 10.417% 0 2.6044%;
  }
  #indexTop .movieArea .youtubeArea {
    width: 28.66%;
    margin: 4% auto 5%;
  }
  #indexTop .movieArea .movie-ttl {
    width: 53.5%;
    letter-spacing: 0.2rem;
  }
  #indexTop .movieArea .movie-ttl .movie-ttl-left {
    top: -198.3%;
    left: -16%;
    width: 100%;
    max-width: 11%;
  }
  #indexTop .movieArea .movie-ttl .movie-ttl-right {
    top: -124.3%;
    left: 105.5%;
    width: 100%;
    max-width: 11%;
  }
}
@media screen and (max-width: 999px) {
  #indexTop .movieArea {
    background-image: url(/specialcollaboration/images/index/concept-img04-sp.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 22.334% 0 0.1%;
    position: relative;
    z-index: 2;
  }
  #indexTop .movieArea .youtubeArea {
    max-width: 57.6%;
    width: 100%;
    margin: 6.5% auto 30.334%;
  }
  #indexTop .movieArea .youtubeArea .youtube {
    position: relative;
    width: 100%;
    padding-bottom: 177.49%;
    z-index: 1;
  }
  #indexTop .movieArea .youtubeArea iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #indexTop .movieArea .movie-ttl {
    width: 78%;
  }
  #indexTop .movieArea .movie-ttl .movie-ttl-left {
    top: -221%;
    left: -12%;
    max-width: 15.388%;
  }
  #indexTop .movieArea .movie-ttl .movie-ttl-right {
    top: -221%;
    left: 96.5%;
    max-width: 15.388%;
  }
}
/* =========================== Pick Up Item =============================== */
#indexTop .PickUpItem {
  position: relative;
  padding: 130px 0 259px;
}
#indexTop .PickUpItem::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -6vw;
  right: -1%;
  max-width: 103%;
  width: 108%;
  height: 30vw;
  background-image: url(/specialcollaboration/images/index/PickUpItem-bg-img30-2.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
#indexTop .PickUpItem .PickUpItem-ttl {
  position: relative;
  text-align: center;
  margin: auto;
  width: 572px;
}
#indexTop .PickUpItem .PickUpItem-ttl .PickUpItem-ttl-left {
  position: absolute;
  top: -213.3%;
  left: -29%;
  width: 100%;
  max-width: 106px;
}
#indexTop .PickUpItem .PickUpItem-ttl .PickUpItem-ttl-right {
  position: absolute;
  top: -146.3%;
  left: 109.5%;
  width: 100%;
  max-width: 106px;
}
#indexTop .PickUpItem .PickUpItem-angelHeart {
  position: relative;
  margin-top: 224px;
  padding: 118.5px 0 80.5px 210px;
  width: 100%;
  max-width: 1601px;
  background-image: linear-gradient(90deg, #FCE9D3, #FDEEDE);
  border-radius: 0 150px 150px 0;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img01 {
  position: absolute;
  top: -18%;
  left: -7%;
  width: 100%;
  max-width: 528px;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img02 {
  position: absolute;
  top: 14%;
  left: 56%;
  width: 100%;
  max-width: 307px;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img03 {
  position: absolute;
  top: -16%;
  left: 79.5%;
  width: 100%;
  max-width: 649px;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img04 {
  position: absolute;
  top: 91%;
  left: 62.2%;
  width: 100%;
  max-width: 639px;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img05 {
  position: absolute;
  top: 54%;
  left: 65.5%;
  width: 100%;
  max-width: 405px;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap {
  width: 100%;
  max-width: 662px;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-img {
  margin: auto;
  max-width: 377px;
  width: 100%;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-txt01 {
  margin-top: 55px;
  width: 100%;
  max-width: 662px;
  font-size: 1.8rem;
  line-height: 2.222;
  letter-spacing: 0.05rem;
}
#indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-txt02 {
  margin: 45px auto 0;
  width: 100%;
  max-width: 257px;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  text-align: center;
}
#indexTop .PickUpItem .PickUpItem-bioliss {
  position: relative;
  margin-top: 224px;
  margin-left: 210px;
  padding: 102.5px 0 80.5px 930px;
  width: 100%;
  max-width: 1708px;
  border-radius: 150px 0px 0px 150px;
  background-image: url(/specialcollaboration/images/index/PickUpItem-bg-img01.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img01 {
  position: absolute;
  top: 9%;
  left: 13%;
  width: 100%;
  max-width: 581px;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img01-2 {
  position: absolute;
  top: 59%;
  left: 13%;
  width: 100%;
  max-width: 581px;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img02 {
  position: absolute;
  top: -4%;
  left: -3.5%;
  width: 100%;
  max-width: 586px;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img03 {
  position: absolute;
  top: 79%;
  left: -13.5%;
  width: 100%;
  max-width: 588px;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap {
  width: 100%;
  max-width: 568px;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-img {
  margin: auto;
  max-width: 219px;
  width: 100%;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-img-2 {
  margin: 191.6px auto 0;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-txt01 {
  margin-top: 55px;
  width: 100%;
  max-width: 662px;
  font-size: 1.8rem;
  line-height: 2.222;
  letter-spacing: 0.05rem;
}
#indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-txt02 {
  margin: 60px auto 0;
  width: 100%;
  max-width: 257px;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  text-align: center;
}
#indexTop .PickUpItem .collaboAboutBox {
  position: relative;
  z-index: 1;
  padding: 343px 0 100px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img01 {
  position: absolute;
  top: 8%;
  left: calc(50% - 1060px);
  width: 100%;
  max-width: 528px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img30 {
  position: absolute;
  top: 8%;
  left: calc(50% - 1060px);
  width: 100%;
  max-width: 528px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img02 {
  position: absolute;
  top: 32%;
  left: calc(50% - 75px);
  width: 100%;
  max-width: 307px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img03 {
  position: absolute;
  top: -16%;
  left: 79.5%;
  width: 100%;
  max-width: 649px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img04 {
  position: absolute;
  top: 91%;
  left: 62.2%;
  width: 100%;
  max-width: 639px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img05 {
  position: absolute;
  top: 62%;
  left: calc(50% + 106px);
  width: 100%;
  max-width: 405px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img06 {
  position: absolute;
  top: 90.5%;
  right: 15%;
  width: 100%;
  max-width: 639px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img07 {
  position: absolute;
  top: 113%;
  left: 24%;
  width: 100%;
  max-width: 586px;
}
#indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-txt02 {
  margin: 60px auto 0;
  width: 100%;
  max-width: 257px;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  text-align: center;
}
#indexTop .PickUpItem .collaboAboutBox::after {
  content: "";
  display: block;
  position: absolute;
  top: 21%;
  left: 0;
  z-index: -1;
  max-width: 83.4%;
  width: 100%;
  height: 901px;
  background-image: linear-gradient(90deg, #FCE9D3, #FDEEDE);
  border-radius: 0 150px 150px 0;
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutImg {
  max-width: 33.8%;
  width: 100%;
  height: 934px;
  position: absolute;
  top: 7%;
  right: 0;
  overflow: hidden;
  border-radius: 100px 0 0 100px;
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch {
  display: flex;
  align-items: flex-end;
  padding: 0 0 0 calc(50% - 747px);
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchImg {
  max-width: 197px;
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt {
  max-width: 662px;
  flex-grow: 1;
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
  font-size: 5.5rem;
  line-height: 1;
  letter-spacing: 0.3rem;
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 3rem;
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .PickUpItem-angelHeart-img {
  margin: auto;
  width: 377px;
}
#indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
  margin-top: 50px;
  font-size: 1.8rem;
  line-height: 2.444;
  letter-spacing: 0.05rem;
}
#indexTop .PickUpItem .collaboAboutBox02 {
  position: relative;
  z-index: 1;
  padding: 199px 0 100px;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img01 {
  position: absolute;
  top: 8%;
  left: calc(50% - 1060px);
  width: 100%;
  max-width: 528px;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img02 {
  position: absolute;
  top: 17%;
  left: calc(50% - 350px);
  width: 100%;
  max-width: 581px;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img02-2 {
  position: absolute;
  top: 61%;
  left: calc(50% - 350px);
  width: 100%;
  max-width: 581px;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img03 {
  position: absolute;
  top: -16%;
  left: 79.5%;
  width: 100%;
  max-width: 649px;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img04 {
  position: absolute;
  top: 91%;
  left: 62.2%;
  width: 100%;
  max-width: 639px;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img05 {
  position: absolute;
  top: 62%;
  left: calc(50% + 106px);
  width: 100%;
  max-width: 405px;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img12 {
  position: absolute;
  top: 50.5%;
  left: 26%;
  max-width: 100%;
  width: 100%;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img12 img {
  width: 74%;
}
#indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-txt02 {
  margin: 40px auto 0;
  width: 100%;
  max-width: 257px;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  text-align: center;
  position: relative;
  z-index: 0;
}
#indexTop .PickUpItem .collaboAboutBox02::after {
  content: "";
  display: block;
  position: absolute;
  top: 12%;
  right: 0;
  z-index: -1;
  max-width: 73.8%;
  width: 100%;
  height: 1479px;
  background-image: linear-gradient(90deg, #FCE9D3, #FDEEDE);
  border-radius: 150px 0 0 150px;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutImg {
  max-width: 33.8%;
  width: 100%;
  height: 934px;
  position: absolute;
  top: 7%;
  right: 0;
  overflow: hidden;
  border-radius: 100px 0 0 100px;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch {
  display: flex;
  align-items: flex-end;
  margin-top: 102px;
  padding: 0 0 0 calc(50% + 385px);
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchImg {
  max-width: 197px;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt {
  max-width: 568px;
  flex-grow: 1;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
  font-size: 5.5rem;
  line-height: 1;
  letter-spacing: 0.3rem;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 3rem;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .PickUpItem-angelHeart-img {
  margin: auto;
  width: 219px;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
  margin-top: 50px;
  font-size: 1.8rem;
  line-height: 2.444;
  letter-spacing: 0.05rem;
}
#indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch02 {
  margin-top: 191px;
}

@media screen and (min-width: 1000px) and (max-width: 1920px) {
  #indexTop .PickUpItem {
    padding: 6.771% 0 6.49%;
  }
  #indexTop .PickUpItem .PickUpItem-ttl {
    width: 33%;
    letter-spacing: 0.2rem;
  }
  #indexTop .PickUpItem .PickUpItem-ttl .PickUpItem-ttl-left {
    top: -213.3%;
    left: -29%;
    width: 100%;
    max-width: 18.406%;
  }
  #indexTop .PickUpItem .PickUpItem-ttl .PickUpItem-ttl-right {
    top: -155.3%;
    left: 109.5%;
    width: 100%;
    max-width: 18.406%;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart {
    margin-top: 224px;
    padding: 118.5px 0 80.5px 210px;
    width: 100%;
    max-width: 1601px;
    border-radius: 0 150px 150px 0;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img01 {
    top: -18%;
    left: -7%;
    width: 100%;
    max-width: 528px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img02 {
    top: 14%;
    left: 56%;
    width: 100%;
    max-width: 307px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img03 {
    top: -16%;
    left: 79.5%;
    width: 100%;
    max-width: 649px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img04 {
    top: 91%;
    left: 62.2%;
    width: 100%;
    max-width: 639px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img05 {
    top: 54%;
    left: 65.5%;
    width: 100%;
    max-width: 405px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap {
    width: 100%;
    max-width: 662px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-img {
    max-width: 377px;
    width: 100%;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-txt01 {
    margin-top: 55px;
    width: 100%;
    max-width: 662px;
    font-size: 1.8rem;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-txt02 {
    margin: 45px auto 0;
    width: 100%;
    max-width: 257px;
    font-size: 2rem;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss {
    margin-top: 224px;
    margin-left: 210px;
    padding: 102.5px 0 80.5px 930px;
    width: 100%;
    max-width: 1708px;
    border-radius: 150px 0px 0px 150px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img01 {
    top: 9%;
    left: 13%;
    width: 100%;
    max-width: 581px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img01-2 {
    top: 59%;
    left: 13%;
    width: 100%;
    max-width: 581px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img02 {
    top: -4%;
    left: -3.5%;
    width: 100%;
    max-width: 586px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img03 {
    top: 79%;
    left: -13.5%;
    width: 100%;
    max-width: 588px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap {
    width: 100%;
    max-width: 568px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-img {
    max-width: 219px;
    width: 100%;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-img-2 {
    margin: 191.6px auto 0;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-txt01 {
    margin-top: 55px;
    width: 100%;
    max-width: 662px;
    font-size: 1.8rem;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-txt02 {
    margin: 60px auto 0;
    width: 100%;
    max-width: 257px;
    font-size: 2rem;
  }
  #indexTop .PickUpItem .collaboAboutBox {
    padding: 17.865% 0 5.209%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img01 {
    top: 9%;
    left: -5%;
    max-width: 22%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img02 {
    left: 46%;
    max-width: 16%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img03 {
    top: -16%;
    left: 79.5%;
    width: 100%;
    max-width: 649px;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img04 {
    top: 91%;
    left: 62.2%;
    width: 100%;
    max-width: 639px;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img05 {
    top: 62%;
    left: 56.5%;
    max-width: 17%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img06 {
    top: 91%;
    right: 15.5%;
    width: 33.3%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img07 {
    left: 8.1%;
    max-width: 30.3%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-txt02 {
    margin: 9.065% auto 0;
    max-width: 39%;
    font-size: 1.041666vw;
  }
  #indexTop .PickUpItem .collaboAboutBox::after {
    top: 21%;
    left: 0;
    z-index: -1;
    max-width: 83.4%;
    width: 100%;
    height: 46.9277vw;
    border-radius: 0 150px 150px 0;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutImg {
    max-width: 33.8%;
    width: 100%;
    height: 78.79%;
    top: 7%;
    right: 0;
    border-radius: 100px 0 0 100px;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch {
    padding: 0 0 0 10.266%;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchImg {
    max-width: 197px;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt {
    max-width: 39.242%;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
    font-size: 5.5rem;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
    font-size: 3rem;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .PickUpItem-angelHeart-img {
    width: 57%;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
    position: relative;
    margin-top: 7.555%;
    font-size: 0.9375vw;
  }
  #indexTop .PickUpItem .collaboAboutBox02 {
    padding: 10.365% 0 5.209%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img01 {
    top: 8%;
    left: calc(50% - 1060px);
    width: 100%;
    max-width: 528px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img02 {
    top: 17%;
    left: 23%;
    max-width: 31%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img02-2 {
    top: 61%;
    left: 23%;
    max-width: 31%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img03 {
    top: -16%;
    left: 79.5%;
    width: 100%;
    max-width: 649px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img04 {
    top: 91%;
    left: 62.2%;
    width: 100%;
    max-width: 639px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img05 {
    top: 62%;
    left: calc(50% + 106px);
    width: 100%;
    max-width: 405px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img12 {
    position: absolute;
    top: 46%;
    left: 11%;
    max-width: 100%;
    width: 100%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img12 img {
    width: 89%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-txt02 {
    margin: 7.044% auto 0;
    max-width: 61.5%;
    font-size: 1.041666vw;
  }
  #indexTop .PickUpItem .collaboAboutBox02::after {
    top: 12%;
    max-width: 88.959%;
    height: 77.032vw;
    border-radius: 150px 0 0 150px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutImg {
    max-width: 33.8%;
    width: 100%;
    height: 934px;
    top: 7%;
    right: 0;
    border-radius: 100px 0 0 100px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch {
    margin-top: 5.426%;
    padding: 0 0 0 60.5%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchImg {
    max-width: 197px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt {
    max-width: 76.488%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
    font-size: 5.5rem;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
    font-size: 3rem;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .PickUpItem-angelHeart-img {
    width: 39%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
    margin-top: 8.803%;
    font-size: 0.9375vw;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch02 {
    margin-top: 10.16%;
  }
}
@media screen and (max-width: 999px) {
  #indexTop .PickUpItem {
    padding: 4% 0 19%;
  }
  #indexTop .PickUpItem::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1.6%;
    right: 0;
    max-width: 100%;
    width: 100%;
    height: 47vw;
    background-image: url(/specialcollaboration/images/index/PickUpItem-bg-img01-sp.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 4;
  }
  #indexTop .PickUpItem .PickUpItem-ttl {
    width: 48%;
  }
  #indexTop .PickUpItem .PickUpItem-ttl .PickUpItem-ttl-left {
    top: -413.3%;
    left: -28%;
    max-width: 27%;
  }
  #indexTop .PickUpItem .PickUpItem-ttl .PickUpItem-ttl-right {
    top: -411.3%;
    left: 99%;
    max-width: 27%;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart {
    position: relative;
    margin-top: 224px;
    padding: 118.5px 0 80.5px 210px;
    width: 100%;
    max-width: 1601px;
    background-image: linear-gradient(90deg, #FCE9D3, #FDEEDE);
    border-radius: 0 150px 150px 0;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img01 {
    position: absolute;
    top: -18%;
    left: -7%;
    width: 100%;
    max-width: 528px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img02 {
    position: absolute;
    top: 14%;
    left: 56%;
    width: 100%;
    max-width: 307px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img03 {
    position: absolute;
    top: -16%;
    left: 79.5%;
    width: 100%;
    max-width: 649px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img04 {
    position: absolute;
    top: 91%;
    left: 62.2%;
    width: 100%;
    max-width: 639px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeart-img05 {
    position: absolute;
    top: 54%;
    left: 65.5%;
    width: 100%;
    max-width: 405px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap {
    width: 100%;
    max-width: 662px;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-img {
    margin: auto;
    max-width: 377px;
    width: 100%;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-txt01 {
    margin-top: 55px;
    width: 100%;
    max-width: 662px;
    font-size: 1.8rem;
    line-height: 2.222;
    letter-spacing: 0.05rem;
  }
  #indexTop .PickUpItem .PickUpItem-angelHeart .PickUpItem-angelHeartWrap .PickUpItem-angelHeart-txt02 {
    margin: 45px auto 0;
    width: 100%;
    max-width: 257px;
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    text-align: center;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss {
    position: relative;
    margin-top: 224px;
    margin-left: 210px;
    padding: 102.5px 0 80.5px 930px;
    width: 100%;
    max-width: 1708px;
    border-radius: 150px 0px 0px 150px;
    background-image: url(/specialcollaboration/images/index/PickUpItem-bg-img01.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img01 {
    position: absolute;
    top: 9%;
    left: 13%;
    width: 100%;
    max-width: 581px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img01-2 {
    position: absolute;
    top: 59%;
    left: 13%;
    width: 100%;
    max-width: 581px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img02 {
    position: absolute;
    top: 7%;
    left: -3.5%;
    width: 100%;
    max-width: 586px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-bioliss-img03 {
    position: absolute;
    top: 79%;
    left: -13.5%;
    width: 100%;
    max-width: 588px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap {
    width: 100%;
    max-width: 568px;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-img {
    margin: auto;
    max-width: 219px;
    width: 100%;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-img-2 {
    margin: 191.6px auto 0;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-txt01 {
    margin-top: 55px;
    width: 100%;
    max-width: 662px;
    font-size: 1.8rem;
    line-height: 2.222;
    letter-spacing: 0.05rem;
  }
  #indexTop .PickUpItem .PickUpItem-bioliss .PickUpItem-biolissWrap .PickUpItem-bioliss-txt02 {
    margin: 60px auto 0;
    width: 100%;
    max-width: 257px;
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    text-align: center;
  }
  #indexTop .PickUpItem .collaboAboutBox {
    position: relative;
    z-index: 1;
    padding: 1% 0 1%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img01 {
    position: absolute;
    top: 8%;
    left: calc(50% - 1060px);
    width: 100%;
    max-width: 528px;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img02 {
    position: absolute;
    top: 36.5%;
    left: 11%;
    width: 100%;
    max-width: 30.8%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img03 {
    position: absolute;
    top: -16%;
    left: 79.5%;
    width: 100%;
    max-width: 649px;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img04 {
    position: absolute;
    top: 91%;
    left: 62.2%;
    width: 100%;
    max-width: 639px;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img05 {
    position: absolute;
    top: 42.5%;
    left: 64%;
    max-width: 44.6%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-spDeco-img01 {
    position: absolute;
    top: 34.5%;
    left: -14%;
    max-width: 34.6%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img06 {
    position: absolute;
    top: 99.4%;
    left: 9%;
    max-width: 81%;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-img07 {
    top: 111.5%;
    left: 9.7%;
    max-width: 79%;
    z-index: 3;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-txt02 {
    margin: 9.73% auto 0;
    max-width: 100%;
    font-size: 4vw;
    font-weight: 500;
  }
  #indexTop .PickUpItem .collaboAboutBox .PickUpItem-angelHeart-txt02 .btn01 {
    margin: 8% auto 0;
  }
  #indexTop .PickUpItem .collaboAboutBox::after {
    top: 7%;
    left: 5.333%;
    max-width: 89.3334%;
    height: 271vw;
    border-radius: 50px;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutImg {
    max-width: 67.5%;
    width: 100%;
    height: auto;
    position: absolute;
    top: 3.8%;
    right: 16.25%;
    overflow: hidden;
    border-radius: initial;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch {
    display: block;
    padding: 0;
    margin-top: 129%;
    margin-left: 41%;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchImg {
    max-width: 197px;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt {
    max-width: 83.7%;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
    font-size: 5.5rem;
    line-height: 1;
    letter-spacing: 0.3rem;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
    font-family: "M PLUS 1p", sans-serif;
    font-size: 3rem;
  }
  #indexTop .PickUpItem .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .PickUpItem-angelHeart-img {
    width: 83.2%;
  }
  #indexTop .PickUpItem .collaboAboutBox p.collaboAboutWatch-txt02 {
    margin: 22.19% auto 0;
    width: 85.964%;
    font-size: 3.73333vw;
    line-height: 2;
    letter-spacing: 0.05rem;
  }
  #indexTop .PickUpItem .collaboAboutBox02 {
    position: relative;
    z-index: 1;
    padding: 27% 0 10%;
    z-index: 0;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img02 {
    position: absolute;
    top: 8.3%;
    right: -11%;
    max-width: 42.5%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img03 {
    position: absolute;
    top: 19%;
    left: -16%;
    max-width: 42.6%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img04 {
    position: absolute;
    top: 77%;
    right: -5%;
    max-width: 31.6%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img10 {
    position: absolute;
    top: 50%;
    right: -7.5%;
    max-width: 41.6%;
    z-index: 1;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img11 {
    position: absolute;
    top: 63.5%;
    left: -17%;
    max-width: 44.6%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img12 {
    position: absolute;
    top: 53%;
    left: 5.4%;
    max-width: 89.5%;
    width: 100%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img12 img {
    width: 100%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-spDeco-img05 {
    position: absolute;
    top: 94.5%;
    left: -11%;
    max-width: 68.6%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img01 {
    position: absolute;
    top: 8%;
    left: calc(50% - 1060px);
    width: 100%;
    max-width: 528px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img02 {
    position: absolute;
    top: 17%;
    left: calc(50% - 350px);
    width: 100%;
    max-width: 581px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img02-2 {
    position: absolute;
    top: 61%;
    left: calc(50% - 350px);
    width: 100%;
    max-width: 581px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img03 {
    position: absolute;
    top: -16%;
    left: 79.5%;
    width: 100%;
    max-width: 649px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img04 {
    position: absolute;
    top: 91%;
    left: 62.2%;
    width: 100%;
    max-width: 639px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-img05 {
    position: absolute;
    top: 62%;
    left: calc(50% + 106px);
    width: 100%;
    max-width: 405px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-txt02 {
    margin: 9.3% auto 0;
    max-width: 80%;
    font-size: 4vw;
    font-weight: 500;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .PickUpItem-angelHeart-txt02 .btn01 {
    margin: 10.6% auto 0;
    max-width: 74.5%;
  }
  #indexTop .PickUpItem .collaboAboutBox02::after {
    top: 8.9%;
    right: 5.333%;
    max-width: 89.3334%;
    height: 376vw;
    border-radius: 6vw;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutImg {
    max-width: 33.8%;
    width: 100%;
    height: 934px;
    position: absolute;
    top: 7%;
    right: 0;
    overflow: hidden;
    border-radius: 100px 0 0 100px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch {
    display: block;
    margin-top: 22%;
    padding: 0;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchImg {
    max-width: 197px;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt {
    margin: auto;
    max-width: 85%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
    font-size: 5.5rem;
    line-height: 1;
    letter-spacing: 0.3rem;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
    font-size: 3rem;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .PickUpItem-angelHeart-img {
    width: 36.17%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .PickUpItem-angelHeart-img02-sp {
    position: relative;
    z-index: 0;
    margin: 8.7% auto 0;
    width: 74.3%;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
    margin-top: 13.08%;
    font-size: 3.73333vw;
    line-height: 2;
  }
  #indexTop .PickUpItem .collaboAboutBox02 .collaboAboutWatch02 {
    margin-top: 21.8%;
  }
}
/* ======================== Present Campaign ============================ */
#indexTop .PresentCampaign {
  position: relative;
  padding: 12vw 0 90px 0;
  background: linear-gradient(#F8EBF0, 85%, #F7D0C9);
}
#indexTop .PresentCampaign .PresentWrap-bg02 {
  position: absolute;
  top: 83.3%;
  right: calc(50% - 1008px);
  width: 860px;
  z-index: 3;
}
#indexTop .PresentCampaign .PresentWrap-bg02 img {
  width: 100%;
}
#indexTop .PresentCampaign .PresentCampaign-bg01 {
  width: 100%;
  /*
  &::after {
      content: "";
      display: block;
      background-image: url(/specialcollaboration/images/index/PresentCampaign-img01.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 200px;
      position: absolute;
      left: 0;
      top: -6%;
  }*/
}
#indexTop .PresentCampaign .PresentCampaign-bg01::before {
  content: "";
  display: block;
  background-image: url(/specialcollaboration/images/index/PresentCampaign-img02.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: -6.5vw;
  z-index: 1;
}
#indexTop .PresentCampaign .PresentCampaign-bg02 {
  width: 100%;
}
#indexTop .PresentCampaign .PresentCampaign-ttl {
  position: relative;
  text-align: center;
  margin: auto;
  width: 817px;
}
#indexTop .PresentCampaign .PresentCampaign-ttl .PresentCampaign-ttl-left {
  position: absolute;
  top: -192.3%;
  left: -19%;
  width: 100%;
  max-width: 106px;
  z-index: 3;
}
#indexTop .PresentCampaign .PresentCampaign-ttl .PresentCampaign-ttl-right {
  position: absolute;
  top: -288.3%;
  left: 105.5%;
  width: 100%;
  max-width: 106px;
  z-index: 3;
}
#indexTop .PresentCampaign p.PresentCampaign-txt01 {
  margin-top: 80px;
  font-size: 2.2rem;
  line-height: 2.45;
  letter-spacing: 0.1rem;
  text-align: center;
}
#indexTop .PresentCampaign .PresentWrap {
  position: relative;
  border: solid 1px #4D4141;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.15);
  margin: 72.3px auto 0;
  width: 1366px;
  padding: 112px 83px 91.5px 83px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-bg01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-bg01 img {
  width: 100%;
}
#indexTop .PresentCampaign .PresentWrap .PresentCampaign-txt02 {
  margin-bottom: 100px;
  font-size: 2.4rem;
  line-height: 2.08;
  letter-spacing: 0.1rem;
  text-align: center;
}
#indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02 {
  display: flex;
  align-items: center;
  font-size: 3rem;
  line-height: 1;
  margin-top: 92.5px;
}
#indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02::before, #indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02::after {
  content: "";
  flex-grow: 1;
  border-top: 4px dotted #444;
  display: block;
}
#indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02::before {
  margin-right: 2.4em;
}
#indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02::after {
  margin-left: 2.4em;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method {
  margin: 34px auto 0;
  width: 1150px;
  display: flex;
  justify-content: space-between;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item {
  padding: 52px 0 40px;
  width: 558px;
  border-radius: 40px;
  background-color: #FCF7F9;
  display: block;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01 {
  position: relative;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-align: center;
  color: #484848;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 150px;
  max-width: 25px;
  width: 100%;
  height: 25px;
  background-image: url(/specialcollaboration/images/index/PresentCampaign-img04@2x.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 150px;
  max-width: 25px;
  width: 100%;
  height: 25px;
  background-image: url(/specialcollaboration/images/index/PresentCampaign-img05@2x.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item02 .PresentWrap-method-txt01::before {
  left: 103px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item02 .PresentWrap-method-txt01::after {
  right: 103px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt02 {
  margin: auto;
  width: 385px;
  font-size: 2.2rem;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  color: #484848;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-img01 {
    margin: 27.5px auto 13px;
    width: 479px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-img02 {
  margin: 26.5px auto 15px;
  width: 303px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise {
  display: flex;
  justify-content: space-between;
  margin-left: 50px;
  margin-top: 130px;
  width: 1043px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 {
  position: relative;
  margin: 0 auto;
  width: 273px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-img01 {
  position: absolute;
  top: -19%;
  left: -24%;
  width: 204px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-img02 {
  margin: 40px auto 0;
  width: 283px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-txt01 {
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
  -webkit-text-decoration: underline #F9DDD6;
          text-decoration: underline #F9DDD6;
  text-underline-offset: 5px;
  text-align: center;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 {
  width: 415px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 .PresentWrap-method-merchandise-img01 {
  left: -10%;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 .PresentWrap-method-merchandise-img02 {
  margin: 90px auto 0;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 {
  position: relative;
  width: 215px;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-img01 {
  left: -35%;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-img30 {
  position: absolute;
  bottom: -14%;
  right: -82%;
  width: 123%;
  max-width: 260px;
}
#indexTop .PresentCampaign .PresentWrap p.PresentWrap-open-txt01 {
  margin: 40px auto 0;
  width: 1062px;
  font-size: 2rem;
  line-height: 1;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-open-txt02 {
  margin: 40px auto 0;
  width: 1062px;
  font-size: 1.8rem;
  line-height: 1.77;
}
#indexTop .PresentCampaign .PresentWrap .PresentWrap-open-txt02 p {
  letter-spacing: 0.055rem;
}

@media screen and (min-width: 1000px) and (max-width: 1920px) {
  #indexTop .PresentCampaign {
    padding: 15.115% 0 4.688% 0;
  }
  #indexTop .PresentCampaign .PresentWrap-bg02 {
    top: 84.3%;
    right: -3%;
    width: 44.78%;
  }
  #indexTop .PresentCampaign .PresentCampaign-bg01::after {
    height: 10.3vw;
    top: -5.7%;
  }
  #indexTop .PresentCampaign .PresentCampaign-bg01::before {
    height: 10.3vw;
    bottom: -4.95%;
  }
  #indexTop .PresentCampaign .PresentCampaign-ttl {
    width: 49%;
    letter-spacing: 0.2rem;
  }
  #indexTop .PresentCampaign .PresentCampaign-ttl .PresentCampaign-ttl-left {
    top: -192.3%;
    max-width: 12.977%;
  }
  #indexTop .PresentCampaign .PresentCampaign-ttl .PresentCampaign-ttl-right {
    top: -288.3%;
    max-width: 12.977%;
  }
  #indexTop .PresentCampaign p.PresentCampaign-txt01 {
    margin-top: 4.167%;
    font-size: 1.145833vw;
  }
  #indexTop .PresentCampaign .PresentWrap {
    border-radius: 40px;
    margin: 3.766% auto 0;
    width: 71.146%;
    padding: 5.834% 4.323% 4.766%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-bg01 {
    width: 25.66%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentCampaign-txt02 {
    margin-bottom: 8.348%;
    font-size: 1.25vw;
  }
  #indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02 {
    font-size: 1.5625vw;
    margin-top: 7.722%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method {
    margin: 2.839% auto 0;
    width: 95.994%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item {
    padding: 4.522% 0 3.4788%;
    width: 48.522%;
    border-radius: 40px;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01 {
    font-size: 1.25vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01::before {
    left: 26.5%;
    max-width: 1.3023vw;
    height: 1.3023vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01::after {
    right: 26.5%;
    max-width: 1.3023vw;
    height: 1.3023vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item02 .PresentWrap-method-txt01::before {
    left: 17%;
    max-width: 1.3023vw;
    height: 1.3023vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item02 .PresentWrap-method-txt01::after {
    right: 17%;
    max-width: 1.3023vw;
    height: 1.3023vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt02 {
    width: 69%;
    font-size: 1.145833vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-img01 {
           margin: 3.855% auto 6.807%;
        width: 83.77%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-img02 {
    margin: 4.45% auto 6.3%;
    width: 53%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise {
    margin: 11% 0 0 5%;
    width: 87%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 {
    width: 26.788%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-img01 {
    top: -19%;
    left: -24%;
    width: 75.1%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-img02 {
    margin-top: 21.98%;
    width: 100%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-txt01 {
    font-size: 1.041666vw;
    text-underline-offset: 0.3vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 {
    width: 41%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 .PresentWrap-method-merchandise-img01 {
    width: 48.5%;
    left: -20%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 .PresentWrap-method-merchandise-img02 {
    margin: 18% auto 0;
    width: 86.3%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 {
    width: 21.4%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-img30 {
    bottom: -13%;
    right: -78%;
    width: 120%;
    max-width: 120%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-img01 {
    width: 92.1%;
    left: -42%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-img02 {
    margin: 31% auto 0;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-txt01 {
    margin-top: 5%;
  }
  #indexTop .PresentCampaign .PresentWrap p.PresentWrap-open-txt01 {
    margin: 3.34% auto 0;
    width: 88.648%;
    font-size: 1.041666vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-open-txt02 {
    margin: 3.34% auto 0;
    width: 88.648%;
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 999px) {
  #indexTop .PresentCampaign {
    padding: 27.667% 0 10% 0;
  }
  #indexTop .PresentCampaign .PresentWrap-bg02 {
    position: absolute;
    top: 90.3%;
    right: -6%;
    width: 71%;
    z-index: 3;
  }
  #indexTop .PresentCampaign .PresentWrap-spDeco-img01 {
    position: absolute;
    top: 58.4%;
    left: -14.5%;
    width: 55%;
    z-index: 3;
  }
  #indexTop .PresentCampaign .PresentWrap-spDeco-img02 {
    position: absolute;
    top: 56.8%;
    right: -5.5%;
    width: 39%;
    z-index: 3;
  }
  #indexTop .PresentCampaign .PresentCampaign-bg01 {
    width: 100%;
  }
  #indexTop .PresentCampaign .PresentCampaign-bg01::before {
    content: "";
    display: block;
    background-image: url(/specialcollaboration/images/index/PresentCampaign-img02-sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 7.5vw;
    position: absolute;
    left: 0;
    bottom: -0.94%;
  }
  #indexTop .PresentCampaign .PresentCampaign-ttl {
    width: 68%;
  }
  #indexTop .PresentCampaign .PresentCampaign-ttl .PresentCampaign-ttl-left {
    position: absolute;
    top: -211.3%;
    left: -13%;
    width: 100%;
    max-width: 22%;
    z-index: 3;
  }
  #indexTop .PresentCampaign .PresentCampaign-ttl .PresentCampaign-ttl-right {
    position: absolute;
    top: -267.3%;
    left: 92.5%;
    width: 100%;
    max-width: 22%;
    z-index: 3;
  }
  #indexTop .PresentCampaign p.PresentCampaign-txt01 {
    margin-top: 12.667%;
    font-size: 4vw;
    line-height: 2.1;
  }
  #indexTop .PresentCampaign .PresentWrap {
    border-radius: 4vw;
    margin: 11.8% auto 0;
    width: 89.334%;
    padding: 10.935% 5.2% 20.334% 5.2%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-bg01 {
    width: 34%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentCampaign-txt02 {
    margin-bottom: 12.883%;
    font-size: 3.73333vw;
    line-height: 2;
    letter-spacing: 0.05rem;
  }
  #indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02 {
    font-size: 4vw;
    margin-top: 12.883%;
  }
  #indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02::before, #indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02::after {
    border-top: 2px dotted #444;
  }
  #indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02::before {
    margin-right: 1.1em;
  }
  #indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02::after {
    margin-left: 1.1em;
  }
  #indexTop .PresentCampaign .PresentWrap h3.PresentCampaign-ttl02-01 {
    margin-top: 25.4%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method {
    margin: 4.238% auto 0;
    width: 100%;
    display: block;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item {
    padding: 8.476% 0 8.9%;
    width: 100%;
    border-radius: 4vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01 {
    font-size: 3.73333vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01::before {
    left: 27%;
    max-width: 4.4vw;
    height: 4.4vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt01::after {
    right: 27%;
    max-width: 4.4vw;
    height: 4.4vw;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-txt02 {
    margin: auto;
    width: 100%;
    font-size: 3.46666vw;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    text-align: center;
  }
     #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-img01 {
        margin: 3.855% auto 6.807%;
        width: 77.77%;
    }
    #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item .PresentWrap-method-img02 {
        margin: 3.855% auto 6.807%;
        width: 77.77%;
    }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item02 {
    margin-top: 9.492%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item02 .PresentWrap-method-txt01::before {
    left: 14%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method .PresentWrap-method-item02 .PresentWrap-method-txt01::after {
    right: 14%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise {
    display: block;
    margin-top: 8.136%;
    margin-left: 0;
    width: 100%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 {
    display: flex;
    width: 80.5%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-img01 {
    position: absolute;
    top: 3%;
    left: -15%;
    width: 37%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-img02 {
    margin: 0 auto;
    width: 43.4%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise01 .PresentWrap-method-merchandise-txt01 {
    margin-top: 21%;
    font-size: 3.3333vw;
    line-height: 1.714;
    text-underline-offset: 0.3em;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 {
    flex-direction: row-reverse;
    margin-top: 9.7%;
    width: 100%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 .PresentWrap-method-merchandise-txt01 {
    margin-top: 13%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 .PresentWrap-method-merchandise-img02 {
    width: 40.5%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise02 .PresentWrap-method-merchandise-img01 {
    top: -11%;
    left: 42%;
    width: 30%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 {
    width: 63%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-img01 {
    width: 47.5%;
    top: 27%;
    left: -23%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-img30 {
    bottom: -37%;
    right: -41%;
    max-width: 63.4%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-img02 {
    width: 47.4%;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-method-merchandise .PresentWrap-method-merchandise03 .PresentWrap-method-merchandise-txt01 {
    margin-top: 50%;
  }
  #indexTop .PresentCampaign .PresentWrap p.PresentWrap-open-txt01 {
    margin: 3.56% auto 0;
    width: 100%;
    font-size: 3.73333vw;
    line-height: 2;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-open-txt02 {
    margin: 6.1% auto 0;
    width: 100%;
    font-size: 3.2vw;
    line-height: 1.75;
    position: relative;
    z-index: 3;
  }
  #indexTop .PresentCampaign .PresentWrap .PresentWrap-open-txt02 p {
    text-indent: -1em;
    padding-left: 1em;
  }
}
/* ===================== Collaboration History ======================== */
#indexTop .CollaborationHistory {
  position: relative;
  padding: 290px 0 175px 0;
}
#indexTop .CollaborationHistory .CollaborationHistory-bg01 {
  position: absolute;
  top: 14%;
  left: calc(50% + 603px);
  width: 425px;
}
#indexTop .CollaborationHistory .CollaborationHistory-bg02 {
  position: absolute;
  top: 27.5%;
  left: calc(50% - 1100px);
  width: 515px;
  z-index: 5;
}
#indexTop .CollaborationHistory .CollaborationHistory-bg03 {
  position: absolute;
  top: 67.5%;
  left: 75%;
  width: 585px;
  z-index: 5;
}
#indexTop .CollaborationHistory .btn01 {
  margin: 7.45% auto 0px;
  margin-left: 0;
}
#indexTop .CollaborationHistory .CollaborationHistory-ttl {
  position: relative;
  text-align: center;
  margin: auto;
  width: 1000px;
}
#indexTop .CollaborationHistory .CollaborationHistory-ttl .CollaborationHistory-ttl-left {
  position: absolute;
  top: -177.3%;
  left: -14%;
  width: 100%;
  max-width: 106px;
}
#indexTop .CollaborationHistory .CollaborationHistory-ttl .CollaborationHistory-ttl-right {
  position: absolute;
  top: -276.3%;
  left: 103.5%;
  width: 100%;
  max-width: 106px;
}
#indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 191px auto 72px;
  width: 711px;
}
#indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo01 {
  margin: auto;
  width: 363px;
}
#indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo02 {
  margin: auto;
  width: 32px;
}
#indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo03 {
  margin: auto;
  width: 238px;
}
#indexTop .CollaborationHistory .CollaborationHistory-txtWrap p.CollaborationHistory-txt01 {
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.1rem;
  text-align: center;
}
#indexTop .CollaborationHistory .collaboAboutBox {
  position: relative;
  z-index: 1;
  padding: 268px 0 100px;
}
#indexTop .CollaborationHistory .collaboAboutBox::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  max-width: 70.834%;
  width: 100%;
  height: 752px;
  background-image: linear-gradient(90deg, #FCE9D3, #FDEEDE);
  border-radius: 0 150px 150px 0;
}
#indexTop .CollaborationHistory .collaboAboutBox .collaboAboutImg {
  max-width: 43.229%;
  width: 100%;
  height: 722px;
  position: absolute;
  top: 32%;
  right: 0;
  overflow: hidden;
  border-radius: 100px 0 0 100px;
}
#indexTop .CollaborationHistory .collaboAboutBox .collaboAboutImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch {
  display: flex;
  align-items: flex-end;
  padding: 0 0 0 calc(50% - 747px);
}
#indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchImg {
  max-width: 197px;
}
#indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt {
  max-width: 771px;
  flex-grow: 1;
}
#indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
  font-size: 5.5rem;
  line-height: 1;
  letter-spacing: 0.3rem;
}
#indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 3rem;
}
#indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
  margin-top: 34.5px;
  font-size: 1.8rem;
  line-height: 2.444;
  letter-spacing: 0.05rem;
}
#indexTop .CollaborationHistory .collaboAboutBox02 {
  position: relative;
  z-index: 1;
  padding: 577.8px 0 100px;
}
#indexTop .CollaborationHistory .collaboAboutBox02::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 29.166%;
  z-index: -1;
  max-width: 70.834%;
  width: 100%;
  height: 752px;
  background-image: linear-gradient(90deg, #FCE9D3, #FDEEDE);
  border-radius: 150px 0 0 150px;
}
#indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutImg {
  max-width: 44%;
  width: 100%;
  height: 722px;
  position: absolute;
  top: 11%;
  left: 0;
  overflow: hidden;
  border-radius: 0 100px 100px 0;
}
#indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch {
  display: flex;
  align-items: flex-end;
  padding: 0 0 0 49%;
}
#indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchImg {
  max-width: 197px;
}
#indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt {
  max-width: 771px;
  flex-grow: 1;
}
#indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
  font-size: 5.5rem;
  line-height: 1;
  letter-spacing: 0.3rem;
}
#indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 3rem;
}
#indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
  margin-top: 34.5px;
  font-size: 1.8rem;
  line-height: 2.444;
  letter-spacing: 0.05rem;
}

@media screen and (min-width: 1000px) and (max-width: 1920px) {
  /* ===================== Collaboration History ======================== */
  #indexTop .CollaborationHistory {
    position: relative;
    padding: 17.1044% 0 9.115% 0;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-bg01 {
    top: 13%;
    left: 82%;
    width: 20%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-bg02 {
    top: 27.5%;
    left: -7%;
    width: 26.1%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-bg03 {
    width: 30%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-ttl {
    width: 55%;
    letter-spacing: 0.2rem;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-ttl .CollaborationHistory-ttl-left {
    top: -177.3%;
    left: -14%;
    max-width: 10.827%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-ttl .CollaborationHistory-ttl-right {
    top: -276.3%;
    left: 103.5%;
    max-width: 10.827%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap {
    margin: 9.948% auto 3.75%;
    width: 37.032%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo01 {
    width: 51.06%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo02 {
    width: 5%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo03 {
    width: 33.4%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap p.CollaborationHistory-txt01 {
    font-size: 1.041666vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox {
    padding: 13.959% 0 5.209%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox::after {
    max-width: 66.459%;
    height: 39.167vw;
    border-radius: 0 8vw 8vw 0;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutImg {
    max-width: 43.229%;
    height: 37.6044vw;
    border-radius: 6vw 0 0 6vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch {
    padding: 0 0 0 11%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchImg {
    max-width: 197px;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt {
    max-width: 45.703%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
    font-size: 2.864586vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
    font-size: 1.5625vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
    margin-top: 4.476%;
    font-size: 0.9375vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .btn01 {
    max-width: 14.3vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 {
    padding: 23.13% 0 5.209%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02::after {
    left: 33.55%;
    max-width: 66.45%;
    height: 39.167vw;
    border-radius: 8vw 0 0 8vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutImg {
    max-width: 44.115%;
    height: 37.6044vw;
    border-radius: 0 6vw 6vw 0;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch {
    display: flex;
    align-items: flex-end;
    padding: 0 0 0 49%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchImg {
    max-width: 197px;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt {
    max-width: 771px;
    flex-grow: 1;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
    font-size: 2.864586vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
    font-size: 1.5625vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
    margin-top: 4.476%;
    font-size: 0.937499vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .btn01 {
    max-width: 14.3vw;
  }
}
@media screen and (max-width: 999px) {
  #indexTop .CollaborationHistory {
    padding: 21.2% 0 29.067% 0;
  }
  #indexTop .CollaborationHistory .minContainer {
    margin-top: 35%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-bg01 {
    position: absolute;
    top: 93%;
    left: -21%;
    width: 68%;
    z-index: 3;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-bg02 {
    position: absolute;
    top: 63%;
    left: 52%;
    width: 57%;
    z-index: 5;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-bg03 {
    position: absolute;
    top: 34%;
    left: -2%;
    width: 47%;
    z-index: 5;
  }
  #indexTop .CollaborationHistory .btn01 {
    margin: 7.45% auto 0px;
    margin-left: 0;
  }
  #indexTop .CollaborationHistory .btn01 a {
    width: 94.789%;
    font-size: 3.73333vw;
    padding: 3.534vw 0;
    max-width: 57.4%;
    margin-left: 0;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-ttl {
    width: 80%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-ttl .CollaborationHistory-ttl-left {
    top: -220.3%;
    left: -11%;
    max-width: 15.2%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-ttl .CollaborationHistory-ttl-right {
    top: -256.3%;
    left: 96%;
    max-width: 15.2%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 9.7604% auto 9.3334%;
    width: 69%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo01 {
    width: 51.5%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo02 {
    width: 4%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap .CollaborationHistory-logoWrap .CollaborationHistory-logo03 {
    width: 35%;
  }
  #indexTop .CollaborationHistory .CollaborationHistory-txtWrap p.CollaborationHistory-txt01 {
    font-size: 4vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox {
    padding: 37% 0 14%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox::after {
    top: 21%;
    max-width: 89.334%;
    width: 100%;
    height: 180vw;
    border-radius: 0 8vw 8vw 0;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutImg {
    max-width: 50%;
    width: 100%;
    height: 50vw;
    top: 8%;
    border-radius: 5vw 0 0 5vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch {
    display: block;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchImg {
    max-width: 197px;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt {
    max-width: 83%;
    margin-left: 2.5%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
    font-size: 6.93333vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
    font-size: 4vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
    margin-top: 9%;
    font-size: 3.73333vw;
    line-height: 2;
    letter-spacing: 0.1rem;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 {
    position: relative;
    z-index: 1;
    padding: 77% 0 100px;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .minContainer {
    margin-top: 0%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02::after {
    top: 22%;
    left: 10.666%;
    max-width: 89.334%;
    width: 100%;
    height: 162vw;
    border-radius: 8vw 0 0 8vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutImg {
    max-width: 50%;
    height: 50vw;
    top: 8%;
    border-radius: 0 5vw 5vw 0;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch {
    display: block;
    padding: 0 0 0 13%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchImg {
    max-width: 197px;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt {
    max-width: 100%;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 {
    font-size: 6.93333vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt01 span {
    font-size: 4vw;
  }
  #indexTop .CollaborationHistory .collaboAboutBox02 .collaboAboutWatch .collaboAboutWatchTxt .collaboAboutWatch-txt02 {
    margin-top: 9%;
    font-size: 3.73333vw;
    line-height: 2;
    letter-spacing: 0.1rem;
  }
}
@media screen and (max-width: 400px) {
  #indexTop .CollaborationHistory .CollaborationHistory-bg03 {
    position: absolute;
    top: 32.5%;
    left: -2%;
    width: 47%;
    z-index: 5;
  }
}
@media screen and (min-width: 1920px) {
  #indexTop .movieArea {
    background-image: url(/specialcollaboration/images/index/concept-img04.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 50px;
    position: relative;
    z-index: 2;
  }
  #indexTop .concept {
    z-index: 3;
  }
  #indexTop .concept::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -6vw;
    right: 0;
    max-width: 100%;
    width: 100%;
    height: 12vw;
    background-image: url(/specialcollaboration/images/index/SpecialDanceMovie-bg-img01.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 5;
  }
  #indexTop .concept .concept-txt .concept-txt-right {
    position: relative;
    z-index: 6;
  }
}/*# sourceMappingURL=style.css.map */