/*
---------------------------------------------------------------------------------------------------------------------
総合職&管理栄養士・薬剤師職
---------------------------------------------------------------------------------------------------------------------
*/
#jobflame {
  position: relative;
  width: 90%;
  margin: 60px 20px 20px;
  border-radius: 20px; }
  @media (min-width: 768px) {
    #jobflame {
      display: flex;
      border-radius: 50px;
      width: 94%; } }
  @media (min-width: 1024px) {
    #jobflame {
      border-radius: 100px;
      margin: 120px auto 0; } }
  #jobflame.sogo {
    background-color: #FF1B20; }
  #jobflame.yakuzaishi {
    background-color: #83aacc; }
  #jobflame .txt-area {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    margin-top: 20px; }
    @media (min-width: 768px) {
      #jobflame .txt-area {
        margin: auto;
        width: 50%; } }
    @media (min-width: 1024px) {
      #jobflame .txt-area {
        width: 40%; } }
    #jobflame .txt-area .txt-area-in {
      color: #fff;
      width: 90%;
      margin: 0 auto 30px;
      max-width: 500px; }
      @media (min-width: 768px) {
        #jobflame .txt-area .txt-area-in {
          margin: 0; }
          #jobflame .txt-area .txt-area-in.sogo {
            padding: 0 0 0 4%; }
          #jobflame .txt-area .txt-area-in.yakuzaishi {
            padding: 0 4% 0 0; } }
      #jobflame .txt-area .txt-area-in .title h2 {
        font-size: 1.75em;
        line-height: 1.2em; }
        @media (min-width: 1024px) {
          #jobflame .txt-area .txt-area-in .title h2 {
            font-size: 3.0em; } }
      #jobflame .txt-area .txt-area-in .title h3 {
        font-size: 0.8em;
        line-height: 1.2em;
        margin-top: 5px; }
        @media (min-width: 1024px) {
          #jobflame .txt-area .txt-area-in .title h3 {
            font-size: 0.9em;
            margin-top: 10px; } }
      #jobflame .txt-area .txt-area-in h4 {
        font-size: 1.0em;
        font-weight: 400;
        line-height: 1.6em;
        margin-top: 20px; }
        @media (min-width: 1024px) {
          #jobflame .txt-area .txt-area-in h4 {
            font-size: 1.125em;
            margin-top: 40px; } }
      #jobflame .txt-area .txt-area-in .common-btn-type1 {
        margin-top: 20px; }
        @media (min-width: 1024px) {
          #jobflame .txt-area .txt-area-in .common-btn-type1 {
            margin-top: 20px; } }
      #jobflame .txt-area .txt-area-in ul {
        margin-top: 15px; }
        @media (min-width: 1024px) {
          #jobflame .txt-area .txt-area-in ul {
            margin-top: 30px; } }
        #jobflame .txt-area .txt-area-in ul li {
          margin-bottom: 20px; }
          #jobflame .txt-area .txt-area-in ul li:last-child {
            margin-bottom: 0; }
          #jobflame .txt-area .txt-area-in ul li a {
            display: block; }
            #jobflame .txt-area .txt-area-in ul li a:hover .link > img {
              left: 5px; }
            #jobflame .txt-area .txt-area-in ul li a .link > h5::after {
              position: absolute;
              bottom: 0;
              left: 0;
              content: '';
              width: 100%;
              height: 1px;
              background: #fff;
              transform: scale(0, 1);
              transform-origin: right top;
              transition: transform .5s; }
            #jobflame .txt-area .txt-area-in ul li a .link > h5:hover::after {
              transform-origin: left top;
              transform: scale(1, 1); }
            #jobflame .txt-area .txt-area-in ul li a .link {
              display: flex;
              align-items: center;
              position: relative; }
              #jobflame .txt-area .txt-area-in ul li a .link img {
                width: 15px;
                position: absolute;
                left: 0;
                transition: .5s; }
              #jobflame .txt-area .txt-area-in ul li a .link h5 {
                font-size: 0.9em;
                font-weight: 500;
                line-height: 1.2em;
                color: #fff;
                position: relative;
                margin-left: 25px;
                transition: .5s; }
                @media (min-width: 1024px) {
                  #jobflame .txt-area .txt-area-in ul li a .link h5 {
                    font-size: 1.0em; } }
  #jobflame .Slide {
    display: flex;
    justify-content: flex-end;
    padding: 0 2.5%;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }
    @media (min-width: 768px) {
      #jobflame .Slide {
        width: 50%; } }
    @media (min-width: 1024px) {
      #jobflame .Slide {
        width: 60%; } }
    @media (min-width: 768px) {
      #jobflame .Slide.sogo {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-top-left-radius: 0;
        z-index: 10; } }
    @media (min-width: 1024px) {
      #jobflame .Slide.sogo {
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px; } }
    @media (min-width: 768px) {
      #jobflame .Slide.yakuzaishi {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-top-right-radius: 0;
        z-index: 10; } }
    @media (min-width: 1024px) {
      #jobflame .Slide.yakuzaishi {
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px; } }
    #jobflame .Slide .line-box {
      width: 50%;
      padding-right: 10px; }
      @media (min-width: 1024px) {
        #jobflame .Slide .line-box {
          padding-right: 20px; } }
      @media (min-width: 1600px) {
        #jobflame .Slide .line-box {
          width: 50%;
          padding-right: 25px; } }
      #jobflame .Slide .line-box:last-child {
        padding-right: 0; }
      #jobflame .Slide .line-box .line-wrap {
        overflow: hidden;
        height: 50vh; }
        @media (min-width: 1024px) {
          #jobflame .Slide .line-box .line-wrap {
            height: 760px; } }
        #jobflame .Slide .line-box .line-wrap ul {
          margin: 0; }
          #jobflame .Slide .line-box .line-wrap ul li {
            margin-bottom: 10px; }
            @media (min-width: 1024px) {
              #jobflame .Slide .line-box .line-wrap ul li {
                margin-bottom: 20px; } }
            @media (min-width: 1600px) {
              #jobflame .Slide .line-box .line-wrap ul li {
                margin-bottom: 25px; } }
            #jobflame .Slide .line-box .line-wrap ul li img {
              border-radius: 10px; }
              @media (min-width: 1250px) {
                #jobflame .Slide .line-box .line-wrap ul li img {
                  border-radius: 18px; } }
        #jobflame .Slide .line-box .line-wrap ul.line-type1 {
          animation: infinity-scroll-left1 80s infinite linear 0.5s both; }
        #jobflame .Slide .line-box .line-wrap ul.line-type2 {
          animation: infinity-scroll-left2 80s infinite linear 0.5s both; }
@keyframes infinity-scroll-left1 {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-100%); } }
@keyframes infinity-scroll-left2 {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }


.common-btn-type1 a.white, .common-btn-type1 .more.white {
    background-color: #ffffff;
}
.common-btn-type1 a p.yakuzaishi, .common-btn-type1 .more p.yakuzaishi {
    color: #376092;
}
.common-btn-type1 a p, .common-btn-type1 .more p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    line-height: 1.2em;
    color: #fff;
}
.common-btn-type1 a, .common-btn-type1 .more {
    display: inline-block;
    padding: 12px 40px 12px 20px;
    border-radius: 40px;
    background-color: #FF1B20;
    position: relative;
}
.common-btn-type1 a img, .common-btn-type1 .more img {
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    display: flex;
    align-items: center;
    height: 100%;
    transition: .5s;
}
@media screen and (max-width: 768px) {
    .feature {
        padding-top: 0%;
        padding-bottom: 0px;
        position: relative;
    }
}