@charset "UTF-8";
@import url("base.css");
@import url("../recruit_form/mfp.statics/mailformpro.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*ヘッダー*/
header #top_title {
  background-image: url("../img/recruit/top_img.png"); }

/*メイン*/
#message {
  margin: 5em auto 0; }
  #message h2 {
    font-size: 250%;
    color: #2ea7e0;
    text-align: center; }
  #message #message_inner {
    margin: 2em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #message #message_inner figure {
      width: 26%; }
    #message #message_inner dl {
      width: 70%;
      flex-direction: column; }
      #message #message_inner dl dt {
        font-size: 156%;
        font-weight: bold;
        color: #171c61;
        margin: 0 0 0.25em; }
      #message #message_inner dl dd {
        margin: 0 0 2em; }
  #message .photos {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #message .photos figure {
      width: 31.333%; }

.back05 {
  padding: 5em 0;
  margin: 5em 0 0;
  background-color: #f7f7f7; }

#staff {
  margin: 0 auto; }
  #staff #staff01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    #staff #staff01 figure {
      width: 26%; }
    #staff #staff01 .staff_inner {
      width: 70%; }
      #staff #staff01 .staff_inner h2 {
        font-size: 250%;
        color: #2ea7e0; }
      #staff #staff01 .staff_inner dl {
        margin: 1em 0 0;
        padding: 1em 2%;
        background-color: #171c61; }
        #staff #staff01 .staff_inner dl dt {
          color: #dbdcdc;
          font-size: 156%; }
        #staff #staff01 .staff_inner dl dd {
          border-left: 5px solid #2ea7e0;
          color: #fff;
          font-size: 187%;
          font-weight: bold;
          padding: 0 0 0 0.5em;
          margin: 0.5em 0 0; }
          #staff #staff01 .staff_inner dl dd span {
            font-size: 70%;
            font-weight: normal;
            vertical-align: middle; }
  #staff .question dt {
    font-size: 125%;
    font-weight: bold;
    color: #171c61;
    background-image: url("../img/recruit/q.png");
    background-repeat: no-repeat;
    background-size: 32px auto;
    background-position: left center;
    padding: 0.25em 0 0.25em 35px;
    margin: 2em 0 0; }
  #staff .question dd {
    margin: 0.5em 0 0; }

#job {
  margin: 5em auto 0; }
  #job h2 {
    font-size: 250%;
    color: #2ea7e0;
    text-align: center; }
  #job table {
    width: 80%;
    margin: 2em auto 0; }
    #job table tr {
      border-bottom: 1px dotted #ccc; }
      #job table tr:last-child {
        border-bottom: none; }
      #job table tr th {
        width: 20%;
        padding: 1em 2%;
        background-color: #171c61;
        color: #fff;
        vertical-align: top; }
      #job table tr td {
        width: 72%;
        padding: 1em 2%; }
        #job table tr td a {
          color: #000;
          text-decoration: none; }
          #job table tr td a:hover, #job table tr td a:active {
            color: #2ea7e0;
            text-decoration: none; }
  #job p {
    width: 80%;
    margin: 1em auto 0; }

#recruit {
  margin: 5em auto; }
  #recruit h2 {
    font-size: 250%;
    color: #2ea7e0;
    text-align: center; }
  #recruit #thanks {
    text-align: center; }
    #recruit #thanks .btn a {
      background-color: #2ea7e0;
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      display: block;
      width: 250px;
      padding: 1em 0;
      text-align: center;
      margin: 2em auto 0;
      border-radius: 6px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all  0.3s ease; }
      #recruit #thanks .btn a:hover, #recruit #thanks .btn a:active {
        background-color: #5AB2DC;
        text-decoration: none; }
  #recruit #mailformpro {
    width: 80%;
    margin: 3em auto 0; }

.inp01 {
  width: 25% !important; }

.inp02 {
  width: 35% !important; }

.inp03 {
  width: 60% !important; }

/*フッター*/
/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1300px) {
  /*ヘッダー*/
  /*メイン*/
  #message, #staff, #job, #recruit {
    width: 1280px; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px) {
  /*ヘッダー*/
  /*メイン*/
  #message, #staff, #job, #recruit {
    width: 96%; }

  /*フッター*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /*基本設定*/
  html {
    font-size: 16px; }

  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #message h2 {
    font-size: 187%; }
  #message #message_inner dl dt {
    font-size: 130%; }

  #staff #staff01 .staff_inner h2 {
    font-size: 187%; }
  #staff #staff01 .staff_inner dl dt {
    color: #dbdcdc;
    font-size: 130%; }
  #staff #staff01 .staff_inner dl dd {
    font-size: 156%; }

  #job h2 {
    font-size: 187%;
    text-align: center; }

  #recruit h2 {
    font-size: 187%; }

  .inp01 {
    width: 25% !important; }

  .inp02 {
    width: 65% !important; }

  .inp03 {
    width: 80% !important; }

  /*フッター*/ }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #message {
    margin: 2.5em auto 0; }
    #message h2 {
      font-size: 160%;
      text-align: center; }
    #message #message_inner {
      margin: 1em 0 0;
      flex-direction: column; }
      #message #message_inner figure {
        display: none; }
      #message #message_inner dl {
        width: 100%;
        flex-direction: column; }
        #message #message_inner dl dt {
          font-size: 130%; }
        #message #message_inner dl dd {
          margin: 0 0 1em; }
    #message .photos {
      flex-direction: column; }
      #message .photos figure {
        width: 80%;
        margin: 0 auto 1em; }

  .back05 {
    padding: 2.5em 0;
    margin: 2.5em 0 0; }

  #staff {
    margin: 0 auto; }
    #staff #staff01 {
      flex-direction: column-reverse; }
      #staff #staff01 figure {
        width: 60%;
        margin: 0 auto; }
      #staff #staff01 .staff_inner {
        width: 80%;
        margin: 1em auto 0; }
        #staff #staff01 .staff_inner h2 {
          font-size: 160%; }
        #staff #staff01 .staff_inner dl dt {
          font-size: 120%; }
        #staff #staff01 .staff_inner dl dd {
          font-size: 160%; }
    #staff .question dt {
      font-size: 125%;
      padding: 0.5em 0 0.5em 35px;
      margin: 1em 0 0; }
    #staff .question dd {
      margin: 0.5em 0 0; }

  #job {
    margin: 2.5em auto 0; }
    #job h2 {
      font-size: 160%; }
    #job table {
      width: 100%;
      margin: 1em auto 0; }
      #job table tr {
        border-bottom: none; }
        #job table tr:last-child {
          border-bottom: none; }
        #job table tr th {
          display: block;
          width: 96%;
          padding: 0.5em 2%;
          text-align: left;
          margin: 1em 0 0; }
        #job table tr td {
          display: block;
          width: 96%;
          padding: 0.5em 2%; }

  #recruit {
    margin: 2.5em auto; }
    #recruit h2 {
      font-size: 160%; }
    #recruit #mailformpro {
      width: 100%;
      margin: 1em 0 0; }
    #recruit #thanks .btn a {
      width: 250px; }

  .inp01 {
    width: 32% !important; }

  .inp02 {
    width: 75% !important; }

  .inp03 {
    width: 100% !important; }

  /*フッター*/ }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }