@charset "utf-8";
/*=============== ▼BASE ===============*/

.negativemargin_main {
  margin: -90px 0 0 0;
  overflow-x: hidden;
}

@media screen and (max-width: 64em) {
  .negativemargin_main {
    margin: -60px 0 0 0;
  }
}

header {
  transition: 0.3s;
}

header.hide {
  transform: translateY(-100%);
}

.header {
  z-index: 5000;
  background-color: rgba(255, 255, 255, 0.95);
}

*:focus {
  outline: none;
}

.footer {
  position: relative;
  z-index: 100;
  width: 100%;
  background-color: #F3F3F3;
}

/*=============== ▼コンテンツ挿入部分 ===============*/

/*=============== ▼共通(LANDSCAPE・▼PORTRAIT) ===============*/

.sec01,
.sec02,
.sec03,
.sec04 {
  position: relative;
  z-index: 1;
}

.sec01 {
  height: 300vh;
}

.sec02,
.sec03 {
  height: 200vh;
}

.sec04 {
  height: 100vh;
}

.bg01 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 2;
}

.inner {
  height: 100vh;
}

.secondview-inner {
  height: 200vh;
}

.mv,
.text-heading01,
.tumbler01,
.tumbler02,
.tumbler03,
.tumbler04,
.tumbler05,
.tumbler06,
.tumbler07,
.tumbler08,
.tumbler09,
.tumbler10 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.mv {
  z-index: 3;
}
.text-heading01 {
  z-index: 4;
}
.tumbler01 {
  z-index: 9;
}
.tumbler02 {
  z-index: 8;
}
.tumbler03 {
  z-index: 7;
}
.tumbler04 {
  z-index: 6;
}
.tumbler05 {
  z-index: 5;
}
.tumbler06 {
  z-index: 9;
}
.tumbler07 {
  z-index: 8;
}
.tumbler08 {
  z-index: 7;
}
.tumbler09 {
  z-index: 6;
}
.tumbler10 {
  z-index: 5;
}

.bg02 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 2;
}

.text-heading02,
.text01,
.text02 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  z-index: 3;
}

.bg03 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 2;
}

.text-heading03 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  z-index: 3;
}

.bg04 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 2;
}

.text-heading04 {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  z-index: 3;
}

section button {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  transition: 0.3s;
}

section button:hover {
  opacity: 0.7;
}

/*=============== ▼LANDSCAPE(PC) ===============*/
@media screen and (orientation: landscape) {
  .bg01 {
    background-image: url("/product/closeup/assets/img/jdw/bg01-L.jpg");
  }

  .mv {
    background-image: url("/product/closeup/assets/img/jdw/mv-L.png");
  }
  .text-heading01 {
    background-image: url("/product/closeup/assets/img/jdw/text-heading01-L.png");
  }
  .tumbler01 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler01-L.png");
  }
  .tumbler02 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler02-L.png");
  }
  .tumbler03 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler03-L.png");
  }
  .tumbler04 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler04-L.png");
  }
  .tumbler05 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler05-L.png");
  }
  .tumbler06 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler06-L.png");
  }
  .tumbler07 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler07-L.png");
  }
  .tumbler08 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler08-L.png");
  }
  .tumbler09 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler09-L.png");
  }
  .tumbler10 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler10-L.png");
  }

  .bg02 {
    background-image: url("/product/closeup/assets/img/jdw/bg02-L.jpg");
  }

  .text-heading02 {
    background-image: url("/product/closeup/assets/img/jdw/text-heading02-L.png");
  }
  .text01 {
    background-image: url("/product/closeup/assets/img/jdw/text01-L.png");
  }
  .text02 {
    background-image: url("/product/closeup/assets/img/jdw/text02-L.png");
  }

  .bg03 {
    background-image: url("/product/closeup/assets/img/jdw/bg03-L.jpg");
  }

  .text-heading03 {
    background-image: url("/product/closeup/assets/img/jdw/text-heading03-L.png");
  }

  .bg04 {
    background-image: url("/product/closeup/assets/img/jdw/bg04-L.jpg");
  }

  .text-heading04 {
    background-image: url("/product/closeup/assets/img/jdw/text-heading04-L.png");
  }
}
/*=============== ▲LANDSCAPE(PC) ===============*/

/*=============== ▼PORTRAIT(SP) ===============*/

@media screen and (orientation: portrait) {
  .bg01 {
    background-image: url("/product/closeup/assets/img/jdw/bg01-P.jpg");
  }

  .mv {
    background-image: url("/product/closeup/assets/img/jdw/mv-P.png");
  }
  .text-heading01 {
    background-image: url("/product/closeup/assets/img/jdw/text-heading01-P.png");
  }
  .tumbler01 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler01-P.png");
  }
  .tumbler02 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler02-P.png");
  }
  .tumbler03 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler03-P.png");
  }
  .tumbler04 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler04-P.png");
  }
  .tumbler05 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler05-P.png");
  }
  .tumbler06 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler06-P.png");
  }
  .tumbler07 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler07-P.png");
  }
  .tumbler08 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler08-P.png");
  }
  .tumbler09 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler09-P.png");
  }
  .tumbler10 {
    background-image: url("/product/closeup/assets/img/jdw/tumbler10-P.png");
  }

  .bg02 {
    background-image: url("/product/closeup/assets/img/jdw/bg02-P.jpg");
  }

  .text-heading02 {
    background-image: url("/product/closeup/assets/img/jdw/text-heading02-P.png");
  }
  .text01 {
    background-image: url("/product/closeup/assets/img/jdw/text01-P.png");
  }
  .text02 {
    background-image: url("/product/closeup/assets/img/jdw/text02-P.png");
  }

  .bg03 {
    background-image: url("/product/closeup/assets/img/jdw/bg03-P.jpg");
  }

  .text-heading03 {
    background-image: url("/product/closeup/assets/img/jdw/text-heading03-P.png");
  }

  .bg04 {
    background-image: url("/product/closeup/assets/img/jdw/bg04-P.jpg");
  }

  .text-heading04 {
    background-image: url("/product/closeup/assets/img/jdw/text-heading04-P.png");
  }
}
/*=============== ▲PORTRAIT(SP) ===============*/