.header-arrow_about .header-arrow__play-box {
    position: absolute;
    bottom: 12rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
}
@media only screen and (max-width: 768px) {
    .header-arrow_about .header-arrow__play-box {
        background-color: #fff;
        border-radius: 50%;
        padding: 9px;
        left: 45px;
    }
}
@media only screen and (max-width: 580px) {
    .header-arrow_about .header-arrow__play-box {
        bottom: 10rem;
    }
}
@media only screen and (max-width: 420px) {
    .header-arrow_about .header-arrow__play-box {
        bottom: 6rem;
    }
}
@media only screen and (max-width: 380px) {
    .header-arrow_about .header-arrow__play-box {
        bottom: 5rem;
    }
}
@media only screen and (max-width: 360px) {
    .header-arrow_about .header-arrow__play-box {
        bottom: 3.6rem;
    }
}
.header-arrow_about .header-arrow__play {
    background-color: #ffffff69;
    display: block;
    position: relative;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 2px solid #dadada;
    transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-property: background-color;
    padding-top: 0;
}
@media only screen and (max-width: 768px) {
    .header-arrow_about .header-arrow__play {
        width: 43px;
        height: 43px;
        border-width: 1px;
        border-color: #ff0400;
    }
}
.header-arrow_about .header-arrow__play:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9.5px 0 9.5px 11px;
    border-color: transparent transparent transparent #ff0400;
}
@media only screen and (max-width: 768px) {
    .header-arrow_about .header-arrow__play:before {
        margin-top: -2px;
        margin-left: -1px;
        border-width: 3px 0 3px 4px;
    }
}
.header-arrow_about .header-arrow__play:hover {
    background-color: #fff;
}
.header-arrow_about .header-arrow__play:hover:before {
    border-color: transparent transparent transparent #0e0e0e;
}
.header-arrow_about .video-text {
    font-size: 1.8rem;
    color: #ffffff;
    width: 195px;
    position: absolute;
    left: 50%;
    bottom: 5.5rem;
    margin-left: -4.5rem;
    font-weight: 500;
    line-height: 27, 9px;
}
@media only screen and (max-width: 768px) {
    .header-arrow_about .video-text {
        font-size: 12px;
        width: 130px;
        left: 15px;
        margin-left: 0;
    }
}
@media only screen and (max-width: 420px) {
    .header-arrow_about .video-text {
        bottom: 2.5rem;
    }
}
@media only screen and (max-width: 380px) {
    .header-arrow_about .video-text {
        bottom: 0.5rem;
    }
}