@charset "utf-8";
/* CSS Document */

/* header */
.current-menu-item a {
    color: #4ba9b9;
}

/* fv */
.fv_academy {
    background-position: center;
    background: #fff url(../img/academy/academy_top.jpg) no-repeat bottom right;
    background-size: cover;
}
.fv_academy .fv_contents {
    filter: drop-shadow(1px 1px 0 white);
}
.fv_academy .fv_contents .fv_read {
    font-size: 1.72rem;
}
.fv_academy .fv-copy {
    font-size: 2rem;
}
@media screen and (max-width: 420px) {

    .fv_academy .fv_copy {
        font-size: 1.65rem;
        letter-spacing: 0;
    }
    .fv_academy {
        background: #fff url(../img/academy/academy_top-sp.jpg) no-repeat center;
    }
}
@media screen and (max-width: 768px) {
    .fv_academy .fv_copy {
        zoom: 117%;
    }
}

/* breadcrumbs */
nav#breadcrumbs {
    width: 96%;
    margin: 0 auto 32px;
}
nav#breadcrumbs ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
}
nav#breadcrumbs ol li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
nav#breadcrumbs ol li .clr_gray {
    color: #a5a5a5;
}
nav#breadcrumbs ol li .allow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    margin: 0 16px 2px 4px;
}

/* コアリスアカデミーとは */
.sec_ttl {
    font-size: 3rem;
}
.weare_message h3 {
    font-size: 1.3rem;
}
@media screen and (max-width:768px) {
    
    .sec_ttl {
        zoom: 60%;
        line-height: 1.2;
    }
}

/* 3つの特徴 */
.features article h3 {
    font-size: 1.8rem;
    line-height: 0.8;
}
.features article h3 span {
    font-size: 32px;
    color: #4ba9b9;
    margin-right: 8px;
}
.features article h4 {
    font-size: 1.28rem;
    line-height: 1.3;
    margin-bottom: 16px;
}
@media screen and (max-width:768px) {

    .features article h3 {
        margin-bottom: 20px;
    }
}
/* picup seminar */
#seminar.sec_top {
    margin-bottom: 160px;
}
.flex_academy {
    justify-content: flex-start;
}
.flex_academy .flex_item {
    width: calc((100% - 40px) / 2);
    filter: drop-shadow(2px 2px 6px rgba(0,0,0,.3));
}
.flex_academy .flex_item p {
    font-size: 12px;
}
#seminar .contents {
    width: 88%;
}
#seminar .flex_academy h3 {
    line-height: 1.2;
    letter-spacing: 0.2px;
    margin-top: 5px;
}
.flex_academy .flex_item .cate span,
#seminar .cate span,
#seminar .sub_cate span {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    margin-top: 8px;
    padding: 2px 10px 3px;
    border-radius: 5px;
    line-height: 1.5;
    letter-spacing: 1.5px;
}
.flex_academy .flex_item .cate .cate_dx,
#seminar .cate .cate_dx {
    background: #01ADDC;
}
.flex_academy .flex_item .cate .cate_ai,
#seminar .cate .cate_ai {
    background: #11D980;
}
.flex_academy .flex_item .cate .cate_mane,
#seminar .cate .cate_mane {

    background: #B99FDC;
}
.flex_academy .flex_item .cate .cate_investment,
#seminar .cate .cate_investment {
    background: #DB7EA4;
}
.flex_academy .flex_item .cate .cate_sales,
#seminar .cate .cate_sales {
    background: #3b82f6;
}
.flex_academy .flex_item .cate .cate_biz,
#seminar .cate .cate_biz {
    background: #0f0bff;
}
.flex_academy .flex_item .cate .cate_d-marketing,
#seminar .cate .cate_d-marketing {
    background: #ff950b;
}
.flex_academy .flex_item .cate .cate_ga4,
#seminar .cate .cate_ga4 {
    background: #ff0bf3;
}
#seminar .sub_cate .cate_beginner {
    color: #000;
    background: #c7dcff;
}
@media screen and (max-width: 768px) {
    .fv_academy {
        background-position: 60%;
    }
    .fv_cta {
        display: none;
    }
    #seminar.sec_top {
        margin-bottom: 80px;
    }
    .flex_academy .flex_item {
        width: 100%;
    }
}
@media screen and (min-width: 1199px) {
    .flex_academy .flex_item {
        width: calc((100% - 150px) / 3);
    }
}

@media screen and (min-width: 1399px) {
    #seminar .contents {
        width: 80%;
    }
}

/* other */
.semi_cta {
    display: flex;
    justify-content: center;
    margin-top: 160px;
}
.semi_cta .btn {
    margin: 0;
}
.semi_btn {
    color: #fff;
    background: #7cb94b;
}
.semi_btn:hover {
    background: var(--hvr-color);
}
.pc_none {
    display: none;
}
.mb160 {
    margin-bottom: 160px;
}
@media screen and (max-width: 768px) {
    .semi_cta {
        margin-top: 80px;
    }
    .pc_none {
        display: block;
    }
}