@charset "utf-8";

/* CSS Document */

.recruit-page .sec-header__fig{
  background-image: url(../images/recruit/recruit_fig_01.jpg);
  background-position: center top;
  }

.training-blc{
  padding: 50px 30px;
  background-color: rgba(255,255,255,1);
  position: relative;
  }
  .training-blc .cmn-sec__ttl{margin-bottom: 20px;}
  .training-intro{
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.8rem;
    font-weight: bold;
    } 
    .training-list{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 10px;
      }
      .training-list__item{
        display: flex;
        flex-direction: column;
        width: calc((100% - 41px) / 3);
        margin-bottom: 40px;
        }
        .training-list__item:not(:last-of-type){margin-right: 20px;}
        .training-list__ttl{
          order: 1;
          margin-bottom: 10px;
          font-size: 1.8rem;
          font-weight: bold;
          }
        .training-list__detail{order: 2;}
        .training-list__fig{
          order: 0;
          min-height: 0%;
          margin-bottom: 10px;
          }

.training-concept{
  padding: 30px 40px;
  border: 1px solid rgba(0,101,164,1);
  }
  .training-concept__ttl{
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid rgba(0,101,164,1);
    }
  .training-concept__detail{padding: 0 10px;}
    .training-concept__list{}
      .training-concept__list-item{
        padding-left: 2.5em;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.4;
        text-indent: -2.5em;
        }
      .training-concept__list-item:not(:last-of-type){margin-bottom: 10px;}


/* voice */
.recruit-voice__subttl{
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  }
.voice-list{}
  .voice-item{
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    background-color: rgba(255,255,255,1);
    }
    .voice-item:not(:last-of-type){margin-bottom: 35px;}
    .voice-detail{width: calc(100% - 330px);}
      .-correct .voice-detail{order: 1;}
      .-reverse .voice-detail{order: 0;}
      .voice-data{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        }
        .voice-interview{
          order: 1;
          width: 50%;
          }
          .voice-interview__item{}
            .voice-interview__item:not(:last-of-type){margin-bottom: 20px;}
            .voice-interview__ttl{
              margin-bottom: 5px;
              font-size: 1.7rem;
              font-weight: bold;
              }
            .voice-interview__detail{
              font-size: 1.4rem;
              line-height: 1.3;
              }
        .voice-info{
          order: 0;
          width: calc(50% - 30px);
          margin-right: 30px;
          }
          .voice-info__dept{
            margin-bottom: 10px;
            font-size: 1.3rem;
            font-weight: bold;
            line-height: 1;
            }
          .voice-info__jpname{
            margin-bottom: 7px;
            font-size: 2.7rem;
            font-weight: bold;
            letter-spacing: 0.2em;
            line-height: 1;
            }
          .voice-info__enname{  
            margin-bottom: 15px;
            padding-bottom: 10px;
            font-weight: bold;
            border-bottom: 1px solid rgba(3,110,183,1);
            }
          .voice-info__year{
            margin-bottom: 15px;
            font-size: 1.6rem;
            }
          .voice-info__fig{}

  .voice-holiday{
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background-color: rgba(238,238,239,1);
    }
    .voice-holiday__head{
      width: 150px;
      font-size: 1.7rem;
      font-weight: bold;
      }
    .voice-holiday__body{
      width: calc(100% - 150px);
      font-size: 1.3rem;
      line-height: 1.2;
      }

  .voice-fig{width: 290px;}
    .-correct .voice-fig{
      order: 0;
      margin-right: 30px;
      }
    .-reverse .voice-fig{
      order: 1;
      margin-left: 30px;
      }


@media screen and (max-width: 1000px) {

.training-blc{padding: 50px 20px;}
  .training-intro{
    margin-bottom: 20px;
    font-size: 1.6rem;
    } 
    .training-list{margin-bottom: 10px;}
      .training-list__ttl{
        margin-bottom: 5px;
        font-size: 1.6rem;
        }
  
.training-concept{padding: 30px 20px;}
  .training-concept__ttl{
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 1.8rem;
    }
  .training-concept__detail{padding: 0 5px;}

/* voice */
.voice-detail{width: calc(100% - 280px);}
  .voice-interview__ttl{font-size: 1.6rem;}
  .voice-info__jpname{font-size: 2.2rem;}
  .voice-info__enname{ margin-bottom: 10px;}
  .voice-info__year{margin-bottom: 10px;}
  .voice-holiday{padding: 8px 15px;}
    .voice-holiday__head{
      width: 130px;
      font-size: 1.6rem;
      }
    .voice-holiday__body{width: calc(100% - 130px);}

.voice-fig{width: 250px;}

}/* max-width: 1000px */

@media screen and (max-width: 850px) {

/* voice */
.voice-item{justify-content: center;}
  .voice-detail{width: 100%;}
    .-reverse .voice-detail{order: 1;}
  .voice-fig{
    width: 100%;
    max-width: 320px;
    margin-bottom: 50px;
    }
    .-correct .voice-fig{margin-right: 0;}
    .-reverse .voice-fig{
      order: 0;
      margin-left: 0;
      }

}/* max-width: 850px */

@media screen and (min-width: 769px) {

.training-intro .spbr{display: none;}

}/* min-width: 769px */

@media screen and (max-width: 768px) {

.training-list__item{
  display: flex;
  flex-direction: column;
  width: calc((100% - 20px) / 2);
  }
  .training-list__item:not(:last-of-type){margin-right: 0;}
  .training-list__item:not(:nth-of-type(2n+2)){margin-right: 20px;}
  .training-list__detail{font-size: 1.4rem;}
.training-concept{padding: 20px2;}
  .training-concept__ttl{font-size: 1.6rem;}
  .training-concept__detail{padding: 0;}

/* voice */
.recruit-voice__subttl{
  margin-bottom: 15px;
  font-size: 1.6rem;
  }
  .voice-info__dept{
    margin-bottom: 8px;
    font-size: 1.4rem;
    }
  .voice-info__jpname{
    margin-bottom: 5px;
    font-size: 1.8rem;
    }
  .voice-info__enname{  
    margin-bottom: 8px;
    padding-bottom: 5px;
    font-size: 1.3rem;
    }
    .voice-info__year{
      margin-bottom: 15px;
      font-size: 1.4rem;
      }    
}/* max-width: 768px */

@media screen and (max-width: 550px) {

/* voice */
.voice-item{padding: 20px;}
  .voice-interview{width: 100%;}
  .voice-info{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    }
    .voice-holiday__head{
      width: 110px;
      font-size: 1.4rem;
      }
    .voice-holiday__body{width: calc(100% - 110px);}    
    .voice-fig{margin-bottom: 40px;}
    
}/* max-width: 550px */

@media screen and (max-width: 450px) {

.training-list{margin-bottom: 0;}
  .training-list__item{width: 100%;}
    .training-list__item:not(:last-of-type){margin-right: 0;}
    .training-list__item:not(:nth-of-type(2n+2)){margin-right: 0;}

}/* max-width: 450px */