#top .recruit-ttl {
  position: relative;
  margin-bottom: 5.490483162518302vw;
  margin-left: 3.6603221083455346vw; }
  @media (max-width: 768px) {
    #top .recruit-ttl {
      margin-bottom: 10.666666666666668vw;
      margin-left: 5.333333333333334vw; } }
  #top .recruit-ttl .photo img {
    width: 100%;
    border-top-left-radius: 2.1961932650073206vw;
    border-bottom-left-radius: 2.1961932650073206vw; }
    @media (max-width: 768px) {
      #top .recruit-ttl .photo img {
        border-top-left-radius: 2.666666666666667vw;
        border-bottom-left-radius: 2.666666666666667vw; } }
  #top .recruit-ttl .ttl {
    position: absolute;
    left: 4.026354319180088vw;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 768px) {
      #top .recruit-ttl .ttl {
        left: 4vw; } }
    #top .recruit-ttl .ttl .eng {
      font-size: 5.856515373352855vw;
      font-family: "Roboto", sans-serif;
      font-weight: 100;
      color: #FF5800; }
      @media (max-width: 768px) {
        #top .recruit-ttl .ttl .eng {
          font-size: 9.866666666666667vw; } }
    #top .recruit-ttl .ttl .jap {
      font-size: 1.3177159590043925vw;
      color: #7C7C7C;
      font-weight: 400;
      letter-spacing: .2em;
      margin-top: .5em; }
      @media (max-width: 768px) {
        #top .recruit-ttl .ttl .jap {
          font-size: 4.8vw; } }
#top .top-txt .copy {
  font-size: 4.24597364568082vw;
  color: #FF5800;
  font-weight: 500;
  line-height: 1.37;
  text-align: center; }
  @media (max-width: 768px) {
    #top .top-txt .copy {
      font-size: 8.266666666666666vw; } }
#top .top-txt .subcopy {
  font-size: 2.049780380673499vw;
  color: #FF5800;
  line-height: 1.42;
  text-align: center;
  margin-bottom: 4.392386530014641vw; }
  @media (max-width: 768px) {
    #top .top-txt .subcopy {
      font-size: 4.266666666666667vw;
      margin-bottom: 5.333333333333334vw; } }
#top .top-txt .txt {
  font-size: 1.3177159590043925vw;
  line-height: 2.2;
  margin-bottom: 3.6603221083455346vw; }
  @media (max-width: 768px) {
    #top .top-txt .txt {
      font-size: 3.2vw;
      margin-bottom: 13.333333333333334vw;
      line-height: 1.91; } }
#top .job {
  margin-bottom: 10.248901903367496vw; }
  @media (max-width: 768px) {
    #top .job {
      margin-bottom: 26.666666666666668vw; } }
  #top .job-ttl {
    border-left: 1.2445095168374818vw solid #FF5800;
    padding-left: 0.7320644216691069vw;
    margin-bottom: 3.6603221083455346vw; }
    @media (max-width: 768px) {
      #top .job-ttl {
        border-left-width: 2.1333333333333333vw;
        padding-left: 2.1333333333333333vw;
        margin-bottom: 14.666666666666666vw; } }
    #top .job-ttl .jap {
      font-size: 1.3177159590043925vw;
      color: #7C7C7C;
      letter-spacing: .2em;
      font-weight: 300;
      margin-bottom: 1.0rem;
      margin-left: .5rem; }
      @media (max-width: 768px) {
        #top .job-ttl .jap {
          font-size: 3.2vw;
          margin-left: 0;
          margin-bottom: .5rem; } }
    #top .job-ttl .eng {
      font-family: "Roboto", sans-serif;
      font-size: 7.320644216691069vw;
      font-weight: 100;
      color: #FF5800;
      line-height: 0.75; }
      @media (max-width: 768px) {
        #top .job-ttl .eng {
          font-size: 11.466666666666667vw;
          line-height: 0.9; } }
  #top .job-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (max-width: 768px) {
      #top .job-list {
        display: block; } }
    #top .job-list__item {
      width: 47.7%;
      margin-right: 4.6%;
      margin-bottom: 4.026354319180088vw; }
      @media (max-width: 768px) {
        #top .job-list__item {
          width: 100%;
          margin-right: 0;
          margin-bottom: 12vw; } }
      #top .job-list__item a {
        text-decoration: none; }
        #top .job-list__item a .photo {
          margin-bottom: 1.0980966325036603vw; }
          @media (max-width: 768px) {
            #top .job-list__item a .photo {
              margin-bottom: 2.666666666666667vw; } }
          #top .job-list__item a .photo img {
            width: 100%;
            border-radius: 0.7320644216691069vw; }
            @media (max-width: 768px) {
              #top .job-list__item a .photo img {
                border-radius: 2.666666666666667vw; } }
        #top .job-list__item a .name-btn {
          display: flex;
          justify-content: space-between;
          align-items: flex-start; }
          @media (max-width: 768px) {
            #top .job-list__item a .name-btn {
              flex-flow: column;
              align-items: center;
              text-align: center; } }
          #top .job-list__item a .name-btn .name {
            font-size: 2.049780380673499vw;
            font-weight: 500;
            line-height: 1.42;
            color: #101010; }
            @media (max-width: 768px) {
              #top .job-list__item a .name-btn .name {
                font-size: 5.333333333333334vw; } }
            #top .job-list__item a .name-btn .name span {
              display: block;
              font-size: 1.3177159590043925vw;
              font-weight: 400;
              color: #7C7C7C; }
              @media (max-width: 768px) {
                #top .job-list__item a .name-btn .name span {
                  font-size: 3.733333333333334vw;
                  margin: 1.3333333333333335vw 0 2.666666666666667vw; } }
          #top .job-list__item a .name-btn .c_button01 {
            width: 10.54172767203514vw;
            height: 2.2693997071742316vw;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 0.5124450951683748vw 0 1.2445095168374818vw;
            color: #fff;
            font-size: 0.951683748169839vw;
            text-decoration: none;
            background-color: #194DA8;
            border-radius: 1.4641288433382138vw;
            line-height: 0;
            letter-spacing: -0.1em; }
            @media (max-width: 768px) {
              #top .job-list__item a .name-btn .c_button01 {
                width: 38.4vw;
                height: 8.266666666666666vw;
                font-size: 3.733333333333334vw;
                border-radius: 5.333333333333334vw;
                padding: 0 1.866666666666667vw 0 4.533333333333333vw; } }
            #top .job-list__item a .name-btn .c_button01 img {
              width: 1.4641288433382138vw; }
              @media (max-width: 768px) {
                #top .job-list__item a .name-btn .c_button01 img {
                  width: 5.333333333333334vw; } }
        #top .job-list__item a:hover {
          opacity: .6; }
      #top .job-list__item:nth-child(2n) {
        margin-right: 0; }
#top .contact {
  background-color: #194DA8;
  color: #fff;
  padding: 5.124450951683748vw 0 3.294289897510981vw;
  display: flex;
  flex-flow: column;
  align-items: center; }
  @media (max-width: 768px) {
    #top .contact {
      padding: 10.666666666666668vw 5.333333333333334vw 16vw; } }
  #top .contact .t_ttl01 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #B4B4B4;
    margin: 0 0 1.4641288433382138vw;
    padding-bottom: 0.7320644216691069vw; }
    @media (max-width: 768px) {
      #top .contact .t_ttl01 {
        flex-flow: column;
        margin-bottom: 5.333333333333334vw;
        padding-bottom: 5.333333333333334vw;
        text-align: center; } }
    #top .contact .t_ttl01 .eng {
      font-size: 7.320644216691069vw;
      font-family: "Roboto", sans-serif;
      font-weight: 100; }
      @media (max-width: 768px) {
        #top .contact .t_ttl01 .eng {
          font-size: 8vw; } }
    #top .contact .t_ttl01 .jpg {
      font-size: 1.3177159590043925vw;
      font-weight: 400;
      line-height: 1.44;
      letter-spacing: .2em;
      margin-left: 2.562225475841874vw; }
      @media (max-width: 768px) {
        #top .contact .t_ttl01 .jpg {
          font-size: 3.733333333333334vw;
          margin-left: 0;
          margin-top: 2.666666666666667vw; } }
  #top .contact .txt-tel .txt {
    font-size: 1.3177159590043925vw;
    line-height: 1.72;
    text-align: center;
    margin-bottom: 1.4641288433382138vw; }
    @media (max-width: 768px) {
      #top .contact .txt-tel .txt {
        font-size: 2.666666666666667vw;
        line-height: 1.7;
        margin-bottom: 2.666666666666667vw; } }
  #top .contact .txt-tel .tel {
    font-size: 4.392386530014641vw;
    font-family: "Roboto", sans-serif;
    text-align: center;
    margin-bottom: 1.0980966325036603vw; }
    @media (max-width: 768px) {
      #top .contact .txt-tel .tel {
        font-size: 6.666666666666667vw; } }
    #top .contact .txt-tel .tel a {
      text-decoration: none;
      color: #fff; }
  #top .contact .txt-tel .point {
    text-align: center;
    font-size: 1.171303074670571vw; }
    @media (max-width: 768px) {
      #top .contact .txt-tel .point {
        font-size: 3.2vw; } }