/* --------------------------------------
	top
-------------------------------------- */
.top-main-visual {
  margin-bottom: 20px;
}
.top-main-visual img {
  width: 100%;
  vertical-align: top;
}

.top-news {
  margin-bottom: 20px;
}
.top-news__heading {
  margin-bottom: 10px;
}

.top-category-article {
  text-align: center;
  margin-bottom: 10px;
}
.top-category-article > a:first-of-type {
  display: block;
}
.top-category-article__description {
  font-size: 1.083em;
}

.top-con-001 > a {
  background: url(/recruit/careers/_shared/images/top/con_001_img.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 25% 0;
}

.top-con-002 > a {
  background: url(/recruit/careers/_shared/images/top/con_002_img.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 25% 0;
}

.top-con-003 > a {
  background: url(/recruit/careers/_shared/images/top/con_003_img.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 19.6% 0;
}
.top-con-003 .m-heading-001 span {
  text-shadow: 0 0 6px #666;
}

.top-con-004 {
  position: relative;
}
.top-con-004 > a {
  display: block;
  background: url(/recruit/careers/_shared/images/top/con_004_img.jpg) no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 25% 0 45%;
  cursor: default;
}
.top-con-004 .button-wrapper {
  width: 100%;
  position: absolute;
  bottom: 30px;
}
.top-con-004 .button-wrapper .button {
  margin-top: 10px;
}
.top-con-004 .button-wrapper .button:first-child {
  margin-top: 0;
}
.top-con-004 .button-wrapper .button a {
  color: #fff;
}

/* --------------------------------------
	about
-------------------------------------- */
.about-cont {
  color: #fff;
  padding: 18% 0;
  margin-bottom: 5px;
}
.about-cont-top {
  background: url(/recruit/careers/_shared/images/about/about_img_001.jpg) no-repeat 100% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 19% 0;
  margin-bottom: 5px;
}
.about-cont-top__ttl {
  text-align: center;
  margin-bottom: 20px;
}
.about-cont-top__btn {
  display: block;
  width: 65.625%;
  font-weight: bold;
  font-size: 1.083em;
  text-align: center;
  background: #fdfa11 url(/recruit/careers/_shared/images/about/arrow_bk.png) no-repeat 92% 50%;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
  padding: 15px 0;
  margin: 0 auto;
}
.about-cont--002 {
  background: url(/recruit/careers/_shared/images/about/about_img_002.jpg) no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
.about-cont--003 {
  background: url(/recruit/careers/_shared/images/about/about_img_003.jpg) no-repeat 100% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
.about-cont--004 {
  background: url(/recruit/careers/_shared/images/about/about_img_004.jpg) no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
.about-cont__ttl {
  font-weight: bold;
  font-size: 1.583em;
  text-align: center;
  text-shadow: 0 0 5px #444, 0 0 6px #666;
  margin-bottom: 25px;
}
.about-cont__btn {
  display: block;
  width: 65.625%;
  font-size: 1.083em;
  text-align: center;
  background: url(/recruit/careers/_shared/images/about/arrow.png) no-repeat 92% 50%;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
  border: 1px solid #fff;
  padding: 15px 0;
  margin: 0 auto;
}

/* --------------------------------------
	workstyle
-------------------------------------- */
.workstyle-message {
  background: url(/recruit/careers/_shared/images/workstyle/speech_balloon.png) no-repeat 100% 0;
  -webkit-background-size: 83px auto;
  background-size: 83px auto;
  margin: 40px 0 90px;
}
.workstyle-message__ttl {
  font-weight: bold;
  font-size: 1.916em;
  color: #5bc2dc;
  padding-top: 20px;
  margin-bottom: 10px;
}
.workstyle-message__img {
  float: right;
  margin-left: 20px;
}

/* --------------------------------------
	policy
-------------------------------------- */
.policy-link {
  margin-bottom: 90px;
}
.policy-link__item {
  margin-bottom: 20px;
}
.policy-link__item a {
  display: inline-block;
  font-weight: bold;
  font-size: 1.083em;
  color: #5bc2dc;
  background: url(/recruit/careers/_shared/images/policy/arrow.png) no-repeat 0 50%;
  -webkit-background-size: 16px auto;
  background-size: 16px auto;
  padding-left: 22px;
}