@charset "UTF-8";
/* ------------------------------
site_ft
------------------------------ */
#site_ft {
  position: relative;
  padding: .82rem 0 .5rem;
  background: #000;
  z-index: 99;
}

#site_ft a:not(.ft_txt a) {
  display: block;
  -webkit-transition: -webkit-filter .4s;
  transition: -webkit-filter .4s;
  transition: filter .4s;
  transition: filter .4s, -webkit-filter .4s
}

@media(hover: hover) {
  #site_ft a:not(.ft_txt a):hover {
      -webkit-filter:brightness(80%);
      filter: brightness(80%)
  }
}

@media(hover: none) {
  #site_ft a:not(.ft_txt a):active {
      -webkit-filter:brightness(80%);
      filter: brightness(80%)
  }
}

#site_ft .ft_guide {
  position: relative;
  display: grid;
  gap: .5rem;
  width: 6rem;
  padding: 0 0 .88rem;
  margin: 0 auto .48rem
}

#site_ft .ft_guide::before {
  position: absolute;
  bottom: 0;
  left: calc(50% - 4.7rem);
  width: 9.4rem;
  height: .06rem;
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(rgba(80, 106, 137, 0)), color-stop(30%, #506a89), color-stop(80%, #506a89), to(rgba(80, 106, 137, 0)));
  background: linear-gradient(90deg, rgba(80, 106, 137, 0) 0%, #506a89 30%, #506a89 80%, rgba(80, 106, 137, 0) 100%)
}

#site_ft .ft_logo_fgo {
  position: relative;
  left: .18rem;
  width: 7.14rem;
  margin: 0 auto .5rem
}

#site_ft .ft_dl {
  display: grid;
  grid-template-columns: 3.26rem 4.05rem;
  gap: .3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto .8rem
}

#site_ft .ft_sns {
  display: grid;
  place-items: center;
  max-width: 12.8rem;
  padding: .46rem 0;
  margin: 0 auto .64rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(36, 36, 36, 0)), color-stop(30%, #242424), color-stop(80%, #242424), to(rgba(36, 36, 36, 0)));
  background: linear-gradient(90deg, rgba(36, 36, 36, 0) 0%, #242424 30%, #242424 80%, rgba(36, 36, 36, 0) 100%)
}

#site_ft .ft_sns ul {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: .38rem
}

#site_ft .ft_sns a {
  width: 4.07rem;
  margin: auto
}

#site_ft .ft_txt {
  font-size: .28rem;
  line-height: 1.5;
  color: #fff;
  text-align: center
}

#site_ft .ft_txt ul {
  margin: 0 0 .6rem
}

#site_ft .ft_txt li+li {
  margin: .2rem 0 0
}

#site_ft .ft_txt a {
  text-decoration: underline
}

@media(hover: hover) {
  #site_ft .ft_txt a:hover {
      text-decoration:none
  }
}

@media(hover: none) {
  #site_ft .ft_txt a:active {
      text-decoration:none
  }
}

#site_ft .ft_txt p {
  margin: 0 0 .4rem
}

#site_ft .ft_txt small {
  font-size: .24rem
}