﻿:root{--sp-header-height: 0}.clearfix::after{display:block;height:0;clear:both;content:""}.hide{display:none}.show{display:block}.p-search-talent__compare-bar{position:fixed;bottom:0;left:0;z-index:100;display:none;width:100%;padding:8px 0;background-color:#fff;box-shadow:rgba(0,0,0,.16) 0 -2px 8px}.p-search-talent__compare-bar.is-visible{display:flex}.p-search-talent__compare-bar__inner{display:flex;align-items:center;justify-content:center;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width: 767px){.p-search-talent__compare-bar__inner{flex-wrap:wrap;gap:12px;justify-content:space-between}}.p-search-talent__compare-bar__text{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:700}@media(max-width: 767px){.p-search-talent__compare-bar__text{font-size:12px}}@media(max-width: 767px){.p-search-talent__compare-bar__label{display:none}}.p-search-talent__compare-bar__label::after{content:":"}.p-search-talent__compare-bar__count{font-size:24px;font-weight:700;line-height:1;color:#0268cc}@media(max-width: 767px){.p-search-talent__compare-bar__count{font-size:18px}}@media(max-width: 767px){.p-search-talent__compare-bar__unit{font-size:0}.p-search-talent__compare-bar__unit::before{content:"人";font-size:12px}.p-search-talent__compare-bar__unit::after{content:"選択中";font-size:12px}}.p-search-talent__compare-bar__limit{font-size:12px;font-weight:400;color:#646464}@media(max-width: 767px){.p-search-talent__compare-bar__limit{display:none}}.p-search-talent__compare-bar__actions{display:flex;align-items:center;gap:16px}@media(max-width: 767px){.p-search-talent__compare-bar__actions{gap:8px}}.p-search-talent__compare-bar__button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;white-space:nowrap}@media(max-width: 767px){.p-search-talent__compare-bar__button{padding:8px 12px;font-size:12px}}.p-search-talent__compare-bar__button:disabled{opacity:.5;cursor:not-allowed}.p-search-talent__compare-bar__icon{display:inline-flex;align-items:center;margin-right:4px;font-size:1.25em}.p-search-talent__compare-bar__clear{display:flex;align-items:center;gap:4px;padding:8px 12px;font-weight:600;color:#333;background:none;border:none;cursor:pointer;transition:color .2s ease}.p-search-talent__compare-bar__clear:hover{color:#0268cc}@media(max-width: 767px){.p-search-talent__compare-bar__clear{padding:8px;font-size:12px}}.p-search-talent__compare-clear-modal-dialog{position:fixed;top:50%;left:50%;display:block;width:100%;max-width:500px;max-height:90vh;margin:0;padding:0;overflow:hidden;background-color:#fff;border:none;border-radius:8px;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2);transform:translate(-50%, -50%)}@media(max-width: 767px){.p-search-talent__compare-clear-modal-dialog{right:12px;left:auto;width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100vh - 48px);transform:translate(0, 0);top:24px;margin:0}}.p-search-talent__compare-clear-modal-dialog::backdrop{background-color:rgba(200,200,200,.8)}.p-search-talent__compare-clear-modal-dialog:focus{outline:none}.p-search-talent__compare-clear-modal__content{position:relative;padding:32px;padding-top:40px}@media(max-width: 767px){.p-search-talent__compare-clear-modal__content{padding:24px;padding-top:32px}}.p-search-talent__compare-clear-modal__title-area{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;padding-right:40px;gap:16px}@media(max-width: 767px){.p-search-talent__compare-clear-modal__title-area{padding-right:36px}}.p-search-talent__compare-clear-modal__title{margin:0;font-size:20px;font-weight:700;color:#333}@media(max-width: 767px){.p-search-talent__compare-clear-modal__title{font-size:18px}}.p-search-talent__compare-clear-modal__user-list{margin:0 0 32px;padding:0;list-style:none;max-height:400px;overflow-y:auto}@media(max-width: 767px){.p-search-talent__compare-clear-modal__user-list{max-height:300px}}.p-search-talent__compare-clear-modal__user-item{margin-bottom:8px}.p-search-talent__compare-clear-modal__user-item:last-child{margin-bottom:0}.p-search-talent__compare-clear-modal__user-content{display:flex;align-items:center;gap:12px;padding:8px;border-radius:4px;background-color:#fff;transition:background-color .2s ease}.p-search-talent__compare-clear-modal__user-content:hover{background-color:#f7f7f7}.p-search-talent__compare-clear-modal__user-link{display:flex;align-items:center;flex:1;padding:4px 8px;margin:-4px -8px;font-size:14px;color:#333;text-decoration:none;border-radius:4px;transition:color .2s ease}.p-search-talent__compare-clear-modal__user-link:hover{color:#0268cc;text-decoration:underline}@media(max-width: 767px){.p-search-talent__compare-clear-modal__user-link{font-size:12px}}.p-search-talent__compare-clear-modal__user-nickname{font-size:12px;font-weight:normal}@media(max-width: 767px){.p-search-talent__compare-clear-modal__user-nickname{font-size:10px}}.p-search-talent__compare-clear-modal__user-remove-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;appearance:none;cursor:pointer;background:none;border:none;border-radius:4px;color:#646464;transition:color .2s ease,background-color .2s ease;flex-shrink:0}.p-search-talent__compare-clear-modal__user-remove-button:hover{color:#333;background-color:#eee}.p-search-talent__compare-clear-modal__user-remove-button svg{width:16px;height:16px}.p-search-talent__compare-clear-modal__clear-all-button{font-size:12px;font-weight:700;white-space:nowrap;padding:4px 8px}@media(max-width: 767px){.p-search-talent__compare-clear-modal__clear-all-button{font-size:10px;padding:2px 6px}}.p-search-talent__compare-clear-modal__close{position:absolute;top:24px;right:24px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;appearance:none;cursor:pointer;background:url("/img/_fontawesome/solid/xmark.svg") no-repeat scroll center center/14px;border:none;border-radius:50%;opacity:.7;transition:opacity .2s ease}.p-search-talent__compare-clear-modal__close:hover{opacity:1}.p-search-talent__compare-clear-modal__close:focus{box-shadow:0 0 4px 1px rgba(0,0,0,.2)}
