.l-header {
  background-color: #212325;
  pointer-events: visible;
}
.l-header__logo img {
  opacity: 1;
  transform: translateY(0);
}
.l-header__brand img {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 959px) {
  .l-in {
    padding-top: 74px;
  }
}
.l-in__deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.l-in__deco-item {
  position: absolute;
}
.l-in__deco-item:nth-child(1) {
  bottom: 0;
  left: 4%;
  width: 11.5%;
  max-width: 151px;
  transform: translateY(11%);
}
@media screen and (max-width: 959px) {
  .l-in__deco-item:nth-child(1) {
    left: -3%;
    width: 19%;
    max-width: 80px;
    transform: translateY(-5%);
  }
}
.l-in__deco-item:nth-child(1) .p-in_item {
  transform: scale(0.8);
  opacity: 0;
}
.is-load .l-in__deco-item:nth-child(1) .p-in_item {
  transform: scale(1);
  opacity: 1;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 0.3s;
}
.is-load .l-in__deco-item:nth-child(1) .p-in_item img {
  animation: katakata2 4s cubic-bezier(0.37, 0, 0.63, 1) both;
  animation-delay: 3s;
  transform-origin: bottom center;
}
.l-in__deco-item:nth-child(2) {
  top: 0;
  right: 3%;
  width: 20%;
  max-width: 264px;
  padding-top: min(20%, 264px);
}
@media screen and (max-width: 959px) {
  .l-in__deco-item:nth-child(2) {
    width: 25%;
    max-width: 100px;
    padding-top: min(34%, 130px);
    right: 2%;
  }
}
.l-in__deco-item:nth-child(2) .p-in_item {
  position: absolute;
}
.l-in__deco-item:nth-child(2) .p-in_item:nth-child(1) {
  top: -4%;
  right: 4%;
  width: 69%;
  transform: scale(0.8);
  opacity: 0;
}
.is-load .l-in__deco-item:nth-child(2) .p-in_item:nth-child(1) {
  transform: scale(1);
  opacity: 1;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 0.5s;
}
.is-load .l-in__deco-item:nth-child(2) .p-in_item:nth-child(1) img {
  animation: fuyofuyo 3.5s cubic-bezier(0.37, 0, 0.63, 1) infinite both;
  animation-delay: 1s;
  transform-origin: bottom center;
}
@media screen and (max-width: 959px) {
  .l-in__deco-item:nth-child(2) .p-in_item:nth-child(1) {
    top: -24%;
    right: -1%;
    width: 95%;
  }
}
.l-in__deco-item:nth-child(2) .p-in_item:nth-child(2) {
  top: 33%;
  left: 0;
  width: 47%;
  transform: scale(0.8);
  opacity: 0;
}
.is-load .l-in__deco-item:nth-child(2) .p-in_item:nth-child(2) {
  transform: scale(1);
  opacity: 1;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 0.4s;
}
.is-load .l-in__deco-item:nth-child(2) .p-in_item:nth-child(2) img {
  animation: katakata2 4s linear infinite both;
  animation-delay: 0.8s;
}
@media screen and (max-width: 959px) {
  .l-in__deco-item:nth-child(2) .p-in_item:nth-child(2) {
    top: 68%;
    width: 68%;
  }
}
.l-in__header {
  padding: 73px 0 80px;
  position: relative;
  background: url(../img/in/in_header_pc.png) repeat-x left top;
  background-size: 3000px;
}
@media screen and (max-width: 959px) {
  .l-in__header {
    padding: 31px 0 48px;
    background-size: 1500px;
    background-position: right top;
  }
}
.l-in__header-content {
  position: relative;
}
.l-in__header-ttl {
  text-align: center;
}
.l-in__header-ttl-main {
  width: 100%;
  height: 40px;
}
@media screen and (max-width: 959px) {
  .l-in__header-ttl-main {
    height: 20px;
  }
}
.l-in__header-ttl-main h2 {
  width: 100%;
  height: 100%;
  transform: translateY(25px);
  opacity: 0;
}
.is-load .l-in__header-ttl-main h2 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 0.2s;
}
.l-in__header-ttl-main h2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.l-in__header-ttl-sub {
  font-family: "Inter", serif;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 14px;
  font-size: 17px;
  transform: translateY(25px);
  opacity: 0;
}
.is-load .l-in__header-ttl-sub {
  opacity: 1;
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 0.35s;
}
@media screen and (max-width: 959px) {
  .l-in__header-ttl-sub {
    margin-top: 8px;
    font-size: 11px;
  }
}