.youtube {
    overflow: hidden;
    position: relative;
}

.youtube::before {
    content: " ";
    background-image: url('../img/bg02.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 128px;
    height: 114px;
    top: 150px;
    left: -20px;
}

.youtube::after {
    content: " ";
    background-image: url('../img/bg03.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 141px;
    height: 126px;
    top: 20px;
    left: auto;
    right: -22px;
}

.link-list__ttl {
    margin-top: 50px;
    position: relative;
}

.link-list__ttl .ttl__icon {
    position: relative;
}

.link-list__bg{
    margin-top: 60px;
    background-color: #FFF5E6;
    padding:40px 0;

}

.youtube__list {
   
}

.youtube__list li {
    margin-bottom: 60px;
}

.youtube__list__video {
    width: 100%;
    padding-top: 55%;
    position: relative;

}
.youtube__list__video iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
   
}

.youtube__list__txtarea {
    margin-top: 10px;
    line-height: 1.4;
}

@media screen and (min-width: 768px) {
    .youtube {
        overflow: hidden;
        position: relative;
    }

    .youtube::before {
        content: " ";
        background-image: url('../img/bg02.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 128px;
        height: 114px;
        top: 150px;
        left: -20px;

        display: none;
    }

    .youtube::after {
        content: " ";
        background-image: url('../img/bg03.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 141px;
        height: 126px;
        top: 20px;
        left: auto;
        right: -22px;

        display: none;
    }

    .link-list__ttl {
        margin-top: 50px;
        position: relative;
    }

    .link-list__ttl .ttl__icon {
        position: relative;
    }

    .link-list__ttl .ttl__icon::before {
        content: " ";
        background-image: url('../img/bg02.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 231px;
        height: 206px;
        top: 110px;
        right: 421px;
        z-index: 1;
    }

    .link-list__ttl .ttl__icon::after {
        content: " ";
        background-image: url('../img/bg03.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 243px;
        height: 216px;
        top: -50px;
        left: 406px;
        z-index: 1;
    }

    @media screen and (max-width: 1100px) {
        .link-list__ttl .ttl__icon::before {
            content: " ";
            background-image: url('../img/bg02.png');
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            width: calc(231px/1.3);
            height: calc(206px/1.3);
            top: 110px;
            right: 321px;
            z-index: 1;
        }

        .link-list__ttl .ttl__icon::after {
            content: " ";
            background-image: url('../img/bg03.png');
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            width: calc(243px/1.3);
            height: calc(216px/1.3);
            top: -50px;
            left: 306px;
            z-index: 1;
        }
    }

    .youtube__list{
        display: flex;
        flex-wrap: wrap;

    }

    .youtube__list li{
        width: calc(50% - 15px);

    }
    .youtube__list li:not(:nth-child(2n)){
        margin-right: 30px;
        
    }
}