@charset "UTF-8";

.experience_category_control {
    min-height: 60px
}

.experience_category_inner {
    background-color: #f6f6f6;
    border-radius: 2px;
    border-bottom: 2px solid #dedede
}

.experience_category_inner.o-open {
    border-radius: 0;
    border-bottom: none
}

.experience_category_inner.o-open .experience_category_title:after {
    content: none
}

.experience_category_trigger {
    padding: 25px 30px 0;
    position: relative;
    cursor: pointer
}

.experience_category_title {
    font-weight: 700;
    color: #0081cc;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 25px;
    position: relative
}

.experience_category_title:before,
.experience_category_title:after {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 16px;
    height: 2px;
    background-color: #0081cc
}

.experience_category_title:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.experience_category_title .icon {
    height: 1.5em;
    width: 1.5em;
    margin-right: 10px
}

.experience_category_title_text {
    color: #000;
    font-size: 2.0rem;
    font-weight: 700
}

.experience_category_content {
    padding: 20px 0 30px;
    margin: 0 30px;
    border-top: 2px solid #fff
}

.experience_category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.experience_category_list:after {
    display: none
}

.experience_category_item {
    width: 25%;
    padding-top: 18px
}

.experience_category_item .checkbox_label {
    font-weight: 700;
    font-size: 1.5rem
}

.experience_category_item .checkbox_label:before {
    border-radius: 2px;
    transition: 1s cubic-bezier(.13, .78, .38, .98)
}

.experience_category_item .checkbox_input:hover+.checkbox_label:before {
    border: 2px solid #0080cc
}

.experience_category_item .checkbox_input:checked+.checkbox_label:before {
    background-color: #0080cc;
    border: 1px solid #0080cc
}

.experience_category_item .checkbox_input:checked+.checkbox_label:after {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.experience_category_button:hover .icon {
    color: #0081cc
}

.experience_category_button .icon {
    color: #ffff7f;
    height: 1.4em;
    width: 1.4em;
    margin-top: 5px;
    margin-right: 6px;
    transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.experience_category_button_wrapper {
    width: 357px;
    margin: 30px auto 20px
}

.experience_category_button .button_text {
    font-size: 1.6rem
}

.experience_category_close {
    border: 0;
    background-color: transparent;
    padding: 0;
    position: relative;
    font-weight: 700;
    padding-left: 22px
}

.experience_category_close:hover {
    opacity: .5
}

.experience_category_close:before,
.experience_category_close:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    width: 18px;
    height: 2px;
    background-color: #0081cc
}

.experience_category_close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.experience_category_close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.experience_category_close_wrapper {
    text-align: center
}

.experience_member {
    padding-top: 30px
}

.experience_member_none {
    border: 1px solid #0080cc;
    text-align: center;
    padding: 40px 0
}

.experience_member_none_attention {
    font-size: 2.4rem;
    color: #0080cc;
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

.experience_member_none_note {
    font-weight: 700
}

.experience_member_item {
    padding: 30px;
    border: 1px solid #0081cc;
    margin-top: 20px;
    transition: opacity .3s cubic-bezier(.13, .78, .38, .98)
}

.experience_member_info {
    display: flex
}

.experience_member_message {
    padding-left: 30px
}

.experience_member_name {
    font-weight: 700
}

.experience_member_university {
    padding: 4px 0 0 10px;
    max-width: 368px
}

.experience_member_university_wrapper {
    display: flex
}

.experience_member_university_name {
    font-size: 2.4rem;
    color: #0080cc;
    font-weight: 700
}

.experience_member_university_department {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 4px
}

.experience_member_photo.sp_only {
    display: none
}

.experience_member_text {
    font-size: 1.8rem;
    font-weight: 700;
    padding-top: 10px
}

.experience_member_category_list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    max-width: 438px
}

.experience_member_category_item {
    border: 1px solid #0080cc;
    margin-right: 4px;
    margin-top: 8px
}

.experience_member_category_text {
    min-width: 102px;
    display: block;
    height: 100%;
    font-size: 1.3rem;
    color: #0080cc;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    padding: 2px 5px 1px;
    transition: background-color .3s cubic-bezier(.13, .78, .38, .98)
}

.experience_member_category_text.o-current {
    background-color: #0080cc;
    color: #fff;
    transition: background-color .3s cubic-bezier(.13, .78, .38, .98)
}

.experience_member_interview {
    padding: 20px 0 0
}

.experience_member_interview_button {
    max-width: 390px;
    margin: 0 auto;
    padding-top: 30px
}

.experience_member_graduate {
    font-size: 1.6rem;
    padding: 23px 10px 24px 30px;
    background-color: #ecf6ff
}

.experience_member_graduate_list {
    display: flex;
    padding-top: 3px;
    line-height: 1.4
}

.experience_member_graduate_title {
    width: 83px;
    font-weight: 700
}

.experience_member_graduate_message_anchor {
    color: #0080cc;
    text-decoration: underline
}

.experience_member_graduate_message_anchor:hover {
    text-decoration: none
}

.experience_member_graduate_anchor {
    text-decoration: underline;
    position: relative;
    display: inline-block;
    padding-right: 30px
}

.experience_member_graduate_anchor_wrapper {
    padding-top: 5px
}

.experience_member_graduate_anchor:hover {
    text-decoration: none
}

.experience_member_graduate_anchor:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-color: #0081cc;
    border-style: solid;
    border-width: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-width: 2px;
    border-right-width: 2px;
    margin-top: -6px;
    right: 0
}

.experience_member_faq_list {
    padding-top: 5px
}

.experience_member_faq_inner:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.experience_member_faq_title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0080cc;
    padding-top: 26px
}

.experience_member_faq_message {
    padding-top: 7px;
    padding-bottom: 22px;
    font-size: 1.6rem
}

.experience_member_plan {
    border-top: 1px solid #e5e5e5;
    padding-bottom: 20px
}

.experience_member_plan_message {
    display: flex;
    padding-top: 30px;
    padding-bottom: 14px;
    align-items: flex-end
}

.experience_member_plan_text {
    display: inline-block;
    position: relative;
    padding: 5px 16px 1px;
    color: #0054a7;
    font-size: 1.4rem;
    font-weight: 700;
    background-color: #ffe5f0
}

.experience_member_plan_text:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 10px 0 0;
    border-color: #ffe5f0 transparent transparent
}

.experience_member_plan_text_heading {
    font-size: 1.3rem;
    padding-left: 18px;
    line-height: 1.2
}

.experience_member_plan_table {
    width: 100%;
    border-right: 1px solid #e3e5e6;
    border-bottom: 1px solid #e3e5e6
}

.experience_member_plan_table_inner {
    display: table;
    width: 100%
}

.experience_member_plan_table_box {
    display: flex
}

.experience_member_plan_table_item {
    flex-grow: 1;
    font-size: 1.1rem;
    display: flex;
    width: 16%;
    border-top: 1px solid #e3e5e6;
    border-left: 1px solid #e3e5e6
}

.experience_member_plan_table_item.title {
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background-color: #0054a7;
    padding: 8px 10px 6px;
    justify-content: center
}

.experience_member_plan_table_item .muse_text {
    padding: 0 8px;
    margin-bottom: 5px;
    font-size: 1.1rem;
    font-weight: 700;
    display: inline-block
}

.experience_member_plan_table_area {
    padding: 6px 10px 30px;
    width: 100%
}

.experience_member_plan_table_area.muse {
    background-color: #ecf6ff
}

.exam_banners {
    margin-top: 50px
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .experience_category_close {
        padding-top: 5px
    }
}

@media(-ms-high-contrast:none) {
    .experience_member_category_text {
        padding-top: 5px
    }

    .experience_member_interview_button .button {
        padding-top: 5px
    }

    .experience_member_graduate_anchor {
        padding-top: 5px
    }

    .experience_member_plan_table_item .muse_text {
        padding-top: 3px
    }
}

.experience_member_interview_button {
    display: none
}

[data-script-enabled] .experience_member_interview_button {
    display: block
}