@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;
}

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

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

.sec01,
.sec02,
.sec03,
.sec04,
.sec05 {
  position: relative;
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.sec04 {
  margin-top: -10vh;
}

.sec05 {
  margin-top: -10vh;
}

.sec01 picture,
.sec02 picture,
.sec04 picture,
.sec05 picture {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sec03 picture {
  position: absolute;
}

section button {
  position: absolute;
  transform: translateY(-50%);
  transition: 0.3s;
}

section button:hover {
  opacity: 0.7;
}

/*=============== ▼LANDSCAPE(PC) ===============*/
@media screen and (orientation: landscape) {
  .sec01 {
    background-image: url("/product/closeup/assets/img/tte/bg01-L.jpg");
  }
  .sec02 {
    background-image: url("/product/closeup/assets/img/tte/bg02-L.jpg");
  }
  .sec03 {
    background-image: url("/product/closeup/assets/img/tte/bg03-L.jpg");
  }
  .sec04 {
    background-image: url("/product/closeup/assets/img/tte/bg04-L.png");
  }
  .sec05 {
    background-image: url("/product/closeup/assets/img/tte/bg05-L.png");
  }

  section button {
    top: 74%;
    width: 30%;
  }

  section .tte-btn {
    left: 2%;
  }

  section .jdt-btn {
    right: 16%;
  }
}
/*=============== ▲LANDSCAPE(PC) ===============*/

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

@media screen and (orientation: portrait) {
  .sec01 {
    background-image: url("/product/closeup/assets/img/tte/bg01-P.jpg");
  }
  .sec02 {
    background-image: url("/product/closeup/assets/img/tte/bg02-P.jpg");
  }
  .sec03 {
    margin-top: -1px;
    height: 73vh;
    background-image: url("/product/closeup/assets/img/tte/bg03-P.jpg");
  }
  .sec04 {
    margin-top: -9vh;
    background-image: url("/product/closeup/assets/img/tte/bg04-P.png");
  }
  .sec05 {
    margin-top: -9vh;
    background-image: url("/product/closeup/assets/img/tte/bg05-P.png");
  }

  section button {
    width: 65%;
  }

  section .tte-btn {
    top: 43%;
  }

  section .jdt-btn {
    top: 73%;
  }
}
/*=============== ▲PORTRAIT(SP) ===============*/