@charset "utf-8";

/*====================================================================================================

  採用情報

====================================================================================================*/


/*--------------------------------------------------------------------------------
  急募
--------------------------------------------------------------------------------*/

.kyubo-label {
  display:inline-block;
  background-color:#e23e43;
  color:#fff;
  line-height:1.2;
  margin-left:0.75em;
  border-radius:3px;
  padding:0.2em 0.4em;
  -webkit-animation:label_flash 1s infinite;
  animation:label_flash 1s infinite;
}

@keyframes label_flash {
  0%,100% { opacity:0; }
  80% { opacity:1; }
}

@-webkit-keyframes label_flash {
  0%,100% { opacity:0; }
  80% { opacity:1; }
}

/*----------------------------------------------------------------------------------------------------

  一覧
  
----------------------------------------------------------------------------------------------------*/

.listBox {
  border:2px solid #4dc5f3;
  border-radius:5px;
  line-height:1.5;
  overflow:hidden;
}

.listBox__syokusyu {
  background-color:#e5f7ff;
  border-bottom:1px solid #a9e0f5;
  display:block;
  color:inherit;
}

.listBox__syokusyu,
.listBox__syokusyu:visited,
.listBox__syokusyu:hover {
  text-decoration:none;
}

.listBox__syokusyu:visited {
  color:inherit;
}

.listBox__syokusyu .p-iconTxt__mk {
  display:block;
}

.listBox__syokusyu .p-iconTxt__mk:after {
  width:0.7em;
  height:0.7em;
  top:0.6em;
  border-width:2px;
}

.syokusyu__name {
  font-size:1.2em;
  font-weight:700;
}

@media print,screen and (min-width:641px) {
  .listBox:not(:first-child) {
    margin-top:2rem;
  }

  .listBox__syokusyu {
    padding:1em 1.25rem;
  }

  .listBox__naiyo {
    padding:1.5rem;
  }

  .listBox__naiyo dt {
    width:6em;
    float:left;
    clear:both;
    border:1px solid #aae0f5;
    text-align:center;
    border-radius:3px;
    color:#00acee;
    position:relative;
    font-weight:500;
  }
  
  .naiyo__label {
    white-space:nowrap;
    display:inline-block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
  }
  
  .listBox__naiyo dd {
    margin-left:6em;
    padding-left:1rem;
  }
  
  .listBox__naiyo dt,
  .listBox__naiyo dd {
    padding-top:0.25rem;
    padding-bottom:0.25rem;
  }
  
  .listBox__naiyo dt:not(:first-child),
  .listBox__naiyo dt:not(:first-child) + dd {
    margin-top:0.75rem;
  }
  
  .listBox__pdf {
    padding:0 1.5rem 1.5rem 1.5rem;
    margin-top:-0.25rem;
  }
}

@media screen and (max-width:640px) {
  .listBox:not(:first-child) {
    margin-top:1.25em;
  }
  
  .listBox__syokusyu {
    padding:0.8em;
  }
  
  .listBox__syokusyu .p-iconTxt__mk {
    padding-right:1.8em !important;
  }
  
  .listBox__syokusyu .p-iconTxt__mk:after {
    margin-right:0.2em;
  }

  .listBox__naiyo {
    padding:1.25em 1em;
  }
  
  .listBox__naiyo dt {
    color:#00acee;
    font-weight:500;
    font-size:1.05em;
    margin-bottom:0.25rem;
  }
  
  .listBox__naiyo dt:not(:first-child) {
    margin-top:0.75em;
  }
  
  .listBox__pdf {
    padding:0 1rem 1.25rem 1rem;
  }
}

@media screen and (max-width:400px) {
  .listBox__naiyo {
    padding:1em;
  }
}


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

.naiyoTbl .syokusyu__name { font-size:1.2em; }
.naiyoTbl th { font-weight:500; }

@media print,screen and (min-width:641px) {
  .naiyoTbl {
    width:100%;
    border-collapse:collapse;
    margin-bottom:2rem;
  }
  
  .naiyoTbl th,
  .naiyoTbl td {
    border:1px solid #77d3f6;
    padding:0.8em 1em;
    line-height:1.5;
  }
  
  .naiyoTbl th {
    width:18%;
    background-color:#ebf9ff;
    vertical-align:text-bottom;
    text-align:center;
    white-space:nowrap;
  }
  
  .naiyoTbl .syokusyu th {
    padding-top:1em;
    padding-bottom:1em;
  }
  .naiyoTbl .entryBtn {
    float:right;
    margin-top:-2.75em;
  }
}

@media screen and (max-width:640px) {
  .naiyoTbl {
    width:100%;
    margin-bottom:1.5em;
  }
  
  .naiyoTbl th,
  .naiyoTbl td {
    width:100%;
    display:block;
    line-height:1.5;
  }
  
  .naiyoTbl th {
    padding:0.4em 0.65em;
    margin-bottom:1em;
    font-size:1.1em;
    color:#00acee;
    background-color:#dbf4fe;
  }
  
  .naiyoTbl tr:not(:first-child) th {
    margin-top:1.25em;
  }
  
  .naiyoTbl .entryBtn {
    margin-top:1.25em;
    width:100%;
  }
}

@media screen and (max-width:400px) {
  .naiyoTbl {
    margin-bottom:1.25em;
  }
}