/*
pickup
================================================ */
.pickup{margin-top: 56px;}
.pickup-slider {display: flex ; flex-wrap: wrap; justify-content: space-between;}
.pickup-slider .pickup-slider__action {width: 13.75%; font-size: 1.25em; letter-spacing: 0.12em; background-color: #121212; color: #fff;display: flex;flex-direction: column;align-items: center;padding: 18px 4px 14px;justify-content: center;}
.pickup-slider .pickup-slider__btn { margin-top: 3px; width: 28px; height: 28px;transition: opacity .25s linear }
.pickup-slider .pickup-slider__btn.play { background: url(/saiyo/graduates/event/tech/01_theme/img/icon_play.png) no-repeat center center;background-size: cover; }
.pickup-slider .pickup-slider__btn.stop { background: url(/saiyo/graduates/event/tech/01_theme/img/icon_stop.png) no-repeat center center;background-size: cover; }
.pickup-slider .swiper li a { padding: 4.57% 9.13% 4.35% 4.35%; display: flex; flex-direction: column; background-color: #404040; color: #fff;height: 100%;position: relative; }
.pickup-slider .pickup__item-copy { color: #cc0200; font-size: 0.875em; font-weight: 700; background-color: #ffffff; padding: 4px 18px; border-radius: 14px; margin: 0 auto; }
.pickup-slider .pickup__item-keyword{margin-top: 8px;display: flex;font-size: 1.125em;flex: 1;position: relative;justify-content: center;}
.pickup-slider .pickup__item-keyword::before {position: absolute; top: calc(50% - 5px); right: -4%; width: 8px; height: 8px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); content: '';}
.pickup-slider .pickup__item-keyword-item {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1.5;}
.pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item {padding-left: 2.5em;}
.pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::before,
.pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::before, .pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::after { content: ""; position: absolute; top: 50%; left: 23px; width: 16px; height: 1px; background-color: white; transform-origin: center; }
.pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::before { transform: translate(-50%, -50%) rotate(45deg); }
.pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::after { transform: translate(-50%, -50%) rotate(-45deg); }
.pickup-slider .pickup__item-keyword-item span {display: block;}

/*
search-content
================================================ */
.content sub {bottom: -.25em;font-size: 75%;}
.search-content {margin-top: 0;background-color: #fff;}
.search-content.section_search{overflow: visible;padding-bottom: 100px;}
.search-content.section_search .container.full{background-color:#efefef;}
.search-content.section_search .search_word{background-color: #fff;border-radius: 10px;overflow: hidden;padding: 20px 40px 20px 50px;margin-top: 0;}
.search-content.section_search .search_word--all {margin-bottom: 5px;}
.search-content.section_search .search_word_list__item { margin-right: 5px; margin-bottom: 5px; }
.search-content .search_result_head::before{border-top: 82px solid #efefef;}
.search-content .search_result__txt {color: #333333;font-weight: 700;}
.search-content.search .result_detail_text{margin-top: 0;}
.search-content.search .result_detail_text dt {background-color: #efefef;display: flex;justify-content: center;align-items: center;text-align: center;width: 150px;}
.search-content.search .result_detail_text dd{padding-left: 30px;width: calc(100% - 150px);display: flex ; flex-direction: column;justify-content: center;font-size: 0.875em;}
.search-content.search .result_detail_text dd .details + .details { border-top: 1px solid #cbcbcb;padding-top: 20px;margin-top: 20px;}
.search-content.search .result_detail_text dd .details.details-remarks {position: relative;padding-left: 1.2em;display: block;font-size: 0.85714285714286em;}
.search-content.search .result_detail_text dd .details.details-remarks span {position: absolute;left: 0;}
.search-content.search .result_detail_text dd .details .details-head{flex-shrink: 0;font-weight: 700;}
.search-content.search .result_detail_text dd.keywords {flex-direction: row;flex-wrap: wrap;justify-content: flex-start;gap:5px;}
.search-content.search .result_detail_text dd.keywords a {color: #333333;padding: 2px 6px;border: 1px solid #cacaca;border-radius: 3px;}
.search-content.search .result_detail_head {align-items: center;color: #333333;padding: 33px 0;border-bottom: 1px solid #cbcbcb;position: relative;padding-right: 60px;}
.search-content.search .result_detail_body {margin-top: 0;}
.search-content.search .result_detail__num {font-weight: 400;}
.search-content.search .result_detail__num::before { content: 'No.'; display: inline-block; }
.search-content.search .result_detail__label {margin-left: 14px;font-size: 0.77777777777778em;padding: 2px 6px;background-color: #efefef;border-radius: 3px;display: inline-block;font-weight: 400;}
.search-content.search .result_detail__label + .result_detail__label{margin-left: 5px;}
.search-content.search .accordion__control{position: absolute;right: 0;}
.search-content.search .accordion__btn {width: 40px;height: 40px;background-color: #efefef;border-radius: 50%;position: relative;display: block;}
.search-content.search .accordion__btn:after, .search-content.search .accordion__btn:before { content: ""; position: absolute; top: 50%; display: block; background-color: #606367;transform: translateY(-50%); z-index: 10; }
.search-content.search .accordion__btn:before { transform: translateY(-50%) rotate(90deg); transition: transform .2s ease-out; }
.search-content.search .accordion__btn:after, .search-content.search .accordion__btn:before {right: calc(50% - 7px); width: 14px; height: 2px; }
.search-content.search .accordion__btn:after, .search-content.search .accordion__btn:before { background-color: #333333; }
.search-content.search .accordion__btn:after { transform: translateY(-50%); }
.search-content.search .accordion__btn.open:before { transform: translateY(-50%) rotate(0); }
.search-content .search_result_list__item:nth-child(2n) { background-color: #fff; }
.search-content.search .result_detail {padding: 0;}
.search-content.search .search-content__block {max-width: 1026px; margin: 0 auto; padding: 0 13px;padding-top: 60px;}
.search-content.search .search-content__block .search-content__title {font-size: 1.375em;font-weight: 700;}
.search-content.search .search-content__block .search-content__head{display: flex;justify-content: space-between;align-items: center; border-bottom: 2px solid #333333;padding-bottom: 20px;}
.search-content.search .search-content__block .search-content__link{display: block;padding-left: 1.2em;color: #535353;position: relative;}
.search-content.search .search-content__block .search-content__link::before { position: absolute; top: 50%; left: 0; content: ''; display: inline-block; width: 9px; height: 9px; border-top: 2px solid #9c9c9c; border-right: 2px solid #9c9c9c; transform: translateY(-50%) rotate(45deg);}
.search-content.search .search-content__block .search-content__link::after { content: ''; display: inline-block; width: 13px; height: 12px; margin-left: 5px; background-image: url(/saiyo/graduates/event/tech/01_theme/img/icon_blank.png); background-repeat: no-repeat; background-size: cover; }
.search-content.search .c-search-btn {margin: 40px auto 0; display: flex; justify-content: center;}
.search-content.search .c-search-btn .c-search-btn__item {padding: 12px 20px; border-radius: 25px; cursor: pointer; position: relative; max-width: 320px;width: 100%;font-weight: 700; transition: all 0.3s ease-out; }
.search-content.search .c-search-btn .c-search-btn__item.c-search-btn__item--clear {background-color: #fff;border: 1px solid #cacaca;}
.search-content.search .c-search-btn .c-search-btn__item.c-search-btn__item--action {background-color: #cc0200;color: #fff;margin-left: 20px;}
.search-content.search .c-search-btn .c-search-btn__item.c-search-btn__item--action::before{ position: absolute; content: ""; left: 20px; top: calc(50% - 10px); background: url(/saiyo/graduates/event/tech/01_theme/img/icon_search.png); background-size: contain; height: 20px; width: 21px; }
.search-content.search .search-group + .search-group {border-top: 1px solid #cacaca;}
.search-content.search .search-group .accordion__head{position: relative;display: flex;align-items: center;}
.search-content.search .search-group .search-group__title{padding: 30px 0 40px;font-size: 1.125em;font-weight: 700;color: #333333;}
.search-content.search .search-group .accordion__btn {background-color: #fff;}
.search-content.search .search-group .search-group__free{display: flex;align-items: center;padding-bottom: 40px;padding-top: 30px;
}
.search-content.search .search-group .search-group__free input {background-color: #fff;min-height: 50px;border-radius: 25px;padding: 13px 60px 12px 36px;font-size: 1em;width: 100%;font-family: "Noto Sans JP", sans-serif;}
.search-content.search .search-group .search-group__free .search-group__free-word {flex: 1;position: relative;}
.search-content.search .search-group .search-group__free input::placeholder{ color: #a5a5a5; }
.search-group__free { position: relative; }
.search-content.search .clear-button { position: absolute; right: 26px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; width: 16px; height: 16px; cursor: pointer; z-index: 10; transition: opacity 0.3s ease, visibility 0.3s ease;}
.search-content.search .clear-button img { width: 100%; height: 100%; display: block; }


@media print, screen and (min-width: 768px) and (max-width: 1500px){
.pickup-slider .pickup__item-keyword {font-size: 1.2vw;}
.pickup-slider .pickup__item-copy {font-size: 0.9333vw;}
}


@media print, screen and (min-width: 768px) and (max-width: 1140px){
.pickup-slider .pickup__item-keyword {font-size: 0.6875em;}
.pickup-slider .pickup__item-copy { font-size: 0.6875em; padding: 3px 8px; }
.pickup-slider .swiper li a {padding-right: 12.13%;}
.pickup-slider .pickup__item-keyword::before {right: -14px;}
.pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::before, .pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::after {width: 10px;left: 15px;}
.pickup-slider .pickup-slider__action{font-size: 1em;}
}

@media print, screen and (min-width: 768px){
.search-content.search .container:last-child {margin: 110px 0 0;}
.search-content.search .search_header {padding: 34px 0 52px;}
.search-content.search .search_word_body {padding: 0;}
.search-content.search .btn_search {padding: 6px 8px;}
.search-content.section_search .search_word .search_word__item .search_word_body {padding: 20px 0 15px;}
.search-content.search .search_word__item:not(:first-child) { margin-top: 0; }
.search-content.search .search_word_head{justify-content: flex-start;width: 118px;}
.search-content.search .accordion__control {right: 20px;}
.search-content.search .result_detail_head{padding-left: 18px;}
.search-content.section_search .search_word .search_word__item + .search_word__item .search_word_body{border-top: 1px solid #cacaca;}
.pickup-slider .swiper { width: calc(100% - 13.75%);background-color: #404040; }
.pickup-slider .swiper li {position: relative;}
.pickup-slider .swiper li::after { position: absolute; top: 0; bottom: 0; right: 0; left: auto; margin: auto; content: ""; display: block; height: calc(100% - 30px); width: 1px; background-color: #c2c2c2; }
.pickup-slider .swiper li.swiper-slide-next + .swiper-slide::after { opacity: 0; }
.pickup-slider .pickup-slider__btn:hover {opacity: 0.7;}
.search-content.search .result_detail_text {float: none; width: 100%;}
.search-content.search .result_detail__num{font-size: 1.25em;flex-shrink: 0;margin-right: 24px;}
.search-content.search .result_detail__num::before { font-size: 0.7em; }
.search-content.search .result_detail_occupation__name, .search-content.search .result_detail_term__name { margin-top: 0; font-size: 1.125em; }
.search-content.search .search-group .search-group__free .search-group__title {margin-right: 40px;padding-bottom: 60px;padding: 0;}
.search-content.search .search_result_list__item {padding: 0;}
.search-content.search .result_detail_text dd .details {display: flex;align-items: center;}
.search-content.search .result_detail_text dd .details .details-head {width: 140px;}
.search-content.search .c-search-btn .c-search-btn__item:hover {opacity: .6;}
.search-modal-block {display: none;}
.modal-close {display: none;}
}

@media only screen and (max-width: 767px){
#main {position: static;}
.section_search .container:last-child{margin: 90px 0 0;}
.pickup { margin-top: 20px; }
.pickup-slider .pickup-slider__action{width: 109px;font-size: 1.125em;}
.pickup-slider .swiper { width: calc(100% - 109px); }
.pickup-slider .pickup-slider__btn {width: 22px;height: 22px;justify-content: flex-start;}
.pickup-slider .swiper li a {padding: 10px 36px 10px 10px;}
.pickup-slider .pickup__item-copy{font-size: 0.8125em;padding: 2px 10px;}
.pickup-slider .pickup__item-keyword {margin-top: 8px;font-size: 0.9375em;flex-direction: column;}
.pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::before, .pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item::after{width: 12px;left: 50%;top: 10px;}
.pickup-slider .pickup__item-keyword-item + .pickup__item-keyword-item { padding-left: 0;padding-top: 20px;}
.pickup-slider .pickup__item-keyword::before {right: -18px;}
.search-content.search .search-content__block {padding: 0 15px;}
.search-content.search .search_result_list__item {padding: 0;}
.search-content.search .search_result_head::before{border-top: 50px solid #efefef;}
.search-content.search .search-content__block .search-content__head{display: block;padding-bottom: 10px;}
.search-content.search .search-content__block .search-content__link {margin-top: 8px;font-size: 0.75em;}
.search-content.search .search-content__block .search-content__title {font-size: 1.125em;}
.search-content.search .search-content__block .search-content__link::before {width: 7px;height: 7px;}
.search-content.search .result_detail_head {flex-wrap: wrap;padding-right: 40px;padding-bottom: 15px;padding-top: 22px;}
.search-content.search .result_detail__num {width: 100%;margin-right: 0;font-size: 1.125em;}
.search .result_detail__num::before{font-size: 0.72222222222222em;}
.search .result_detail_occupation__name, .search .result_detail_term__name{font-size: 0.9375em;margin-top: 5px;}
.search-content.search .result_detail__label {font-size: 0.8em;margin-left: 6px;}
.search-content.search .accordion__control {top: calc(50% - 12px);}
.search-content.search .search-group .accordion__control {top: calc(50% - 8px);}
.search-content.search .accordion__btn {width: 25px;height: 25px;}
.search-content.search .accordion__btn:after, .search-content.search .accordion__btn:before { right: calc(50% - 5px); width: 10px; }
.search-content.search .result_detail_text dt {width: 105px;}
.search-content.search .result_detail_text dd { padding-left: 15px; width: calc(100% - 105px); font-size:0.8125em; }
.search-content.search .result_detail_text dd .details .details-head {display: block;margin-right: 0;margin-bottom: 6px;}
.search-content.search .result_detail_text dd .details + .details {padding-top: 15px;margin-top: 15px;}
.search-content.search .result_detail_text dd.keywords {gap: 5px;}
.search-content.search .search-content__block + .search-content__block {margin-top: 48px;}
.search-content.search .search_header{padding: 0 0 30px;background-color: #efefef;max-height: 72vh; overflow: hidden; overflow-y: auto;}
.search-content.search .search-group .search-group__free {display: block;padding: 0 15px 30px 15px;}
.search-content.search .search-group .search-group__title { font-size: 0.9375em;text-align: center; padding: 24px 15px 15px; }
.search-content.search .search-group .accordion__head{justify-content: center;}
.search-content.search .search-group .search-group__free input{margin-left: 0; background-color: #fff; min-height: 45px; border-radius: 22px; padding: 13px 36px 12px 18px;width: 100%; }
.search-content.search .container:first-child {padding: 0 0 66px;}
.search-content.search .search-group .accordion__control {right: 20px;}
.search-content.search .search-group .result_detail_body.accordion__content {padding: 0 15px;}
.search-content.search .search_word_block{padding: 0;}
.search-content.section_search{padding-bottom: 130px;}
.search-content.section_search .search_word {padding: 26px 20px;border-radius: 8px;}
.search-content.section_search .search_word_head { padding-bottom: 12px; font-size:0.8125em; border-bottom: none; }
.search-content.section_search .btn_search{font-size: 0.75em;padding: 2px 5px 3px;}
.search-content.section_search .search_word_body {margin-top: 0;}
.search-content.section_search .search_word__item:not(:first-child) { margin-top:15px;padding-top: 20px;border-top: 1px solid #cacaca; }
.search-content.search .c-search-btn {display: block;margin: 20px auto 0;padding: 0 15px;}
.search-content.search .c-search-btn .c-search-btn__item { padding: 8px 20px; border-radius: 20px; max-width: 100%; font-size: 0.875em; }
.search-content.search .c-search-btn .c-search-btn__item.c-search-btn__item--action {margin-top: 10px;margin-left: 0;}
.search-content.search .c-search-btn .c-search-btn__item.c-search-btn__item--action::before { left: 20px; top: calc(50% - 8px); height: 16px; width: 17px; }
.search-modal-block {position: relative; bottom: 0; z-index: 999;}
.search-modal-block__wrap {position: fixed;bottom: 0;padding: 18px 84px 18px 15px;background-color: rgba(0, 0, 0, 0.5);width: 100%;z-index: 999;visibility: visible;opacity: 1;transition: all 0.3s;}
.search-modal-btn{background-color: #fff;color: #cc0201;padding: 8px 20px;border-radius: 22px;width: 100%;font-size: 0.9375em;font-weight: 700;border: 2px solid #cc0200;position: relative;}
.search-modal-block__wrap.is-hidden {position: absolute;}
.modal-overlay:not(.is-show) { z-index: -1; opacity: 0; pointer-events: none; }
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9800; transition: opacity 0.3s ease; }
.modal-container:not(.is-show) { z-index: -1; opacity: 0; pointer-events: none; }
.modal-container { position: absolute; z-index: 9999; width: calc(100% - 20px); transform: translateX(-50%); left: 50%; transition: opacity 0.3s ease; }
.modal-close {position: absolute; top: -34px; right: 18px;}
.modal-close img { width: 18px; height: 18px; }
.search-content.search .clear-button { right: 24px; width: 12px; height: 12px; }
.search-modal-btn::before { position: absolute; content: ""; left: 20px; top: calc(50% - 8px); height: 17px; width: 18px; background: url(/saiyo/graduates/event/tech/01_theme/img/icon_search_red.png); background-size: contain; }
.search-content.search .result_detail_text dd .details.details-remarks{font-size: 0.84615384615385em;}
}