@charset "UTF-8";
/* CSS Document */

@media print, screen and (min-width: 521px) {
  h3 {
    background-color: #93e2fb;
    padding-left: min(0.78125vw, 10px);
    height: min(3.125vw, 40px);
    line-height: min(3.125vw, 40px);
    border-radius: min(0.78125vw, 10px);
  }

  .recruit-top {
    width: min(100vw, 1280px);
    height: min(23.4375vw, 300px);
  }
  .recuruit-top .title-box {
    width: min(30.625vw, 392px);
    float: left;
    height: min(23.4375vw, 300px);
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    padding-left: min(6.25vw, 80px);
  }
  .recuruit-top .title-box .title-en {
    font-size: min(3.333594vw, 42.67px);
    color: #ce2314;
    font-weight: 600;
    margin-top: min(7.03125vw, 90px);
  }
  .recuruit-top .title-box .title-jp {
    font-size: min(1.667188vw, 21.34px);
  }
  .recuruit-top .title-box .sub-title {
    color: #ce2314;
    font-size: min(1.146094vw, 14.67px);
    border: thin solid #ce2314;
    width: min(7.421875vw, 95px);
    height: auto;
    margin-top: min(2.34375vw, 30px);
    text-align: center;
  }

  .recuruit-top .recuruit-image {
    float: left;
  }
  .recuruit-message-box {
    width: min(100vw, 1280px);
    height: min(15.625vw, 200px);
    background-color: #000000;
    clear: both;

    color: white;
    font-size: min(1.484375vw, 19px);
    padding: min(3.125vw, 40px) min(6.25vw, 80px);
  }
  .recuruit-message-box .message {
    width: min(84.375vw, 1080px);

    font-size: 19pt !important;
  }

  .recuruit-employment-conditions {
    width: min(100vw, 1280px);
    clear: both;
  }

  .recuruit-employment-conditions .contents {
    padding-left: min(1.5625vw, 20px);
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    text-align: left;
    font-size: min(1.458594vw, 18.67px);
  }

  .recuruit-employment-conditions .comment {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    font-size: min(1.25vw, 16px);
    border-color: #89e4f5;
    border-style: solid;
    border-radius: min(1.5625vw, 20px);
    margin-left: min(3.125vw, 40px);
    padding-left: min(1.5625vw, 20px);
    width: 90%;
  }

  .recuruit-employment-conditions .comment .title {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    font-size: min(1.667188vw, 21.34px);
  }

  .recuruit-employment-conditions .comment2 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    font-size: min(1.458594vw, 18.67px);
    border-color: #89e4f5;
    border-style: solid;
    border-radius: min(1.5625vw, 20px);
    margin-left: min(3.125vw, 40px);
    padding-left: min(1.5625vw, 20px);
    width: 90%;
  }

  .recuruit-employment-conditions .appeal {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    font-size: min(1.458594vw, 18.67px);
    padding-left: min(6.25vw, 80px);
    padding-top: min(3.125vw, 40px);
    padding-bottom: min(3.125vw, 40px);
  }
}

@media only screen and (min-width: 0px) and (max-width: 520px) {
  h3 {
    font-size: 4vw;
    background-color: #93e2fb;
    padding-left: 3%;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
  }

  .recruit-top {
    position: relative;
    display: block;
    width: 100%;
  }
  .recuruit-top .title-box {
    width: 100%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    padding-left: 7%;
    padding-bottom: 5%;
    margin-top: -4%;
  }
  .recuruit-top .title-box .title-en {
    font-size: 6vw;
    color: #ce2314;
    font-weight: 600;
    margin-top: 10%;
  }
  .recuruit-top .title-box .title-jp {
    font-size: 3vw;
  }
  .recuruit-top .title-box .sub-title {
    color: #ce2314;
    font-size: 2.6vw;
    border: thin solid #ce2314;
    width: 20%;
    margin-top: 5%;
    text-align: center;
  }

  .recuruit-top .recuruit-image-box {
    float: left;
  }

  .image-box {
    width: 100%;
    height: 100%;
  }

  .r-image {
    width: 100%;
    height: 100%;
  }

  .recuruit-message-box {
    width: 100%;
    background-color: #000000;
    clear: both;
  }
  .recuruit-message-box .message {
    color: #ffffff;
    width: 100%;
    font-size: 5vw;
    padding-top: 7%;
    padding-bottom: 7%;
    font-weight: 600;
    text-align: center;
  }

  .recuruit-employment-conditions {
    width: 100%;
    clear: both;
  }

  .recuruit-employment-conditions .contents {
    padding-left: 7%;
    padding-right: 3%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    text-align: left;
    font-size: 3.2vw;
  }

  .recuruit-employment-conditions .comment {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    font-size: 3vw;
    padding-left: 7%;
    padding-right: 3%;
  }

  .recuruit-employment-conditions .comment .title {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    font-size: 3.2vw;
    padding-right: 3%;
  }

  .recuruit-employment-conditions .comment2 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    font-size: 3.2vw;
    padding-left: 7%;
    padding-right: 3%;
  }
  .recuruit-employment-conditions .appeal {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo,
      sans-serif;
    font-size: 3.2vw;
    padding-left: 7%;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-right: 3%;
  }
}