@charset "UTF-8";

/*******************************
KOWA EXTEND
*******************************/
:root {
    --inactivetext: #f2f1f1;
    --inactive: #e3e2e2d6;
    --tableborder01: #b9b7b7d3;
}


.university-tab-list_item_in_active {
    display: flex;
    width: 100%;
    height: 60px;
    color: #aeaeae;
    font-size: clamp(calc(12 / 16 * 1rem),
            calc(14 / 1440 * 100vw),
            calc(14 / 16 * 1rem));
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: default;
    border-radius: 8px;
    background-color: var(--inactive);
    border: 1px solid var(--border03);
    transition: 0.2s all var(--cubic-bezier-hover);
}


.c-university-cta-banner_btn_in_active {
    margin: 1.125rem auto auto;
}

.university-related_item_links_in_active {
    /* width: 240px; */
    width: fit-content;
    /* margin: 0 auto; */
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    color: var(--inactivetext);
    font-size: clamp(1rem, 1.25vw, 1.125rem);
    line-height: 64px;
    text-decoration: none;
    background-color: var(--inactive);
    border-radius: 6px;
    transition: .3s ease-in-out;
    color: #aeaeae;
}

.details-content a {
    color: var(--main-red);
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
    transition: .4s ease-in-out;
    transition-behavior: normal;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: all;
}

.university-detail-list_item.-red a {
    color: var(--main-red);
    text-decoration: none;
}


.nolink_button {
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    color: #2a2727;
    font-size: clamp(1rem, 1.25vw, 1.125rem);
    line-height: 64px;
    text-decoration: none;
    background-color: #eeecec;
    /* background-color: #a5a5a5; */
    border-radius: 6px;
    transition: .3s ease-in-out;
}

.university-list-nolink_button {
    display: block;
    width: 100%;
    color: var(--text);
    font-size: 1rem;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--border04);
    border-radius: 4px;
    transition: .3s ease-in-out;
    background-color: var(--inactive);
    color: #aeaeae;
}

/* richtext-university-detail */
.richtext-university-detail h2:first-of-type {
    margin-top: 1rem;
    /* 最初のh2には上マージンをなくすか、任意の値に設定 */
    margin-bottom: 0.75rem;
    padding-left: 1rem;
    position: relative;
    font-size: clamp(calc(16 / 16 * 1rem), calc(20 / 1440 * 100vw), calc(20 / 16 * 1rem));
    font-weight: 700;
    letter-spacing: 0.05em;
}

.richtext-university-detail h2:not(:first-of-type) {
    margin-top: 4.225rem;
    /* 2つ目以降のh2に上マージンを設定 */
    margin-bottom: 0.75rem;
    padding-left: 1rem;
    position: relative;
    font-size: clamp(calc(16 / 16 * 1rem), calc(20 / 1440 * 100vw), calc(20 / 16 * 1rem));
    font-weight: 700;
    letter-spacing: 0.05em;
}


.richtext-university-detail h2::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 6px;
    height: 90%;
    background-color: var(--main-red);
}


.richtext-university-detail h3 {
    margin-top: 2.125rem;
    margin-bottom: 0.75rem;
    /* padding-left: 1rem; */
    position: relative;
    font-size: clamp(calc(16 / 16 * 1rem),
            calc(20 / 1440 * 100vw),
            calc(20 / 16 * 1rem));
    font-weight: 600;
    letter-spacing: 0.05em;
}

.richtext-university-detail h4,
.richtext-university-detail.-trend h4 {
    margin-bottom: 0.75rem;
    padding-left: 0.3rem;
    position: relative;
    font-size: clamp(calc(14 / 16 * 1rem),
            calc(16 / 1440 * 100vw),
            calc(16 / 16 * 1rem));
    font-weight: 700;
    letter-spacing: normal;
}

.richtext-university-detail h4::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 6px;
    height: 90%;
    background-color: transparent;
}

/* ----------------- */

.akahonmedia-tab-list_item_in_active {
    background-color: var(--inactive);
}

.akahonmedia-tab-list_item_in_active a {
    color: #aeaeae;
}


.richtext-university-detail table {

    margin-top: clamp(1rem, (1vw * 32 / 1440 * 100), 2rem);
    margin-bottom: clamp(1.5rem, (1vw * 40 / 1440 * 100), 2.5rem);
    border-collapse: collapse;
    width: 100%;
    border-top: solid 2px var(--tableborder01);
    border-right: solid 2px var(--tableborder01);
}

.richtext-university-detail th,
.richtext-university-detail td {
    padding: 1rem 0.75rem;
    border-bottom: solid 2px var(--tableborder01);
    border-left: solid 2px var(--tableborder01);
}

.richtext-university-detail div {
    margin-top: 35px;
    margin-bottom: 35px;
}

.richtext-university-detail ul,
.richtext-university-detail ol {
    margin-bottom: 15px;
}

.richtext-university-detail ul li,
.richtext-university-detail ol li {
    margin-bottom: 20px;
}

.richtext-university-detail ul li ul,
.richtext-university-detail ol li ol {
    margin-top: 20px;
}

.non-active a:hover {
    /* background-color: var(--selection); */
    border-color: #cfcfcf;
    color: #aeaeae;
}


.summary_no_point {
    cursor: default;
}

@media (max-width: 768px) {
    .richtext-university-detail table {
        display: block;
        overflow-x: scroll;
    }

    .richtext-university-detail th {
        white-space: nowrap;
    }
}


@media (max-width: 576px) {
    .university-tab-list_item_in_active {
        flex-shrink: 0;
        padding: 26px 14px 24px;
        width: fit-content;
        font-size: .875rem;
        height: auto;
        color: #f2f1f1;
        background-color: #bdbbbb;
        border-radius: 0;
        border: none;
    }
}