@charset "utf-8";

* { margin: 0; padding: 0;} 
html,body { height: 100%; margin: 0px auto;}
body {   
	background-color: #fff;
	font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}   
p, dt, dd, li, h1, h2, h3, h4, h5, h6 { line-height: 1.5em;}
ul,ol { list-style-type: none;}
p { margin: 0px;} 
img { border:0; vertical-align: bottom;}   

/* clearfix
--------------- */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* link
--------------- */
a { text-decoration: none;}
a:link { color: #333;}
a:visited { color: #333;}
a:focus{ outline: none;}

a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
a:hover img { opacity: 0.7; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
input:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

/* txtarea
--------------- */
.mrgT5 { margin-top: 10px;}
.mrgT10 { margin-top: 10px;}
.mrgT15 { margin-top: 15px;}
.mrgT20 { margin-top: 20px;}
.mrgT30 { margin-top: 30px;}
.mrgT40 { margin-top: 40px;}
.txt { margin-bottom: 1em;}
.htxt { margin-bottom: 0.5em;}
.mainTxt { padding: 10px; clear: both;}

select, textarea { border: 1px solid #ccc;}
.ckbtn { vertical-align: middle; margin-right: 5px;}
.box250 { padding: 5px; width: 238px; height: 18px;	border: 1px solid #ccc;}
.slct250 { padding: 5px; width: 250px; height: 30px; border: 1px solid #ccc;}

/* search base
--------------- */
#reCnt { font-size: 13px; margin: 0 auto; text-align: left; width: 960px;}

.pan { margin-bottom: 30px;}
.pan li { float: left; white-space: nowrap;}
.pan li:before { content: "\f105"; font-family: FontAwesome; margin: 0 7px;}
.pan li:first-child:before { content: ""; margin: 0;}

#reCnt .ttl { font-size: 18px; font-weight: bold; margin-bottom: 20px; background: url(/assets/img/pc/renew/ttlback.png) no-repeat top left; height: 20px; line-height: 20px; text-indent: 15px;}

.ttlspan{
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.paging { position: relative; overflow: hidden; margin: 20px 0 30px;}
.paging ul { position: relative; left: 50%; float: left;}
.paging li { position: relative; left: -50%; float: left; margin-left: 15px;}
.paging li:first-child { margin-left: 0px;}
#reCnt .paging li a { text-decoration: underline;}

.selectArea { position: relative; overflow: hidden; margin-top: 30px;}
.selectArea .sort { position: relative; left: 50%; float: left;}
.selectArea .sort li { position: relative; left: -50%; float: left; width: 198px; border: 1px solid #333; line-height: 30px; text-align: center; margin-left: 15px;}
.selectArea .sort li a { display: block;}
.selectArea .sort li:first-child { margin-left: 0px;}
.selectArea .sort li.action { background: #fff; color: #fff; border: 1px solid #ccc;}
.selectArea .sort li.action a { color: #ccc;}

/* search
--------------- */
#srcArea { background: #eee; padding: 20px; margin-bottom: 30px;}
#srcArea h3 { font-size: 16px;}
#srcArea h3:before { content: "\f002"; font-family: FontAwesome; margin-right: 5px;}
#srcArea .srcSlct { margin: 15px 25px 0 0; width: 250px; float: left; *height: 30px;}
#srcArea .slctArea { border: 1px solid #ccc; padding: 10px 20px; clear: both; background: #fff; margin-top: 15px; min-height:1px;}
#srcArea .slctArea li { width: 145px; float: left; line-height: 2em;} 
#srcArea .slctArea li span { color: #999;}

.srcType { margin-top: 15px;}
.srcType dl { border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
.srcType dd { padding: 10px 0 10px 150px; border-top: 1px dotted #ccc;}
.srcType dd ul { overflow: hidden;}
.srcType dt { width: 150px; float: left; padding: 10px 0; font-weight: bold; line-height: 2em;}
.srcType dd li { float: left; margin-right: 20px; line-height: 2em;}

.srcMore { cursor: pointer; color: #f10980;}
.srcMore i { margin-right: 5px;}

.srcBtn { position: relative; overflow: hidden;}
.srcBtn ul { position: relative; left: 50%; float:left;}
.srcBtn ul li { position:relative; left:-50%; float:left; margin-left: 20px;}
.srcBtn ul li:first-child { background: #eee; border: 1px solid #333; line-height: 40px; text-align: center; width: 220px; font-size: 14px; margin-left: 0px;}
.srcBtn ul li:first-child a:before { content:"\f0c6"; font-family: FontAwesome; margin-right: 5px;}
.srcBtn ul li a { display: block;}
.srcBtn ul li .srcSubmit { width: 220px; height: 40px; line-height: 40px; background: #333; color: #fff; border: 1px solid #333; font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif; font-size: 14px; cursor: pointer;}
.rel-link {
    background-color:#F4F4F4;
    border:1px dotted #CCCCCC;
    color:#666666;
    font-size:9pt;
    margin-bottom:3px;
    padding:3px 10px;
}

/* list
--------------- */
.listDetail li { border: 1px solid #333; padding: 30px; margin-top: 40px;}
.listDetail li.top { margin-top: 0px;}

.lstCom { border-left: 5px solid #333; padding-left: 10px;}
.lstCom h3 { font-size: 14px; font-weight: bold;}

.lstLogo {
  float: right;
  height: 70px;
  text-align: center;
  max-width: 150px
}

.lstLogo img {
  max-height: 100%;
  max-width: 100%;
}

.lstTtlJOBkuru {
  background-color: #808080;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  margin: 0;
  padding: 12px 0 7px;
  text-align: center;
}

.lstTtl { background: #eee; padding: 15px 10px; font-size: 16px; font-weight: bold; margin-top: 15px;}
.lstTxt { line-height: 1.7em; margin-top: 15px;}
.lstTxt a { text-decoration: underline;}

.lstDtl { display: table; margin-top: 15px; width: 100%;}
.lstShopPic { width: 400px; text-align: center; display: table-cell; vertical-align: middle; max-height: 400px; min-height: 100px;}
.lstShopPic img { max-height: 350px; max-width: 100%;}
.lstShopPic p { display: inline-block; text-align: center; vertical-align: middle; width: 400px;}

.lstDtlR {
  display: table-cell;
  padding-left: 30px;
  width: 100%;
}
.lstDtl dl.tblnml { border-bottom: 1px dotted #999;}
.lstDtl dl.tblnml dt, .lstDtl dl.tblnml dd { line-height: 1.7em;}
.lstDtl dl.tblnml dt { width: 119px; border-top: 1px dotted #999; float: left; font-weight: bold; padding: 9px 0 10px;}
.lstDtl dl.tblnml dd { margin-left: 120px; border-top: 1px dotted #999; padding: 9px 0 10px;}
.lstBtn { margin-top: 20px;}
.lstBtn li { padding: 0px; margin-top: 0; width: 33.3333%; float: left; border: none;}
.lstBtn li a { display: block; text-align: center; line-height: 35px; border: 1px solid #333; margin-right: 10px; font-size: 14px;}
.lstBtn li i { margin-right: 7px;}
.lstBtn li.last a { background: #333; color: #fff; margin-right: 0;}

.addFrm li { border: 1px dotted #ccc; padding: 10px; margin-top: 10px;}
.addFrm li:first-child { margin-top: 0px;}
.addFrm p.addLogo { float: left; width: 120px;}
.addFrm p.addTxt { padding-left: 135px; line-height: 30px; font-size: 14px; font-weight: bold;}
.addFrm li a { display: block;}

/* detail
---------------*/
.topTtl { border-left: 5px solid #333; padding-left: 15px;}
.topTtl h2 { font-size: 24px; font-weight: bold; padding-right: 170px;}
.topTtl h2 span { font-size: 16px; font-weight: normal;}
.topTtl .dtlLogo { width: 150px; float: right;}

.dtlCntArea { border-bottom: 1px dotted #353535;}
.dtlCnt { padding: 30px 0; clear: both; border-top: 1px dotted #353535;}
.dtlTtl { font-size: 18px; font-weight: bold; margin-bottom: 15px; background: url(/assets/img/pc/renew/ttlback.png) no-repeat top left; height: 20px; line-height: 20px; text-indent: 15px;}
.dtlCnt p { line-height: 1.7em;}

.dtlLeft { width: 200px; float: left;}
.dtlRight { width: 740px; float: right;}
.dtlRight dt, .dtlRight dd { border-top: 1px solid #ccc; padding: 14px 0 15px; line-height: 1.7em;}
.dtlRight dt:first-child, .dtlRight dd:nth-child(2) { border-top: none; padding: 0 0 15px;}
.dtlRight dt { float: left; width: 140px; clear: both; font-weight: bold;}
.dtlRight dd { float: right; width: 600px;}
.dtlRight dd a { text-decoration: underline;}

.dtlL { padding: 10px 0; width: 450px; float:left;}
.dtlR { padding: 10px 0; width: 450px; float: right;}
.dtlPhoto li { width: 220px; text-align: center;}
.dtlPhoto li img { margin-bottom: 10px; border: 1px solid #ddd;}
.dtlPhoto li .lnk span { font-weight: bold;}
.dtlPhoto li .lnk a { background: #fff; border:1px solid #333; display: block; color: #333; line-height: 30px; width: 150px; margin: 5px auto 0;}
.dtlPhoto li .lnk a:before { content: "\f138"; font-family: FontAwesome; margin-right: 5px;}
.photoLnk { text-align: right; margin-top: 20px; clear: both;}
.photoLnk:before { content: "\f138"; font-family: FontAwesome; margin-right: 5px;}
.photoLnk img { margin-top: 5px;}

.mainDtl { margin: 30px 0 0;}
.mainDtl .flexDtlPic { width: 480px; float: left;}
.mainDtl .flexDtlPic .slides li { width: 480px; height: 400px; text-align: center;}

.dtlLast{
  font-size: 15px;
  padding-top: 20px;
}

  .dtlLast span {
    color: #f10980;
    font-size: 18px;
  }

.flexslider .slides img.fullW { width: 100%; height: auto;}
.flexslider .slides img.fullH { width: auto; height: 100%; margin: 0 auto;}

.pc_orderimg{
  padding: 0;
  margin: 0;
}

.pc_orderimg p{
  padding: 10px 0;
}

.mainDtlR { width: 440px; float: right;}
.mainDtlR p { line-height: 2em; font-size: 15px;}
.mainDtlR .dtlTag li { float: left; margin-right: 10px; background: #eee; line-height: 30px; margin-bottom: 10px; padding: 0 10px;}
.mainDtlR .dtlTag li:before { content: "\f02b"; font-family: FontAwesome; margin-right: 5px;}

a.map { color: #f10980;}

.dtlPt { background:#efefef; padding: 15px 20px;}
.dtlPt h3 { font-size: 18px; font-weight: bold; margin-bottom: 5px; color: #f10980;}
.dtlPt h3:before { content: "\f14a"; font-family: FontAwesome; margin-right: 5px;}
.dtlPt li { border-top: 2px dotted #353535; padding-top: 7px; margin-top: 7px; font-size: 14px; line-height: 2em;}

.dtlPt li:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
  overflow-wrap: break-word;
}

.dtlBtn { position: relative; overflow: hidden; margin: 30px 0;}
.dtlBtn ul { position: relative; float: left; left: 50%;}
.dtlBtn li { position: relative; float: left; left: -50%; border: 1px solid #333; text-align: center;}
.dtlBtn li a { display: block;}
.dtlBtn .clipBtn { width: 150px; line-height: 40px; font-size: 15px; margin-top: 20px;}
.dtlBtn .clipBtn a:before { content: "\f0c6"; font-family: FontAwesome; margin-right: 5px;}
.dtlBtn .entryBtn { background: #333; margin-left: 20px; width: 400px; line-height: 60px; font-size: 18px;}
.dtlBtn .entryBtn a { color: #fff;}
.dtlBtn .entryBtn a:before { content: "\f138"; font-family: FontAwesome; margin-right: 5px;}

.dtlMore { margin-top: 50px; border: 1px solid #333; position: relative;}
.dtlMore h3 { font-size: 16px; font-weight: bold; background-image: url(/assets/img/pc/renew/ttlback.png); background-position: 30px 15px; background-repeat: no-repeat; background-color: #eee; height: 50px; line-height: 50px; text-indent: 48px;}
.dtlMore h3 img { margin-right: 10px; vertical-align: middle;}
.dtlMoreCnt { padding: 0px 29px 29px;}
.dtlMoreCnt a { text-decoration: underline;}
.dtlMore h5 {
 font-size: 16px;
 font-weight: bold;
/*
 height: 50px;
 line-height: 50px;
*/
}

.dtlMoreFlex { width: 900px; margin: 20px auto 0; padding-bottom: 30px;}
.flexDtlMore .slides div { border: 1px solid #ccc; padding-bottom: 15px; margin: 0 10px; width: 278px;}
.flexDtlMore .slides p { height: 200px; text-align: center; }
.flexDtlMore .slides h4 { font-weight: bold; margin: 10px 15px; height: 3em; overflow: hidden;}
.flexDtlMore dl { margin: 0 15px; border-bottom: 1px dotted #999;}
.flexDtlMore dt { width: 70px; float: left; clear: both; color: #999; padding: 7px 0;}
.flexDtlMore dd { padding-left: 70px; border-top: 1px dotted #999; padding: 6px 0 7px;}

.dtlMoreAtt { font-size: 12px; color: #999; text-indent: -1em; padding-left: 1em;}
.dtlMoreQa { border-bottom: 1px dotted #999; padding-bottom: 10px;}
.dtlMoreQa dt, .dtlMoreQa dd { text-indent: -30px; padding-left: 30px;}
.dtlMoreQa dt { border-top: 1px dotted #999; margin-top: 10px; padding-top: 10px;}
.dtlMoreQa dd { color: #f10980; padding-top: 10px;}
.dtlMoreQa .qa { background: #333; color: #fff; border-radius: 3px; -mz-border-radius: 3px; line-height: 30px; padding: 0 5px; font-weight: bold; margin-right: 10px;}
.dtlMoreQa dd span.qa { background: #f10980;}
.dtlMoreQaL { margin-top: 10px; text-align: right;}
.dtlMoreJob { padding: 5px 10px 0px; text-align: left;}
.dtlMoreJob h4 { font-size: 14px;line-height: 30px;}
.dtlMoreJob p { line-height: 2.0em;font-size:14px;}
.jobMail { text-align: left; width: 600px; margin-top: 20px; float: left;}
.jobMail p { margin-bottom: 3px;}
.jobMailBtn { background: #333; width: 50px; height: 30px; border: 1px solid #333; color: #fff; font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif; cursor: pointer;}
.jobQR { text-align: left; width: 180px; margin-top: 20px; float: right;}
.jobMail h5, .jobQR h5 { font-size: 14px; font-weight: bold; border-bottom: 1px solid #333; padding-bottom: 5px; position: relative; margin-bottom: 15px;}
.jobQR h5 { text-indent: 17px;}
.jobMail h5:before { content: "\f0e0"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
.jobQR h5:before { content: "\f10b"; font-family: FontAwesome; margin-right: 5px; font-size: 22px; font-weight: normal; position: absolute; top: 0px; left: 0px; text-indent: 0;}

.dtlMoreLnk dt { width: 200px; float: left; clear: both; padding: 15px 0; line-height: 1.7em; font-weight: bold;}
.dtlMoreLnk dd { border-top: 1px dotted #999; padding: 14px 0 15px 200px; line-height: 1.7em;}
.dtlMoreLnk dt.top { padding: 0px 0 15px;}
.dtlMoreLnk dd.top { border-top: none; padding: 0 0 15px;}

.dtlSp { background:#eee; padding: 15px 20px; margin: 0 0 30px;}

/* zero
---------------*/
.srcZeroTxt { font-size: 18px; font-weight: bold; text-align: center; color: #f10980;}
.srcZeroTxt span { font-size: 14px;}
.srcZero { background: #ffeaf2; padding: 30px 50px 40px; margin-top: 30px;}
.srcZero h3 { font-size: 26px; font-weight: bold; margin-bottom: 30px; border-bottom: 2px dotted #333;}
.srcZero h3:before { content: "\f002"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
.srcZero h4 { font-size: 16px; font-weight: bold; color: #f10980;}
.srcZero h4:before { content: "\f14a"; font-family: FontAwesome; margin-right: 5px;}
.srcZeroLst { margin-top: 5px; margin-bottom: 50px;}
.srcZeroLst li { list-style-type: disc; margin-left: 20px; font-size: 14px; line-height: 2em;}
.srcZeroKey { border: 1px dotted #999; padding: 15px 20px; margin-top: 10px;}
.srcZeroKey li { float: left; margin-right: 25px; line-height: 35px; height: 35px;}
.srcZeroKey li.key01 a { font-size: 20px; color: #ff0000;}
.srcZeroKey li.key02 a { font-size: 16px; color: #0075c2;}
.srcZeroKey li.key03 a { font-size: 13px; color: #00a960;}
.srcZeroKey li.key04 a { font-size: 11px; color: #ff69b4;}
.srcZeroSvc { position: relative; margin-bottom: 50px;}
.srcZeroU { margin-top: 10px;}
.srcZeroU p { background: #fff; padding: 15px; text-align: center; width: 380px; font-size: 16px; font-weight: bold;}
.srcZeroU p span { color: #f25faa; font-size: 18px; font-weight: bold;}
.srcZeroU p i { font-size: 30px; color: #999; margin-top: 5px;}
.srcZeroC { position: absolute; top: 120px; left: 0; width: 860px;}
.srcZeroC p { text-align: center; font-size: 20px; width: 820px; margin: 0 auto; padding: 5px 0; background: rgba(0,0,0,0.1); font-weight: bold;}
.srcZeroC i { margin: 0 5px;}
.srcZeroB p { padding: 70px 15px 15px; text-align: center; width: 380px; background: #fff;}




/**************求人詳細**************/
/***ブランドロゴ***/
#jobdetailLogo{
  padding-top: 15px;
  text-align: center;
  width: 100%;
  max-height:150px;
}

  #jobdetailLogo img{
    max-height: 70px;
    max-width: 100%;
  }


#jobdetailImg{
  margin: 15px 0 5px
}

/***案件タイトル***/
#jobdetailTitle{
  background-color: #f4f4f4;
  color: #333;
  font-size: 105%;
  font-weight: bold;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 15px 10px;
}

/***ブランド・企業***/
#jobdetailCompany{
  border-left: 7px solid #f8deee;
  margin: 20px 10px;
  padding-left: 15px;
}

  #jobdetailCompany h2{
    font-size: 90%;
    font-weight: bold;
    line-height: 1.4em;
  }

  #jobdetailCompany p{
    color: #797979;
    font-size: 75%;
    line-height: 1.5em;
    padding-top: 5px;
  }

/***注目ポイント***/
#jobdetailPoint h2{
  background-color: #f4f4f4;
  color: #333333;
  font-weight: bold;
  padding: 10px;
}

  #jobdetailPoint h2:before {
    content: "\e917";
    font-family: "icomoon";
    font-size: 130%;
    font-weight: normal;
    margin-right: 5px;
    vertical-align: bottom;
  }

#jobdetailPoint ul{
  padding: 5px 10px 10px;
}

#jobdetailPoint li{
  border-bottom: 1px dotted #797979;
  font-size: 90%;
  line-height: 1.8em;
  letter-spacing: 0.5px;
  padding: 10px 0;
}

  #jobdetailPoint li:last-child{
    border: none;
  }

/***企業特集***/
#jobdetailSpecial > div:first-child{
  background-color: #f4f4f4;
  padding: 7px 10px;
}

  #jobdetailSpecial > div:first-child h2{
    border-left: 7px solid #f908a1;
    color: #f908a1;
    font-weight: bold;
    padding: 3px 0 3px 15px;
  }

#jobdetailSpecial h3{
  font-size: 90%;
  font-weight: bold;
  line-height: 1.4em;
  padding: 15px 10px 10px;
}

#jobdetailSpecial a{
  display: inline-block;
  font-size: 80%;
  line-height: 1.5em;
  margin-bottom: 20px;
  padding: 0 10px;
  text-decoration: underline;
}

/***スターリング***/
#jobdetailStarring h2{
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
}

#jobdetailStarring_wrap{
  display: table;
  margin: 15px 0 0;
  table-layout: fixed;
  width: 100%;
}

  #jobdetailStarring_wrap a{
    border: 1px solid #bebebe;
    color: #000;
    display: table-cell;
    height: 220px;
    position: relative;
    text-align: center;
    vertical-align: middle;
  }

  #jobdetailStarring_wrap p{
    background-color: rgba(255, 255, 255, 0.6);
    bottom: 0;
    font-size: 80%;
    height: 4.5em;
    line-height: 1.4em;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 100%;
  }

  #jobdetailStarring_wrap img{
    padding: 5px;
    width: 100%;
  }

  #jobdetailStarring_wrap div{
    display: table-cell;
    width: 2px;
  }

#jobdetailStarring > a{
  display: table;
  padding: 10px 0 20px;
  width: 100%;
}

  #jobdetailStarring  > a p{
    display: table-cell;
    font-size: 80%;
    line-height: 2em;
    text-align: right;
  }

  #jobdetailStarring  > a i{
    display: table-cell;
    font-size: 170%;
    text-align: center;
    vertical-align: middle;
    width: 10%;
  }

/***統一見出し***/
.jobdetailHeading{
  background-color: #f4f4f4;
  padding: 7px 10px;
}

  .jobdetailHeading h2{
    border-left: 7px solid #f8deee;
    font-weight: bold;
    line-height: 1.3em;
    padding: 3px 20px 3px 15px;
    position: relative;
  }

  .jobdetailHeading h2:after{
    color: #797979;
    content: "\e90d";
    font-family: "icomoon";
    font-size: 170%;
    font-weight: normal;
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
  }

/*仕事内容*/

.jobdetailHeading_sn{
  background-color: #f4f4f4;
  padding: 7px 10px;
}

  .jobdetailHeading_sn h2{
    border-left: 7px solid #f8deee;
    font-weight: bold;
    line-height: 1.3em;
    padding: 3px 20px 3px 15px;
    position: relative;
  }

.jobdetailH_sndv{
    margin-top:15px;
    margin-bottom:20px;
   padding:0px 5px;
   letter-spacing: 0.1px;
}


  /***マイナス閉じボタン***/
  .jobdetailHeading h2.jobdetailClose:after{
    content: "\e915";
    font-family: "icomoon";
  }

/***統一閉じカラム***/
/***仕事内容/福利厚生・待遇/職場情報・メリット/会社情報/匿名で企業に質問する/ログインで質問する/関連リンク***/
/*
 #jobdetailWelfare div:not(.jobdetailHeading) , #jobdetailMelit div:not(.jobdetailHeading) , #jobdetailCompanyinfo dl , #jobdetailJobkiku_login form , #jobdetailJobkiku_Anonymous form{
  display: none;
}
*/


/***地図リンク***/
.jobdetailMap{
  color: #f908a1;
  text-decoration: underline;
}

/***求人情報/会社情報/ブランド・企業特別情報***/
#jobdetailInfo dl , #jobdetailCompanyinfo dl , #jobdetailSpecialinfo dl{
  font-size: 80%;
  line-height: 1.5em;
  padding: 5px 10px 0;
}

#jobdetailInfo dt , #jobdetailCompanyinfo dt , #jobdetailSpecialinfo dt{
  clear: both;
  float: left;
  font-weight: bold;
  padding: 10px 0;
  width: 25%;
}

#jobdetailInfo dd , #jobdetailCompanyinfo dd , #jobdetailSpecialinfo dd{
  border-bottom: 1px dotted #797979;
  padding: 9px 0 10px 28%;
}

  #jobdetailInfo dd:last-child , #jobdetailCompanyinfo dd:last-child , #jobdetailSpecialinfo dd:last-child{
    border: none;
    padding: 9px 0 20px 28%;
  }

#jobdetailInfo div , #jobdetailCompanyinfo div , #jobdetailSpecialinfo div{
  border-left: 2px solid #ddd;
  padding-left: 10px;
}

#jobdetailInfo span , #jobdetailCompanyinfo span , #jobdetailSpecialinfo span{
  display: inline-block;
  font-size: 90%;
}

/***仕事内容/福利厚生・待遇/ブランド情報***/
#jobdetailWelfare div:not(.jobdetailHeading), #jobdetailMelit div:not(.jobdetailHeading) , #jobdetailBrandinfo div:not(.jobdetailHeading){
  font-size: 80%;
  line-height: 1.8em;
  letter-spacing: 1.0px;
  padding: 15px 10px 20px;
}

/***職場情報・メリット***/
.jobdetailMelit_discount , .jobdetailMelit_age{
  font-size: 80%;
  line-height: 1.5em;
}

  .jobdetailMelit_discount p , .jobdetailMelit_age p{
    background-color: #f8deee;
    display: inline-block;
    margin-right: 15px;
    padding: 5px 20px;
    text-align: center;
    width: 40%;
  }

.jobdetailMelit_discount{
  border-bottom: 1px dotted #797979;
  margin: 0 10px;
  padding: 15px 0 20px;
}

.jobdetailMelit_age{
  margin: 0 10px;
  padding: 15px 0 10px;
}

/***こだわりキーワード***/

#jobdetailKeyword {
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #dedede;
  margin-bottom:10px;
}


#jobdetailKeyword h2{
  border-left: 7px solid #797979;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px 20px 3px 15px;
  position: relative;
}

  #jobdetailKeyword h2:before {
    color: #f908a1;
  /***  content: "\e906";
    font-family: "icomoon";***/
    font-size: 150%;
    margin-right: 5px;
    vertical-align: bottom;
  }

#jobdetailKeyword ul{
  padding: 10px 10px 20px;
}

#jobdetailKeyword li{
  border: 1px solid #333333;
  border-radius: 5px;
  color: #333333;
  display: inline-block;
  font-size: 80%;
  margin-top: 5px;
  padding: 3px 5px;
  white-space: nowrap;
}

/***みんなの質問（JOBきく）***/
#jobdetailJobkiku{
  border-bottom: 1px solid #dedede;
  margin-bottom:10px;
}

.jobdetailJobkiku{
  background-color: #f4f4f4;
  padding: 7px 10px;
}

#jobdetailJobkiku h2{
  background-color: #f4f4f4;
  /* background-image: url("smp_joblist_jobkiku.png");*/
  background-position: 10px 50%;
  background-repeat: no-repeat;
  background-size: 8% auto;
  border-left: 7px solid #f8deee;
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px 20px 3px 15px;
  position: relative;
}


#jobdetailJobkiku_jobkikudesc{
  display: inline-block;
  font-size: 120%;
  font-weight: bold;
  padding: 15px 10px 10px;
  position: relative;
  width: 100%;
}

  #jobdetailJobkiku_jobkikudesc p{
    display: inline;
    font-size: 70%;
    padding: 15px 10px 10px;
    position: absolute;
    right: 0;
    top: 0;
  }

  #jobdetailJobkiku_jobkikudesc i{
    padding-left: 5px;
  }

#jobdetailJobkiku_question{
  border: 1px solid #000;
  display: table;
  margin: 0 10px;
  padding: 10px 0;
}

  #jobdetailJobkiku_question > i{
    color: #f908a1;
    display: table-cell;
    font-size: 140%;
    padding: 0 5px;
    text-align: center;
    vertical-align: top;
    width: 5%;
  }

  #jobdetailJobkiku_question div{
    font-size: 80%;
    line-height: 1.5em;
    padding-right: 10px;
  }

  #jobdetailJobkiku_question a{
    display: inline-block;
    font-size: 80%;
    line-height: 1.5em;
    padding-right: 10px;
    text-align: right;
    width: 100%;
  }

  #jobdetailJobkiku_question a i{
    padding-left: 5px;
  }


.jobk_kwsk{
    float:right;
    width:28%;
    font-size:70%;
    letter-spacing: 0.01em;
   margin-top: -1px;
   margin-right:-15px;
}

.jobk_kwsk span{
    border-bottom: 1px solid #333333;
   padding-bottom: 2px;
}

.icon-next_cl {
    font-size:120%;
}
.icon-clip-cl {
    font-size:120%;
}

.icon-Q {
    font-size:120%;
}

/***匿名で企業に質問する（JOBきく）/ログインして質問する（JOBきく）の見出し***/
#jobdetailJobkiku_Anonymous > div:first-child , #jobdetailJobkiku_login > div:first-child{
  font-weight: bold;
  line-height: 1.3em;
  position: relative;
}

/*
  #jobdetailJobkiku_Anonymous > div:first-child h3:after , #jobdetailJobkiku_login > div:first-child h3:after{
    color: #797979;
    content: "\e90d";
    font-family: "icomoon";
    font-size: 170%;
    font-weight: normal;
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
  }
*/

  /***マイナス閉じボタン***
/*
  #jobdetailJobkiku_Anonymous > div:first-child h3.jobdetailClose:after ,  #jobdetailJobkiku_login > div:first-child h3.jobdetailClose:after{
    content: "\e915";
    font-family: "icomoon";
  }
*/

/***匿名で企業に質問する（JOBきく）/ログインして質問する（JOBきく）　共通***/
#jobdetailJobkiku_Anonymous{
  margin: 10px;
  padding: 10px;
}

#jobdetailJobkiku_Anonymous button{
    background-color: #eee;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 10px;
    width: 40%;
  }

  #jobdetailJobkiku_login form button i , #jobdetailJobkiku_Anonymous i{
    color: #f908a1;
    font-size: 140%;
    padding-right: 5px;
    vertical-align: middle;
  }

/***匿名で質問する（JOBきく）***/
#jobdetailJobkiku_Anonymous form{
  margin: 0px 10px;
  /* text-align: center; */
}

.jobdetailJobkiku_name{
  height: 30px;
  padding-left: 5px;
  width: 100%;
}

.jobdetailJobkiku_button{
  padding: 15px;
  text-align: center;
}

#jobdetailJobkiku_age{
  display: inline-block;
  width: 60%;
/*
  margin:-13px 10px 10px 0px;
*/
}
    #jobdetailJobkiku_age input{
      height: 30px;
      padding-left: 5px;
      width: 20%;
    }


#jobdetailJobkiku_pref{
  display: inline-block;
  width: 60%;
/*
  margin:8px 10px 10px 0px;
*/
}

  #jobdetailJobkiku_pref select{
    border: 1px solid #999;
/*
    float: left;
*/
    font-size: 90%;
    height: 30px;
/*
    line-height: 35px;
*/
    width: 40%;
  /*以下追加170328*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  border-radius: 0;
  text-align: left;
  padding-left: 5px;
	background: url(/assets/img/pc/fstop_arrow.png) right 50% no-repeat,#fff;
	background: url(/assets/img/pc/fstop_arrow.png) right 50% no-repeat,#fff;
	background-size: 35px, 100%;
  }

#jobdetailJobkiku_age_pref{
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

  #jobdetailJobkiku_age_pref p{
    display: inline-block;
    float: left;
    width: 20%;
  }

    #jobdetailJobkiku_age_pref p input{
      float: left;
      height: 35px;
      padding-left: 5px;
      width: 90%;
    }

  #jobdetailJobkiku_age_pref > div{
    display: inline-block;
    vertical-align: middle;
    width: 80%;
  }

  #jobdetailJobkiku_age_pref > div select{
    border: 1px solid #dedede;
    float: left;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    width: 90%;
  }

/*
#jobdetailJobkiku_Anonymous form > p, #jobkikuform-wrapper p
*/

.jobkikuform-wrapper_p{
  font-size: 90%;
  line-height: 1.5em;
  padding: 8px 0px;
  text-align: left;
/*
  display:inline-block;
*/
}

#jobdetailJobkiku_job {
  display: inline-block;
  width: 60%;
/*
  margin:5px 10px 10px 0px;
*/
}

    #jobdetailJobkiku_job select{
      border: 1px solid #999;
/*
      float: left;
*/
      font-size: 90%;
      height: 30px;
/*
      line-height: 35px;
*/
      width: 40%;
  /*以下追加170328*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  border-radius: 0;
  text-align: left;
  padding-left: 5px;
	background: url(/assets/img/pc/fstop_arrow.png) right 50% no-repeat,#fff;
	background: url(/assets/img/pc/fstop_arrow.png) right 50% no-repeat,#fff;
	background-size: 35px, 100%;
    }

/***jobdetailJobkiku_Anonymousの矢印***/
.jobdetailJobkiku_Anonymous_arrow{
  background-color: #bebebe;
  border: 1px solid #bebebe;
  color: #fff;
  display: table-cell;
  font-size: 90%;
  height: 35px;
  vertical-align: middle;
  width: 10%;
}

  .jobdetailJobkiku_Anonymous_arrow:before{
    content: "\f107";
    font-family: "icomoon";
    font-size: 200%;
  }

#jobdetailJobkiku_Anonymous textarea{
  font-size: 90%;
  margin: 0;
  padding: 5px;
  width: 100%;
  height: 150px;
}

/***ログインして質問する（JOBきく）***/
#jobdetailJobkiku_login form{
  padding: 20px 0 10px;
  text-align: center;
}

#jobdetailJobkiku_login form dt{
  font-size: 90%;
  padding-bottom: 7px;
  text-align: left;
}

#jobdetailJobkiku_login form dd{
  padding-bottom: 15px;
}

  #jobdetailJobkiku_login form dd input{
    border: 1px solid #bebebe;
    height: 35px;
    padding-left: 5px;
    width: 100%;
  }

/***この求人に応募した人はコチラも応募しています/最近見た求人情報***/
.jobdetailRecoFoot{
  padding: 15px 0 20px;
}


#jobdetailHeading_b {
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #dedede;
  margin-bottom:10px;
}


#jobdetailHeading_b h2{
  border-left: 7px solid #797979;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px 20px 3px 15px;
  position: relative;
}

  #jobdetailHeading_b h2:before {
    color: #f908a1;
  /***  content: "\e906";
    font-family: "icomoon";***/
    font-size: 150%;
    margin-right: 5px;
    vertical-align: bottom;
  }

#jobdetailHeading_b ul{
  padding: 10px 10px 20px;
}

#jobdetailHeading_b li{
  border: 1px solid #797979;
  border-radius: 5px;
  color: #797979;
  display: inline-block;
  font-size: 80%;
  margin-top: 5px;
  padding: 3px 5px;
  white-space: nowrap;
}


.jobdetailHeading_c {
  background-color: #ffffff;
  padding: 7px 10px;
  margin-bottom:10px;
}

.jobdetailHeading_c h2{
  border-left: 7px solid #797979;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px 20px 3px 15px;
  position: relative;
}

  .jobdetailHeading_c h2:before {
    color: #f908a1;
  /***  content: "\e906";
    font-family: "icomoon";***/
    font-size: 150%;
    margin-right: 5px;
    vertical-align: bottom;
  }

.jobdetailHeading_c ul{
  padding: 10px 10px 20px;
}

.jobdetailHeading_c li{
  border: 1px solid #797979;
  border-radius: 5px;
  color: #797979;
  display: inline-block;
  font-size: 80%;
  margin-top: 5px;
  padding: 3px 5px;
  white-space: nowrap;
}


/***関連リンク***/

#jobdetailRelation dt{
  color: #797979;
  font-size: 75%;
  padding: 10px 10px 5px;
}

#jobdetailRelation dd{
  border-bottom: 1px dotted #dedede;
}

#jobdetailRelation dd:last-child{
  padding: 0 10px 20px;
}

#jobdetailRelation a:not(.jobdetailRelation_kd){
  display: inline-block;
  font-size: 90%;
  line-height: 1.5em;
  padding: 0 10px 10px;
  width: 100%;
}


.jobdetailRelation_kd{
  border: 1px solid #333333;
  border-radius: 5px;
  color: #333333;
  display: inline-block;
  font-size: 80%;
  margin-top: 5px;
  padding: 3px 5px;
  white-space: nowrap
}


.jobdetailHeading_d{
  background-color: #ffffff;
  padding: 7px 10px;
}

  .jobdetailHeading_d h2{
    border-left: 7px solid #797979;
    font-weight: bold;
    line-height: 1.3em;
    padding: 3px 20px 3px 15px;
    position: relative;
  }




/***応募・ストックボタン ***/

#jobdetailSubmit{
  bottom: 0;
  display: table;
  position: fixed;
  table-layout: fixed;
  width: 100%;
  z-index: 100;

  border-collapse: separate;
  border-spacing: 5px 0px;
  background-color: #ffffff;
  text-align: center;
  padding:5px;

}

.jobdetailSubmit_p{
  background-color: #ffffff;
  border: 1px solid #797979;
  border-radius: 5px;
  color: #333;
  display: table-cell;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
  font-size: 70%;
  width: 25%;
  letter-spacing: 0.05em;
}

.jobdetailSubmit_p_entry{
  background-color: #f908a1;
  border-radius: 5px;
  color: #ffffff;
  display: table-cell;
  padding: 10px 0;
  text-align: center;
  font-size: 90%;
  padding: 5px 0;
  vertical-align: middle;
  width: 70%;
    left: 5px;
    position: relative;
}

.jobdetailSubmit_stock{
    background-color: #f4f4f4; 
 color: #bebebe;
  padding-right: 5px;
  vertical-align: bottom;
    border-radius: 5px;
    display: table-cell;
    font-size: 90%;
    padding: 5px 0;
    vertical-align: middle;
    letter-spacing: 0.1em;
    width: 70%;
}

.jobdetailSubmit_stock i , .jobdetailSubmit_submit i{
    background-color: #f4f4f4; 
 color: #bebebe;
}

.jobdetailSubmit_stock a , .jobdetailSubmit_submit2 {
    background-color: #f4f4f4; 
 color: #bebebe;
}

.jobdetailSubmit_p_entry i{
  color: #fff;
  font-size: 130%;
  padding-right: 5px;
  vertical-align: bottom;
}

.jobdetailSubmit_p_entry a{
  color: #fff;
  display: block;
}


/***応募・ストックボタン ***/

.jobdetailSubmit2{
  display: table;
  table-layout: fixed;
  width: 95%;
  z-index: 100;
  margin:5px 5px 15px 5px;
  border-collapse: separate;
  border-spacing: 5px 0px;
  text-align: center;
}

.jobdetailSubmit2_p{
  background-color: #ffffff;
  border: 1px solid #797979;
  border-radius: 5px;
  color: #333333;
  display: table-cell;
  padding: 10px 0;
  font-size: 70%;
  width: 25%;
  letter-spacing: 0.05em;
}

.jobdetailSubmit2_p_entry{
  background-color: #f908a1;
  border-radius: 5px;
  color: #ffffff;
  display: table-cell;
  text-align: center;
  font-size: 90%;
  padding: 5px 0;
  vertical-align: middle;
    letter-spacing: 0.1em;
  width: 70%;
    left: 5px;
    position: relative;
}

  .jobdetailSubmit2 p.jobdetailSubmit_submit2{
    background-color: #f908a1;
  }

.jobdetailSubmit_stock2{
    background-color: #f4f4f4; 
 color: #bebebe;
  padding-right: 5px;
  vertical-align: bottom;
    border-radius: 5px;
    display: table-cell;
    font-size: 90%;
    padding: 5px 0;
    vertical-align: middle;
    letter-spacing: 0.1em;
    width: 70%;
    left: 5px;
    position: relative;
}

.jobdetailSubmit_stock2 i , .jobdetailSubmit_submit2 i{
    background-color: #f4f4f4; 
 color: #bebebe;
}

.jobdetailSubmit_stock2 a , .jobdetailSubmit_submit2 a{
    background-color: #f4f4f4; 
 color: #bebebe;
}

.jobdetailSubmit2_p i{
  font-size: 130%;
  padding-right: 5px;
  vertical-align: bottom;
}

.jobdetailSubmit2_p a{
  display: block;
}

.jobdetailSubmit2_p_entry i{
  color: #fff;
  font-size: 130%;
  padding-right: 5px;
  vertical-align: bottom;
}

.jobdetailSubmit2_p_entry a{
  color: #fff;
  display: block;
}




/**************求人詳細（JOBくる）**************/
/***ブランド・企業（JOBくる）***/
#jobkurudetailCompany{
  border-left: 7px solid #333;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.4em;
  margin: 20px 10px 10px;
  padding-left: 15px;
}

  #jobkurudetailCompany p{
    color: #797979;
    font-size: 90%;
    padding-top: 5px;
  }

/***現在この求人は募集を締め切っております（JOBくる）***/
.jobkurudetailJobkuru{
  background-color: #f4f4f2;
  margin: 0 10px;
  padding: 15px 10px;
  text-align: center;
}

.jobkurudetailJobkuru > div{
  background-color: #fff;
  background-image: url("smp_jobkurudetail_jobkuru.png");
  background-position: 30px 50%;
  background-repeat: no-repeat;
  background-size: 10% auto;
  border: 1px solid #797979;
  border-radius: 5px;
  display: inline-block;
  font-size: 90%;
  margin: 10px 0;
  padding: 20px;
  position: relative;
  width: 90%;
}

  .jobkurudetailJobkuru > div:before{
    content: "\e904";
    font-family: "icomoon";
    position: absolute;
    right: 8px;
    top: 35%;
  }

.jobkurudetailJobkuru h2{
  font-size: 110%;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 10px;
}

.jobkurudetailJobkuru p{
  margin-right: 15px;
  text-align: right;
  text-decoration: underline;
}

.jobkurudetailJobkuru i{
  color: #f908a1;
  font-size: 130%;
  vertical-align: bottom;
}

/*現在この求人は募集を締め切っております（JOBくる）(２つめのpadding調整用）*/
#jobkurudetailOrderdetail .jobkurudetailJobkuru{
  margin-bottom: 20px;
}

/***この求人に応募した人はコチラも応募しています（JOBくる）/最近見た求人情報（JOBくる）***/
.jobkurudetailRecoFoot_wrap{
  background-color: #f4f4f4;
  margin-top: 20px;
  padding-top: 10px;
}

.jobkurudetailRecoFoot_wrap h2{
  border-left: 7px solid #333;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.4em;
  margin: 0 10px 10px;
  padding-left: 15px;
}

/***今後募集予定の内容（JOBくる）***/
#jobkurudetailOrderdetail > h2{
  border-bottom: 1px solid #333;
  font-size: 120%;
  padding: 25px 10px 5px;
}

#jobkurudetailOrderdetail > h2 p{
  border-left: 7px solid #333;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.5em;
  padding-left: 10px;
}

/***SNS（JOBくる）***/
#jobkurudetailSns{
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
}

#jobkurudetailSns a{
  border-bottom: 1px dotted #797979;
  display: table;
  width: 100%;
}

  #jobkurudetailSns a:last-child{
    border-bottom: none;
  }

#jobkurudetailSns div{
  display: table-cell;
  padding: 10px 15px;
  vertical-align: middle;
  width: 20%;
}

  #jobkurudetailSns div img{
    width: 100%;
  }

#jobkurudetailSns p{
  display: table-cell;
  font-size: 80%;
  position: relative;
  vertical-align: middle;
}

  #jobkurudetailSns p:after {
    content: "\e903";
    font-family: "icomoon";
    font-weight: normal;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    top: 50%;
  }

/***JOBくる登録フォーム）***/
#jobkurudetailJobkuruform{
  display: none;
  position: fixed;
  top: 90px;
  z-index: 1600;
  left: 0;
  right: 0;
  margin: auto;
  width:auto;
  padding-right: 10px;
}

#jobkurudetailJobkuruform > div{
  background-color: #fff;
  border-radius: 5px;
  margin: 5px;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 100%;
}

#jobkurudetailJobkuruform_heading{
  display: table;
  margin: 0 auto;
  width: 80%;
}

#jobkurudetailJobkuruform_heading h2{
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  width: 30%;
}

  #jobkurudetailJobkuruform_heading h2 img{
    width: 100%;
  }

#jobkurudetailJobkuruform_heading p{
  display: table-cell;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.3em;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

#jobkurudetailJobkuruform h3{
  border-left: 7px solid #333;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.4em;
  margin: 10px 0 15px;
  padding-left: 15px;
  text-align: left;
}

#jobkurudetailJobkuruform form div{
  line-height: 1.5em;
  text-align: left;
}

#jobkurudetailJobkuruform input{
  border: 1px solid #333;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
/*  margin: 15px 0; */
  padding-left: 5px;
  width: 100%;
}

#jobkurudetailJobkuruform button{
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  color: #333;
  cursor: pointer;
  display: table-cell;
  font-size: 110%;
  font-weight: bold;
  padding: 15px 0;
  width: 80%;
}

#jobkurudetailJobkuruform button > i{
  font-size: 150%;
  vertical-align: middle;
}

#jobkuruform-sent button{
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  color: #333;
  cursor: pointer;
  display: table-cell;
  font-size: 110%;
  font-weight: bold;
  padding: 15px 0;
  width: 80%;
}

.jobkurudetailJobkuruform_domain{
  font-size: 80%;
  line-height: 1.5em;
  margin: 10px 0 15px;
  text-align: center;
}

/*サンクス文言*/
#jobkurudetailJobkuruform_send{
  margin: 30px 20px;
  text-align: left;
}

#jobkurudetailJobkuruform_send p:not(.jobkurudetailJobkuruform_domain){
  padding-bottom: 20px;
}

/*閉じるボタン*/
#jobkurudetailJobkuruform > i{
  background-color: #333;
  border-radius: 20px;
  color: #fff;
  font-size: 190%;
  line-height: 1em;
  padding: 2px;
  position: absolute;
  right: 5px;
  top: -1.2em;
  vertical-align: bottom;
}

/*アダストリアの求人*/
.ada-form-link {
    margin:25px 0 20px 0;
    text-align:center; 
}
.ada-form-img {
    width: 90%;


/*アイコン*/

@font-face {
  font-family: 'icomoon';
  src:  url('/assets/fonts/smp/order_detail/icomoon.eot?c2vjz');
  src:  url('/assets/fonts/smp/order_detail/icomoon.eot?c2vjz#iefix') format('embedded-opentype'),
    url('/assets/fonts/smp/order_detail/icomoon.ttf?c2vjz') format('truetype'),
    url('/assets/fonts/smp/order_detail/icomoon.woff?c2vjz') format('woff'),
    url('/assets/fonts/smp/order_detail/icomoon.svg?c2vjz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-clip-cl:before {
  content: "\e940";
}
.icon-next_cl:before {
  content: "\e941";
}

.icon-Q:before {
    content: "\e918";
}


/*20170411追加*/

#jobdetailJobkiku_toha{
    font-weight: bold;
    line-height: 1.3em;
    position: relative;
}

/*
#jobdetailJobkiku_age input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#jobdetailJobkiku_age input[type="number"] {
    -moz-appearance:textfield;
}
*/