.youtube-box {
  height: 243px;
}

/* job */
.job {
  padding: 120px 0 165px;
  position: relative;
  text-align: center;
  background: url("../img/like/like_bg_bottom.png") center bottom no-repeat;
}

.job:before {
  content: '';
  height: calc(100% - 300px);
  background-image: url("../img/like/like_bg_top.jpg"), url("../img/like/like_bg_repeat.png");
}

.job-title {
  margin-bottom: 50px;
}

.job-text01 {
  margin-bottom: 72px;
}

.job-list {
  width: 940px;
  margin: 0 auto;
}

.job-list:after {
  content: '';
  display: block;
  clear: both;
}

.job-item {
  position: relative;
  z-index: 0;
}

.job-item.icon-new-right:after {
  top: -19px;
  left: 18px;
}

.job-item:nth-child(odd) {
  float: left;
}

.job-item:nth-child(even) {
  float: right;
}

.job-item:nth-child(n+3) {
  margin-top: 44px;
}

.job-item01 .job-chara {
  top: 53px;
  left: -172px;
}

.job-item02 .job-chara {
  top: 57px;
  right: -124px;
}

.job-item03 .job-chara {
  top: 37px;
  left: -158px;
}

.job-item04 .job-chara {
  top: 66px;
  right: -131px;
}

.job-item05 .job-chara {
  top: 42px;
  left: -141px;
}

.job-item06 .job-chara {
  top: 55px;
  right: -158px;
}

.job-item07 .job-chara {
  top: 43px;
  left: -121px;
}

.job-item08 .job-chara {
  top: 48px;
  right: -141px;
}

.job-item09 .job-chara {
  top: 58px;
  left: -107px;
}

.job-item10 .job-chara {
  top: 46px;
  right: -157px;
}

.job-item11 .job-chara {
  top: 66px;
  left: -133px;
}

.job-item12 .job-chara {
  top: 58px;
  right: -129px;
}

.job-frame {
  width: 460px;
  height: 320px;
  padding: 14px;
  position: relative;
  z-index: 1;
  background: url("../img/job/job_frame01.png") 0 0 no-repeat;
  box-sizing: border-box;
}

.job-label {
  position: absolute;
  z-index: 3;
  top: -17px;
  left: 0;
  width: 100%;
}

.job-name {
  position: absolute;
  bottom: 17px;
  left: 0;
  width: 100%;
}

.job-chara {
  position: absolute;
  z-index: -1;
}