/* index - top images :: Start */
td.top_img_wrap_td {
  background-color: #000;
}
.top_img_wrap {
  display: block;
  width: 100%;
  margin-top: 12px;
  position: relative;
}
.top_img_wrap > a.top_img_links {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.top_img_wrap > a.top_img_links img {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}
.top_img_wrap .top_img_part {
  position: absolute;
}
.top_img_wrap .top_img_bg {
  position: relative;
  z-index: 0;
}
.top_img_wrap .top_img_part.top_img_guiter1 {
  z-index: 10;
  width: 245px;
  top: 100px;
  left: 24px;
  transform: rotate(-3deg);
  transform-origin: center 240px;
  animation: ani_top_img_guiter1 0.35s linear infinite alternate forwards;
}
@keyframes ani_top_img_guiter1 {
  0% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1deg);
  }
}
.top_img_wrap .top_img_part.top_img_sax1 {
  z-index: 9;
  width: 133px;
  right: 20px;
  bottom: -15px;
}
.top_img_wrap .top_img_part.top_img_sax2 {
  z-index: 10;
  width: 133px;
  right: 20px;
  bottom: -15px;
  transform: rotate(-4deg);
  transform-origin: 128px 171px;
  animation: ani_top_img_sax2 0.35s linear infinite alternate forwards;
}
@keyframes ani_top_img_sax2 {
  0% {
    transform: rotate(-4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.top_img_wrap .top_img_part.top_img_base1 {
  z-index: 8;
  width: 222px;
  top: 80px;
  left: 207px;
}
.top_img_wrap .top_img_part.top_img_base2 {
  z-index: 9;
  width: 222px;
  top: 80px;
  left: 207px;
  transform: rotate(-3deg);
  transform-origin: 5px 125px;
  animation: ani_top_img_base2 0.35s linear infinite alternate forwards;
}
@keyframes ani_top_img_base2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}

.top_img_wrap .top_img_part.top_img_drum2 {
  z-index: 7;
  width: 332px;
  bottom: 0;
  right: 0;
}
.top_img_wrap .top_img_part.top_img_drum1 {
  z-index: 6;
  width: 106px;
  right: 173px;
  top: 148px;
  transform: rotate(4deg);
  transform-origin: center bottom;
  animation: ani_top_img_drum1 0.35s linear infinite alternate forwards;
}
@keyframes ani_top_img_drum1 {
  0% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}

.top_img_wrap .top_img_part.top_img_bg_neon1 {
  z-index: 5;
  width: 238px;
  right: 20px;
  top: 0;
  animation: ani_top_img_bg_neon1 2.3s linear 1.5s infinite normal forwards;
}
@keyframes ani_top_img_bg_neon1 {
  0% {
    filter: brightness(120%);
  }
  3% {
    filter: brightness(80%);
  }
  6% {
    filter: brightness(150%);
  }
  9% {
    filter: brightness(60%);
  }
  12% {
    filter: brightness(100%);
  }
  15% {
    filter: brightness(70%);
  }
  18% {
    filter: brightness(120%);
  }
  100% {
    filter: brightness(120%);
  }
}
.top_img_wrap .top_img_part.top_img_bg_neon2 {
  z-index: 4;
  width: 137px;
  top: 0;
  left: -2px;
  animation: ani_top_img_bg_neon2 2.4s linear 0.5s infinite normal forwards;
}
@keyframes ani_top_img_bg_neon2 {
  0% {
    filter: brightness(120%);
  }
  3% {
    filter: brightness(80%);
  }
  6% {
    filter: brightness(150%);
  }
  9% {
    filter: brightness(60%);
  }
  12% {
    filter: brightness(100%);
  }
  15% {
    filter: brightness(70%);
  }
  18% {
    filter: brightness(120%);
  }
  100% {
    filter: brightness(120%);
  }
}

.top_img_wrap .top_img_part.top_img_logo-1 {
  z-index: 20;
  width: 500px;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  filter: brightness(120%);
  animation: ani_top_img_logo 2s linear 1s infinite normal forwards;
}
@keyframes ani_top_img_logo {
  0% {
    filter: brightness(120%);
  }
  4% {
    filter: brightness(80%);
  }
  8% {
    filter: brightness(150%);
  }
  12% {
    filter: brightness(60%);
  }
  16% {
    filter: brightness(100%);
  }
  20% {
    filter: brightness(70%);
  }
  24% {
    filter: brightness(120%);
  }
  100% {
    filter: brightness(120%);
  }
}

.top_img_wrap .top_img_part.top_img_play_btn {
  z-index: 30;
  width: 135px;
  top: 45%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/* index - top images :: End */

td.tip_docation_td {
  padding-inline: 3%;
  padding-top: 18px;
  box-sizing: border-box;
  background-color: #000;
}
.tip_docation_wrap {
  width: 100%;
  margin-top: 0.3em;
}
.tip_docation_wrap > form {
  width: 100%;
}
.tip_docation_wrap .submit-btn_wrap {
  width: 100%;
  margin: 0;
  margin-bottom: 0.3em;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}
.tip_docation_wrap button.submit-btn {
  width: 100%;
  border: none;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  background-color: #e4bc00;
  cursor: pointer;
  box-shadow:
    4px 4px 2px 0px rgba(255, 255, 255, 0.6) inset,
    -4px -4px 2px 0px rgba(0, 0, 0, 0.5) inset;
  animation: btn_ani1 4s linear infinite;
}
button.submit-btn .btn-text {
  width: 100%;
  margin: 0;
  display: block;
  padding: 20px 6px;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 2.1em;
  font-weight: 600;
  letter-spacing: -0.01em;
}

table.table_conte {
  background-color: #94989c;
}

@keyframes btn_ani1 {
  0% {
    background-color: #e4bc00;
  }
  20% {
    background-color: #ff0000;
  }
  40% {
    background-color: #e600ff;
  }
  60% {
    background-color: #4b7bff;
  }
  80% {
    background-color: #66c900;
  }
  100% {
    background-color: #e4bc00;
  }
}

button.submit-btn .btn-text br {
  display: none;
}

button.submit-btn .btn-text span.btn-text2 {
  display: block;
  width: 100%;
  margin-top: 0.2em;
  padding: 0;
  font-weight: 500;
  font-size: 0.8em;
  letter-spacing: 0;
}

a.docation_btn2 {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  color: #d5d5d5;
  line-height: 1;
  padding: 0.8em 1.3em;
  margin-top: 0.7em;
  text-decoration: none;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  background-color: #e4bc00;
  box-shadow:
    2px 2px 1px 0px rgba(255, 255, 255, 0.6) inset,
    -2px -2px 1px 0px rgba(0, 0, 0, 0.5) inset;
  animation: btn_ani1 4s linear infinite;
}
a.docation_btn2 > div {
  font-size: 0.9em;
  text-transform: capitalize;
  margin-top: 0.2em;
  line-height: 1;
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  body {
    width: 100%; /* body幅を画面いっぱいに */
  }
  button.submit-btn .btn-text br {
    display: block;
  }
  button.submit-btn .btn-text span.mob_conte1 {
    display: none;
  }
  button.submit-btn .btn-text {
    font-size: 3.6em;
    padding-block: 1.3em;
  }
  .tip_docation_wrap .submit-btn_wrap {
    margin-bottom: 0.6em;
  }
  .tip_docation_wrap > form img {
    display: block;
    width: 40%;
    margin-inline: auto;
  }
}