@charset "UTF-8";
.member_list .panel_list_item {
    width: 100%;
    margin-top: 10px;
    float: none
}

.member_list .panel_list_item:nth-child(1) {
    margin-top: 20px
}

.member_list .panel_list_item:nth-child(2) {
    margin-top: 10px
}

.member_list .panel_list_item:nth-child(2n) {
    float: none
}

.member_list .panel_list .button {
    padding-bottom: 10px
}

.member_list .panel_list .button:before {
    width: 4px
}

.member_list .panel_list .button_category {
    font-size: 1.2rem;
    padding: 3px 10px 1px 35px;
    color: #fff
}

.member_list .panel_list .button_category.gis {
    background: url(/recruit/member/img/bg-gis.png) no-repeat 7px center #6a35b0;
    background-size: 20px auto
}

.member_list .panel_list .button_category.survey {
    background: url(/recruit/member/img/bg-survey.png) no-repeat 7px center #1b7e1f;
    background-size: 20px auto
}

.member_list .panel_list .button_category.cause {
    background: url(/recruit/member/img/bg-cause.png) no-repeat 7px center #f58d2c;
    background-size: 20px auto
}

.member_list .panel_list .button_category.business {
    background: url(/recruit/member/img/bg-business.png) no-repeat 7px center #f22e55;
    background-size: 20px auto
}

.member_list .panel_list .button_text {
    margin-top: 7px;
    font-size: 1.3rem;
    line-height: 1.7
}

.member_list .panel_list .button_text_year {
    font-size: 1.2rem
}

.member_list .panel_list .panel_img {
    padding-top: 52%;
    height: 0
}

.member_banner {
    margin: 15px 0 40px
}

.member_banner .panel_list .button:before {
    width: 4px
}

.member_banner .panel_list .panel_img {
    padding-top: 47%;
    height: 0
}

.interview_top {
    margin: 0 -15px 30px
}

@media screen and (max-width: 479px) {
  .interview_top_title__imgtitle {
    font-size: 2rem;
  }
}

.interview_top_info {
    padding: 20px 15px 5px
}

.interview_top_category {
    width: 95px
}

.interview_top_category_inner {
    font-size: 1.6rem;
    padding: 5px 15px 3px 45px;
    color: #fff;
    margin-top: 3px
}

.interview_top_category_inner.gis {
    background: url(/recruit/member/img/bg-gis.png) no-repeat 12px center #6a35b0;
    background-size: 24px auto
}

.interview_top_category_inner.survey {
    background: url(/recruit/member/img/bg-survey.png) no-repeat 12px center #1b7e1f;
    background-size: 24px auto
}

.interview_top_category_inner.cause {
    background: url(/recruit/member/img/bg-cause.png) no-repeat 12px center #f58d2c;
    background-size: 24px auto
}

.interview_top_category_inner.business {
    background: url(/recruit/member/img/bg-business.png) no-repeat 12px center #f22e55;
    background-size: 24px auto
}

.interview_top_text {
    padding-left: 15px
}

.interview_top_post {
    font-size: 1.3rem
}

.interview_top_post_big {
    font-size: 1.5rem;
    margin: 0;
    display: block
}

.interview_top_year {
    padding: 0 15px 15px;
    line-height: 1.5;
    background-color: #f8f8f8;
    font-size: 1.1rem
}

.interview_qa_item:not(:last-child) {
    margin-bottom: 30px
}

.interview_qa_title {
    font-size: 1.8rem;
    line-height: 1.5;
}

.interview_qa_text {
    width: 100%;
    float: none
}

.interview_qa_photo {
    width: 100%;
    float: none;
    max-width: none;
    margin-top: 15px;
    text-align: center
}

.interview_schedule {
    margin: 40px -15px 0;
    padding: 30px 15px
}

.interview_schedule_title {
    font-size: 1.8rem;
    margin-bottom: 15px
}

.interview_schedule_box {
    position: relative
}

.interview_schedule_box:before {
    content: "";
    height: calc(100% - 40px);
    background-color: #b4c3c3;
    top: 19px;
    left: 80px
}

.interview_schedule_item {
    padding: 10px 20px
}

.interview_schedule_time {
    width: 65px;
    font-size: 1.8rem
}

.interview_schedule_time:after {
    content: "";
    width: 8px;
    height: 8px;
    top: 4px
}

.interview_schedule .long_time {
    min-height: 60px
}

.interview_schedule_work {
    font-size: 1.3rem;
    padding-left: 15px
}

.other {
    margin: 40px auto;
    padding: 0 15px
}

.other_title {
    font-size: 1.5rem;
    margin-bottom: 15px
}

.other .panel_list_item {
    width: 100%;
    margin: 0 0 10px;
    float: none
}

.other .panel_list_item:nth-child(2n),.other .panel_list_item:nth-child(1) {
    float: none;
    margin: 0 0 10px
}

.other .panel_list_item:nth-child(3n) {
    margin-right: 0
}

.other .other_button {
    margin-top: 30px
}

.other .other_button_anchor {
    padding: 11px 30px 9px 50px;
    font-size: 1.3rem
}

.other .other_button_anchor:before {
    width: 8px;
    height: 8px;
    left: 15px;
    border-right: 1px solid #1c61ad;
    border-top: 1px solid #1c61ad;
    margin-top: -6px
}

.other .other_button_anchor:hover:before {
    border-right: 1px solid #009e96;
    border-top: 1px solid #009e96
}