@charset "UTF-8";
/* Scss Document */
/* CSS Document */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* marginとpadding */
/* コンテンツ部分の最大サイズ */
.mt0 {
  margin-top: 0px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.mt110 {
  margin-top: 110px !important; }

.mt120 {
  margin-top: 120px !important; }

.mt130 {
  margin-top: 130px !important; }

.mt140 {
  margin-top: 140px !important; }

.mt150 {
  margin-top: 150px !important; }

.mt160 {
  margin-top: 160px !important; }

/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSも更新する必要があります。注意してください。
 *
*/
.recruitBtList {
  margin-top: 50px; }
  @media screen and (min-width: 769px) {
    .recruitBtList {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; } }
  @media screen and (min-width: 769px) {
    .recruitBtList li {
      margin-top: 20px;
      width: 48%; } }
  @media screen and (max-width: 768px) {
    .recruitBtList li {
      margin-top: 10px;
      width: 100%; } }
  @media screen and (min-width: 769px) {
    .recruitBtList li:nth-child(even) {
      margin-left: 4%; } }
  .recruitBtList a {
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%20100.3%22%20width%3D%2250%22%20height%3D%22100.3%22%20preserveAspectRatio%3D%22xMinYMid%22%3E%3Cpolygon%20points%3D%2250%2050.2%200%200%200%20100.3%2050%2050.2%22%20fill%3D%22%231c2585%22%2F%3E%3C%2Fsvg%3E");
    background-size: 5px 9px;
    padding: .8em 3%;
    background-repeat: no-repeat;
    background-position: right 3% top 45%;
    text-align: left;
    font-weight: 900;
    transition: all 0.5s ease 0s;
    border: solid 1px #1c2585; }
  .recruitBtList a:hover {
    background-color: #1c2585;
    transition: all 0.5s ease 0s;
    color: #FFF;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%20100.3%22%20width%3D%2250%22%20height%3D%22100.3%22%20preserveAspectRatio%3D%22xMinYMid%22%3E%3Cpolygon%20points%3D%2250%2050.2%200%200%200%20100.3%2050%2050.2%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E"); }

table.sum {
  margin-top: 50px; }
  @media screen and (min-width: 769px) {
    table.sum th {
      width: 20%; } }
  @media screen and (max-width: 768px) {
    table.sum th {
      width: 10em;
      padding: .8em;
      white-space: nowrap; } }
  @media screen and (min-width: 769px) {
    table.sum td {
      width: 80%; } }
  @media screen and (max-width: 768px) {
    table.sum td {
      width: calc( 100% - 10em);
      padding: .8em; } }

.ml1 {
  margin-left: 1em;
  margin-top: .5em;
  line-height: 1.8; }

/* ------------------------------
250121Add TOP求人情報掲載
------------------------------*/
.recruitBtList.btnSingle {
  justify-content: center; }

/* バス運転手募集要項について */
@media screen and (min-width: 769px) {
  #textblocks.recruit-driver #pageTitle {
    background-image: url("/common/img/recruit/titlebg_textblocks-driver.jpg"); } }

@media screen and (max-width: 768px) {
  #textblocks.recruit-driver #pageTitle .inner {
    background-image: url("/common/img/recruit/titlebg_textblocks-driver.jpg"); } }

/* 自動車整備士募集要項について */
@media screen and (min-width: 769px) {
  #textblocks.recruit-mechanic #pageTitle {
    background-image: url("/common/img/recruit/titlebg_textblocks-mechanic.jpg"); } }

@media screen and (max-width: 768px) {
  #textblocks.recruit-mechanic #pageTitle .inner {
    background-image: url("/common/img/recruit/titlebg_textblocks-mechanic.jpg"); } }
