@charset "UTF-8";
/*======================================
common
/*======================================*/
#contents{
  position: relative;
}
.back_fixed-js ,
.backWhite ,
.backBlackMax,
.backWhiteMax{
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  margin:auto;
  height: 100vh;
  transform: translate(0, 0);
  opacity: 0;

}
.back_fixed-js {
  z-index: -1;
  width: min(100%,45rem);
  }
.backWhite {
  z-index: -2;
  width: 45rem;
  background: #fff;
}
.backBlackMax{
  z-index: -3;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.backWhiteMax {
  z-index: -3;
  width: 100%;
  background-color: #f8f2f2;;
}

/*======================================
 SP
/*======================================*/
#worry-back_fixed {
  background: url(../images/worry/worry_back.jpg) no-repeat left top;
  background-size: cover;
}

#worry01-back_fixed {
  background: url(../images/worry/worry_01.jpg) no-repeat left top;
  background-size: cover;
  z-index: -2;
}

#worry02-back_fixed {
  background: url(../images/worry/worry_02.jpg) no-repeat left top;
  background-size: cover;
  z-index: -2;
}
#worry_story-back_fixed {
  background: url(../images/story01/worry_story.jpg) no-repeat left top;
  background-size: cover;
  z-index: -2;
}

#story02_01-back_fixed,
#story02_02-back_fixed,
#story02_03-back_fixed,
#story02_04-back_fixed,
#story03_01-back_fixed,
#story03_02-back_fixed,
#story03_03-back_fixed{
  right: -2rem;
  overflow: hidden;
}
#story01-back_fixed {
  background: url(../images/story/story01_back.jpg) no-repeat left top;
  background-size: cover;
}

#story02_01-back_fixed {
  background: url(../images/story02/story02_01.png) no-repeat;
  background-size: 25rem;
  background-position: right center;
}

#story02_02-back_fixed {
  background: url(../images/story02/story02_02.png) no-repeat right top;
  background-size: 25rem;
  background-position: right center;
  }

#story02_03-back_fixed {
  background: url(../images/story02/story02_03.png) no-repeat right top;
  background-size: 25rem;
  background-position: right center;
  }

#story02_04-back_fixed {
  background: url(../images/story02/story02_04.png) no-repeat right top;
  background-size: 25rem;
  background-position: right center;
}

#story03_01-back_fixed {
  background: url(../images/story03/story03_01.png) no-repeat;
  background-size: 25rem;
  background-position: right center;
}
    
  #story03_02-back_fixed {
    background: url(../images/story03/story03_02.png) no-repeat right top;
    background-size: 25rem;
  background-position: right center;
  }
    
  #story03_03-back_fixed {
      background: url(../images/story03/story03_03.png) no-repeat right top;
      background-size: 25rem;
  background-position:right center;
  }