/* ----- 全体 ----- */
#kensaku .container-wrap {
  min-width: unset;
}

/* ----- タイトル ----- */
.main-header-Erea .title-head {
  width: auto;
  min-width: 482px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: 10%;
  margin-right: 10%;
  /*background-color: #FFFFFFDD;*/
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
@media (max-width: 1200px) {
  .main-header-Erea .title-head {
    min-width: calc(270 / 375 * 100%);
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ----- 検索メニュー ----- */
#kensaku .container-wrap .side-Erea {
  min-width: 264px;
  margin-right: 20px;
}

@media (max-width: 768px) {
  #kensaku .container-wrap .side-Erea {
    display: block;
    min-width: initial;
    margin-right: 0;
    width: auto;
  }

  #kensaku .container-wrap .side-Erea aside .serch-Erea {
    display: none;
  }
}

/* ----- 追従バー ----- */
/* 全体 */
#kensaku .fixed-bar-area {
  position: sticky;
  top: unset;
  bottom: 0;
}

/* ボタン */
#kensaku .fixed-bar-area .count-bar a {
  text-decoration: none;
}
#kensaku .fixed-bar-area .count-bar a.disabled {
  pointer-events: none;
}
#kensaku .fixed-bar-area .count-bar a.disabled .count-bar-wrap {
  opacity: 0.3;
}
#kensaku .fixed-bar-area .count-bar .count-bar-wrap .number > p {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #kensaku .fixed-bar-area .count-bar .count-bar-wrap .number > p {
    line-height: calc(12px * 1.8);
  }
}
#kensaku .fixed-bar-area .count-bar .count-bar-wrap .number > p > span {
  margin: 0 0.125em;
}

/* ----- 件数 ----- */
#kensaku .result-Erea--result {
  margin-top: 0;
  padding: 10px 0;
}
@media (max-width: 768px) {
  #kensaku .result-Erea--result {
    padding: 0;
    width: calc(100% - 30px);
    margin-inline: auto;
  }
}

/* ----- 学校一覧 ----- */
/* 全体 */
#kensaku .container-wrap .main {
  width: 100%;
  max-width: 880px;
  margin: 0;
}
@media (max-width: 1200px) {
  #kensaku .container-wrap {
    padding: 32px 16px 0;
  }
}

/* 画像 */
.open-cam-Erea--detail .text-Erea {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* 学科一覧 */
#kensaku .department-Erea .u-departmentErea_text--small {
  display: inline-block;
  white-space: nowrap;
  overflow: auto;
  max-width: 100%;
}
@media (max-width: 1200px) {
  #kensaku .department-Erea.pc-block {
    display: none;
  }
  #kensaku .department-Erea.sp-block {
    display: block;
  }
}

/* オープンキャンパス情報 */
@media (max-width: 1200px) {
  #kensaku .open-cam-Erea.pc-block {
    display: none;
  }
  #kensaku .open-cam-Erea.sp-block {
    display: block;
  }
}

/* ----- ページネーション ----- */
.pagination-nav {
  margin-bottom: 30px;
}
.page-link {
  font-size: 14px;
  color: #28c27f;
  border: 1px solid #8ecba4;
  border-radius: 3px;
  margin-left: 3px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .page-link {
    padding: 0.5rem 0.6rem;
  }
}
.page-link-prev,
.page-link-next {
  border: none;
}
.page-link:hover {
  color: #28c27f;
  background-color: #cdefe0;
  border-color: #8ecba4;
}
.page-link-prev:hover,
.page-link-next:hover {
  background-color: unset;
  text-decoration: underline;
}
.page-link i {
  vertical-align: 0.1rem;
}
.page-item.active .page-link {
  background-color: #28c27f;
  border: 1px solid #8ecba4;
}

/* 検索フォーム - コラプス */
.btn-toggle-collapse {
  width: 207px;
  background-color: #e2f6e0;
  font-size: 14px;
  font-weight: bold;
}
#kensaku .container-wrap .side-Erea aside .serch-Erea .container--select,
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  .container--select:first-child {
  margin: 0;
}
#kensaku .container-wrap .side-Erea aside .serch-Erea .result {
  padding: 0;
  margin-bottom: 0;
}
#kensaku .container-wrap .side-Erea aside .serch-Erea ul {
  padding: 0 0.5rem;
}
#kensaku .container-wrap .side-Erea aside .serch-Erea ul li {
  width: 100%;
  padding: 0;
  margin: 0;
}
#kensaku .container-wrap .side-Erea aside .serch-Erea ul li button {
  width: 100%;
}
#kensaku .container-wrap .side-Erea aside .serch-Erea ul.input-erea li {
  font-size: 12px;
}
#collapse_categories_large li,
#collapse_academics_large li,
#collapse_licenses_large li,
#collapse_regions li,
#collapse_features li,
#collapse_expenses li {
  font-size: 12px !important;
}
/* 検索フォーム - カレンダー */
#kensaku .container-wrap .side-Erea aside .serch-Erea .btn-date-cancel {
  text-align: center;
  width: 35px;
  margin-left: -35px;
  z-index: 100;
  line-height: 38px;
  font-size: 13px;
  cursor: pointer;
}
#kensaku .container-wrap .side-Erea aside .serch-Erea .flatpickr-input {
  background-color: #fff;
  font-size: 14px;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  .input-group.created_at_from {
  margin-top: 5px;
}
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-weekdays
  .flatpickr-weekday:nth-child(1),
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ):nth-child(1),
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ):nth-child(8),
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ):nth-child(15),
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ):nth-child(22),
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ):nth-child(29),
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ):nth-child(36) {
  color: red;
}
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-weekdays
  .flatpickr-weekday:nth-child(7),
.flatpickr-calendar
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(
    .nextMonthDay
  ):nth-child(7n) {
  color: blue;
}
/* ----- オススメ学校 ----- */
/* 全体 */
#kensaku .slider a {
  text-decoration: none;
}

#kensaku .slider .slider-con > div {
  width: 226px;
}

/* 画像 */
#kensaku .slider .slider-con img {
  object-fit: contain;
  background-color: unset;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
  background-color: white;
}

/* テキスト */
#kensaku .slider .slider-con .text {
  height: calc(14px * 1.8 * 4);
  display: -webkit-box;
}

/* スライダー */
@media (max-width: 992px) {
  #kensaku .slick-slider .prev {
    left: 0;
  }
  #kensaku .slick-slider .next {
    right: 0;
  }
  #kensaku .slider a {
    padding: 0 39px;
  }
}

/* ----- 近い職業を知るリスト ----- */
#kensaku .job--nav-Erea .job--nav ul {
  display: block;
  justify-content: unset;
  width: auto;
}
#kensaku .job--nav-Erea .job--nav ul li {
  display: inline-flex;
}

/* Bootstrap競合回避 */
#kensaku .close {
  float: none;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-shadow: none;
  opacity: unset;
}

/* 掲載開始期間 */
#kensaku #collapse_created_at {
  width: 207px;
  margin: auto;
}
#kensaku #collapse_created_at p {
  text-align: center;
}

/* ----- 検索モーダル ----- */
/* 枠 */
#search_modal .modal-body {
  padding: 30px 20px 10px;
}

/* フォームパーツ */
#search_modal input {
  min-height: unset;
}

/* 検索エリア */
#search_modal .serch-Erea {
  margin-bottom: 10px;
}
#search_modal .serch-Erea:first-child {
  margin-bottom: 45px;
}

/* 見出し */
#search_modal .title-head--h2 {
  background-color: #30b27f;
  color: #fff;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 13px;
}
#search_modal .title-head--h2 h2 {
  font-size: 18px;
  font-weight: bold;
}

/* 学校カテゴリー */
#search_modal ul.input-erea {
  width: 85%;
  margin: auto;
}

/* キーワード */
#search_modal #freeword {
  width: 90%;
  font-size: 11px;
  border-radius: 5px;
  padding: 10px 14px;
  background-color: #fff;
  border: 1px solid #9a9a9a;
  text-align: left;
  color: #9a9a9a;
  font-weight: bold;
  margin: 8px auto 0;
  height: 38.5px;
  display: block;
}

/* 検索ボタン */
#search_modal .serch--btn {
  width: 70%;
  border-radius: 5px;
  justify-content: center;
  text-align: center;
  background-color: #363535;
  color: #fff;
  padding: 10px 5px;
  font-weight: bold;
  font-size: 16px;
  align-items: center;
  margin: 10px auto 0;
  padding-bottom: 8px;
  height: 38.5px;
  display: block;
}

/* 検索カテゴリー一覧 */
#search_modal .btn-toggle-collapse {
  width: 90%;
  height: 38.5px;
  display: block;
  margin: auto;
}
#search_modal #collapse_categories_large,
#search_modal #collapse_academics_large,
#search_modal #collapse_regions,
#search_modal #collapse_licenses_large,
#search_modal #collapse_features,
#search_modal #collapse_expenses {
  width: 90%;
  margin: auto;
}
#search_modal #collapse_categories_large,
#search_modal #collapse_academics_large,
#search_modal #collapse_regions,
#search_modal #collapse_licenses_large,
#search_modal #collapse_features,
#search_modal #collapse_expenses {
  padding: 0.5rem 1.25rem;
}
#search_modal #collapse_categories_large li,
#search_modal #collapse_academics_large li,
#search_modal #collapse_licenses_large li,
#search_modal #collapse_regions li,
#search_modal #collapse_features li,
#search_modal #collapse_expenses li {
  line-height: 2;
  font-size: 14px !important;
}
#search_modal .modal-close-area {
  text-align: center;
}
#search_modal .modal-close-area button {
  font-size: 45px;
}

/* 掲載開始期間 */
#search_modal #collapse_created_at_sp {
  width: 80%;
  margin: auto;
}
#search_modal #collapse_created_at_sp p {
  text-align: center;
}
/* 開催期間 */
#search_modal #collapse_held_on_sp {
  width: 80%;
  margin: auto;
}
#search_modal #collapse_held_on_sp p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* 追従バー */
  .fixed-bar-area {
    top: 44px;
  }

  /* 条件変更ボタン */
  #kensaku .btn-Erea .container .btn {
    width: 100%;
    background-color: #363636;
  }

  #kensaku .btn-date-cancel {
    text-align: center;
    width: 35px;
    margin-left: -35px;
    z-index: 100;
    line-height: 30px;
    font-size: 15px;
    cursor: pointer;
  }
  #kensaku .flatpickr-input {
    background-color: #fff;
    font-size: 15px;
  }
  #kensaku #created_at_from_sp {
    margin-top: 10px;
  }
  #kensaku span.btn-date-cancel.created_at_from {
    margin-top: 10px;
  }
}

/* ----- バナー ----- */
.p-banner__inner {
  margin: 30px 10px;
}
#banners .copy {
  padding-top: 14px;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
}
#banners .copy span {
  position: relative;
  display: inline-block;
}
#banners .copy span::before,
#banners .copy span::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 2px;
  height: 64%;
  background-color: #333;
}
#banners .copy span::before {
  left: -16px;
  transform: translateY(-50%) rotate(-24deg);
}
#banners .copy span::after {
  right: -16px;
  transform: translateY(-50%) rotate(24deg);
}

.p-banner__container {
  padding-left: calc(15 / 375 * 100%);
  padding-right: calc(15 / 375 * 100%);
}

.p-banner__link {
  width: 100%;
  text-align: center;
}

.p-banner__img {
  width: 100%;
  max-width: 308px;
}
/* ----- サイドバー ----- */
#kensaku .container-wrap .side-Erea aside .serch-Erea ul li.check-Erea label {
  display: flex;
  justify-content: space-between;
}

/* カテゴリー */
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_categories_large,
#kensaku .container-wrap .side-Erea aside .serch-Erea #collapse_academics_large,
#kensaku .container-wrap .side-Erea aside .serch-Erea #collapse_licenses_large {
  width: 207px;
  margin: auto;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_categories_large
  ul,
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_licenses_large
  ul {
  padding: 0;
  width: auto;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_categories_large
  label,
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_academics_large
  label,
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_licenses_large
  label {
  border-bottom: solid 1px lightgray;
}
#kensaku
  #collapse_categories_large
  > ul
  > li
  > input
  ~ .collapse_categories_middles,
#kensaku
  #collapse_categories_large
  .collapse_categories_middles
  > ul
  > li
  > input
  ~ .collapse_categories_smalls,
#kensaku
  #collapse_academics_large
  > ul
  > li
  > input
  ~ .collapse_academics_middles,
#kensaku
  #collapse_licenses_large
  > ul
  > li
  > input
  ~ .collapse_licenses_middles,
#kensaku
  #collapse_licenses_large
  .collapse_licenses_middles
  > ul
  > li
  > input
  ~ .collapse_licenses_smalls {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0s;
}
#kensaku
  #collapse_categories_large
  > ul
  > li
  > input:checked
  ~ .collapse_categories_middles,
#kensaku
  #collapse_categories_large
  .collapse_categories_middles
  > ul
  > li
  > input:checked
  ~ .collapse_categories_smalls,
#kensaku
  #collapse_academics_large
  > ul
  > li
  > input:checked
  ~ .collapse_academics_middles,
#kensaku
  #collapse_licenses_large
  > ul
  > li
  > input:checked
  ~ .collapse_licenses_middles,
#kensaku
  #collapse_licenses_large
  .collapse_licenses_middles
  > ul
  > li
  > input:checked
  ~ .collapse_licenses_smalls {
  max-height: 1000vh;
  transition: max-height 5s;
}

/* チェックボックス */
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_categories_large
  > ul
  > li.check-Erea
  > label:after,
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  .collapse_categories_middles
  > ul
  > li.check-Erea
  > label:after,
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_academics_large
  > ul
  > li.check-Erea
  > label:after,
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  #collapse_licenses_large
  > ul
  > li.check-Erea
  > label:after,
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  .collapse_licenses_middles
  > ul
  > li.check-Erea
  > label:after {
  width: unset;
  height: unset;
  border: unset;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  ul
  li.check-Erea
  input
  + label
  .bi-chevron-up,
#search_modal
  #collapse_categories_large
  li.check-Erea
  input
  + label
  .bi-chevron-up {
  display: none;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  ul
  li.check-Erea
  input
  + label
  .bi-chevron-down,
#search_modal
  #collapse_categories_large
  li.check-Erea
  input
  + label
  .bi-chevron-down {
  display: block;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  ul
  li.check-Erea
  input:checked
  + label
  .bi-chevron-up,
#search_modal
  #collapse_categories_large
  li.check-Erea
  input:checked
  + label
  .bi-chevron-up {
  display: block;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  ul
  li.check-Erea
  input:checked
  + label
  .bi-chevron-down,
#search_modal
  #collapse_categories_large
  li.check-Erea
  input:checked
  + label
  .bi-chevron-down {
  display: none;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  ul
  li.check-Erea
  input
  + label:before {
  margin-top: unset;
  top: 4px;
  left: 8px;
  background-color: unset;
}
#kensaku
  .container-wrap
  .side-Erea
  aside
  .serch-Erea
  ul
  li.check-Erea
  input
  + label:after {
  margin-top: unset;
  top: 4px;
  left: 4px;
  width: 1.25em;
  height: 1.25em;
  border-radius: 3px;
}

/* ----- 検索モーダル ----- */
#search_modal li {
  position: relative;
}
#search_modal li .bi {
  position: absolute;
  top: 0;
  right: 0;
}
#search_modal li input ~ label .bi-chevron-up {
  display: none;
}
#search_modal li input ~ label .bi-chevron-down {
  display: block;
}
#search_modal li input:checked ~ label .bi-chevron-up {
  display: block;
}
#search_modal li input:checked ~ label .bi-chevron-down {
  display: none;
}
#search_modal #collapse_categories_large ul li.check-Erea input,
#search_modal #collapse_academics_large ul li.check-Erea input,
#search_modal #collapse_licenses_large ul li.check-Erea input {
  position: absolute;
  top: 8px;
}
#search_modal #collapse_categories_large ul li.check-Erea label,
#search_modal #collapse_academics_large ul li.check-Erea label,
#search_modal #collapse_licenses_large ul li.check-Erea label {
  display: block;
  text-indent: 1.25em;
}
#search_modal #collapse_categories_large > ul > li.check-Erea > label,
#search_modal .collapse_categories_middles > ul > li.check-Erea > label,
#search_modal #collapse_academics_large > ul > li.check-Erea > label,
#search_modal #collapse_licenses_large > ul > li.check-Erea > label,
#search_modal .collapse_licenses_middles > ul > li.check-Erea > label {
  padding-right: 1em;
  border-bottom: solid 1px lightgray;
}
#search_modal #collapse_features > ul > li.check-Erea label {
  display: inline;
}

/* ----- ヘッダー ----- */
@media screen and (max-width: 992px) {
  #kensaku header.header {
    width: unset;
  }
}

/* from /css/site_new/search/school.css */
.l-breadcrumbBottom__inner {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 768px) {
  .l-breadcrumbBottom__inner {
    margin-top: 1em !important;
    padding-left: calc(15 / 375 * 100%) !important;
    padding-right: calc(15 / 375 * 100%) !important;
  }
}

.l-korerepo__content {
  max-height: 22.5em;
  position: relative;
  overflow: hidden;
}

.l-korerepo__content::after {
  content: "";
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to bottom, transparent 10%, white);
}

.l-korerepo__content.no-after::after {
  content: none;
}

.l-korerepo__content h3 {
  margin-top: 7px;
}

.ellipsis {
  width: calc(100% - 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}