@charset "UTF-8";

/*============================
common
============================*/

.container {
  padding-bottom: 0;
}

.primary {
  float: none;
  width: 100%;
}

.primary article {
  padding: 80px 0;
}

h2 {
  font-weight: bold;
  padding-bottom: 40px;
  text-align: center;
  font-size: 25px;
}

h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.primary article .flex img {
  width: 470px;
}

.primary article .flex .text {
  width: 470px;
}


@media only screen and (max-width: 768px) {
  .primary article {
    padding: 40px 0;
  }

  h2 {
    font-weight: bold;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
  }

  h3 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .primary article .flex img {
    width: 100%;
  }

  .primary article .flex .text {
    width: 100%;
  }

}

/*============================
FV
============================*/

.top_bg {
  width: 100%;
}

.top_img {
  background: url(../images/home/top.jpg) no-repeat center center;
  padding-top: 47.6923%;
  width: 100%;
  height: 0;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%r;
}

@media only screen and (max-width: 768px) {
  .top_bg {
    padding-top: 55px;
  }

  .top_img {
    -webkit-background-size: 120%;
    background-size: 120%;
  }
}


/*============================
#recruit
============================*/

#recruit {
  background-color: #edf9ff;
}

#recruit .flex {
  flex-direction: row-reverse;
}

/*============================
#company
============================*/

#company .flex .info {
  width: 48%;
}

@media only screen and (max-width: 768px) {
  #company .flex .info {
    width: 100%;
  }
  #company .flex table.info:first-of-type tr:last-child {
    border-bottom: 1px solid #505050;
    margin-bottom: 6px;
  }
}