@charset "UTF-8";

body::before {
  background: url(../img/bg_1-2.jpg) no-repeat center center;
  background-size: cover;
}
#yodogawa {
  overflow-y: scroll;
  height: auto;
}
#yodogawa .txt {
  margin: 3em auto;
  padding: 2em 0 2em 90px;
  transform: initial;
  position: relative;
  top: 0;
  left: 0;
}
@media (min-width: 769px) {
  .bg-1-haramaki {
    bottom: 18.547vh;
    left: 5.8vw;
  }  
}
@media (max-width: 768px) {
  body::before {
      background: url(../img/bg_1-2_sp.jpg) no-repeat top center;
      background-size: cover;
  }
  .bg .logo {
    left: auto;
    right: 10.888vw;
    transform: initial;
  }
  .bg .bg-1-haramaki2 {
    top: 16.8vw;
    right: 5.8vw;
    left: auto;
    transform: initial;
  }
  .bg-1-haramaki {
    left: 5vw;
  }
  #yodogawa {
    padding: 0;
  }
  #yodogawa .txt {
    padding: 2em 1.5em;
  }
}