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

.bg01{background:url("../img/bg0001_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg02{background:url("../img/bg0002_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg03{background:url("../img/bg0003_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg04{background:url("../img/bg0004_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg05{background:url("../img/bg0005_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg500{background:url("../img/index500_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg501{background:url("../img/index501_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg502{background:url("../img/index502_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg503{background:url("../img/index503_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg504{background:url("../img/index504_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg505{background:url("../img/index505_LL.jpg") no-repeat;background-size:cover;aspect-ratio:3000/1688;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}


.bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* �hw?i?????e?E�hz�fu */
}

.bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  pointer-events: none; /* �hw?i???C???[??�e??????W?��?????????E */
}

/* ?I?[?o?[???C??�fC��A */
.bg-layer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* ????�h?�g��???I?[?o?[???C (30% ?s�g��??�gx) */
  pointer-events: none; /* ?I?[?o?[???C??�e??????W?��?????????E */
}

/* ?K?v?E��??��?A?I?[?o?[???C???F?a?s�g��??�gx?????X???��?U?�E */
.bg-layer::before {padding:8% 0;
  background-color: rgba(255, 255, 255, 0.2); /* �h�f??�h?�g��???I?[?o?[???C (20% ?s�g��??�gx) */
}

/* ?A?N?e?B?u??�hw?i???\?| */
.bg-layer.active {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

/* ?Z?N?V?��?�g???X?^?C?? */
.my-section {
  min-height: 20vh;
  /*padding: 100px 0px;*/
  /*display: flex;
  flex-direction: column;*/
  /*justify-content: center;
  align-items: center;*/
  position: relative;
}

.my-section:nth-child(odd) {
  background: rgba(255, 255, 255, 0.0);
}

.my-section:nth-child(even) {
  background: rgba(255, 255, 255, 0.0);
}

}

@media screen and (max-width:768px){
.bg01{background:url("../img/bg0001_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg02{background:url("../img/bg0002_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg03{background:url("../img/bg0003_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg04{background:url("../img/bg0004_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg05{background:url("../img/bg0005_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg500{background:url("../img/index500_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg501{background:url("../img/index501_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg502{background:url("../img/index502_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg503{background:url("../img/index503_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg504{background:url("../img/index504_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}

.bg505{background:url("../img/index505_s.jpg") no-repeat;background-size:cover;aspect-ratio:800/1000;

      background-color: rgba(255,255,255,0.6);background-blend-mode: overlay;}


.bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* �hw?i?????e?E�hz�fu */
}

.bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  pointer-events: none; /* �hw?i???C???[??�e??????W?��?????????E */
}

/* ?I?[?o?[???C??�fC��A */
.bg-layer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* ????�h?�g��???I?[?o?[???C (30% ?s�g��??�gx) */
  pointer-events: none; /* ?I?[?o?[???C??�e??????W?��?????????E */
}

/* ?K?v?E��??��?A?I?[?o?[???C???F?a?s�g��??�gx?????X???��?U?�E */
.bg-layer::before {padding:8% 0;
  background-color: rgba(255, 255, 255, 0.2); /* �h�f??�h?�g��???I?[?o?[???C (20% ?s�g��??�gx) */
}

/* ?A?N?e?B?u??�hw?i???\?| */
.bg-layer.active {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

/* ?Z?N?V?��?�g???X?^?C?? */
.my-section {
  min-height: 20vh;
  /*padding: 100px 0px;*/
  /*display: flex;
  flex-direction: column;*/
  /*justify-content: center;
  align-items: center;*/
  position: relative;
}

.my-section:nth-child(odd) {
  background: rgba(255, 255, 255, 0.0);
}

.my-section:nth-child(even) {
  background: rgba(255, 255, 255, 0.0);
}

}