@charset "UTF-8";

/*YouTube動画*/
.youtube {
    display : flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap:3rem;
}
.youtube > div{
    width: calc(50% - 3rem * 1 / 2);
    aspect-ratio: 16 / 9;
    padding: 0;
    margin: 0 auto;
}
.youtube > div p{
    padding-bottom: 0.5rem;
}
.youtube_p{
    margin-left: 70px;
    position: relative;
}
.youtube_p:before{
    content: '';
    position: absolute;
    width: 60px;
    height: 0.5px;
    background: var(--i_txt_color);
    top: 50%;
    left: -70px;
    transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
    .youtube > div {
        width: 100%;
    }
    .youtube_p{
        margin-left: 45px;
    }
    .youtube_p:before{
        width: 35px;
        left: -45px;
    }
}