@charset "UTF-8";
.download {
  position: relative;
}

.downloadSpacer {
  height: var(--h_height);
}
@media screen and (max-width: 600px) {
  .downloadSpacer {
    height: 80px;
  }
}

.downloadView {
  position: relative;
}
.downloadView img {
  display: block;
  width: 100%;
}
.downloadView_button {
  position: absolute;
  z-index: 1;
  right: 6.4166666667vw;
  bottom: 1.8333333333vw;
  display: block;
  width: 56.6666666667vw;
  transition: none;
}
@media screen and (max-width: 600px) {
  .downloadView_button {
    right: auto;
    bottom: 4vw;
    left: 50%;
    translate: -50% 0;
    width: 96vw;
  }
}
.downloadView_button.isScrolling {
  animation: buruburu 1s linear infinite;
}

@keyframes buruburu {
  0% {
    transform: translateX(0);
  }
  7% {
    transform: translateX(-10px);
  }
  14% {
    transform: translateX(10px);
  }
  20% {
    transform: translateX(-10px);
  }
  32% {
    transform: translateX(10px);
  }
  40% {
    transform: translateX(0px);
  }
}
.downloadAbout {
  margin: 7.2em 0 0;
  overflow: hidden;
}
.downloadAbout_container {
  margin: 0 auto;
  max-width: 960px;
}
.downloadAbout_title {
  text-align: center;
  font-size: 30px;
  line-height: 1.7;
}
@media screen and (min-width: 600px) {
  .downloadAbout_title br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .downloadAbout_title {
    font-size: 20px;
  }
  .downloadAbout_title span {
    display: inline-block;
    text-align: left;
  }
}
.downloadAbout_contents {
  margin: 7.2em 0 0;
}
@media screen and (max-width: 600px) {
  .downloadAbout_contents {
    width: 69.0697674419vw;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 600px) {
  .downloadAbout_track {
    overflow: visible !important;
  }
}
@media screen and (min-width: 600px) {
  .downloadAbout_list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 64px !important;
  }
}
@media screen and (min-width: 600px) {
  .downloadAbout_item {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 600px) {
  .downloadAbout_item-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 24px 18px;
    border: 1px solid #707070;
  }
}
.downloadAbout_item-title {
  font-size: 26px;
  line-height: 1.6923076923;
}
@media screen and (max-width: 600px) {
  .downloadAbout_item-title {
    margin: 24px 0 0;
    font-size: 17px;
  }
}
.downloadAbout_item-text {
  margin: 20px 0 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.7692307692;
}
@media screen and (min-width: 600px) {
  .downloadAbout_item-image {
    height: 100%;
  }
}
.downloadAbout_item-image img {
  display: block;
  width: 100%;
  aspect-ratio: 475/249;
}
@media screen and (min-width: 600px) {
  .downloadAbout_item-image img {
    height: 100%;
  }
}
@media screen and (min-width: 600px) {
  .downloadAbout_item:nth-of-type(2n + 2) .downloadAbout_item-block {
    order: 1;
  }
  .downloadAbout_item:nth-of-type(2n + 2) .downloadAbout_item-image {
    order: 2;
  }
}
@media screen and (min-width: 600px) {
  .downloadAbout_arrows {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .downloadAbout_arrows {
    position: absolute;
    top: 16.6279069767vw;
    right: -10.4651162791vw;
    left: -10.4651162791vw;
    height: 17.2093023256vw;
    pointer-events: none;
  }
}
@media screen and (max-width: 600px) {
  .downloadAbout_arrow.splide__arrow {
    top: 50%;
    translate: 0 -50%;
    width: 5.3488372093vw;
    height: 100%;
    transform: none;
    background-color: transparent;
    background: url("../images/download/arrow.png") no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0;
    opacity: 1;
    pointer-events: auto;
  }
  .downloadAbout_arrow.splide__arrow.isPrev {
    left: 0;
    scale: -1 1;
  }
  .downloadAbout_arrow.splide__arrow.isNext {
    right: 0;
  }
}
.downloadAbout_pagination.splide__pagination {
  position: relative;
  margin: 28px 0 0;
}
@media screen and (min-width: 600px) {
  .downloadAbout_pagination.splide__pagination {
    display: none;
  }
}
.downloadAbout_pagination.splide__pagination li button {
  display: block;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 1px solid #020202;
  border-radius: 100%;
}
.downloadAbout_pagination.splide__pagination li button.is-active {
  transform: scale(1);
  background-color: #020202;
}

.downloadLook {
  background-color: #000;
  color: #fff;
  padding: 7.2em 0 5em;
  margin: 7.2em 0 0;
  overflow: hidden;
}
.downloadLook_container {
  margin: 0 auto;
  max-width: 900px;
}
.downloadLook_title {
  text-align: center;
  font-size: 30px;
}
@media screen and (min-width: 600px) {
  .downloadLook_title br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .downloadLook_title {
    font-size: 20px;
  }
}
.downloadLook_contents {
  margin: 64px 0 0;
}
@media screen and (max-width: 600px) {
  .downloadLook_contents {
    width: 69.0697674419vw;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 600px) {
  .downloadLook_track {
    overflow: visible !important;
  }
}
@media screen and (min-width: 600px) {
  .downloadLook_list {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 2em;
  }
}
.downloadLook_item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2em 0 0;
  text-align: center;
  font-size: 20px;
  line-height: 1.7;
}
@media screen and (min-width: 600px) {
  .downloadLook_item-title {
    height: 48px;
  }
}
@media screen and (max-width: 600px) {
  .downloadLook_item-title {
    font-size: 18px;
  }
}
.downloadLook_item-text {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.6875;
}
.downloadLook_item-image img {
  aspect-ratio: 636/484;
  display: block;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .downloadLook_arrows {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .downloadLook_arrows {
    position: absolute;
    top: 16.6279069767vw;
    right: -10.4651162791vw;
    left: -10.4651162791vw;
    height: 17.2093023256vw;
    pointer-events: none;
  }
}
@media screen and (max-width: 600px) {
  .downloadLook_arrow.splide__arrow {
    top: 50%;
    translate: 0 -50%;
    width: 5.3488372093vw;
    height: 100%;
    transform: none;
    background-color: transparent;
    background: url("../images/download/arrow.png") no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0;
    opacity: 1;
    pointer-events: auto;
  }
  .downloadLook_arrow.splide__arrow.isPrev {
    left: 0;
    scale: -1 1;
  }
  .downloadLook_arrow.splide__arrow.isNext {
    right: 0;
  }
}
.downloadLook_pagination.splide__pagination {
  position: relative;
  margin: 28px 0 0;
}
@media screen and (min-width: 600px) {
  .downloadLook_pagination.splide__pagination {
    display: none;
  }
}
.downloadLook_pagination.splide__pagination li button {
  display: block;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 100%;
}
.downloadLook_pagination.splide__pagination li button.is-active {
  transform: scale(1);
  background-color: #fff;
}

.downloadFor {
  background-color: #707070;
  color: #fff;
  padding: 7.2em 0 5em;
}
.downloadFor_container {
  margin: 0 auto;
  max-width: 1000px;
}
.downloadFor_title {
  text-align: center;
  font-size: 30px;
  line-height: 1.7;
}
@media screen and (max-width: 600px) {
  .downloadFor_title {
    font-size: 20px;
  }
}
.downloadFor_title span {
  position: relative;
  display: inline-block;
}
.downloadFor_title span::before, .downloadFor_title span::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -40%;
  width: 1px;
  height: 1em;
  background-color: #fff;
}
.downloadFor_title span::before {
  left: -1em;
  rotate: -25deg;
}
.downloadFor_title span::after {
  right: -1em;
  rotate: 25deg;
}
.downloadFor_list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6em;
  max-width: 880px;
  margin: 20px auto 0;
}
@media screen and (max-width: 600px) {
  .downloadFor_list {
    padding: 0 20px;
  }
}
.downloadFor_item {
  display: flex;
  font-size: 30px;
  line-height: 1.7;
}
@media screen and (max-width: 600px) {
  .downloadFor_item {
    font-size: 20px;
  }
}
.downloadFor_item::before {
  content: "・";
}

.downloadForm {
  margin: 7.2em 0 0;
}
.downloadForm_container {
  margin: 0 auto;
  max-width: 100em;
}
.downloadForm_title {
  text-align: center;
  font-size: 30px;
  line-height: 1.7;
}
@media screen and (max-width: 600px) {
  .downloadForm_title {
    margin: 0 20px;
    font-size: 20px;
  }
  .downloadForm_title span {
    display: inline-block;
    text-align: left;
  }
}

.downloadBanner {
  position: fixed;
  z-index: 4;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.downloadBanner a {
  display: block;
  translate: 0 110%;
}
.downloadBanner img {
  width: 100%;
}
.downloadBanner.isActive a {
  translate: 0;
}/*# sourceMappingURL=download.css.map */