@charset "UTF-8";
/* ==========================================================
   追加修正用CSS（style.css の後に読み込み）
   ========================================================== */

/* ----------------------------------------------------------
   TOP：重要なお知らせ（news_cat: important を MV 上部に表示）
   ---------------------------------------------------------- */
.top .importantNews {
  padding-top: calc(var(--header-height) + 4rem);
}
@media (max-width: 768px) {
  .top .importantNews {
    padding: calc(var(--header-height) + 2.4rem) 2rem 0;
  }
}
.top .importantNews + .mv {
  padding-top: 4rem;
}
@media (max-width: 768px) {
  .top .importantNews + .mv {
    padding-top: 2.4rem;
  }
}
.top .importantNewsInner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4.8rem;
}
@media (max-width: 768px) {
  .top .importantNewsInner {
    flex-direction: column;
    gap: 1.2rem;
  }
}
.top .importantNewsTtl {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--c-black);
}
@media (max-width: 768px) {
  .top .importantNewsTtl {
    font-size: 1.8rem;
  }
}
.top .importantNewsTtl svg {
  width: 2.8rem;
  height: 2.8rem;
  position: relative;
  top: 0.2rem;
}
@media (max-width: 768px) {
  .top .importantNewsTtl svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.top .importantNewsList {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding-top: 0.2rem;
}
@media (max-width: 768px) {
  .top .importantNewsList {
    gap: 1.2rem;
  }
}
.top .importantNewsLink {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--c-red);
  text-decoration: underline;
  text-underline-offset: 0.3em;
  transition: opacity 0.2s;
}
.top .importantNewsLink:hover {
  opacity: 0.6;
  transition: opacity 0.2s;
}
@media (max-width: 768px) {
  .top .importantNewsLink:hover {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .top .importantNewsLink {
    font-size: 1.5rem;
  }
}

/* ----------------------------------------------------------
   お問い合わせ：同意チェックボックス（個人情報保護方針／第三者提供）
   PC：横並び / SP：縦並び
   ※ CF7 の自動整形で <p> が挟まる場合も考慮して p にも指定
   ---------------------------------------------------------- */
.contactPage .wpcf7 .contactConsentArea .consentChecks {
  margin-top: 2rem;
}
.contactPage .wpcf7 .contactConsentArea .consentChecks,
.contactPage .wpcf7 .contactConsentArea .consentChecks > p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.6rem 4rem;
}
.contactPage .wpcf7 .contactConsentArea .consentChecks > p {
  margin: 0;
}
.contactPage .wpcf7 .contactConsentArea .consentChecks br {
  display: none;
}
@media (max-width: 768px) {
  .contactPage .wpcf7 .contactConsentArea .consentChecks,
  .contactPage .wpcf7 .contactConsentArea .consentChecks > p {
    flex-direction: column;
    align-items: flex-start;
    width: fit-content;
    margin-inline: auto;
  }
  .contactPage .wpcf7 .contactConsentArea .consentChecks .wpcf7-acceptance {
    justify-content: flex-start;
    text-align: left;
  }
}

/* ----------------------------------------------------------
   同意チェックボックス：チェックマークの位置ズレ修正
   （style.css は border + rotate で中心から少しずれるため SVG で中央配置に上書き）
   ---------------------------------------------------------- */
.contactPage .wpcf7 .contactConsentArea .wpcf7-acceptance input[type=checkbox]:checked::after,
.enqueteFormPage .wpcf7 .contactConsentArea .wpcf7-acceptance input[type=checkbox]:checked::after,
.recruitEntryFormPage .wpcf7 .contactConsentArea .wpcf7-acceptance input[type=checkbox]:checked::after {
  inset: 0;
  width: auto;
  height: auto;
  border: none;
  transform: none;
  background: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5L4.5 8L10.5 1.5' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/1.2rem 1rem no-repeat;
}