/* Mirai Sketch challenge art. Keep the original reveal and hover transitions. */
.main-visual__image-container:before {
  left:50%;width:min(160.4166666667vh,calc(100vw - 32px));transform:translateX(-50%);
  background-image: url(../img/challenges/study.webp), url(../img/challenges/reading.webp), url(../img/challenges/gardening.webp), url(../img/challenges/cooking.webp), url(../img/challenges/laundry.webp), url(../img/challenges/jumprope.webp), url(../img/challenges/icon-pencil.svg), url(../img/challenges/icon-leaf.svg);
  background-size: 10% auto, 7.5% auto, 6.5% auto, 8% auto, 9% auto, 7% auto, 4.5% auto, 4% auto;
  background-position: left bottom, 12% 48%, 20% 33%, 82% 43%, right 72%, 67% bottom, 28% 16%, 73% top;
  background-repeat: no-repeat;
  pointer-events: none;
}
.works__achieve-unit.is-style-piano:before {background-image:url(../img/challenges/study.webp)}
.works__achieve-unit.is-style-drum:before {background-image:url(../img/challenges/jumprope.webp)}
.works__achieve-unit.is-style-piano .works__achieve-name:before {background-image:url(../img/challenges/icon-book.svg)}
.works__achieve-unit.is-style-drum .works__achieve-name:before {background-image:url(../img/challenges/icon-check.svg)}
.features__image-container:before {
  background-image:url(../img/challenges/gardening.webp),url(../img/challenges/laundry.webp);
  background-size:auto 100%,auto 100%;background-position:left bottom,right bottom;background-repeat:no-repeat;
}
.gallery-1:before {
  background-image:url(../img/challenges/gardening.webp),url(../img/challenges/jumprope.webp),url(../img/challenges/cooking.webp),url(../img/challenges/reading.webp),url(../img/challenges/icon-pencil.svg);
  background-size:auto 36%,auto 38%,auto 37%,auto 31%,40px auto;
  background-position:left bottom,15% top,45% 85%,right bottom,23% 8%;background-repeat:no-repeat;pointer-events:none;
}
.gallery-2:before {
  background-image:url(../img/challenges/laundry.webp),url(../img/challenges/study.webp),url(../img/challenges/jumprope.webp),url(../img/challenges/gardening.webp),url(../img/challenges/icon-leaf.svg);
  background-size:auto 32%,auto 34%,auto 38%,auto 34%,38px auto;
  background-position:left bottom,21% 5%,right top,right bottom,30% 24%;background-repeat:no-repeat;pointer-events:none;
}
.gallery-3:before {
  background-image:url(../img/challenges/gardening.webp),url(../img/challenges/reading.webp),url(../img/challenges/jumprope.webp),url(../img/challenges/study.webp),url(../img/challenges/icon-book.svg);
  background-size:auto 33%,auto 29%,auto 36%,auto 37%,37px auto;
  background-position:left bottom,35% top,right top,72% bottom,9% 76%;background-repeat:no-repeat;pointer-events:none;
}
.c-heading-5__en:before {content:"";width:23px;height:23px;background:url(../img/challenges/icon-leaf.svg) no-repeat center/contain}
.c-heading-4:before,.motto__heading:before,.motto__heading:after {background-image:url(../img/challenges/icon-pencil.svg)}
.c-heading-7:before {background-image:url(../img/challenges/icon-book.svg)}
.c-heading-7.is-style-band:before {background-image:url(../img/challenges/icon-check.svg)}
.l-footer-cta:before {
  content:"";width:463px;height:202px;
  background:url(../img/challenges/study.webp) no-repeat left bottom/115px auto,url(../img/challenges/reading.webp) no-repeat right bottom/92px auto;
  pointer-events:none;
}
.l-footer-cta:after {content:"";width:105px;height:138px;background:url(../img/challenges/jumprope.webp) no-repeat center/contain;pointer-events:none}
.l-footer-nav:before {
  background-image:url(../img/challenges/icon-pencil.svg),url(../img/challenges/icon-leaf.svg),url(../img/challenges/icon-book.svg);
  background-size:45px auto,38px auto,68px auto;background-position:left top,32% 30%,right bottom;background-repeat:no-repeat;opacity:.38;
}
.l-header__button:nth-child(1):before {content:"";width:20px;height:20px;background:url(../img/challenges/icon-chat.svg) no-repeat center/contain;filter:brightness(0) invert(1)}
.l-mobile-nav__button:nth-child(1):before {background-image:url(../img/challenges/icon-chat.svg);filter:brightness(0) invert(1)}
.l-footer-cta__button:nth-child(1):before {content:"";width:44px;height:44px;flex-shrink:0;background:url(../img/challenges/icon-chat.svg) no-repeat center/contain;filter:brightness(0) invert(1)}
.mirai-subpage .mirai-challenge-icon {width:180px;height:180px;object-fit:contain;object-position:center bottom;border:0;border-radius:0;background:none;transform:none;pointer-events:none}
.mirai-line-icon {object-fit:contain}
@media(max-width:767px) {
  .main-visual__image-container:before {
    left:50%;width:min(51.724137931vh,calc(100vw - 24px));transform:translateX(-50%);
    background-size:23% auto,15% auto,14% auto,16% auto,19% auto,16% auto,0 0,8% auto;
    background-position: left bottom, 37% 5%, 54% top, 25% 81%, right 68%, 81% bottom, left 34%, right 12%;
  }
  .gallery-1:before {background-size:auto 30%,auto 32%,auto 31%,auto 27%,22px auto;background-position:left bottom,29% top,68% bottom,right 18%,56% top}
  .gallery-2:before {background-size:auto 30%,auto 32%,auto 34%,auto 30%,22px auto;background-position:left bottom,21% top,right top,right bottom,45% 14%}
  .gallery-3:before {background-size:auto 31%,auto 28%,auto 34%,auto 34%,22px auto;background-position:left bottom,34% top,right top,73% bottom,17% 80%}
  .l-footer-cta:before {width:108px;height:77px;background-size:57px auto,48px auto;background-position:left bottom,right bottom}
  .l-footer-cta:after {width:60px;height:80px}
  .l-footer-cta__button:nth-child(1):before {width:33px;height:33px}
  .l-footer-nav:before {background-size:28px auto,29px auto,36px auto;background-position:left top,46% 25%,right bottom}
  .mirai-subpage .mirai-challenge-icon {width:106px;height:106px;top:-74px;right:5px}
}