@charset "utf-8";
/* CSS Document */
/* ページトップ */
.site_link {
  background: #E3E9F1;
  justify-content: center;
  font-size: 0.7em;
 font-weight:700;
  padding:5px;
}
.site_link div:first-child {
  margin-right: 20px;
}
.site_link a {
  color: #024e8f;
  border-bottom: solid 1px;
  padding: 2px;
}
.foot_link {
  justify-content: center;
  font-size: 0.7em;
}
.foot_link div:first-child {
  margin-right: 20px;
}
.foot_link a {
  color: #2c2e35;
}
#pagetop {
  bottom: 15vh;
  position: fixed;
  right: 8vw;
  cursor: pointer;
}
.footer_wrap {
  background: #2c2e35;
  color: #fff;
  font-size: 12px;
}
#pagetop .text {
  position: fixed;
  -webkit-animation: rotate-2d 15s linear infinite;
  animation: 15s rotate-2d linear infinite;
}
@keyframes rotate-2d {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*==========================
          tablet
========================== */
/* ------ 1080px以下 ------- */
@media (max-width: 1080px) {
  #pagetop {
    bottom: 8vh;
    right: 8vw;
  }
}
/*==========================
          tablet　mini
========================== */
@media only screen and (min-width: 600px) and (max-width: 781px) {
  #pagetop {
    bottom: 10vh;
    right: 10vw;
  }
}
/*==========================
            SP
========================== */
/* ------ 500px以下 ------- */
@media (max-width: 500px) {
  .site_link {
    flex-direction: column;
    align-items: center;
    padding:10px;
   }
   .site_link div:first-child {
     margin-right: 0;
     margin-bottom: 10px;
   }
  /*テキスト*/
  .footer_wrap p {
    font-size: 12px;
  }
  #pagetop {
    bottom: 13vh;
    right: 19vw;
  }
}