@charset "UTF-8";
.kinds {
  margin: 20px auto 0; }
  @media (min-width: 768px) {
    .kinds {
      width: 96%; } }

.page-joblist {
  margin-top: 40px; }
  @media (min-width: 1024px) {
    .page-joblist {
      margin-top: 60px; } }
  .page-joblist .title h1 {
    font-size: 1.8em;
    text-align: center;
    color: #fff; }
    @media (min-width: 1024px) {
      .page-joblist .title h1 {
        font-size: 4.0em; } }
  .page-joblist ul.joblist {
    margin-top: 40px; }
    @media (min-width: 1024px) {
      .page-joblist ul.joblist {
        margin-top: 80px; } }
    @media (min-width: 1250px) {
      .page-joblist ul.joblist {
        margin-top: 100px; } }
    .page-joblist ul.joblist li.joblist-li {
      margin-bottom: 80px;
      position: relative; }
      .page-joblist ul.joblist li.joblist-li:last-child {
        margin-bottom: 0; }
      .page-joblist ul.joblist li.joblist-li .joblist-box {
        position: relative;
        max-width: 1600px;
        margin: auto;
        width: 90%; }
        .page-joblist ul.joblist li.joblist-li .joblist-box .contents {
          margin-top: 20px; }
          @media (min-width: 768px) {
            .page-joblist ul.joblist li.joblist-li .joblist-box .contents {
              position: absolute;
              top: -20px;
              bottom: 0;
              left: 0;
              display: flex;
              align-items: center;
              width: 60%;
              margin-top: 10px; } }
          @media (min-width: 1250px) {
            .page-joblist ul.joblist li.joblist-li .joblist-box .contents {
              top: 0; } }
          .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .txt {
            color: #fff; }
            .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .txt h2 {
              font-size: 1.8em; }
              @media (min-width: 768px) {
                .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .txt h2 {
                  font-size: 2.6em; } }
              @media (min-width: 1250px) {
                .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .txt h2 {
                  font-size: 4.0em; } }
            .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .txt h3 {
              font-size: 1.0em;
              margin-top: 10px; }
              @media (min-width: 1024px) {
                .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .txt h3 {
                  font-size: 1.25em;
                  margin-top: 20px; } }
            .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .txt h4 {
              font-size: 0.8em;
              font-weight: normal;
              line-height: 1.4em;
              margin-top: 5px; }
              @media (min-width: 1024px) {
                .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .txt h4 {
                  font-size: 0.9em;
                  margin-top: 10px; } }
          .page-joblist ul.joblist li.joblist-li .joblist-box .contents .contents-in .common-btn-type1 {
            margin-top: 20px; }
        @media (min-width: 768px) {
          .page-joblist ul.joblist li.joblist-li .joblist-box .photo {
            width: 70%;
            margin-left: auto; } }
        .page-joblist ul.joblist li.joblist-li .joblist-box .photo img {
          border-radius: 5px; }
          @media (min-width: 1024px) {
            .page-joblist ul.joblist li.joblist-li .joblist-box .photo img {
              border-radius: 10px; } }

/*
---------------------------------------------------------------------------------------------------------------------
文字自動横スクロール（電光掲示板）
---------------------------------------------------------------------------------------------------------------------
*/
#repeat-txt {
  position: relative;
  top: -15.3em; }
  @media (min-width: 768px) {
    #repeat-txt {
      top: -1em; } }
  @media (min-width: 1250px) {
    #repeat-txt {
      top: -2em; } }
  #repeat-txt .loop {
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #fff;
    width: 100%;
    white-space: nowrap;
    z-index: 1; }
    #repeat-txt .loop ul.loop-area {
      display: flex;
      animation: loop-slide 180s infinite linear 1s both;
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 1.125em;
      font-weight: 900; }
      @media (min-width: 1024px) {
        #repeat-txt .loop ul.loop-area {
          font-size: 2.0em; } }
      #repeat-txt .loop ul.loop-area li {
        display: inline-block;
        padding-right: 10px; }
@keyframes loop-slide {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }