@charset "UTF-8";
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: linear-gradient(to right, #ce3a00 0%, #ce3a00 50%, #98dfed 50%, #98dfed 100%);
  border-bottom: 2px solid #000;
}
header .head_inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1480px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1480px) {
  header .head_inner {
    height: 5.4054054054vw;
  }
}
@media screen and (max-width: 768px) {
  header .head_inner {
    height: 13.3333333333vw;
  }
}
header .head_half {
  position: relative;
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  header .head_half .sns,
  header .head_half .head_btns {
    display: none;
  }
}
header .head_half .logo,
header .head_half .sns li {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
header .head_half .logo a, header .head_half .logo img,
header .head_half .sns li a,
header .head_half .sns li img {
  display: block;
  width: 100%;
}
header .head_half .sns li {
  list-style: none;
}
header .head_half .head_btns .replay,
header .head_half .head_btns .method {
  position: absolute;
  top: 0;
}
header .head_half .head_btns .replay a, header .head_half .head_btns .replay img,
header .head_half .head_btns .method a,
header .head_half .head_btns .method img {
  display: block;
  width: 100%;
}
header .head_half .navToggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 20px;
  cursor: pointer;
  z-index: 60;
}
@media screen and (max-width: 1480px) {
  header .head_half .navToggle {
    width: 2.2972972973vw;
    height: 1.3513513514vw;
  }
}
@media screen and (max-width: 768px) {
  header .head_half .navToggle {
    width: 6.6666666667vw;
    height: 4vw;
  }
}
header .head_half .navToggle span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  left: 0;
  transition: 0.25s ease-in-out;
}
@media screen and (max-width: 768px) {
  header .head_half .navToggle span {
    height: 0.5333333333vw;
  }
}
header .head_half .navToggle span:nth-child(1) {
  top: 0;
}
header .head_half .navToggle span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
header .head_half .navToggle span:nth-child(3) {
  top: auto;
  bottom: 0;
}
header .head_half .navToggle.active span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
header .head_half .navToggle.active span:nth-child(2) {
  opacity: 0;
}
header .head_half .navToggle.active span:nth-child(3) {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%) rotate(45deg);
}
header .head_half.tsu {
  background-color: #ce3a00;
  border-right: 2px solid #000;
}
header .head_half.tsu .logo {
  left: 9.05%;
  width: 14.05%;
}
header .head_half.tsu .sns .facebook {
  left: 26%;
  width: 3.92%;
}
header .head_half.tsu .sns .x {
  left: 31.42%;
  width: 3.38%;
}
header .head_half.tsu .sns .youtube {
  left: 36.3%;
  width: 4.32%;
}
header .head_half.tsu .sns .youtubelive {
  left: 42.12%;
  width: 3.92%;
}
header .head_half.tsu .sns .instagram {
  left: 47.54%;
  width: 3.92%;
}
header .head_half.tsu .sns .line {
  left: 52.96%;
  width: 4.05%;
}
header .head_half.tsu .head_btns .replay {
  left: 59.86%;
  width: 13.51%;
}
header .head_half.tsu .head_btns .method {
  left: 74.59%;
  width: 13.51%;
}
header .head_half.tsu .navToggle {
  left: 91.76%;
}
header .head_half.tsu .navToggle span {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  header .head_half.tsu .logo {
    left: 8%;
    width: 40.8%;
  }
  header .head_half.tsu .navToggle {
    left: 78.67%;
  }
}
header .head_half.fukuoka {
  background-color: #98dfed;
}
header .head_half.fukuoka .logo {
  left: 3.65%;
  width: 17.03%;
}
header .head_half.fukuoka .sns .x {
  left: 23.65%;
  width: 3.51%;
}
header .head_half.fukuoka .sns .youtube {
  left: 29.19%;
  width: 4.46%;
}
header .head_half.fukuoka .sns .instagram {
  left: 35.68%;
  width: 4.05%;
}
header .head_half.fukuoka .sns .tiktok {
  left: 41.76%;
  width: 3.65%;
}
header .head_half.fukuoka .sns .line {
  left: 47.43%;
  width: 4.19%;
}
header .head_half.fukuoka .head_btns .replay {
  left: 54.46%;
  width: 13.51%;
}
header .head_half.fukuoka .head_btns .method {
  left: 69.19%;
  width: 13.51%;
}
header .head_half.fukuoka .navToggle {
  left: 86.35%;
}
@media screen and (max-width: 768px) {
  header .head_half.fukuoka .logo {
    left: 8%;
    width: 49.87%;
  }
  header .head_half.fukuoka .navToggle {
    left: 78.67%;
  }
}
header #sp_menu {
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  background: linear-gradient(to right, rgba(80, 0, 0, 0.95) 0%, rgba(80, 0, 0, 0.95) 50%, rgba(0, 106, 160, 0.95) 50%, rgba(0, 106, 160, 0.95) 100%);
}
@media screen and (max-width: 1480px) {
  header #sp_menu {
    top: 5.4054054054vw;
  }
}
@media screen and (max-width: 768px) {
  header #sp_menu {
    top: 13.3333333333vw;
  }
}
header #sp_menu .menu_inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
}
header #sp_menu .menu_sns,
header #sp_menu .menu_foot_btns {
  display: none;
}
header #sp_menu .menu_half {
  width: 50%;
  padding: 23px 3.5% 40px;
}
@media screen and (max-width: 1480px) {
  header #sp_menu .menu_half {
    padding-top: 1.5540540541vw;
    padding-bottom: 2.7027027027vw;
  }
}
header #sp_menu .menu_btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
header #sp_menu .menu_btns .btn {
  width: 31.5%;
}
header #sp_menu .menu_btns .btn a, header #sp_menu .menu_btns .btn img {
  display: block;
  width: 100%;
}
header #sp_menu .menu_btns .btn a.no_link {
  opacity: 0.5;
  pointer-events: none;
}
header #sp_menu .menu_cols {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 28px;
}
@media screen and (max-width: 1480px) {
  header #sp_menu .menu_cols {
    margin-top: 1.8918918919vw;
  }
}
header #sp_menu .menu_col {
  width: 23%;
}
header #sp_menu .menu_ttl {
  color: #f0c53e;
  font-weight: 900;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 0.6em;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 1480px) {
  header #sp_menu .menu_ttl {
    font-size: 1.0810810811vw;
  }
}
header #sp_menu .menu_ttl a {
  color: #f0c53e;
}
header #sp_menu .menu_list li {
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
header #sp_menu .menu_list li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
header #sp_menu .menu_list li a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  padding: 0.6em 10px 0.6em 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 1480px) {
  header #sp_menu .menu_list li a {
    font-size: 0.8108108108vw;
    padding-right: 0.6756756757vw;
  }
}
header #sp_menu .menu_list li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f0c53e;
}
header #sp_menu .menu_list li a.no_link {
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  header #sp_menu {
    background: none;
    position: fixed;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  header #sp_menu .menu_inner {
    display: block;
    max-width: none;
    min-height: 100%;
  }
  header #sp_menu .menu_half {
    width: 100%;
    min-height: 100%;
    display: none;
    padding: 5.3333333333vw 6.1333333333vw 8vw;
  }
  header #sp_menu .menu_half.tsu {
    background-color: #500000;
  }
  header #sp_menu .menu_half.fukuoka {
    background-color: #006aa0;
  }
  header #sp_menu.show-tsu .menu_half.tsu {
    display: block;
  }
  header #sp_menu.show-fukuoka .menu_half.fukuoka {
    display: block;
  }
  header #sp_menu .menu_sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  header #sp_menu .menu_sns li {
    list-style: none;
    margin: 0 2.1333333333vw;
  }
  header #sp_menu .menu_sns li img {
    display: block;
    width: auto;
    height: 6.1333333333vw;
    filter: brightness(0) invert(1);
  }
  header #sp_menu .menu_btns {
    margin-top: 4.8vw;
  }
  header #sp_menu .menu_btns .btn {
    width: 47%;
  }
  header #sp_menu .menu_btns .btn:nth-child(3) {
    margin: 3.4666666667vw auto 0;
  }
  header #sp_menu .menu_cols {
    flex-wrap: wrap;
    margin-top: 5.3333333333vw;
  }
  header #sp_menu .menu_col {
    width: 47%;
  }
  header #sp_menu .menu_col:nth-child(n+3) {
    margin-top: 5.3333333333vw;
  }
  header #sp_menu .menu_ttl {
    font-size: 4vw;
    margin-bottom: 0.5em;
  }
  header #sp_menu .menu_list li a {
    position: relative;
    font-size: 2.9333333333vw;
    line-height: 1.4;
    padding: 2.4vw 3.2vw 2.4vw 0;
  }
  header #sp_menu .menu_list li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5333333333vw;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8vw 0 0.8vw 1.2vw;
    border-color: transparent transparent transparent #f0c53e;
  }
  header #sp_menu .menu_foot_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 6.6666666667vw;
  }
  header #sp_menu .menu_foot_btns .btn {
    width: 47%;
  }
  header #sp_menu .menu_foot_btns .btn a, header #sp_menu .menu_foot_btns .btn img {
    display: block;
    width: 100%;
  }
}

main {
  padding-top: 80px;
  overflow-x: hidden;
}
@media screen and (max-width: 1480px) {
  main {
    padding-top: 5.4054054054vw;
  }
}
@media screen and (max-width: 768px) {
  main {
    padding-top: 12vw;
  }
}

footer {
  background-color: #000;
}
footer .foot_inner {
  width: 100%;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 0;
}
@media screen and (max-width: 1480px) {
  footer .foot_inner {
    padding-top: 1.2162162162vw;
    padding-bottom: 1.2162162162vw;
  }
}
@media screen and (max-width: 768px) {
  footer .foot_inner {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}
footer .foot_inner .copyright {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 1480px) {
  footer .foot_inner .copyright {
    font-size: 0.8108108108vw;
  }
}
@media screen and (max-width: 768px) {
  footer .foot_inner .copyright {
    font-size: 2.9333333333vw;
  }
}

.btn_top {
  display: inline-block;
  line-height: 0;
}
.btn_top img {
  display: block;
}
.btn_top .pc {
  width: 26.3513513514vw;
}
.btn_top .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .btn_top .pc {
    display: none;
  }
  .btn_top .sp {
    display: block;
    width: 55.6vw;
  }
}

.animate,
.animate2,
.animate3 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
}

.animate.deactive,
.animate2.deactive,
.animate3.deactive {
  opacity: 0;
  transition: 0s;
  transform: translateY(30px);
}/*# sourceMappingURL=style.css.map */