/* Generated by less 2.5.1 */
/* notfound - 共通 */
.notfound {
  text-align: center;
}
.notfound p {
  font-size: 1.5rem;
  font-weight: bold;
}
.notfound_p_tb {
  padding: 6em 0;
}
.notfound_p_t {
  padding: 6em 0 0;
}
.notfound_p_b {
  padding: 0 0 6em;
}
.lower-search .shop_list .notfound {
  width: 100%;
}
.lower-search .shop_list .notfound p {
  font-weight: normal;
}
.lower-merit .notfound,
.lower-work .notfound,
.lower-jobintro .notfound {
  background: #fff;
  padding: 84px 40px 0;
  border-radius: 10px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .notfound p {
    font-size: 1.2rem;
  }
  .lower-merit .notfound,
  .lower-work .notfound,
  .lower-jobintro .notfound {
    padding: 20px;
  }
  .notfound_p_tb {
    padding: 3em 0;
  }
}
/* 20.07.07 add onishi */
/* 全Pに動画エリア追加 */
body:not(.lower-merit) .video_wrap {
  width: 69.6428571429%;
  max-width: 780px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  body:not(.lower-merit) .video_wrap {
    width: 100%;
    max-width: 720px;
  }
}
body:not(.lower-merit) .video_wrap .video {
  padding-top: 58.4615384615%;
  position: relative;
}
body:not(.lower-merit) .video_wrap .video iframe {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body:not(.lower-merit) .video_wrap .txt {
  margin-top: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  body:not(.lower-merit) .video_wrap .txt {
    margin-top: 20px;
  }
}
body:not(.lower-merit) .video_wrap .txt span {
  display: inline-block;
  padding: .6em 20px;
  font-size: 1.3rem;
  background: #333;
  border-radius: 50px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  body:not(.lower-merit) .video_wrap .txt span {
    font-size: 1.2rem;
  }
}
/* 働き方 */
body.lower-work .video_wrap,
body.lower-jobintro .video_wrap {
  margin-top: 80px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  body.lower-work .video_wrap,
  body.lower-jobintro .video_wrap {
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 0 20px;
  }
}
.lower-work .work_style_list .block_main_inner .img_area .img_box .img {
  padding-top: 93.4865%;
}
/* お仕事紹介 */
body.lower-jobintro .video_wrap {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  body.lower-jobintro .video_wrap {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/* 20.08.21 add onishi */
.front-page .type_wrap {
  width: 100%;
  max-width: 1280px;
  padding: 0 40px;
  margin: 72px auto 0;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .front-page .type_wrap {
    padding: 0 20px;
    margin-top: 32px;
  }
}
.front-page .type_wrap.active {
  opacity: 1;
  animation: fadeBottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.front-page .type_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .front-page .type_list {
    justify-content: flex-start;
  }
}
.front-page .type_list_item {
  flex: 0 0 23.5%;
  max-width: 23.5%;
  margin: 1% 0 1% 2%;
  border: 2px solid #b50081;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .front-page .type_list_item {
    flex: 0 0 49%;
    max-width: 49%;
  }
}
@media screen and (min-width: 769px) {
  .front-page .type_list_item:nth-child(4n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .front-page .type_list_item:nth-child(2n+1) {
    margin-left: 0;
  }
}
.front-page .type_list_item a {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1.4em 1.25em;
  background: #ffffff;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .front-page .type_list_item a {
    justify-content: flex-start;
    font-size: 1.4rem;
    padding: 1em;
  }
}
.front-page .type_list_item a:after {
  content: '';
  flex: 0 0 11px;
  width: 11px;
  height: 9px;
  display: inline-block;
  margin-left: 8px;
  background: url(../img/blank.png) no-repeat center center / contain;
}
/* 20.09.11 add onishi */
.lower-merit .merit_head_inner .video_wrap {
  position: relative;
  z-index: 1;
}
/* 20.10.26 add onishi */
.header_inner .header_nav ul li h1 {
  text-align: center;
}
.sp_head .logo h1 {
  margin-top: 4px;
  font-size: 1.1rem;
  display: block;
  line-height: 1.2;
  font-weight: 600;
}
