@charset: 'utf-8';

/* primary */
.primary {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 10rem;
  height: 300px;
}

.primary-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#business .primary-bg {
  background-image: url(../img/business_fv.jpg);
}

#recruit .primary-bg {
  background-image: url(../img/recruit_fv.jpg);
}

#profile .primary-bg {
  background-image: url(../img/profile_fv.jpg);
}

.primary-txt {
  color: #fff;
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.03em;
}

.contents .s_title {
  font-size: 3.2rem;
  color: #083691;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 5rem;
}

.contents .sec {
  margin-bottom: 5rem;
}

.table {
  border-bottom: 1px #ccc solid;
}
.table:after {
  content: "";
  clear: both;
  display: block;
}
.table dt, .table dd{
  padding: 20px 0;
  border-top: 1px #ccc solid;
}
.table dt{
  float: left;
  width: 200px;
  font-weight: 600;
}
.table dd{
  float: left;
  width: calc(100% - 200px);
}


@media (max-width : 768px) {
  .primary {
    height: 240px;
    margin-bottom: 5rem;
  }

  .primary-bg {
    background-size: auto 240px;
  }

  .primary-txt {
    font-size: 3.0rem;
  }

  .contents .s_title {
    font-size: 2.7rem;
    margin: 4.0rem auto;
  }
  .table {
    border-bottom: 1px #ccc solid;
  }

  .table dt,
  .table dd {
    padding: 20px 0;
    border-top: 1px #ccc solid;
  }
  .table dt {
    float: left;
    width: 180px;
    font-weight: 600;
  }
  .table dd {
    float: left;
    width: calc(100% - 180px);
  }

}

@media (max-width: 428px) {

  .contents .s_title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .contents .s_title span{
    display: inline;
  }

  .primary {
    height: 180px;
  }

  .primary-bg {
    background-size: auto 180px;
  }

  .primary-txt {
    font-size: 2.2rem;
  }
}