@charset "UTF-8";
/* CSS Document */
.sc_change_wrapper {
  margin-bottom: 0px;
  box-sizing: border-box; }
  .sc_change_wrapper .sc_sticky {
    top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media screen and (max-width: 750px) {
      .sc_change_wrapper .sc_sticky {
        top: 0%;
        position: sticky; } }
  .sc_change_wrapper .sc_scroll_wrapper {
    width: 100%;
    display: flex;
    overflow: auto;
    height: 0px; }
    .sc_change_wrapper .sc_scroll_wrapper.nobar {
      overflow: hidden; }
    .sc_change_wrapper .sc_scroll_wrapper div {
      min-width: 100%; }
  .sc_change_wrapper .new_ba {
    display: flex; }
    .sc_change_wrapper .new_ba .new_before_box {
      position: relative;
      margin: 0;
      width: 30%; }
      .sc_change_wrapper .new_ba .new_before_box img {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0; }
    .sc_change_wrapper .new_ba .new_after_box {
      position: relative;
      overflow: hidden;
      width: 100%; }
      .sc_change_wrapper .new_ba .new_after_box ul {
        position: absolute;
        margin: 0;
        padding: 0;
        top: 0;
        left: -5%;
        line-height: 0; }
      .sc_change_wrapper .new_ba .new_after_box li {
        margin: 0;
        padding: 0;
        line-height: 0; }
    .sc_change_wrapper .new_ba .ba1_comment {
      position: absolute;
      right: 0;
      bottom: 10%; }
    .sc_change_wrapper .new_ba .alpha {
      opacity: 0;
      transition: opacity 1.5s ease-in-out; }
    .sc_change_wrapper .new_ba .alpha.active {
      opacity: 1; }

.ba_line {
  opacity: 1;
  /* 初期状態では見えない */
  transform: translateX(0);
  /* 初期位置を設定 */
  transition: opacity 0.3s ease, transform 0.3s ease;
  /* アニメーション効果 */ }

.line_anime.active .ba_line {
  opacity: 1;
  /* 表示 */
  animation: move-right 3s cubic-bezier(0.4, 0, 1, 1) 1 forwards, fade-out 3s linear 1; }

.line_anime.active li:nth-child(1) .ba_line {
  animation-delay: 0s; }

.line_anime.active li:nth-child(2) .ba_line {
  animation-delay: 0.1s; }

.line_anime.active li:nth-child(3) .ba_line {
  animation-delay: 0.2s; }

.line_anime.active li:nth-child(4) .ba_line {
  animation-delay: 0.3s; }

.line_anime.active li:nth-child(5) .ba_line {
  animation-delay: 0.4s; }

.line_anime.active li:nth-child(6) .ba_line {
  animation-delay: 0.5s; }

.line_anime.active li:nth-child(7) .ba_line {
  animation-delay: 0.6s; }

.line_anime.active li:nth-child(8) .ba_line {
  animation-delay: 0.7s; }

.line_anime.active li:nth-child(9) .ba_line {
  animation-delay: 0.8s; }

.line_anime.active li:nth-child(10) .ba_line {
  animation-delay: 0.9s; }

.line_anime.active li:nth-child(11) .ba_line {
  animation-delay: 1s; }

.line_anime.active li:nth-child(12) .ba_line {
  animation-delay: 1.1s; }

.line_anime.active li:nth-child(13) .ba_line {
  animation-delay: 1.2s; }

.line_anime.active li:nth-child(14) .ba_line {
  animation-delay: 1.3s; }

.line_anime.active li:nth-child(15) .ba_line {
  animation-delay: 1.4s; }

.line_anime.active li:nth-child(16) .ba_line {
  animation-delay: 1.5s; }

.line_anime.active li:nth-child(17) .ba_line {
  animation-delay: 1.6s; }

.line_anime.active li:nth-child(18) .ba_line {
  animation-delay: 1.7s; }

.line_anime.active li:nth-child(19) .ba_line {
  animation-delay: 1.8s; }

.line_anime.active li:nth-child(20) .ba_line {
  animation-delay: 1.9s; }

.line_anime.active li:nth-child(21) .ba_line {
  animation-delay: 2s; }

.line_anime.active li:nth-child(22) .ba_line {
  animation-delay: 2.1s; }

.line_anime.active li:nth-child(23) .ba_line {
  animation-delay: 2.2s; }

.line_anime.active li:nth-child(24) .ba_line {
  animation-delay: 2.3s; }

.line_anime.active li:nth-child(25) .ba_line {
  animation-delay: 2.4s; }

.line_anime.active li:nth-child(26) .ba_line {
  animation-delay: 2.5s; }

.line_anime.active li:nth-child(27) .ba_line {
  animation-delay: 2.6s; }

.line_anime.active li:nth-child(28) .ba_line {
  animation-delay: 2.7s; }

.line_anime.active li:nth-child(29) .ba_line {
  animation-delay: 2.8s; }

.line_anime.active li:nth-child(30) .ba_line {
  animation-delay: 2.9s; }

.line_anime.active li:nth-child(31) .ba_line {
  animation-delay: 3s; }

.line_anime.active li:nth-child(32) .ba_line {
  animation-delay: 3.1s; }

.line_anime.active li:nth-child(33) .ba_line {
  animation-delay: 3.2s; }

.line_anime.active li:nth-child(34) .ba_line {
  animation-delay: 3.3s; }

.line_anime.active li:nth-child(35) .ba_line {
  animation-delay: 3.4s; }

.line_anime.active li:nth-child(36) .ba_line {
  animation-delay: 3.5s; }

.line_anime.active li:nth-child(37) .ba_line {
  animation-delay: 3.6s; }

.line_anime.active li:nth-child(38) .ba_line {
  animation-delay: 3.7s; }

.line_anime.active li:nth-child(39) .ba_line {
  animation-delay: 3.8s; }

.line_anime.active li:nth-child(40) .ba_line {
  animation-delay: 3.9s; }

.line_anime.active li:nth-child(41) .ba_line {
  animation-delay: 4s; }

.line_anime.active li:nth-child(42) .ba_line {
  animation-delay: 4.1s; }

.line_anime.active li:nth-child(43) .ba_line {
  animation-delay: 4.2s; }

.line_anime.active li:nth-child(44) .ba_line {
  animation-delay: 4.3s; }

.line_anime.active li:nth-child(45) .ba_line {
  animation-delay: 4.4s; }

.line_anime.active li:nth-child(46) .ba_line {
  animation-delay: 4.5s; }

.line_anime.active li:nth-child(47) .ba_line {
  animation-delay: 4.6s; }

.line_anime.active li:nth-child(48) .ba_line {
  animation-delay: 4.7s; }

.line_anime.active li:nth-child(49) .ba_line {
  animation-delay: 4.8s; }

.line_anime.active li:nth-child(50) .ba_line {
  animation-delay: 4.9s; }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.8) translateY(20px); }
  50% {
    opacity: 0.8;
    transform: scale(1.05) translateY(0); }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0); } }
@keyframes move-right {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(5000px); } }
@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }