body.page-template-top #experience {
  margin-top: 7rem;
  margin-bottom: 9rem;
}
body.page-template-top #experience .link a {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
body.page-template-top #experience .link a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: 0.3s ease background-color;
  transition: 0.3s ease background-color;
}
body.page-template-top #experience .link a img {
  display: block;
}
body.page-template-top #experience .link a .bg {
  -webkit-transition: 0.3s ease transform;
  transition: 0.3s ease transform;
}
body.page-template-top #experience .link a .ol {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
@media print, screen and (min-width: 768px) {
  body.page-template-top #experience .link a:active::before, body.page-template-top #experience .link a:hover::before {
    background-color: rgba(0, 0, 0, 0.4);
  }
  body.page-template-top #experience .link a:active .bg, body.page-template-top #experience .link a:hover .bg {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
body.page-template-top #experience .link .txt01 {
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  line-height: 1.8666666667;
  text-align: center;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  body.page-template-top #experience {
    margin-top: 8rem;
    margin-bottom: 14rem;
  }
  body.page-template-top #experience .link .txt01 {
    font-size: 3rem;
  }
}/*# sourceMappingURL=add.css.map */