.unit_imageSet-img {
  height: 229px;
}
.mainVisual {
  background-image: url(../jpg/main_visual%402x.jpg);
}
.js-modal-open.unit_txtWithImage-txt::after {
  background-image: url(../png/icon_modal_open%402x.png);
}
.historyList_item-ttl::before {
  background-image: url(../png/icon_dots%402x.png);
}

.transitionBtn {
  background: linear-gradient(to right, #415E8B 0%, #0F2A68 50%, #1A2B34 100%);
  background-size: 200%;
  background-position: 100% 0;
}
.transitionBtn:hover {
  background-position: 0% 0%;
}

.transitionBtn-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 43px;
  height: 21px;
}
@media all and (max-width: 768px) {
  .mainVisual {
    margin-top: 58px;
    background-image: url(../jpg/main_visual-sp%402x.jpg);
    background-position: top center;
  }
  .js-modal-open.unit_txtWithImage-txt::after {
    margin-left: 0px;
    background-image: url(../png/modal_open_btn-sp%402x.png);
  }
  .unit_imageSet {
    width: calc(100vw - 90px);
    height: calc(((100vw - 90px) * 2 ) / 3);
  }
  .unit_imageSet-img {
    width: calc(100vw - 90px);
    height: calc(((100vw - 90px) * 2 ) / 3);
  }
  .transitionBtn-txt {
    right: 5px;
  }
  .transitionBtn-icon {
    position: absolute;
    left: 15px;
    width: 35px;
    height: 17px;
  }
  .initialized.js-transitionBtn.is-scrolling {
    transform: translateX(100px);
  }
  .initialized.is-scrolling .transitionBtn-txt {
    opacity: 0;
    transition: .4s;
  }
}