.mt_0 {
  margin-top:0!important;
}
.mt_5 {
  margin-top:5px!important;
}
.mt_10 {
  margin-top:10px!important;
}
.mt_15 {
  margin-top:15px!important;
}
.mt_20 {
  margin-top:20px!important;
}
.mt_30 {
  margin-top:30px!important;
}
.mt_40 {
  margin-top:40px!important;
}
.mt_50 {
  margin-top:50px!important;
}
.mt_60 {
  margin-top:60px!important;
}
.mt_70 {
  margin-top:70px!important;
}
.mt_80 {
  margin-top:80px!important;
}
.mt_90 {
  margin-top:90px!important;
}
.mt_100 {
  margin-top:100px!important;
}
.mr_0 {
  margin-right:0!important;
}
.mr_10 {
  margin-right:10px!important;
}
.mr_20 {
  margin-right:20px!important;
}
.mr_30 {
  margin-right:30px!important;
}
.mb_5 {
  margin-bottom:5px!important;
}
.mb_10 {
  margin-bottom:10px!important;
}
.mb_20 {
  margin-bottom:20px!important;
}
.mb_30 {
  margin-bottom:30px!important;
}
.mb_40 {
  margin-bottom:40px!important;
}
.mb_50 {
  margin-bottom:50px!important;
}
.mb_60 {
  margin-bottom:60px!important;
}
.mb_70 {
  margin-bottom:70px!important;
}
.mb_80 {
  margin-bottom:80px!important;
}
.mb_90 {
  margin-bottom:90px!important;
}
.mb_100 {
  margin-bottom:100px!important;
}
.ml_10 {
  margin-left:10px!important;
}
.ml_20 {
  margin-left:20px!important;
}
.ml_30 {
  margin-left:30px!important;
}
.pt_0 {
  padding-top:0!important;
}
.pt_5 {
  padding-top:5px!important;
}
.pt_10 {
  padding-top:10px!important;
}
.pt_15 {
  padding-top:15px!important;
}
.pt_20 {
  padding-top:20px!important;
}
.pt_30 {
  padding-top:30px!important;
}
.pt_50 {
  padding-top:50px!important;
}
.pr_0 {
  padding-right:0!important;
}
.pr_10 {
  padding-right:10px!important;
}
.pr_20 {
  padding-right:20px!important;
}
.pr_30 {
  padding-right:30px!important;
}
.pb_5 {
  padding-bottom:5px!important;
}
.pb_10 {
  padding-bottom:10px!important;
}
.pb_20 {
  padding-bottom:20px!important;
}
.pb_30 {
  padding-bottom:30px!important;
}
.pl_10 {
  padding-left:10px!important;
}
.pl_20 {
  padding-left:20px!important;
}
.pl_30 {
  padding-left:30px!important;
}
.en {
  font-family:Antonio,sans-serif;
}
.categories {
  display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.categories .elm-btn {
  display:block;
    width:100%;
    font-weight:500;
    background:#fff;
    border:2px solid #41413c;
}
.categories .elm-btn span {
  color:#000;
    font-weight:700;
}
.categories .elm-btn.active {
  background:#000;
    border:1px solid #41413c;
}
.categories .elm-btn.active span {
  color:#ffffff;
}
.categories .elm-btn:after {
  position:absolute;
    top:50%;
    z-index:3;
    transform:translateY(-50%);
    content:"";
    font-family:myfont,sans-serif;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#ff8b00;
    transition-property:color;
    transition-duration:.26s;
    transition-timing-function:cubic-bezier(.25,.46,.45,.94);
}
.elm-btn {
  display:inline-block;
    position:relative;
    overflow:hidden;
    background:#282823;
    font-weight:700;
    text-align:center;
    width:280px;
    letter-spacing:.05em;
    font-feature-settings:"palt" 1;
    font-size:1rem;
    line-height:2.5;
    padding:calc(28px - .75em) 0;
    margin-right:auto;
    display:block;
    margin-left:auto;
}
.elm-btn.is-orange {
  background:#ea6f00;
}
.elm-btn.is-orange:before {
  background:#282823;
}
.elm-btn.is-orange:hover:before {
  width:120%;
}
.elm-btn:before {
  content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    transform-origin:top left;
    transform:skewX(-25deg);
    width:0;
    height:101%;
    background:#ea6f00;
    transition-property:width;
    transition-duration:.26s;
    transition-timing-function:cubic-bezier(.25,.46,.45,.94);
}
.elm-btn:hover:before {
  width:120%;
}
.elm-btn span {
  position:relative;
    z-index:2;
    color:#ffffff;
}
.elm-sectionttl.center,.hedding-03 {
  text-align:center;
}
.hedding-03 {
  color:#ea6f00;
    font-family:Antonio,sans-serif;
    font-size:2rem;
    line-height:1.5625;
    margin-top:-.28125em;
    margin-bottom:-.28125em;
    border-bottom:2px solid #ea6f00;
    padding-bottom:2px;
    display:inline;
}
.hedding-03 span {
  display:block;
    color:#41413c;
    font-size:.9375rem;
    line-height:1.86667;
    margin-top:calc(10px - .43333em);
    margin-bottom:-.43333em;
}
.btn-block {
  text-align:center;
    position:relative;
    z-index:1;
}
.btn-block .btn {
  padding:24px;
    max-width:400px;
    color:#ea6f00;
    background-color:#ffffff;
    border:2px solid #ea6f00;
    display:block;
    position:relative;
    transition:all .3s ease-in-out;
    font-size:1.125rem;
    line-height:1.88889;
    margin:-.44444em auto;
}
.btn-block .btn:after {
  content:"";
    background:url(/wp-content/themes/recruit-rakus/assets/img/engineer/icon_arrow_orange.svg) no-repeat;
    display:inline-block;
    width:36px;
    height:18px;
    background-size:contain;
    position:absolute;
    top:50%;
    right:12px;
    transform:translateY(-50%);
    transition:all .3s ease-in-out;
}
.btn-block .btn:hover {
  background-color:#ea6f00;
    color:#ffffff;
}
.btn-block .btn:hover:after {
  background:url(/wp-content/themes/recruit-rakus/assets/img/engineer/icon_arrow_white.svg) no-repeat;
    right:4px;
    background-size:contain;
}
@media (min-width:769px) {
  .only-sp {
    display:none!important;
  }
  .categories {
    margin:-10px -15px -2px;
  }
  .categories li {
    width:calc(16% - 30px);
        margin:10px 15px;
  }
  .categories .elm-btn {
    font-size:.875rem;
        line-height:1.42857;
        padding-top:calc(19px - .21429em);
        padding-bottom:calc(19px - .21429em);
  }
  .categories .elm-btn:after {
    right:10px;
        font-size:20px;
        transform:translateY(-50%) scale(.6);
  }
  .elm-sectionttl {
    padding-left:20px;
        letter-spacing:.02em;
        font-weight:700;
        font-size:28px;
        margin:0 0 38px;
        line-height:1.5;
  }
  .elm-sectionttl.border-bottom {
    padding-bottom:15px;
        padding-left:0;
        border-bottom:3px solid #41413c;
  }
  .elm-sectionsubttl {
    margin-top:38px;
        margin-bottom:30px;
        padding:15px 20px;
        background-color:#f0f0f0;
        color:#383838;
        letter-spacing:.02em;
        font-size:20px;
        font-weight:700;
  }
}
@media (max-width:768px) {
  .only-pc {
    display:none!important;
  }
  .categories {
    margin:-1.5625vw;
  }
  .categories li {
    width:50%;
        margin:1.5625vw 0;
        padding:0 1.5625vw;
  }
  .categories .elm-btn {
    font-size:3.4375vw;
        line-height:1.63636;
        padding-top:4.0625vw;
        padding-bottom:4.0625vw;
  }
  .categories .elm-btn:after {
    right:1.5625vw;
        font-size:1.5625vw;
  }
  .elm-sectionttl {
    padding-left:20px;
        letter-spacing:.02em;
        font-weight:700;
        font-size:16px;
        margin:0 0 30px;
        line-height:1.5;
  }
  .elm-sectionttl.border-bottom {
    padding-bottom:15px;
        border-bottom:3px solid #41413c;
  }
  .elm-sectionsubttl {
    margin-top:30px;
        margin-bottom:20px;
        padding:15px 20px;
        background-color:#f0f0f0;
        color:#383838;
        letter-spacing:.02em;
        font-size:14px;
        font-weight:700;
  }
  .btn-block .btn {
    width:90%;
  }
}