:root {
    --play22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='108' viewBox='0 0 108 108' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.666992 54C0.666992 24.5448 24.5451 0.666687 54.0003 0.666687C83.4553 0.666687 107.334 24.5448 107.334 54C107.334 83.4549 83.4553 107.333 54.0003 107.333C24.5451 107.333 0.666992 83.4549 0.666992 54ZM73.1806 45.103C80.0654 49.0368 80.0654 58.9637 73.1806 62.8976L49.4883 76.4363C43.1817 80.04 35.3347 75.4864 35.3347 68.2224V39.7781C35.3347 32.5145 43.1817 27.9607 49.4883 31.5644L73.1806 45.103Z' fill='%2383749F'/%3E%3C/svg%3E");
}

#bk08_a {
    padding: 30px 0;
    background-color: #6BC4CA;
    margin: 0 0 80px;
    box-sizing: border-box;
}

#bk08w .bk08_L {
    overflow: hidden;
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#bk08_b3 h3 {
    margin: 0;
    font-weight: 600;
    font-size: 27px;
    line-height: 1.2;
    text-align: center;
    color: white;
}

#bk08_b3 p,
#bk08_b3 a {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    color: white;
}

#bk08_b3 > a {
    color: #B90000;
    margin-left: auto;
    display: block;
    width: fit-content;
    white-space: nowrap;
}

#bk08_b3 p a {
    display: inline;
    width: auto;
    margin: 0;
    color: white;
    white-space: normal;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#bk08_v {
    aspect-ratio: 1.338;
    width: 48.75%;
    float: left;
    margin-right: 20px;
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.iframe-wrap {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}

#bk08_v3 {
    width: 48.75%;
    float: left;
    margin-right: 20px;
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#bk08_v3 iframe {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#bk08_b2_play {
    background-color: #83749F;
    -webkit-mask-image: var(--play22);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    width: 9%;
    aspect-ratio: 1;
    cursor: pointer;
    transition: 0.5s ease opacity;
}

#bk08_v.play #bk08_b2_play:not(:hover) {
    opacity: 0;
}

@media (max-width: 1400px) {
    #bk08_a {
        margin-bottom: 50px;
        margin-top: 40px;
    }

    #bk08w #bk08_b {
        /*max-width: 546px;*/
        max-width: 100%;
        display: flex;
        /*flex-direction: column;*/
    }

    #bk08_v {
        width: 100%;
        margin-bottom: 10px;
        min-width: 300px;
    }

    #bk08_v3 {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    #bk08w #bk08_b {
        flex-direction: column;
    }

    #bk08w .bk08_L {
        padding: 0 5px;
    }

    #bk08_a {
        margin-bottom: 30px;
        margin-top: 15px;
        padding: 25px 15px 25px;
    }

    #bk08_v,
    #bk08_b3 h3 {
        margin-bottom: 25px;
    }

    #bk08_v3 {
        margin-bottom: 25px;
    }

    #bk08_b3 > a {
        margin-top: 16px;
    }
}