@charset "utf-8";

/* ------------------------------ recruit */
.navigationList>li a.blank {
  display: inline-block;
  padding: 0 14px 0 0;
  background: url(/recruit/common/img/icon_blank_black.svg) no-repeat 100%;
}

.modalMenu .modalNavigation>li a.blank::after {
  display: inline-block;
  padding: 0 14px 0 0;
  background: url(/recruit/common/img/icon_blank_black.svg) no-repeat 100%;
}

@media only screen and (min-width: 768px) {
  .footerSiteMap .footerBlock .menu-lv1.menu-home.mt-0 {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .sectionHomeRecruitment {
    margin: 0;
  }
}

.ghostButton.fill>a {
  background-color: #fff;
  color: #000;
  border: none;
}

.ghostButton.fill>a::after {
  background: #722d80;
}

.ghostButton.fill.blank>a span {
  background: none;
  position: relative;
}

.ghostButton.fill.blank>a span::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 0;
  width: 9px;
  height: 7px;
  transform: translateY(-50%);
  -webkit-mask-image: url("/recruit/common/img/icon_blank_black.svg");
  mask-image: url("/recruit/common/img/icon_blank_black.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: 100% 50%;
  background: #000;
  transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ghostButton.fill>a:hover {
  color: #fff;
}

.ghostButton.fill.blank>a:hover span::after {
  background: #fff;
}
