@charset "UTF-8";

.mincho{
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

/* maincolor */
/* top bg color */
/* font */
/* line 7, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
#jobs-detail{
  padding: 0 2rem; }

/* line 14, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */

#jobs-detail .s-article {
  padding: 4rem 0; }
  /* line 18, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
  
#jobs-detail .s-article__header {
    border-top: 1px solid #242424; }
  /* line 22, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
  
#jobs-detail .s-article__heading {
    position: relative; }
    /* line 24, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
    
#jobs-detail .s-article__heading--h3 {
      font-size: 24px;
      font-weight: 300;
      letter-spacing: .05em;
      line-height: 1.3;
      font-feature-settings: 'palt';
      text-align: center;
      padding: 1rem; }
      /* line 28, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
      
#jobs-detail .s-article__heading--h3 > span {
    position: relative; 
    padding: 0 1em;
    display: inline-block;
    text-align: center;
}
        /* line 30, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
        
#jobs-detail .s-article__heading--h3 > span::before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    background: #E50419;
    top: -17px;
    left:0;
  }
    /* line 41, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
    
#jobs-detail .s-article__heading--h4 {
      margin: 1.5rem 0 0;
      font-size: 1rem;
      font-weight: 300;
      letter-spacing: .05em;
      line-height: 1.3;
      font-feature-settings: 'palt'; }
  /* line 50, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
#jobs-detail .s-article__group--f {
    margin: 1rem 0 0; }
    /* line 52, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */

#jobs-detail .s-article__group--f .s-article__message {
      order: 2; }
    /* line 56, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
    #jobs-detail .s-article__group--f .s-article__img {
      order: 1; }
  /* line 62, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
  #jobs-detail .s-article__group--s {
    margin: 3rem 0 0; }
  /* line 68, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
  #jobs-detail .s-article__textArea {
    color: #00388E; }
  /* line 72, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
  #jobs-detail .s-article__text {
    margin: 1rem 0;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: .05em;
    line-height: 1.3;
    font-feature-settings: 'palt'; }
  /* line 77, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
  #jobs-detail .s-article__lead {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1.3;
    font-feature-settings: 'palt';
    color: #00388E; }
  /* line 82, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
  #jobs-detail .s-article__img {
    position: relative;
    padding-top: 56.25%; }
    /* line 85, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
    #jobs-detail .s-article__img + .s-article__img {
      margin: 2rem 0 0; }
    /* line 88, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss */
    #jobs-detail .s-article__img img {
      position: absolute;
      top: 0; }
.mgt15{
	margin-top: 15px;
}

/* @media screen and (min-width: 768px) {
  line 102, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss
  #jobs-detail .s-article__content {
    margin: 4rem auto 0;
    max-width: 900px; }
  line 109, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss
  #jobs-detail .s-article__group--s {
    display: flex;
    justify-content: space-between; }
  line 115, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss
 #jobs-detail .s-article__textArea {
    display: flex; }
  line 119, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss
  #jobs-detail .s-article__text {
    margin: 0 0 0 2rem;
    padding: 0 1rem;
    border-left: 2px solid #00388E;
    border-right: 2px solid #00388E; }
  line 126, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss
  #jobs-detail .s-article__message {
    flex-basis: 48%;
    margin: 2.5rem 0 0; }
  line 131, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss
 #jobs-detail  .s-article__img {
    flex-basis: 48%;
    padding: 0;
    height: 270px; }
    line 135, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss
   #jobs-detail  .s-article__img + .s-article__img {
      margin: 0; } }

@media screen and (min-width: 1280px) {
  line 147, /Users/inpact0617/Local Sites/test/app/public/wp-content/themes/theme/library/css/under/single-staff.scss
  #jobs-detail .s-article {
    max-width: 1280px;
    margin: 0 auto; } }
 */
/*# sourceMappingURL=single-staff.css.map */

#jobs-detail .s-article-contents{
  max-width: 1000px;
  margin: 0 auto;
  padding:0 50px;
}

#jobs-detail .jobs-detail-block {
  margin-bottom: 80px;
}

#jobs-detail .jobs-detail-visual{
  margin: 70px 0;
}
#jobs-detail .jobs-detail-visual-sub{
  margin: -50px 0 70px 0;
}
#jobs-detail .jobs-detail-catch{
  color: #e32021;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  font-size: 32px;
}
#jobs-detail .jobs-detail-meta{
  text-align: center;
  margin-bottom: 70px;
}
#jobs-detail .jobs-detail-meta .post{
  font-size: 18px;
  margin-bottom: 0.8em;
}
#jobs-detail .jobs-detail-meta .name{
  font-size: 16px;
  margin-bottom: 0.8em;
}
#jobs-detail .jobs-detail-meta .joined{
  font-size: 16px;
  margin-bottom: 0.8em;
}
#jobs-detail .jobs-detail-block{}
#jobs-detail .jobs-detail-block .headding{
  color: #00358c;
  font-size: 24px;
}
#jobs-detail .jobs-detail-block .headding .label{
  font-weight:bold;
  color: #00358c;
  display: block;
  padding-bottom:10px;
  border-bottom:1px solid #3a3a3a;
}
#jobs-detail .jobs-detail-block .headding .title{
  font-weight: bold;
  padding-top: 10px;
  display: block;
  margin-bottom: 45px;
}

#jobs-detail .jobs-detail-block .headding .label>em{
  color: #e32021;
}
#jobs-detail .jobs-detail-inner{}
#jobs-detail .jobs-detail-message p{
  margin-bottom: 2em;
  line-height: 2em;
}

#jobs-detail .jobs-detail-image{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
#jobs-detail .jobs-detail-image>.image{
  width: 45%;
}

#jobs-detail .jobs-detail-chart{
  margin-bottom: 40px;
}
#jobs-detail .jobs-detail-chart .inner{
  padding-bottom: 0px;
}

#jobs-detail .jobs-detail-movie {
  position: relative;
  max-width: 730px;
  margin:50px auto 50px;
}
#jobs-detail .jobs-detail-movie .movie-wrap{
  position: relative;
  padding-top: 56.25%;
}
#jobs-detail .jobs-detail-movie .movie-wrap iframe{
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
}


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

  #jobs-detail .s-article-contents{
    padding:0 20px;
  }

  #jobs-detail .jobs-detail-catch {
      color: #e32021;
      margin-bottom: 30px;
      font-size: 28px;
  }

}

._pc{
  display: block !important;
}
._sp{
  display: none !important;
}


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


  ._pc{
    display: none !important;
  }
  ._sp{
    display: block !important;
  }
}

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

  #jobs-detail .s-article {
      padding: 3rem 0;
  }


  #jobs-detail .s-article-contents{
    padding:0px;
  }


  #jobs-detail .jobs-detail-catch {
      color: #e32021;
      margin-bottom: 30px;
      font-size: 24px;
  }

  #jobs-detail .jobs-detail-block {
    margin-bottom: 50px;
  }


  #jobs-detail .jobs-detail-visual {
      margin: 20px 0 30px;
  }

  #jobs-detail .jobs-detail-visual-sub {
      margin: -20px 0 40px;
  }

  #jobs-detail .jobs-detail-catch{
    margin-bottom: 20px;
    font-size: 22px;
  }
  #jobs-detail .jobs-detail-meta{
    margin-bottom: 30px;
  }
  #jobs-detail .jobs-detail-meta .post{
    font-size: 18px;
    margin-bottom: 0.8em;
  }
  #jobs-detail .jobs-detail-meta .name{
    font-size: 16px;
    margin-bottom: 0.8em;
  }
  #jobs-detail .jobs-detail-meta .joined{
    font-size: 16px;
    margin-bottom: 0.8em;
  }
  #jobs-detail .jobs-detail-block .headding{
    color: #00358c;
    font-size: 20px;
  }
  #jobs-detail .jobs-detail-block .headding .label{
  }
  #jobs-detail .jobs-detail-block .headding .title{
    font-weight: bold;
    padding-top: 10px;
    display: block;
    margin-bottom: 30px;
  }

  #jobs-detail .jobs-detail-message p{
    margin-bottom: 20px;
    line-height: 2em;
  }

  #jobs-detail .jobs-detail-image{
    display: block;
    margin-bottom: 40px;
  }
  #jobs-detail .jobs-detail-image>.image{
    width: 100%;
    margin-bottom: 25px;
  }

  #jobs-detail .jobs-detail-chart{
    margin-bottom: 25px;
    overflow-x:auto;
  }
  #jobs-detail .jobs-detail-chart .inner{
    width: 768px;
  }

  #jobs-detail .jobs-detail-chart .inner{
    padding-bottom: 25px;
  }

  #jobs-detail .jobs-detail-movie {
    margin:30px auto 30px;
  }

}