@charset utf-8;
/*---------------------------------------------
    共通 
----------------------------------------------*/
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
main.h_shushoku {
  background: #f1f1f1;
  padding: 0 155px;
}
main.h_shushoku .cnt_wrap {
  background: white;
  padding: 40px 35px 70px;
}
main.h_shushoku h1, main.h_shushoku h2 {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
main.h_shushoku .cmt {
  font-size: 16px;
  margin-bottom: 40px;
  color: #333;
}
main.h_shushoku .cmt_note {
	color: #333;
  text-align: right;
  margin-bottom: 13px;
}


/*---------------------------------------------
    求人票の見方 
----------------------------------------------*/
main.h_shushoku.kyujinhyo2 .cnt_wrap,
main.h_shushoku.kyujinhyo3 .cnt_wrap {
  padding-top: 50px;
}
main.h_shushoku .note {
  font-family: "Zen Maru Gothic", serif;
  font-size:16px;
  font-weight: bold;
  margin-bottom: 7px;
}
main.h_shushoku .full_kyujinhyo {
  width: fit-content;
  margin: 0 auto;
}
main.h_shushoku.kyujinhyo1 .kyujin_wrap {
  margin-bottom: 50px;
}
main.h_shushoku.kyujinhyo2 .kyujin_wrap {
  margin-bottom: 63px;
}
main.h_shushoku.kyujinhyo3 .kyujin_wrap {
  margin-bottom: 107px;
}
main.h_shushoku .kyujin_wrap:after {
  content: "";
  clear: both;
  display: block;
}
main.h_shushoku .part_kyujinhyo {
  float: right;
}
main.h_shushoku.kyujinhyo1 .part_kyujinhyo {
  margin-bottom: 13px;
}
main.h_shushoku.kyujinhyo2 .part_kyujinhyo {
  margin-bottom: 6px;
}
main.h_shushoku.kyujinhyo3 .part_kyujinhyo {
  margin-bottom: 32px;
}
main.h_shushoku .kyujin {
  width: 188px;
}
main.h_shushoku .kyujin.job_info,
main.h_shushoku .kyujin.working {
  float: left;
}
main.h_shushoku .kyujin.job_info:nth-of-type(4) {
  margin-left: 12px;
}
main.h_shushoku .kyujin.job_info:nth-of-type(5) {
  margin-left: 24px;
}
main.h_shushoku .kyujin.working:nth-of-type(3) {
  margin-left: 12px;
}
main.h_shushoku .kyujin.working:nth-of-type(4) {
  margin-left: 24px;
}
main.h_shushoku .kyujin.suppl {
  margin-bottom: 43px;
}
main.h_shushoku .kyujin.ability,
main.h_shushoku .kyujin.settle_down {
  float: left;
  width: 290px;
}
main.h_shushoku .kyujin.settle_down {
  margin-left: 20px;
}

main.h_shushoku .kyujin .kyujin_ttl  {
  font-size: 16px;
  color: #fff;
  padding: 6px 10px 7px;
  box-sizing: border-box;
  font-family: "Zen Maru Gothic", serif;
}
main.h_shushoku .kyujin.corp_info .kyujin_ttl {
  background: #2CB7B1;
}
main.h_shushoku .kyujin.job_info .kyujin_ttl {
  background: #01AFEC;
}
main.h_shushoku .kyujin.working .kyujin_ttl {
  background: #FEA200;
}
main.h_shushoku .kyujin.select .kyujin_ttl {
  background: #FFCD57;
}
main.h_shushoku .kyujin.suppl .kyujin_ttl {
  background: #F97481;
}
main.h_shushoku .kyujin.recruit .kyujin_ttl {
  background: #C163FF;
  padding: 6px 5px 7px;
}
main.h_shushoku .kyujin.ability .kyujin_ttl {
  background: #007BE6;
  padding: 6px 5px 10px;
}
main.h_shushoku .kyujin.settle_down .kyujin_ttl {
  background: #00D463;
  padding: 6px 5px 10px;
}
main.h_shushoku .kyujin dl dt, main.h_shushoku .kyujin div h4 {
  font-size: 16px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  padding-left: 1.25em;
  text-indent: -1.25em;
  margin-bottom: 4px;
}
main.h_shushoku .kyujin.corp_info dl dt {
  color: #2CB7B1;
}
main.h_shushoku .kyujin.job_info dl dt {
  color: #01AFEC;
}
main.h_shushoku .kyujin.working dl dt {
  color: #FEA200;
}
main.h_shushoku .kyujin.select dl dt {
  color: #FFCD57;
}
main.h_shushoku .kyujin.suppl dl dt {
  color: #F97481;
}
main.h_shushoku .kyujin.recruit dl dt {
  color: #C163FF;
}
main.h_shushoku .kyujin.ability dl dt {
  color: #007BE6;
}
main.h_shushoku .kyujin.settle_down dl dt {
  color: #00D463;
}
main.h_shushoku .kyujin .content {
  font-size: 15px;
  line-height: 22px;
}
main.h_shushoku .kyujin_point {
  border: 3px solid #FF809E;
  border-radius: 15px;
  padding: 24px 22px 25px 89px;
  position: relative;
}
main.h_shushoku .kyujin_point .icon {
  left: 13px;
  position: absolute;
  top: -20px;
}
main.h_shushoku .kyujin_point * {
  font-family: "Zen Maru Gothic", serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
main.h_shushoku .kyujin_point p.point_ttl {
  color: #FF809E;
}
main.h_shushoku .next_page{
  background: #FF809E;
  border-radius: 30px;
  padding: 17px 0;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  display: block;
  width: 360px;
  height: 60px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
}


/*---------------------------------------------
    就職活動スケジュール 
----------------------------------------------*/
main.h_shushoku.schedule .cnt_wrap {
  padding-top: 50px;
}

/*---------------------------------------------
    履歴書の書き方
----------------------------------------------*/
main.h_shushoku.rirekisho1 .kyujin_point {
  padding: 26px 17px 27px 73px;
}
main.h_shushoku.rirekisho1 .kyujin_point ul li {
  padding-left: 21px;
  position: relative;
}
main.h_shushoku.rirekisho1 .kyujin_point ul li + li {
  margin-top: 20px;
}
main.h_shushoku.rirekisho1 .kyujin_point ul li:before {
  content: "◎";
  position: absolute;
  left:0
}
main.h_shushoku .part_rirekisho {
  width: 290px;
  margin: 0 auto;
  inline-size: fit-content;
}
main.h_shushoku .rirekisho_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
main.h_shushoku .rirekisho_wrap .kyujin {
  width: 290px;
}
main.h_shushoku .kyujin.kihon .kyujin_ttl {
  background: #00C994;
}
main.h_shushoku .kyujin.photo .kyujin_ttl {
  background: #9AD95E;
}
main.h_shushoku .kyujin.enrollment .kyujin_ttl {
  background: #FFC81A;
}
main.h_shushoku .kyujin.experience .kyujin_ttl {
  background: #FF7D08;
}
main.h_shushoku .kyujin.shikaku .kyujin_ttl {
  background: #F26BA2;
}
main.h_shushoku .kyujin.eca .kyujin_ttl {
  background: #B47DFB;
}
main.h_shushoku .kyujin.appeal .kyujin_ttl {
  background: #35BCDB;
}
main.h_shushoku .kyujin.bikou .kyujin_ttl {
  background: #1981E8;
}
main.h_shushoku .kyujin.kihon dl dt, main.h_shushoku .kyujin.kihon div h4 {
  color: #00C994;
}
main.h_shushoku .rirekisho_wrap .kyujin:nth-child(n+3)  {
  margin-top: 40px;
}