@charset 'UTF-8';

.pagetop2 {
	position: fixed;
	bottom: 0px;
	width: 100%;
	/*background: rgba(47, 46, 57, 0.75);*/
	text-align: center;
	/*padding: 1% 0 1%;*/
	display: none;
  z-index: 100;
  transition: 0.5s;
}

.pagetop2 div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 56%;
  margin: 0 auto;
}


.pagetop2 a {
	color: #fff;
	text-decoration: none;
  width: 32%;
}

.pagetop2 .line_b_n, .pagetop2 .web_b_n {
      width: 49%;
    }

@media screen and (max-width: 767px) {
    .pagetop2 div {
      width: 96%;
      margin: 0 auto;
    }
   /* .pagetop2 {*/
	  /*padding: 2% 0;*/
   /* }*/
    .pagetop .tel_b,
    .pagetop3 .tel_b {
      width: 47%;
    }
    .pagetop2 .line_b, .pagetop2 .web_b {
      width: 26%;
    }
    .pagetop2 a {
      padding: 0 1%;
    }
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}

.pagetop2.UpMove2{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

.pagetop2.DownMove2{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(400px);
  }
}