@charset "utf-8";
.ca-box {
    margin-left: min(0px, calc(50% - 50vw));
    margin-right: min(0px, calc(50% - 50vw));
}
.ca-top {
    max-width: 1400px;
    margin: 0 auto;
}
.ca-top img {
    height: auto;
}
.ca-top-logo {
    width: 95.715%;
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    z-index: 1;
}
.ca-top-img {
    width: 70.715%;
    margin: 0 0 -39.6% 19.75%;
    height: auto;
}
.ca-top-img img {
    padding-top: 8.4%;
}
.ca-top-ctn {
    position: relative;
    overflow: hidden;
    padding: 0 0 1.8%;
    margin: -1.65% 0 0;
}
.ca-top-ac {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    visibility: hidden;
    z-index: 1;
}
.fix .ca-top-ac {
    visibility: visible;
}
.ca-top-btn-modal01 {
    margin: 6.35% 0% 0% 75.9%;
    position: absolute;
    top: 0;
    left: 0;
    width: 16.429%;
}
.ca-top-btn-press01 {
    margin: 58.25% 0% 0% 26.65%;
    position: absolute;
    top: 0;
    left: 0;
    width: 21.072%;
}
.ca-top-btn-press02 {
    margin: 44.7% 0% 0% 6.8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 16.858%;
}
.ca-top-btn-press03 {
    margin: 41.7% 0% 0% 35.2%;
    position: absolute;
    top: 0;
    left: 0;
    width: 25.072%;
}
.ca-top-btn-press04 {
    margin: 10.85% 0% 0% 6.8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 27.572%;
}
.ca-top-new-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: -8.7% 0 0 1.05%;
    width: 28.616%;
}
.ca-top-btn-modal02 {
    margin: 59.15% 0% 0% 54.7%;
    position: absolute;
    top: 0;
    left: 0;
    width: 37.572%;
}
.ca-top-btn-article06 {
    margin: 76.8% 0% 0% 10.45%;
    position: absolute;
    top: 0;
    left: 0;
    width: 15.643%;
}
.ca-top-btn-article08 {
    margin: 76.8% 0% 0% 35.95%;
    position: absolute;
    top: 0;
    left: 0;
    width: 29.786%;
}
.ca-top-btn-article02 {
    margin: 76.85% 0% 0% 77.8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 12.572%;
}
.ca-top-btn-article05 {
    margin: 93.2% 0% 0% 32.35%;
    position: absolute;
    top: 0;
    left: 0;
    width: 12.072%;
}
.ca-top-btn-article01 {
    margin: 103.2% 0% 0% 9.95%;
    position: absolute;
    top: 0;
    left: 0;
    width: 18.286%;
}
.ca-top-btn-article04 {
    margin: 112.7% 0% 0% 67.5%;
    position: absolute;
    top: 0;
    left: 0;
    width: 22.929%;
}
.ca-top-btn-article03 {
    margin: 93.05% 0% 0% 48.85%;
    position: absolute;
    top: 0;
    left: 0;
    width: 25.358%;
}
.ca-top-btn-310 {
    margin: 131.05% 0% 0% 13.15%;
    position: absolute;
    top: 0;
    left: 0;
    width: 35.072%;
}
.ca-top-btn-article07 {
    margin: 112.9% 0% 0% 50.85%;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.858%;
}
.ca-top-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 1.65% 0 0;
    contain: size layout style paint;
}
.ca-feature {
    padding: 0 0 0 290px;
}
.ca-feature-txt-02 {
    margin: -3px 0 0 0;
}
.ca-feature-txt-03 {
    margin: -3px 0 0 248px;
}
.ca-feature-close-btn {
    margin: -3px 0 0 507px;
    position: relative;
    width: fit-content;
}
.ca-cm {
    margin: 0 auto;
    background: #fff;
    border: solid var(--box-border);
    width: 91.67%;
    position: relative;
}
.ca-cm-ctn {
    display: flex;
    justify-content: space-between;
    width: 925px;
    margin: 0 auto;
    padding: 0 0 96px;
    flex-wrap: wrap;
    gap: 87px 0;
    flex-direction: row;
}
.ca-cm-item {
    position: relative;
}
.ca-cm-item--large {
    width: 100%;
}
.ca-cm-item--large .ca-cm-play-icon {
    margin: 151px 0 0 278px;
}
.ca-cm-item--large a {
    width: 590px;
    margin: 0 auto;
}
.ca-cm-stl {
    border: solid var(--box-border);
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 2.4rem;
    font-weight: bold;
    margin: -27px 0 0 -18px;
    padding: 12px 28px;
}
.ca-cm-thumb-wrap {
    position: relative;
    overflow: hidden;
}
.ca-cm-play-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 107px 0 0 194px;
}
.ca-cm-edition {
    text-align: center;
    display: block;
    padding: 12px 0 0;
    font-size: 2rem;
    font-weight: bold;
}
.ca-cm-close-btn {
    margin: -40px;
}
.ca-cm-tl {
    margin: 0 auto;
    width: fit-content;
    padding: 61px 4px 82px 0px;
}
.ca-cm-link {
    text-decoration: none;
    position: relative;
    display: block;
}
.ca-modal--ctn {
    min-width: 1280px;
}
@media screen and (min-width:768px) {
    .ca-top-btn-modal01 a {
        display: block;
        clip-path: polygon(0 0, 100% 0, 100% 86%, 66% 86%, 66% 43%, 33% 43%, 33% 100%, 0 100%);
    }
    .ca-top-btn-press01 a {
        display: block;
        clip-path: polygon(0% 0%, 100% 0%, 100% 51%, 69% 51%, 69% 100%, 0 100%);
    }
    .ca-top-btn-press03 a {
        display: block;
        clip-path: polygon(0% -15%, 26% -15%, 26% 0%, 100% 0, 100% 51%, 77% 51%, 77% 100%, 0 100%);
    }
    .ca-top-btn-press04 a {
        display: block;
        clip-path: polygon(0% -15%, 32% -15%, 32% 0%, 98% 0, 98% 25%, 58% 25%, 58% 49%, 100% 49%, 100% 75%, 80% 75%, 80% 100%, 0 100%);
    }
    .ca-top-btn-article08 a {
        display: block;
        clip-path: polygon(0 0, 93% 0, 93% 32%, 51% 32%, 51% 66%, 100% 65%, 100% 100%, 0 100%);
    }
    .ca-top-btn-article01 a {
        display: block;
        clip-path: polygon(0 0, 92% 0, 92% 32%, 100% 32%, 100% 67%, 88% 67%, 88% 100%, 0 100%);
    }
    .ca-top-btn-article04 a {
        display: block;
        clip-path: polygon(0 0, 100% 0, 100% 35%, 91% 35%, 91% 68%, 79% 68%, 79% 100%, 0 100%);
    }
    .ca-top-btn-310 a {
        display: block;
        clip-path: polygon(0 0, 100% 0, 100% 51%, 77% 51%, 77% 100%, 0 100%);
    }
    .ca-top-btn-press02 a {
        display: block;
        clip-path: polygon(0 0, 100% 0, 100% 77%, 64% 77%, 64% 100%, 30% 100%, 30% 65%, 0% 65%);
    }
    .ca-top-btn-article06 a {
        display: block;
        clip-path: polygon(0 0, 100% 0, 100% 93%, 74% 93%, 74% 62%, 50% 62%, 50% 40%, 25% 40%, 25% 100%, 0 100%);
    }
    .ca-top-btn-article02 a {
        display: block;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 67% 100%, 67% 84%, 34% 84%, 34% 96%, 0 96%);
    }
    .ca-top-btn-article05 a {
        display: block;
        clip-path: polygon(0 0, 100% 0, 100% 64%, 67% 64%, 67% 100%, 33% 100%, 33% 80%, 0 80%);
    }
    .ca-top-btn-article03 a {
        display: block;
        clip-path: polygon(0 0, 96% 0, 96% 25%, 100% 25%, 100% 50%, 66% 50%, 66% 75%, 75% 75%, 75% 100%, 0% 100%);
    }
    .ca-top-btn-article07 a {
        display: block;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 67% 100%, 67% 79%, 33% 79%, 33% 84%, 0 84%);
    }
    .ca-top-ac {
        transition: opacity 200ms ease-out;
    }
    .ca-top-ctn a:hover .ca-top-ac,
    .ca-top-ctn a:focus-visible .ca-top-ac {
        opacity: 1 !important;
    }
}
@media screen and (max-width: 767px) {
    .ca-box {
        margin: 0;
    }
    .ca-top-logo {
        padding: 2.8% 0 0;
    }
    .ca-top-ctn {
        padding: 0 0 26.3%;
        margin: 0;
    }
    .ca-top-wrap {
        margin-top: 0;
        position: relative;
        padding-bottom: 450.7%;
    }
    .ca-main .ca-top-img {
        width: 101.2%;
        margin: -2% 0 0;
        max-width: 110%;
        padding: 0 0 155%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        height: auto;
        bottom: 0;
        width: 100%;
        contain: size layout style paint;
        will-change: auto !important;
    }
    .ca-main .ca-top-img img {
        padding-top: 15%;
        top: 0;
        left: 0;
        width: 101.6%;
        max-width: 200%;
        margin: 0 0 0 2.8%;
        position: absolute;
    }
    .ca-top-btn-modal01 {
        width: 23.234%;
        margin: 4.6% 0 0 74.4%;
    }
    .ca-top-btn-press01 {
        margin: 144.5% 0 0 2.4%;
        width: 80.8%;
    }
    .ca-top-btn-press02 {
        margin: 167.8% 0 0 2.4%;
        width: 94.2%;
    }
    .ca-top-btn-press03 {
        margin: 103.8% 0 0 2.4%;
        width: 62.067%;
    }
    .ca-top-btn-press04 {
        margin: 71.2% 0 0 2.4%;
        width: 91.967%;
    }
    .ca-top-btn-press04 .ca-top-new-icon {
        width: 19.4%;
        margin: -5.9% 0 0 1.7%;
    }
    .ca-top-btn-modal02 {
        margin: 186.1% 0 0 2.4%;
        width: 68.534%;
    }
    .ca-top-btn-article06 {
        margin: 239.4% 0 0 2.4%;
        width: 67.734%;
    }
    .ca-top-btn-article08 {
        margin: 207.5% 0 0 2.4%;
        width: 65.734%;
    }
    .ca-top-btn-article02 {
        margin: 285% 0 0 2.4%;
        width: 55.067%;
    }
    .ca-top-btn-article05 {
        margin: 315% 0 0 2.4%;
        width: 79.734%;
    }
    .ca-top-btn-article01 {
        margin: 262.1% 0 0 2.4%;
        width: 79.467%;
    }
    .ca-top-btn-article04 {
        margin: 348% 0 0 2.4%;
        width: 51.6%;
    }
    .ca-top-btn-article03 {
        margin: 378.1% 0 0 2.4%;
        width: 80.934%;
    }
    .ca-top-btn-310 {
        width: 80.934%;
        margin: 433.2% 0 0 2.4%;
    }
    .ca-top-btn-article07 {
        margin: 405.5% 0 0 2.4%;
        width: 56.4%;
    }
    .ca-feature {
        padding: 0 8.7% 0;
    }
    .ca-feature-txt-01 {
        width: 101.6%;
    }
    .ca-feature-txt-02 {
        width: 65.7%;
        margin: -0.5% 0 0 0;
    }
    .ca-feature-txt-03 {
        width: 42.131%;
        margin: -0.5% 0 0 40%;
    }
    .ca-feature-close-btn {
        width: 5.812%;
        margin: -0.1% 0 0 82.1%;
        top: 0;
        right: 0;
    }
    .ca-modal--ctn {
        min-width: 0;
        transform: translateY(0) !important;
    }
    .ca-cm {
        width: 82.9%;
    }
    .ca-cm-ctn {
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-bottom: 10%;
        gap: 0;
    }
    .ca-cm-item {
        width: 68.21%;
    }
    .ca-cm-item--large a {
        width: auto;
    }
    .ca-cm-item+.ca-cm-item {
        margin-top: 17.1%;
    }
    .ca-cm-stl {
        font-size: 1.2rem;
        margin: -14px 0 0 -8px;
        padding: 6px 17px;
    }
    .ca-main .ca-cm-play-icon {
        width: 5.239%;
        margin: 25.2% 0 0 46.5%;
    }
    .ca-cm-edition {
        font-size: 1rem;
        padding: 8px 0 0;
    }
    .ca-cm-close-btn {
        width: 6.4%;
        margin: -6.4%;
        top: 0;
        right: 0;
    }
    .ca-cm-tl {
        width: 53.918%;
        padding: 12% 0 17.6% 0.3%;
    }
    .ca-top-ac {
        display: none !important;
    }
}
@media screen and (hover:hover) {
    .ca-cm-thumb {
        transition: all 200ms ease-out;
        transition-property: transform, opacity;
    }
    .ca-cm-play-icon {
        transition: all 200ms ease-out;
        transition-property: transform, opacity;
    }
    .ca-cm-link:hover,
    .ca-cm-link:focus-visible {
        opacity: 0.8;
    }
    .ca-cm-link:hover .ca-cm-thumb,
    .ca-cm-link:focus-visible .ca-cm-thumb {
        transform: scale(1.06);
    }
    .ca-cm-link:hover .ca-cm-play-icon,
    .ca-cm-link:focus-visible .ca-cm-play-icon {
        transform: scale(1.16);
    }
}