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

/* ---------------------------------------------------------
.recruit-header 
----------------------------------------------------------*/
.recruit-header {
  height: calc(190 / 1396 * 100vw);
}
.breadcrumb {
  transform: translateY(-850%);
  transform: translateY(calc(-102 / 1396 * 100vw));
}

/* ---------------------------------------------------------
#list
----------------------------------------------------------*/
#list {
  width: calc(1248 / 1396 * 100vw);
  background: rgba(255,255,255,.67);
  border-radius: 10px;
  padding: calc(60 / 1396 * 100vw) 0 0;
  margin: 0 auto calc(93 / 1396 * 100vw);
}
#list ul {
  width: calc(1128 / 1396 * 100vw);
  list-style: none;
  margin: 0 auto;
  border-top: 1px solid #D1D1D1;
}
#list .txt-caution {
  width: calc(1128 / 1396 * 100vw);
  font-size: calc(14 / 1396 * 100vw);
  text-indent: -1em;
  padding-left: 1em;
  margin: calc(20 / 1396 * 100vw) auto 0;
}
#list li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  min-height: calc(126 / 1396 * 100vw);
  border-bottom: 1px solid #D1D1D1;
  padding: calc(30 / 1396 * 100vw) 0 0;
  box-sizing: border-box;
}
#list .cat {
  width: calc(210 / 1396 * 100vw);
  height: calc(29 / 1396 * 100vw);
  color: #fff;
  font-size: calc(14 / 1396 * 100vw);
  background: #E85382;
  letter-spacing: .06em;
  text-align: center;
  line-height: calc(29 / 1396 * 100vw);
  box-sizing: border-box;
  margin-right: calc(22 / 1396 * 100vw);
}
#list .ttl a {
  font-size: calc(20 / 1396 * 100vw);
  letter-spacing: .06em;
  background: url("../../../../common/img/icon_footer_tri_pink.svg") no-repeat left top calc(10 / 1396 * 100vw);
  background-size: calc(6 / 1396 * 100vw) auto;
  padding-left: calc(20 / 1396 * 100vw);
}
#list dl {
  position: absolute;
  top: calc(74 / 1396 * 100vw);
  left: 0;
  display: flex;
  align-items: center;
  letter-spacing: .06em;
}
#list dt {
  width: calc(83 / 1396 * 100vw);
  height: calc(22 / 1396 * 100vw);
  color: #fff;
  font-size: calc(14 / 1396 * 100vw);
  background: #939393;
  text-align: center;
  line-height: calc(22 / 1396 * 100vw);
  box-sizing: border-box;
  margin-right: calc(15 / 1396 * 100vw);
}
#list dd {
  font-size: calc(14 / 1396 * 100vw);
}

/* ---------------------------------------------------------
media queries
----------------------------------------------------------*/
@media screen and (max-width:768px) {

/* ---------------------------------------------------------
.recruit-header 
----------------------------------------------------------*/
  .recruit-header {
    height: calc(123 / 375 * 100vw);
  }

/* ---------------------------------------------------------
#list
----------------------------------------------------------*/
  #list {
    width: calc(330 / 375 * 100vw);
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0 auto calc(6 / 375 * 100vw);
  }
  #list ul {
    width: 100%;
    border-top: 1px solid #D1D1D1;
  }
  #list .txt-caution {
    width: 100%;
    font-size: calc(13 / 375 * 100vw);
    margin-top: calc(17 / 375 * 100vw);
  }
  #list li {
    display: block;
    min-height: auto;
    padding: calc(20 / 375 * 100vw) 0;
  }
  #list .cat {
    width: calc(186 / 375 * 100vw);
    height: calc(22 / 375 * 100vw);
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(22 / 375 * 100vw);
    margin-right: 0;
    margin-bottom: calc(7 / 375 * 100vw);
  }
  #list .ttl a {
    display: block;
    font-size: calc(15 / 375 * 100vw);
    line-height: 1.6;
    background: url("../../../../common/img/icon_footer_tri_pink.svg") no-repeat left top calc(10 / 375 * 100vw);
    background-size: calc(6 / 375 * 100vw) auto;
    padding-left: calc(17 / 375 * 100vw);
    margin-bottom: calc(14 / 375 * 100vw);
  }
  #list dl {
    position: relative;
    top: auto;
    left: auto;
  }
  #list dt {
    width: calc(63 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    font-size: calc(11 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
  }
  #list dd {
    font-size: calc(14 / 375 * 100vw);
  }
}