@charset "UTF-8";
.employment .page-ttl {
  background: url(/employment/img/mv_pc.jpg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .employment .page-ttl {
    background: url(/employment/img/mv_sp.jpg) no-repeat;
    background-size: cover;
  }
}
.employment .accordion-block {
  padding: 45px 65px 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block {
    padding: 25px 9% 0;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block:last-of-type {
    margin-bottom: 0;
  }
}
.employment .accordion-block .accordion-head .accordion-head-wrap {
  position: relative;
}
.employment .accordion-block .accordion-head .accordion-head-wrap::before, .employment .accordion-block .accordion-head .accordion-head-wrap::after {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  background: #EE782B;
  position: absolute;
  right: 0;
  top: 21px;
  transition: 0.5s all;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-head .accordion-head-wrap::before, .employment .accordion-block .accordion-head .accordion-head-wrap::after {
    width: 16px;
    top: 18px;
  }
}
.employment .accordion-block .accordion-head .accordion-head-wrap::after {
  transform: rotate(90deg);
}
.employment .accordion-block .accordion-head .accordion-head-wrap .section-ttl {
  font-size: 2.25rem;
  margin-bottom: 0;
  padding-right: 30px;
  padding-bottom: 45px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-head .accordion-head-wrap .section-ttl {
    font-size: 1.5rem;
    padding-bottom: 24px;
    padding-right: 25px;
  }
}
.employment .accordion-block .accordion-head .accordion-head-wrap .section-ttl:hover {
  cursor: pointer;
}
.employment .accordion-block .accordion-head .accordion-head-wrap .section-ttl small {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-head .accordion-head-wrap .section-ttl small {
    font-size: 1rem;
  }
}
.employment .accordion-block .accordion-head .accordion-head-wrap.open::after {
  transform: rotate(0);
}
.employment .accordion-block .accordion-contents {
  padding: 65px 0 80px;
  display: none;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents {
    padding: 30px 0 40px;
  }
}
.employment .accordion-block .accordion-contents .employment-table {
  display: flex;
  flex-wrap: wrap;
}
.employment .accordion-block .accordion-contents .employment-table dt {
  width: 175px;
  padding: 10px 30px;
  justify-content: center;
  margin-bottom: 30px;
  color: #EE782B;
  font-weight: bold;
  background: #F5F0E8;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dt {
    width: 100%;
    padding: 5px 30px;
    margin-bottom: 10px;
  }
}
.employment .accordion-block .accordion-contents .employment-table dt span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.employment .accordion-block .accordion-contents .employment-table dd {
  width: calc(100% - 175px);
  padding: 10px 32px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .indent.attention li {
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .indent.attention li {
    font-size: 0.8125rem;
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions {
  display: flex;
  flex-wrap: wrap;
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions dt {
  width: 130px;
  background: transparent;
  padding: 0;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .conditions dt {
    width: 100%;
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions dd {
  width: calc(100% - 130px);
  padding: 0 15px;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .conditions dd {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions.time {
  margin-top: 5px;
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions.time dt {
  width: 34px;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .conditions.time dt {
    margin-right: 10px;
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions.time dd {
  width: calc(100% - 34px);
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .conditions.time dd {
    width: calc(100% - 44px);
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions.holiday {
  margin-top: 8px;
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions.holiday dt {
  width: 175px;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .conditions.holiday dt {
    width: 100%;
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .conditions.holiday dd {
  width: calc(100% - 175px);
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .conditions.holiday dd {
    width: 100%;
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .salary {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary thead {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody tr {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody tr td:nth-of-type(2) {
    border-bottom: none;
    padding-bottom: 5px;
    border-right: 1px solid #D7CBB3;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody tr td:nth-of-type(2)::before {
    content: "入職後：";
    margin-right: 14px;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody tr td:nth-of-type(3) {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 5px;
    border-right: 1px solid #D7CBB3;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody tr td:nth-of-type(3)::before {
    content: "想定月収：";
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody tr td:last-of-type {
    margin-bottom: 15px;
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody tr td:last-of-type::before {
    content: "想定年収：";
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .salary tbody td {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody td {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    text-align: left;
  }
}
.employment .accordion-block .accordion-contents .employment-table dd .salary tbody td.position {
  width: 36%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd .salary tbody td.position {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 15px;
    background: #F5F0E8;
    border-top: 1px solid #D7CBB3;
    border-right: 1px solid #D7CBB3;
  }
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .employment-table dd.sp {
    padding: 0;
  }
}
.employment .accordion-block .accordion-contents .btn {
  width: 355px;
  margin: 45px auto 0;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .btn {
    width: 100%;
  }
}
.employment .accordion-block .accordion-contents .btn a {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  padding: 25px 60px;
  background: #E6DDCD;
  border-radius: 100px;
  border: 1px solid #D7CBB3;
  position: relative;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .btn a {
    padding: 20px 40px;
    font-size: 1.125rem;
  }
}
.employment .accordion-block .accordion-contents .btn a::after {
  content: "";
  display: block;
  width: 15px;
  height: 13px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'><path d='M8.64748 0L7.56861 1.05047L12.1609 5.76341H0V7.2705H12.1609L7.56861 11.9811L8.64748 13.0339L15 6.51577L8.64748 0Z' fill='rgb(62,58,58)'/></svg>") no-repeat center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 60px;
  transition: 0.5s all;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .btn a::after {
    right: 40px;
  }
}
.employment .accordion-block .accordion-contents .btn a:hover {
  opacity: 1;
  background: #D7CBB3;
}
.employment .accordion-block .accordion-contents .btn a:hover::after {
  right: 40px;
}
@media screen and (max-width: 767px) {
  .employment .accordion-block .accordion-contents .btn a:hover::after {
    right: 40px;
  }
}/*# sourceMappingURL=employment.css.map */