/*===============================================
  画面の横幅が0px以上
 ===============================================*/
#main_wrapper #pankuzu {
  margin-bottom: 20px;
}

#main_wrapper .fv_title {
  background: url(images/titleback.jpg) right top no-repeat;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  line-height: 120px;
  font-size: 125%;
  padding-left: 10px;
  font-weight: normal;
  float: none;
  width: 100%;
}

#recruit p,
#recruit div,
#recruit ol,
#recruit dl,
#recruit dl dt,
#recruit dl dd {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

#recruit p {
  line-height: 175%;
}

#recruit img {
  border: 1px solid #ccc;
}

#recruit,
#p {
  margin-bottom: 15px;
  overflow: hidden;
  margin: 0 auto 20px;
  width: 90%;
}

#recruit.content {
  width: 100%;
  padding: 0 0 30%;
}


#main_wrapper #recruit h3 {
  font-size: 140%;
  line-height: 125%;
  font-weight: normal;
  color: #000;
  padding-top: 60px;
  clear: both;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin-top: 0;
  margin-bottom: 10px;
}



/*===============================================
  画面の横幅が479px以下
===============================================*/
@media screen and (max-width:1366px) {

    #recruit.content {
        width: 90%;
        margin: 0 auto;
        padding: 10% 0 30%;
      }


}

/*===============================================
  画面の横幅が480px以上
===============================================*/
@media screen and (min-width: 480px) {
  #main_wrapper h2 {
    height: 120px;
    max-width: 1060px;
    line-height: 120px;
    font-size: 150%;
    padding-left: 30px;
  }

}