@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 28, page_job_description.scss */
#job_description #intro { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
/* line 29, page_job_description.scss */
#job_description #intro .text { text-align: left; }
/* line 30, page_job_description.scss */
#job_description #intro .text .catch { font-size: 28px; margin-bottom: 30px; }
/* line 31, page_job_description.scss */
#job_description #intro .text .read { font-size: 16px; line-height: 2.0; }
/* line 33, page_job_description.scss */
#job_description #intro .ph { width: 350px; position: absolute; top: 80px; right: -60px; }
@media only screen and (max-width: 750px) { /* line 41, page_job_description.scss */
  #job_description #intro .text .catch { font-size: 22px; margin-bottom: 20px; }
  /* line 42, page_job_description.scss */
  #job_description #intro .text .read { font-size: 16px; line-height: 2.0; }
  /* line 44, page_job_description.scss */
  #job_description #intro .ph { width: 220px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 10px auto 0; } }
/* line 52, page_job_description.scss */
#job_description #jobs.cmnSec { margin-top: 90px; }
/* line 57, page_job_description.scss */
#job_description #jobs.cmnSec .read.main { font-size: 16px; line-height: 2.0; }
/* line 58, page_job_description.scss */
#job_description #jobs.cmnSec .jobList { margin-top: 30px; }
/* line 59, page_job_description.scss */
#job_description #jobs.cmnSec .jobList ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 60, page_job_description.scss */
#job_description #jobs.cmnSec .jobList ul.listWrap li { background: #fff7cc; width: calc(100% / 3 - 20px); filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); padding: 20px 0 30px; }
/* line 61, page_job_description.scss */
#job_description #jobs.cmnSec .jobList ul.listWrap li .t { font-size: 21px; font-weight: 600; padding-left: .75em; padding-right: .5em; border-left: 5px solid #ffd700; margin-bottom: 20px; min-height: 55px; display: flex; align-items: center; color: #242950; letter-spacing: .05em; }
/* line 63, page_job_description.scss */
#job_description #jobs.cmnSec .jobList ul.listWrap li .read { font-size: 15px; padding: 18px 22px; letter-spacing: .025em; }
/* line 70, page_job_description.scss */
#job_description #jobs.cmnSec .jobList ul.listWrap li.list01, #job_description #jobs.cmnSec .jobList ul.listWrap li.list02, #job_description #jobs.cmnSec .jobList ul.listWrap li.list03 { margin-bottom: 30px; }
@media only screen and (max-width: 750px) { /* line 85, page_job_description.scss */
  #job_description #jobs.cmnSec { margin-top: 80px; }
  /* line 90, page_job_description.scss */
  #job_description #jobs.cmnSec .read.main { font-size: 16px; line-height: 2.0; }
  /* line 91, page_job_description.scss */
  #job_description #jobs.cmnSec .jobList { margin-top: 30px; }
  /* line 93, page_job_description.scss */
  #job_description #jobs.cmnSec .jobList ul.listWrap li { width: 100%; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); padding: 20px 0 30px; }
  /* line 94, page_job_description.scss */
  #job_description #jobs.cmnSec .jobList ul.listWrap li:not(:last-child) { margin-bottom: 30px; }
  /* line 95, page_job_description.scss */
  #job_description #jobs.cmnSec .jobList ul.listWrap li .t { font-size: 20px; padding-left: .75em; padding-right: .5em; border-left: 5px solid #ffd700; margin-bottom: 20px; min-height: 55px; }
  /* line 97, page_job_description.scss */
  #job_description #jobs.cmnSec .jobList ul.listWrap li .read { font-size: 15px; padding: 18px 22px; }
  /* line 104, page_job_description.scss */
  #job_description #jobs.cmnSec .jobList ul.listWrap li.list01, #job_description #jobs.cmnSec .jobList ul.listWrap li.list02, #job_description #jobs.cmnSec .jobList ul.listWrap li.list03 { margin-bottom: 30px; } }
