@charset "UTF-8";
.font-num { font-family: 'Lato', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-nsj { font-family: 'Noto Sans JP', sans-serif; }

/* ==================================================================================================== メインタイトル
==================================================================================================== */
.mainttl-sec .mainttl-icon i { font-size: 4.4444444444rem; }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-icon i { font-size: 2.7777777778rem; } }

.search-form { margin-bottom: 3em; }
.search-form .search-form-head { display: flex; justify-content: space-between; align-items: center; border: 2px solid #39ab93; background-color: #39ab93; color: #fff; font-size: 1.1111111111rem; line-height: 1; cursor: pointer; }
.search-form .search-form-head p { padding: 0 2em; }
.search-form .search-form-head::after { content: ''; display: block; width: 80px; height: 80px; background: #fff url("../img/common/arrow_01.svg") no-repeat center center; background-size: 58.8888888889% auto; transform: scale(1, -1); }
.search-form .search-form-head.js-open::after { transform: scale(1, 1); }
.search-form .search-form-con { display: none; padding: 1.5em 2em; border-left: 1px solid #39ab93; border-right: 1px solid #39ab93; border-bottom: 1px solid #39ab93; }
.search-form .search-form-con dl { margin-bottom: 1.5em; }
.search-form .search-form-con dl dt { margin-bottom: 0.5em; padding-bottom: 5px; border-bottom: 1px solid #39ab93; font-size: 1.1111111111rem; font-weight: 500; }
.search-form .search-form-con dl dd label { margin-right: 1em; }
.search-form .search-form-con .send-btn { display: flex; align-items: center; justify-content: center; }
.search-form .search-form-con .send-btn i { margin-right: 0.5em; }

.search-result .search-result-total { margin-bottom: 1.5em; }
.search-result .search-result-total span { color: #39ab93; font-size: 2.2222222222rem; font-weight: 700; }
.search-result .search-result-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 960px) { .search-result .search-result-list { justify-content: space-between; } }
.search-result .search-result-item { width: 22.8571428571%; margin-right: 2.8571428571%; margin-bottom: 2.8571428571%; background-color: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); transition: all .5s; }
.search-result .search-result-item:nth-child(4n) { margin-right: 0; }
.search-result .search-result-item:hover { transform: translateY(-20px); }
@media screen and (max-width: 960px) { .search-result .search-result-item { width: 48%; margin-right: 0; margin-bottom: 4%; } }
.search-result .search-result-item a { text-decoration: none; }
.search-result .search-result-item figure { position: relative; padding-top: 75%; }
@media screen and (max-width: 750px) { .search-result .search-result-item figure { padding-top: 100%; } }
.search-result .search-result-item figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.search-result .search-result-item .search-result-item-con { padding: 1em; }
@media screen and (max-width: 750px) { .search-result .search-result-item .search-result-item-con { padding: 0.5em; } }
.search-result .search-result-item .search-result-item-name { display: block; margin-bottom: 0.5em; color: #000; font-weight: 500; }
@media screen and (max-width: 750px) { .search-result .search-result-item .search-result-item-name span { display: block; } }
.search-result .search-result-item .search-result-item-kana { font-size: 0.7777777778rem; }

.search-cat { display: flex; flex-wrap: wrap; margin-bottom: 0.5em; font-size: 0.6666666667rem; line-height: 1; }
.search-cat a { display: inline-block; margin-right: 0.5em; margin-bottom: 0.5em; padding: 0.25em 0.5em; border: 1px solid #39ab93; color: #39ab93; text-decoration: none; }
.search-cat a._area { background-color: #39ab93; color: #fff; }

.search-tag { display: flex; flex-wrap: wrap; font-size: 0.6666666667rem; line-height: 1; }
.search-tag a { display: inline-block; margin-right: 1em; margin-bottom: 0.5em; color: #000; text-decoration: none; }

#detail .mainttl-sec { background-color: #f2f2f2; }
#detail .main { position: relative; padding-top: 0; }
@media screen and (max-width: 750px) { #detail { padding-bottom: 3em; } }
#detail .detail-top { justify-content: space-between; margin-top: -14%; margin-bottom: 2em; }
@media screen and (max-width: 750px) { #detail .detail-top { align-items: center; margin-top: 5.3333333333%; margin-bottom: 1em; } }
#detail .detail-top .detail-fig figure { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
#detail .detail-top .detail-prof { width: 68%; padding-top: 16%; }
@media screen and (max-width: 750px) { #detail .detail-top .detail-prof { padding-top: 0; } }
#detail .detail-top .detail-name { margin-bottom: 0.5em; }
#detail .detail-top .detail-name .detail-name-full { font-size: 1.6666666667rem; }
@media screen and (max-width: 750px) { #detail .detail-top .detail-name .detail-name-full { font-size: 1.3333333333rem; } }
#detail .detail-top .detail-spec { margin-bottom: 1em; }

.detail-tags { padding-left: 32%; }
@media screen and (max-width: 750px) { .detail-tags { padding-left: 0; } }

.detail-con { margin-top: 2em; }
@media screen and (max-width: 750px) { .detail-con { margin-top: 1em; } }

.detail-ttl { display: flex; align-items: center; margin-bottom: 0.75em; font-size: 1.1111111111rem; }
.detail-ttl::after { content: ''; display: block; flex: 1; height: 1px; margin-left: 1em; background-color: #000; }

.detail-box { margin-bottom: 3em; }

.detail-box-item { margin-bottom: 1.5em; }
.detail-box-item:last-child { margin-bottom: 0; }

.detail-box-list { display: flex; flex-wrap: wrap; }
.detail-box-list p { margin-right: 1.5em; }

.detail-btns { display: flex; flex-wrap: wrap; justify-content: center; }
@media screen and (max-width: 750px) { .detail-btns { position: fixed; left: 0; bottom: 0; flex-wrap: nowrap; width: 100%; } }
.detail-btns .btn { margin-right: 1em; }
@media screen and (max-width: 750px) { .detail-btns .btn { flex: 1; margin-right: 0; border-radius: 0; padding-left: 0; padding-right: 0; } }
.detail-btns .btn:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .detail-btns .btn:last-child { border-left: 1px solid #fff; } }

._career .detail-txt { margin-top: 0.5em; }

.calendar-lead { margin-bottom: 1em; text-align: center; }

.calendar-swiper { position: relative; padding: 0 2em; overflow: hidden; }
@media screen and (max-width: 750px) { .calendar-swiper .swiper-slide { padding: 0 1em; } }
.calendar-swiper .calendar-btn { position: absolute; top: 50%; z-index: 10; color: #39ab93; font-size: 2rem; transform: translateY(-50%); cursor: pointer; }
.calendar-swiper .calendar-btn.swiper-button-disabled { opacity: 0.5; }
.calendar-swiper .calendar-btn._prev { left: 0; }
.calendar-swiper .calendar-btn._next { right: 0; }

/*# sourceMappingURL=search.css.map */