/*@mixin noto {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}*/
/*-----------------------------------------------------
	detail gallery (~768px)
-----------------------------------------------------*/
.p-detail-gallery {
  line-height: 0;
}
.p-detail-gallery__main {
  width: 100%;
  height: auto;
  aspect-ratio: 1590/900;
  position: relative;
}
.p-detail-gallery__main li {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
.p-detail-gallery__main li.is-active {
  opacity: 1;
  z-index: 1;
}
.p-detail-gallery__main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-detail-gallery__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  margin-top: 0.625rem;
}
.p-detail-gallery__sub li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  opacity: 0.5;
}
.p-detail-gallery__sub li img {
  width: 100%;
}
.p-detail-gallery__sub li.is-active {
  opacity: 1;
}

/*-----------------------------------------------------
	detail gallery (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-gallery__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .p-detail-gallery__main {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    height: auto;
  }
  .p-detail-gallery__sub {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    row-gap: 1.25rem;
    margin-top: 0;
  }
  .p-detail-gallery__sub li {
    aspect-ratio: 1590/900;
    cursor: pointer;
  }
  .p-detail-gallery__sub li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/*-----------------------------------------------------
	detail layout (~768px)
-----------------------------------------------------*/
/* detail wrapper (~768px)
-----------------------------------------------------*/
.p-detail-wrapper {
  padding: 1.875rem 0;
}

/* detail main (~768px)
-----------------------------------------------------*/
.p-detail-main {
  margin-bottom: 1.875rem;
}

/* detail title (~768px)
-----------------------------------------------------*/
.p-detail-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

/* detail table (~768px)
-----------------------------------------------------*/
.p-detail-table {
  font-size: 0.8125rem;
  width: 100%;
}
.p-detail-table th,
.p-detail-table td {
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal !important;
  padding: 1em;
}
.p-detail-table th {
  padding-bottom: 0;
  padding-left: 0;
  border-top: 1px solid #888;
  font-weight: 600;
  text-align: left;
}
.p-detail-table th br {
  display: none;
}
.p-detail-table td {
  padding-top: 0;
}

/*-----------------------------------------------------
	detail layout (768px~)
-----------------------------------------------------*/
/* detail wrapper (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-wrapper {
    padding: 2.5rem 0 6.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
  }
}
/* detail main (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-main {
    -ms-flex-preferred-size: 46.25rem;
        flex-basis: 46.25rem;
    margin-bottom: 0;
  }
}
/* detail side (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-side {
    -ms-flex-preferred-size: calc(100% - 48.75rem);
        flex-basis: calc(100% - 48.75rem);
  }
}
/* detail title (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-title {
    font-size: 1.125rem;
    margin-bottom: 1.875rem;
  }
}
/* detail table (~768px)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-table {
    font-size: 0.9375rem;
  }
  .p-detail-table th,
  .p-detail-table td {
    display: table-cell;
    padding: 1.25em 1em;
  }
  .p-detail-table th {
    padding-bottom: 1.25em;
    padding-left: 1em;
    border-top: 1px solid #888;
    font-weight: 400;
    text-align: left;
    width: 8rem;
  }
  .p-detail-table th br {
    display: inline;
  }
  .p-detail-table td {
    border-top: 1px solid #888;
    padding-top: 1.25em;
    padding-left: 0;
  }
}
/*-----------------------------------------------------
	detail header (~768px)
-----------------------------------------------------*/
.p-detail-header {
  margin-bottom: 1.875rem;
}
.p-detail-header__title {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
.p-detail-header__title span {
  display: inline-block;
  font-size: 0.75em;
  margin-left: 0.25em;
}
.p-detail-header__cta {
  background-color: #f0f7ff;
  padding: 0.9375rem;
}
.p-detail-header__table {
  width: 100%;
  font-size: 0.8125rem;
  margin-bottom: 0.9375rem;
  line-height: 1.5;
}
.p-detail-header__table th,
.p-detail-header__table td {
  padding: 0.25em 0;
}
.p-detail-header__table th {
  font-weight: 700;
  text-align: left;
  vertical-align: top;
  width: 4em;
}
.p-detail-header__button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.9375rem;
     -moz-column-gap: 0.9375rem;
          column-gap: 0.9375rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-detail-header__button a {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*-----------------------------------------------------
	detail header (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-header {
    margin-bottom: 2.5rem;
  }
  .p-detail-header__title {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
  }
  .p-detail-header__cta {
    background-color: #f0f7ff;
    padding: 1.875rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-detail-header__table {
    width: calc(100% - 24.6875rem);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 0.9375rem;
    margin-bottom: 0;
  }
  .p-detail-header__button {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-detail-header__button a {
    min-width: 10.9375rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/*-----------------------------------------------------
	detail intro (~768px)
-----------------------------------------------------*/
.p-detail-intro {
  margin-bottom: 1.875rem;
}
.p-detail-intro__title {
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: 700;
  color: #f26957;
  margin-bottom: 1em;
}
.p-detail-intro__text {
  text-align: justify;
  margin-bottom: 1em;
}

/*-----------------------------------------------------
	detail intro (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-intro {
    margin-bottom: 3.75rem;
  }
  .p-detail-intro__title {
    font-size: 1.5rem;
  }
  .p-detail-intro__text {
    text-align: justify;
    margin-bottom: 1.5em;
  }
}
/*-----------------------------------------------------
	detail feature (~768px)
-----------------------------------------------------*/
.p-detail-feature {
  margin-bottom: 1.875rem;
}
.p-detail-feature__card {
  margin-bottom: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.25rem;
}
.p-detail-feature__card-title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
  border-bottom: 2px solid #f7988c;
}
.p-detail-feature__card-text {
  text-align: justify;
  margin-bottom: 1em;
}
.p-detail-feature__card-image {
  width: 100%;
  line-height: 0;
}
.p-detail-feature__card-image img {
  width: 100%;
}

/*-----------------------------------------------------
	detail feature (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-feature {
    margin-bottom: 3.75rem;
  }
  .p-detail-feature__card {
    margin-bottom: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2.25rem;
  }
  .p-detail-feature__card-content {
    -ms-flex-preferred-size: calc(60% - 2.25rem);
        flex-basis: calc(60% - 2.25rem);
  }
  .p-detail-feature__card-title {
    font-size: 1.125rem;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #f7988c;
  }
  .p-detail-feature__card-text {
    text-align: justify;
    margin-bottom: 0;
  }
  .p-detail-feature__card-image {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    line-height: 0;
  }
  .p-detail-feature__card-image img {
    width: 100%;
  }
}
/*-----------------------------------------------------
	detail recruit (~768px)
-----------------------------------------------------*/
.p-detail-recruit {
  margin-bottom: 1.875rem;
}

/*-----------------------------------------------------
	content (1200px~)
-----------------------------------------------------*/
/* # 
-----------------------------------------------------*/
/*-----------------------------------------------------
	detail info (~768px)
-----------------------------------------------------*/
.p-detail-info {
  margin-bottom: 1.875rem;
}
.p-detail-info__map {
  max-width: 100%;
  height: auto;
  margin-top: 1em;
  aspect-ratio: 4/3;
}
.p-detail-info__gmap-link {
  font-size: 0.75rem;
  text-decoration: none;
  display: inline-block;
  width: auto;
  border: 1px solid #888;
  padding: 0.25em 1em;
  color: #f26957;
  border-radius: 1em;
  margin-top: 0.75em;
}

/*-----------------------------------------------------
	content (1200px~)
-----------------------------------------------------*/
/* # 
-----------------------------------------------------*/
/*-----------------------------------------------------
	detail-pickup (~768px)
-----------------------------------------------------*/
.p-detail-pickup {
  margin: 1.875rem 0;
  padding-top: 1.875rem;
  border-top: 1px solid #ccc;
}
.p-detail-pickup__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  gap: 0.25em;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1em;
}
.p-detail-pickup__title::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon-pickup.svg) center center no-repeat;
  background-size: contain;
}
.p-detail-pickup__card {
  margin-bottom: 1.875rem;
  position: relative;
}
.p-detail-pickup__card:hover {
  opacity: 0.75;
}
.p-detail-pickup__card-image {
  width: 100%;
  line-height: 0;
}
.p-detail-pickup__card-image img {
  width: 100%;
}
.p-detail-pickup__card-title {
  font-size: 1rem;
  line-height: 1.25;
  margin: 1em 0 0.5em;
  font-weight: 700;
}
.p-detail-pickup__card-title a {
  text-decoration: none;
}
.p-detail-pickup__card-title a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.p-detail-pickup__card-table {
  font-size: 0.8125rem;
  line-height: 1.5;
}
.p-detail-pickup__card-table th,
.p-detail-pickup__card-table td {
  padding: 0.25em 0;
}
.p-detail-pickup__card-table th {
  width: 5em;
  text-align: left;
  vertical-align: top;
  font-weight: 700;
}

/*-----------------------------------------------------
	detail-pickup (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-pickup {
    margin: 0 0 3.125rem;
    padding-top: 0;
    border-top: none;
  }
  .p-detail-pickup__title {
    font-size: 1.3125rem;
  }
  .p-detail-pickup__title::before {
    width: 1.8125rem;
    height: 1.8125rem;
  }
  .p-detail-pickup__card-title {
    font-size: 1.125rem;
  }
}
/*-----------------------------------------------------
	detail near (~768px)
-----------------------------------------------------*/
.p-detail-near__title {
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #888;
  font-weight: 700;
}
.p-detail-near__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8125rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
}

/*-----------------------------------------------------
	detail near (768px~)
-----------------------------------------------------*/
@media (min-width: 768px) {
  .p-detail-near__title {
    font-size: 1.3125rem;
  }
  .p-detail-near__list {
    font-size: 0.9375rem;
  }
}/*# sourceMappingURL=search-detail.css.map */
/* BMW: feature/staff 画像の比率固定 */
.p-detail-feature__card-image{ aspect-ratio:4/3; overflow:hidden; }
.p-detail-feature__card-image img{ width:100%; height:100%; object-fit:cover; }
.p-detail-feature--staff .p-detail-feature__card-image{ aspect-ratio:1/1; }

/* BMW: 沿線・駅モーダルの整形（モーダル内限定） */
.todofukensearch_modal .modalsearch{ width:100%; border-collapse:collapse; }
.todofukensearch_modal .modalsearch th{ width:6em; white-space:nowrap; vertical-align:top; text-align:left; padding:.6rem .8rem; font-weight:700; }
.todofukensearch_modal .modalsearch td{ padding:.6rem .4rem; }
.todofukensearch_modal .box-line{ display:flex; flex-wrap:wrap; gap:.5rem 1.2rem; }
.todofukensearch_modal .box-line .wpcf7-list-item{ margin:0; }
.todofukensearch_modal .box-line label{ display:inline-flex; align-items:center; gap:.35rem; cursor:pointer; white-space:nowrap; }
.todofukensearch_modal .box-line .wpcf7-list-item-label{ font-size:.95rem; }
.todofukensearch_modal .railstation select{ min-width:220px; padding:.5rem .7rem; border:1px solid #ccc; border-radius:.5rem; }

/* BMW: モーダル内の colgroup 固定幅を無効化（駅名・エリアの縦折れ解消） */
.todofukensearch_modal .modalsearch{ table-layout:auto !important; }
.todofukensearch_modal .modalsearch col{ width:auto !important; }
.todofukensearch_modal .modalsearch .col1{ width:6em !important; }
.todofukensearch_modal .modalsearch .col2{ width:auto !important; }
.todofukensearch_modal .modalsearch th{ width:6em !important; min-width:6em; white-space:nowrap; }

/* BMW: 募集要項テーブルの見出し列幅を調整（スタッフ数・男女比の崩れ対策） */
@media (min-width: 768px) {
  .p-detail-table th { width: 9.5rem !important; word-break: keep-all; line-height: 1.5; }
}
.p-detail-table th { word-break: keep-all; line-height: 1.5; }

/* BMW: ピル（こだわり条件等）のリンク下線除去＋色統一 */
.c-list-pill li a,
.c-list-pill li span { text-decoration: none !important; color: #f26957; display: inline-block; }
.c-list-pill li a:hover { opacity: .8; }