@charset "UTF-8";

section.bg_gy {
    background: #F7F7F7;
}

.section__content {
    padding: 0 1.8rem;
}

.common__ttl {
    line-height: 1.6;
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
}

.common__ttl_sub {
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    font-weight: 400;
    color: #FF6A62;
}

.common__ttl_sub::before, .common__ttl_sub::after {
    content: "";
    width: 1px;
    height: 80%;
    background: #FF6A62;
    position: absolute;
    bottom: 0;
}

.common__ttl_sub::before {
    left: -1rem;
    transform: rotate(-25deg);
}

.common__ttl_sub::after {
    right: -1rem;
    transform: rotate(25deg);
}

.common__ttl + .results__num {
    padding: .4rem 0 0;
}

.results__num {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 4rem 0 0;
}

.results__num_all {
    display: inline-block;
    margin: 0 .5rem;
    font-size: 1.6rem;
}

.results__num_b {
    font-size: 2rem;
    font-weight: 600;
    color: #FF6A62;
}

.results__num_now {
    display: inline-block;
    margin: 0 .5rem;
    font-size: 1.2rem;
}

.results__item {
    margin: 2.6rem 0 0;
    padding: 3.5rem 0 1.6rem;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    background: linear-gradient(#FFCDCB 8%, #fff 0%);
}

.results__item.icon-hurry, .results__item.icon-hurry-new, .results__item.icon-new {
    position: relative;
}

.results__item.icon-hurry::before, .results__item.icon-hurry-new::before, .results__item.icon-new::before {
    content: "";
    width: 7.6rem;
    height: 7.3rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 5px 0 0 0;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.results__item.icon-hurry, .results__item.icon-hurry-new {
    border: 1px solid #FF6A62;
}

.results__item.icon-hurry::before {
    background-image: url(/img/sp/common/icon_hurry.png);
}

.results__item.icon-hurry-new::before {
    background-image: url(/img/sp/common/icon_hurry-new.png);
}

.results__item.icon-new::before {
    background-image: url(/img/sp/common/icon_new.png);
}

.results__item_ttl {
    padding: 1.5rem;
    background: #FFEFEF;
    position: relative;
}

.results__item_ttl.iwaikin-5000::after, .results__item_ttl.iwaikin-8000::after, .results__item_ttl.iwaikin-10000::after, .results__item_ttl.iwaikin-15000::after, .results__item_ttl.iwaikin-20000::after, .results__item_ttl.iwaikin-30000::after {
    content: "";
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: -2.8rem;
    right: .6rem;
}

.results__item_ttl.iwaikin-5000::after, .results__item_ttl.iwaikin-8000::after {
    width: 18.6rem;
    height: 4.2rem;
}

.results__item_ttl.iwaikin-10000::after, .results__item_ttl.iwaikin-15000::after, .results__item_ttl.iwaikin-20000::after, .results__item_ttl.iwaikin-30000::after {
    width: 20.2rem;
    height: 4.2rem;
}

.results__item_ttl.iwaikin-5000::after {
    background-image: url(/img/sp/common/icon_iwaikin_5000@2x.png);
}

.results__item_ttl.iwaikin-8000::after {
    background-image: url(/img/sp/common/icon_iwaikin_8000@2x.png);
}

.results__item_ttl.iwaikin-10000::after {
    background-image: url(/img/sp/common/icon_iwaikin_10000@2x.png);
}

.results__item_ttl.iwaikin-15000::after {
    background-image: url(/img/sp/common/icon_iwaikin_15000@2x.png);
}

.results__item_ttl.iwaikin-20000::after {
    background-image: url(/img/sp/common/icon_iwaikin_20000@2x.png);
}

.results__item_ttl.iwaikin-30000::after {
    background-image: url(/img/sp/common/icon_iwaikin_30000@2x.png);
}

.results__item_ttl-txt {
    line-height: 1.4;
    font-size: 1.6rem;
    font-weight: 600;
}

.results__ttl {
    padding: 3.4rem 1.8rem .8rem;
    box-sizing: border-box;
    background: #FFF;
}

.results__desc {
    padding: 0 1.5rem;
    background-color: #FFF;
}

.results__img {
    text-align: center;
    height: calc((100vw - 3.6rem) / 16 * 11 + 4px);
}

.results__img img {
    height: calc((100vw - 3.6rem) / 16 * 11);
    width: 100%;
}

.icon-hurry > .results__img, .icon-hurry-new > .results__img {
    height: calc((100vw - 3.6rem - 2px) / 16 * 11 + 4px) !important;
}

.icon-hurry > .results__img img, .icon-hurry-new > .results__img img {
    height: calc((100vw - 3.6rem - 2px) / 16 * 11) !important;
}

.results__desc_head {
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.results__desc_icon {
    display: inline-block;
    padding: .5rem 1rem .3rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.results__desc_icon.parttime {
    margin-left: 1%;
    background: #4967AC;
    color: #FFF;
}

.salary_jobtype {
    padding: 1px 9px;
    font-size: 1rem;
    background: #4967AC;
    color: #FFF;
}

.chain_list_content .salary_jobtype {
    padding: 1px 9px;
    font-size: 1.2rem;
    background: none;
    color: #000;
    font-weight: 600;
}

.results__desc_head_date {
    padding-top: 2px;
    text-align: right;
}

.results__desc_date {
    font-size: 8px;
}

.results__desc_ttl {
    margin: 0.8rem 0 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}

results__desc_ttl::before {
    background-color: #FFCDCB;
}

.results__desc_tags {
    display: inline-block;
    justify-content: normal;
    margin: 1.2rem 0 0;
    width: 100%;
}

.results__desc_tag {
    width: 32%;
    padding: .5rem 0 .3rem;
    border: 1px solid #C6C6C6;
    color: #C6C6C6;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.1rem;
    float: left;
    margin: 0 3px 4px 0;
}

.results__desc_tag.on {
    border: 1px solid #FFA500;
    background-color: #FFA500;
    color: #FFFFFF;
}

.results__salary {
    display: flex;
    justify-content: space-between;
    margin: 1.4rem 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    background: #FFFCE8;
}

.results__salary_ttl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6.2rem;
    padding: 1.6rem 0;
    border-right: 1px solid #F7F7F7;
    box-sizing: border-box;
    line-height: 1.9;
    font-size: 1.4rem;
    font-weight: 600;
    color: #4967AC;
}

.results__salary_cont {
    width: calc(100% - 6.2rem);
    padding: 1.6rem 1rem 1.6rem 1.55rem;
    word-break: break-all;
    line-height: 1.5;
    font-size: 1.3rem;
    font-weight: 600;
    color: #4967AC;
}

.results__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.15rem 0;
    border-bottom: .1rem solid #C6C6C6;
    box-sizing: border-box;
}

.results__list_ttl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 9.3rem;
}

.results__list_icon {
    width: 1.6rem;
    display: flex;
    justify-content: center;
}

.results__list_sign {
    width: calc(100% - 1.6rem);
    padding-left: 1rem;
    box-sizing: border-box;
    font-size: 1.1rem;
    font-weight: 600;
    color: #898989;
}

.results__list_cont {
    width: calc(100% - 9.3rem);
    line-height: 1.5;
    font-size: 1.2rem;
}

.results__list_link:visited, .results__list_link:link {
    text-decoration: underline;
    color: #4967AC;
}

.results__list_link + .results__list_link {
    margin-left: 1.2rem;
}

.results__accordion {
    display: flex;
    flex-direction: column;
}

.results__accordion_btn {
    order: 2;
    padding: 2rem 0 0;
    box-sizing: border-box;
    text-align: center;
}

.results__accordion_btn-txt {
    display: inline-block;
    padding-right: 2.2rem;
    position: relative;
    font-size: 1.4rem;
    font-weight: 600;
    color: #4967AC;
}

.results__accordion_btn-txt::after {
    content: "";
    width: 1.9rem;
    height: 1.9rem;
    background: url(/img/sp/common/icon_morelist_plus.svg);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.results__accordion_btn.open .results__accordion_btn-txt::after {
    background: url(/img/sp/common/icon_morelist_close.svg);
}

.results__accordion_cont {
    order: 1;
    display: none;
    padding: 2.5rem 0 0;
}

.results__accordion_desc {
    line-height: 1.5;
    font-size: 1.2rem;
}

.results__accordion_icon {
    margin: 1.3rem 0 0;
    width: 6.95rem;
}

.results__accordion_icon img {
    width: 100%;
}

.results__accordion_tags {
    display: flex;
    flex-wrap: wrap;
    margin: 0.5rem -1% 0 0;
}

.results__accordion_tag {
    margin: .8rem 1% 0;
    padding: .5rem 0 .3rem;
    border: 1px solid #FFA500;
    background-color: #FFA500;
    color: #FFFFFF;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
}

.results__accordion_tag.col_1 {
    width: 31%;
}

.results__accordion_tag.col_2 {
    width: 64%;
}

.results__btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2.5rem 0 0;
}

.results__btns_detail, .results__btns_keep, .results__btns_apply {
    padding: 1.9rem 0 1.6rem;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
}

.results__btns_detail, .results__btns_keep {
    width: 48.86%;
}

.results__btns_detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #7E9ED1;
}

.results__btns_detail:link, .results__btns_detail:visited {
    color: #FFF;
}

.results__btns_keep {
    background: #FFF8C7;
}

.results__btns_keep-txt {
    display: inline-block;
    padding-right: 2.7rem;
    position: relative;
}

.results__btns_keep-txt::after {
    content: url(/img/sp/common/icon_keep.svg);
    position: absolute;
    top: 35%;
    right: 0;
    transform: translateY(-45%);
}

.results__btns_keep.keeped {
    background: #F0F0F0;
    color: #AFAFAF;
}

.results__btns_apply {
    width: 100%;
    margin: .6rem 0 0;
    background: #FF6A62;
    line-height: 20px;
}

.results__btns_apply.post_status {
    width: 48.86%;
    margin: 0;
}

.results__btns_apply:link, .results__btns_apply:visited {
    color: #FFF;
}

.h-57 {
    height: 5.7rem;
}

.results__btns_apply.is-done {
    background: #F0F0F0;
    color: #AFAFAF;
}