@charset "UTF-8";

/* ======================================================================

  お問い合わせ・採用エントリー iframe 専用スタイル
  - 親ページ：index.html（.top-form / #top-contact-form）
  - 親ページ：recruit/index.html（.recruit-form / #recruit-contact-form）
  - iframe 内：/top-contact/ /recruit-contact/（body.smf-embed）

====================================================================== */

/*
  親ページ index.html
---------------------------------------------------------------------- */
.top-form, .recruit-form {
  width: 100%;
  background-color: var(--white);
  padding: 120px 0;
}

.top-form iframe,
.top-form #top-contact-form,
.top-contact-form-iframe,
.recruit-form iframe,
.recruit-form #recruit-contact-form,
.recruit-contact-form-iframe {
  display: block;
  width: 100%;
  min-height: 400px;
  margin: 0 auto;
  border: 0;
}

/*
  iframe 内（/top-contact/ /recruit-contact/）
---------------------------------------------------------------------- */
html:has(body.smf-embed) {
  height: auto;
  min-height: 0;
  overflow: hidden;
}

body.smf-embed {
  margin: 0;
  height: auto;
  min-height: 0;
  box-sizing: border-box;
  background-color: var(--white, #fff);
  background-image: none;
  overflow-x: hidden;
  overflow-y: hidden;
}

body.smf-embed .smf-embed-wrap {
  display: flow-root;
  max-width: 100%;
  padding-bottom: 5px;
}

body.smf-embed .snow-monkey-form {
  display: flow-root;
}

body.smf-embed .inquiry-unit {
  padding-top: 0;
}

.snow-monkey-form[data-screen="input"] .about-pp.privacy-about {
  margin-bottom: 30px;
}

.snow-monkey-form[data-screen="input"] .about-pp.privacy-about a{
  color: var(--black);
}

.snow-monkey-form[data-screen="input"] .about-pp.privacy-about a:hover{
  text-decoration: none;
}

body.smf-embed .inquiry-box label input[type="checkbox"] {
  display: none;
}

body.smf-embed .inquiry-box label span {
  position: relative;
}

body.smf-embed .inquiry-box label span::before {
  content: "";
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: solid 1px #d3d3d3;
  cursor: pointer;
}

body.smf-embed .inquiry-box label input[type="checkbox"]:checked + span::after {
  content: "";
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../images/inquiry/icon_checked.svg) no-repeat 0 0;
  background-size: cover;
  cursor: pointer;
}

body.smf-embed .inquiry-box .smf-label { margin-left: 35px; }

body.smf-embed .inquiry-box .smf-label + .smf-label { margin-top: 10px; }

body.smf-embed .inquiry-btn-unit { margin-inline: auto; }

.reminder.reminder--recruit { margin-top: 1rem; }