@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
ページ
---------------------------------------------------------------------------------------------------------------------
*/
#page-header {
  position: relative; }
  @media (min-width: 1024px) {
    #page-header {
      margin-top: 100px; } }
  #page-header img {
    vertical-align: bottom; }
  #page-header::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    mix-blend-mode: multiply;
    z-index: 1; }
  #page-header .page-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10; }
    #page-header .page-title .page-title-in {
      text-align: center;
      color: #fff;
      margin-top: -16px; }
      #page-header .page-title .page-title-in h2 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 900;
        font-size: 2.0em;
        line-height: 1.0em; }
        @media (min-width: 768px) {
          #page-header .page-title .page-title-in h2 {
            font-size: 3.0em; } }
        @media (min-width: 1250px) {
          #page-header .page-title .page-title-in h2 {
            font-size: 4.0em; } }
      #page-header .page-title .page-title-in h3 {
        font-family: "M PLUS 1p", serif;
        font-size: 1.0em;
        line-height: 1.2em;
        margin-top: -5px; }
        @media (min-width: 768px) {
          #page-header .page-title .page-title-in h3 {
            font-size: 1.25em; } }
        @media (min-width: 1250px) {
          #page-header .page-title .page-title-in h3 {
            font-size: 1.5em; } }

.page-copy h2 {
  font-family: "M PLUS 1p", serif;
  font-size: 1.125em;
  line-height: 1.6em; }
  @media (min-width: 1024px) {
    .page-copy h2 {
      font-size: 1.8em; } }
  @media (min-width: 1250px) {
    .page-copy h2 {
      font-size: 2.0em; } }

.recruitment-title {
  margin: 10px 0 0 0; }

.BusinessTitle {
  padding: 0 0px; }
  .BusinessTitle h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 2.2em;
    line-height: 0.8em; }
    @media (min-width: 1024px) {
      .BusinessTitle h2 {
        font-size: 4.0em; } }

.isActive {
  display: flex;
  align-items: center; }
  .isActive:after {
    border-top: 1px solid #999;
    content: "";
    width: 100%;
    margin-left: 1em;
    animation: border_anim 1.5s linear forwards; }
@keyframes border_anim {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
.borderAnime {
  position: relative; }

.borderAnime:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border: 8px solid #ffe51d;
  border-image-slice: 1;
  animation: border_anim 1.0s linear forwards;
  transition-timing-function: ease-out;
  z-index: -10; }

@keyframes border_anim {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }