.section-spotlight .card .image-spotlight-inspiring-students {
    width: 610px;
    height: 420px;
    background-size: 610px 420px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-spotlight .card .image-spotlight-inspiring-students {
        background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-spotlight .card .image-spotlight-inspiring-students {
        width: 397px;
        height: 330px;
        background-size: 397px 330px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-spotlight .card .image-spotlight-inspiring-students {
        background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-spotlight .card .image-spotlight-inspiring-students {
        width: 500px;
        height: 290px;
        background-size: 500px 290px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-spotlight .card .image-spotlight-inspiring-students {
        background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_small_2x.jpg")
    }
}

/* epp */
html[data-segment-code="internal-epp-discounted"] section.ac-gf-sosumi {
    border: 0!important
}


/* card mac / */


.section-hero .card-mac {
    background:#fff
}

@media only screen and (min-width: 1069px) {
    .section-hero .card-mac {
        grid-column: span 3;
        --padding: 40px 20px 50px 20px
    }
}

.section-hero .card-mac .image {
    position: relative;
    left: 50%;
    margin-left:-607.5px
}

@media only screen and (max-width: 1068px) {
    .section-hero .card-mac .image {
        left: 50%;
        margin-left:-289px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .card-mac .image {
        left: 50%;
        margin-left:-250px
    }
}

@media only screen and (min-width: 1069px) {
    .section-hero .card-mac .card-headline {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-weight:700
    }

    .section-hero .card-mac .card-headline:lang(ja) {
        line-height: 1.34375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ko) {
        line-height: 1.375;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh) {
        line-height:1.3125
    }

    .section-hero .card-mac .card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (min-width: 1069px) and(max-width: 1068px) {
    .section-hero .card-mac .card-headline {
        font-size: 28px;
        line-height: 1.28583;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ko) {
        line-height: 1.39286;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (min-width: 1069px) and(max-width: 734px) {
    .section-hero .card-mac .card-headline {
        font-size: 24px;
        line-height: 1.33341;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ja) {
        line-height: 1.41667;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ko) {
        line-height: 1.45841;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-hero .card-mac .card-copy {
    margin-left: auto;
    margin-right: auto;
    font-weight:400
}

@media only screen and (min-width: 1069px) {
    .section-hero .card-mac .card-copy {
        margin-block: 20px 0px;
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-weight:400
    }

    .section-hero .card-mac .card-copy:lang(ja) {
        line-height: 1.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(ko) {
        line-height: 1.2858;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh) {
        line-height:1.3334
    }

    .section-hero .card-mac .card-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (min-width: 1069px) and(max-width: 734px) {
    .section-hero .card-mac .card-copy {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(ko) {
        line-height: 1.31579;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(th) {
        line-height: 1.36844;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh) {
        line-height:1.36844
    }

    .section-hero .card-mac .card-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}



.section-hero .card-mac .image {
    position: relative;
    left: 50%;
    margin-left:-607.5px
}

@media only screen and (max-width: 1068px) {
    .section-hero .card-mac .image {
        left: 50%;
        margin-left:-289px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .card-mac .image {
        left: 50%;
        margin-left:-250px
    }
}



.image-macbook {
    width: 1215px;
    height: 450px;
    background-size: 1215px 450px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .image-macbook {
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-macbook {
        width: 578px;
        height: 330px;
        background-size: 578px 330px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .image-macbook {
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-macbook {
        width: 500px;
        height: 320px;
        background-size: 500px 320px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_small.jpg")
    }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 734px) and(min-resolution: 1.5dppx), only screen and(max-width: 734px) and(min-resolution: 144dpi) {
    .image-macbook {
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_small_2x.jpg")
    }
}


/* card mac */