@charset "utf-8";
@import url("reset.css");
@import url("header.css");
@import url("navigation.css");
@import url("../plugin/font/css/font.css");
.h_b {
	margin-top: 0.5em;
	border-top: 1px solid #cccccc
}
.pc {
	display: none
}
.sp {
	display: block
}
@media print, screen and (min-width: 1025px) {
.pc {
	display: block
}
.sp {
	display: none
}
}
.leadbox h2 {
	margin-left: 0;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	text-align: center;
	letter-spacing: 0.1em
}
.leadbox h2 span {
  margin-top: 0;
  display: block;
  font-family: 'arial2';
  color: #707070;
  font-size: 0.6em;
  font-weight: 500;
  letter-spacing: 0
}
.leadbox h2 span::after {
  content: " ―"
}
@media print, screen and (min-width: 768px) {
  .leadbox h2 {
    font-size: 1.7em
  }
  .leadbox h2 span {
    font-size: 0.5em
  }
}
@media print, screen and (min-width: 1025px) {
  .leadbox h2 {
    margin-bottom: 0.8em;
    font-size: 2.4em
  }
  .leadbox h2 span {
    margin-top: 0.4em;
    font-size: 0.4em
  }
}
footer {
  padding: 0.5em 0;
  text-align: center
}
.footer_logo {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: url("../images/logo.svg")center center / 100% 100% no-repeat
}
footer p {
  margin-top: 0.5em;
  font-size: 0.9em
}
@media print, screen and (min-width: 600px) {
footer {
    padding: 0.7em 0;
  }
  .footer_logo {
    width: 100px;
    height: 100px
  }
}
@media print, screen and (min-width: 1025px) {
  footer p {
    font-size: 1em
  }
}
#page-top a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.6rem;
  border: 0.1px solid #E1E1E1;
  background: #fff;
  border-radius: 5px;
  box-shadow: 3px 3px 3px #B6B6B6;
  -webkit-transition: all .3s;
  transition: all .3s
}
#page-top a:hover {
  opacity: 0.5
}
.dli-chevron-up {
  width: 15px;
  height: 15px;
  margin-top: 10px;
  display: block;
  border-top: solid 2px #4c444d;
  border-left: solid 2px #4c444d;
  transform: rotate(45deg)
}
#page-top {
  position: fixed;
  right: 1.5em;
  bottom: 1.5em;
  z-index: 2;
  opacity: 0;
  transform: translateY(100px)
}
#page-top.UpMove {
  animation: UpAnime 0.5s forwards
}
@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}
#page-top.DownMove {
  animation: DownAnime 0.5s forwards
}
@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0)
  }
  to {
    opacity: 1;
    transform: translateY(100px)
  }
}