@charset "UTF-8";
/* --------------------
   MV
-------------------- */
#mv {
  background: url("../images/recruit/hd-img.jpg") no-repeat center center;
  background-size: cover;}

/* --------------------
   ABOUT
-------------------- */
/* greeting */
#greeting .photo img { border-radius: 10px;}
#greeting .text p + p { margin-top: 1.5em;}
#greeting .photo p { margin-top: 20px;}
@media screen and (min-width: 1080px){
  #greeting .contents {
    padding: 140px 0 160px;
    display: flex;
    justify-content: space-between;}
  #greeting .photo { width: 340px;}
  #greeting .text { width: 660px;}
  #greeting h2 { margin: 20px 0 30px;}
  #greeting .photo p { text-align: right;}}
@media screen and (max-width: 1080px){
  #greeting { padding: 10vw 0;}
  #greeting .photo p { max-width: 500px; width: 100%;margin: 10px auto; text-align: center;}
  #greeting .photo p br { display: none;}
  #greeting .photo img { max-width: 500px; width: 100%;margin-left:auto;margin-right:auto;}
  #greeting .text { margin-bottom: 5vw; max-width: 500px;margin-left:auto;margin-right:auto;}
  #greeting h2 { margin: 2vw 0 20px;}}
@media screen and (max-width: 480px){ #greeting { padding: 15vw 0;}}

/* company */
#offer h1 {
  padding-left: 30px;
  line-height: 30px;
  border-left: 1px solid #989350;}
#offer table {
  border-collapse:collapse;
  width: 100%;
  border-top: 1px solid #eee;}
#offer table th,#offer table td {
  padding: 20px 10px;
  text-align: left;
  border-bottom: 1px solid #eee;}
#offer table th {
  font-weight: 600;
  color: #989350;}
#offer table td a { text-decoration: underline;display: inline-block;}
@media screen and (min-width: 1080px){
  #offer .contents {
    padding: 140px 0 160px;
    display: flex;
    justify-content: space-between;}
  #offer .title { width: 280px;}
  #offer .info { width: 720px;}
  #offer table th { min-width: 140px;}}
@media screen and (max-width: 1080px){
  #offer { padding: 10vw 0;}
  #offer .title { margin-bottom: 30px;max-width: 500px;margin-left:auto;margin-right:auto;}
  #offer .info{ max-width: 500px;margin-left:auto;margin-right:auto;}
  #offer table th,#offer table td { display: block;}
  #offer table th{ border: none; padding-bottom: 0;}}
@media screen and (max-width: 480px){ #offer { padding: 15vw 0;}}

/* voice */
#voice { text-align: center;}
#voice p { padding:20px 0 60px;}
#voice a { margin:  0 auto;}
@media screen and (min-width: 1080px){
  #voice .contents {
    padding: 140px 0 160px;}}
@media screen and (max-width: 1080px){
  #voice { padding: 10vw 0;}
  #voice p { padding:20px 0 40px;}}
@media screen and (max-width: 480px){
  #voice { padding: 15vw 0;}
  #voice p { text-align: left;}}