@charset "UTF-8";

/* ------------------------------
   パララックス
------------------------------ */
.mono .rellax-waku{
	position: relative;
	overflow: hidden;
}
.mono .bg-sankaku{
	display: none;
		position: fixed;
		width: 50%;
		height: 600px;
		z-index: 0;
		left: -10%;
		top: -50%;
		animation: fadein 3s ease-in-out infinite;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/* 背景画像の見えている高さ */
.parallax {
  /*height: 500px;*/
}

/* 背景画像 */
.parallax::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: -2;
  background: url(../../img/common/sp-img.jpg) center center / cover no-repeat;
  background: url(../../img/common/sp-img.jpg) center bottom 20% / cover no-repeat;
}





@media screen and (max-width: 1179px) {

}
@media screen and (max-width: 1023px) {

}
@media screen and (max-width: 767px) {

  /* 背景画像 */
  .parallax::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: -2;
    background: url(../../img/common/sp-img.jpg) center center / cover no-repeat;
  }
  
  /* ------------------------------
     パララックス
  ------------------------------ */
  .mono .bg-sankaku{
      position: fixed;
      width: 70%;
      height: 1000px;
      z-index: -1;
      left: -10%;
      bottom: -1000px;
  }
  .mono .bg-w.bg-access .bg-parallax {
      background: url(../../img/common/bg-access.png) no-repeat right top;
      background-size: 100% auto;
      /*position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 2000px;
      transition: background-position 0.1s linear;*/
  }

}
@media screen and (max-width: 460px) {

}