#recruit { font-size: 15px; }

#recruit .main-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 90px; font-size: 2em; font-weight: bold; text-align: center; line-height: 1; color: #fff; background-color: #14204b; }

#recruit .mt90 { margin-top: 90px; }

#recruit .item { margin-bottom: 85px; }

#recruit .item .title { font-size: 1.33em; font-weight: bold; }

#recruit .item li { display: inline-block; padding-right: 25px; }

@media only screen and (max-width: 767px) { #recruit { font-size: 3vw; }
  #recruit .main-title { height: 12vw; font-size: 4vw; }
  #recruit .mt90 { margin-top: 10vw; }
  #recruit .item { margin-bottom: 9vw; }
  #recruit li { padding-right: 3.2vw; } }