@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500&display=swap");
#fixd_header {
  display: none;
}

@media screen and (max-width: 768px) {
  #layout-header {
    padding-top: 0;
  }
}
/* ===============================================
# page共通
=============================================== */
.site-subname {
  /*   z-index: 10;
  bottom: 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-size: 1.5em;

  span {
    font-family:
      "Utsukushifont",
      "游明朝",
      YuMincho serif;
    color: #ed1e79;
    font-size: 0.8em;
    font-weight: 600;
    padding-left: 0.2em;
  } */
}
@media print, screen and (min-width: 769px) {
  .site-subname {
    width: 33.4545454545%;
    margin-top: 4%;
  }
}
@media screen and (max-width: 768px) {
  .site-subname {
    width: 48.2666666667%;
    margin-top: 5.3333333333%;
    margin-left: 5.8666666667%;
  }
}

.page-visual picture,
.page-visual picture > img {
  max-width: inherit;
  width: 100%;
}

.lead-text {
  font-family: "Utsukushifont", "游明朝", YuMincho serif;
  font-weight: 400;
  text-align: center;
  line-height: 2;
}

@media print, screen and (min-width: 769px) {
  .lead-text {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 768px) {
  .lead-text {
    margin-inline: 2%;
  }
}
/* カウンターをリセット */
/* ===============================================
# 共通：form
=============================================== */
.aform-content dl {
  margin: -1px 0 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #fff;
}
.aform-content dt,
.aform-content dd {
  padding-inline: 0.5em;
  padding-block: 0.3em;
}
.aform-content dt {
  background: #f6f6f6;
  color: #74645a;
  width: 30%;
  display: flex;
  align-items: center;
  font-weight: bold;
  border-right: 1px solid #ccc;
}
.aform-content dt label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.aform-content span.required {
  color: #fff;
  font-weight: normal;
  background: #d92b00;
  font-size: 0.75em;
  padding: 0.2em;
  border-radius: 3px;
}
.aform-content dd {
  margin-left: 0;
}
.aform-content .submit-btn {
  margin: 4em auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.aform-content .submit-btn input {
  padding: 0.8em 2.5em;
  border-radius: 0.8em;
  border: none;
  background: #ffa1b5;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}
.aform-content .aform-content dl {
  display: flex;
  margin: -1px 0 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #fff;
}
.aform-content .aform-content dt,
.aform-content .aform-content dd {
  padding-inline: 0.5em;
  padding-block: 0.3em;
}
.aform-content .aform-content dt {
  background: #f6f6f6;
  color: #74645a;
  width: 30%;
  display: flex;
  align-items: center;
  font-weight: bold;
  border-right: 1px solid #ccc;
}
.aform-content .aform-content dt label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.aform-content .aform-content span.required {
  color: #fff;
  font-weight: normal;
  background: #d92b00;
  font-size: 0.75em;
  padding: 0.2em;
  border-radius: 3px;
}
.aform-content .aform-content dd {
  margin-left: 0;
}
.aform-content .aform-content .submit-btn {
  margin: 4em auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.aform-content .aform-content .submit-btn input {
  padding: 0.8em 2.5em;
  border-radius: 0.8em;
  border: none;
  background: #ffa1b5;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .aform-content input,
.aform-content textarea,
.aform-content select {
    width: 100%;
  }
  .aform-content select {
    font-size: 1.3em;
    padding: 0.3em;
  }
  .aform-content dl:has(.your-gender) dd {
    display: flex;
    gap: 1.5em;
  }
  .aform-content dl:has(.your-gender) dd label {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    gap: 1em;
    align-items: center;
    padding: 1em;
  }
  .aform-content dt {
    width: 100%;
    border-right: none;
  }
  .aform-content dt label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .aform-content .horizontal-item {
    font-size: 1.2em;
  }
  .aform-content .horizontal-item label {
    display: flex;
  }
  .aform-content .horizontal-item label input {
    width: initial;
  }
}
@media print, screen and (min-width: 769px) {
  .aform-content dl {
    display: flex;
  }
}

.page-conf .aform-content {
  margin-top: 5em;
}
.page-conf .aform-content .submit-btn {
  display: flex;
  align-items: center;
  gap: 3em;
}
.page-conf .aform-content input[name=submitBack] {
  background: #ccc;
  color: #212529;
  padding: 0.3em 1.5em;
  font-weight: normal;
  border-radius: 0.3em;
  font-size: 1em;
}

/* ===============================================
# 共通：募集要項
=============================================== */
@media print, screen and (min-width: 1201px) {
  .sec-guideline .guidance-table {
    padding: 60px 40px;
    border-radius: 40px;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1200px) {
  .sec-guideline .guidance-table {
    padding: 40px 20px;
    border-radius: 30px;
  }
}
.sec-guideline .guidance-table {
  width: 100%;
}
.sec-guideline .guidance-table table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.4;
}
.sec-guideline td,
.sec-guideline th {
  border-bottom: 1px solid #ccc;
  padding-block: 0.8em;
}
.sec-guideline th {
  vertical-align: text-top;
  padding-inline: 50px 20px;
  text-align: left;
  white-space: nowrap;
}
.sec-guideline td {
  -webkit-padding-end: 20px;
          padding-inline-end: 20px;
}
.sec-guideline dt {
  font-weight: bold;
}
.sec-guideline dd {
  margin-left: 0;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .sec-guideline table tr {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: 100% !important;
    padding: 0.5em 0.3em;
    border-bottom: 1px solid #ccc;
  }
  .sec-guideline table th,
.sec-guideline table td {
    width: 100% !important;
    height: 100% !important;
    border-bottom: none;
    padding: 0;
  }
  .sec-guideline table td > p {
    margin: 0.5em 0;
  }
  .sec-guideline.accordion-item {
    gap: 0;
  }
  .sec-guideline.accordion-item .sec-title {
    background-color: #fa817e;
    color: #fff;
    padding: 0.8em 0.8em 0.5em;
    text-align: center;
    margin: 0;
  }
  .sec-guideline.accordion-item .sec-title::after {
    display: block;
    font-family: "Material Icons";
    content: "\eacf";
    font-size: 42px;
    color: #fff;
    grid-column: 2/3;
    grid-row: 2/4;
    align-items: center;
    transform: rotate(0deg);
    transition: 0.5s;
    margin: auto;
  }
  .sec-guideline.accordion-item.active .sec-title:after {
    transform: rotate(180deg);
    transition: 0.5s;
  }
}

/* ===============================================
# パートタイム.page-part
=============================================== */
.page-part .mainblock .sec-title {
  color: #ffb838;
}
.page-part .sec-point {
  background: #ffeae6;
}
.page-part .sec-header {
  width: 100%;
  margin-top: 3em;
}
.page-part .sec-header > img {
  width: 100%;
  max-width: initial;
}
@media print, screen and (min-width: 769px) {
  .page-part .sec-point {
    padding: 40px;
  }
  .page-part .sec-header {
    margin-top: 3em;
  }
}
.page-part .guidance-table {
  background-color: #f9f7e8;
}
.page-part .guidance-table th {
  color: #ffb838;
}
.page-part .guidance-table dt {
  color: #ffb838;
}
.page-part .aform-content .submit-btn input {
  background: #ffb838;
}
@media screen and (max-width: 768px) {
  .page-part .lead-text {
    margin-inline: 2%;
    margin-block: 1.5em;
  }
  .page-part .lead-text ~ .sec {
    margin-top: 0.2em;
  }
  .page-part .sec-guideline.accordion-item .sec-title {
    background-color: #ffb838;
    color: #fff;
  }
}

/*インタビュー*/
.sec-interview .tag-interview,
.sec-interview .sec-lead,
.sec-interview .comment {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffb838;
}
.sec-interview .tag-interview {
  font-size: 2em;
  border: 1px solid #ffb838;
  line-height: 0;
  padding-bottom: 0.16em;
  height: 1.8em;
  padding-inline: 1em;
  display: flex;
  align-items: center;
}
.sec-interview .sec-lead {
  font-size: 1.5em;
  line-height: 1.4;
  margin-block: 1em;
}

.interview-list {
  margin-top: 1em !important;
  gap: 2em;
  align-items: self-start;
}

@media print, screen and (min-width: 769px) {
  .interview-item {
    width: calc((100% - 2em) / 2);
    gap: 0;
  }
  .interview-item .is-type-video {
    margin-bottom: 0.5em;
  }
  .name {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .interview-item {
    gap: 0;
  }
  .interview-item .is-type-video {
    margin-bottom: 0.5em;
  }
}
/* ===============================================
# 正社員 new
=============================================== */
.page-new .new {
  color: #fa817e;
}
.page-new .tag-interview.new {
  border: 1px solid #fa817e;
}
.page-new .sec-guideline .guidance-table {
  background-color: #fff1ee;
}
.page-new .sec-guideline th {
  color: #fa817e;
}
.page-new .sec-guideline dt {
  color: #fa817e;
}

.sec.sec-news {
  margin-block: 2em 6rem !important;
}

.entrybox-news {
  width: 100%;
}

.entry-excerpt {
  display: flex;
  gap: 0.8em;
  padding: 0.5em 1em;
  border-bottom: solid 1px #ccc;
}
.entry-excerpt time {
  min-width: 14ch;
}
.entry-excerpt:first-of-type {
  border-top: solid 1px #ccc;
}
.entry-excerpt a {
  color: currentColor;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .entry-excerpt {
    flex-direction: column;
    gap: 0;
    padding: 0.5em;
  }
  .entry-name {
    line-height: 1.3;
  }
}
.message {
  padding-bottom: 100px;
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  .message_img {
    flex-direction: column;
  }
  .message_img .modaal-img img {
    aspect-ratio: 390/130;
  }
  .message {
    padding-bottom: 15px;
    padding-top: 0px;
  }
}
/*form*/