@charset "UTF-8";

/* =======================================
works
======================================= */

.works {
    position: relative;
}

.works::before {
    content: '';
    background-image: url(../img/mark.png);
    width: 171px;
    height: 171px;
    display: block;
    /* position: absolute; */
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.logo {
    height: 86px;
}

.flex {
    display: flex;
    justify-content: space-between;
}

.img_works {
    margin-top: 50px;
}

.img_youtube {
    width: 61%;
    margin-top: 50px;
}

.section__topic__works::before {
    content: '';
    background-image: url(../img/sakuhin.png);
    width: 216px;
    height: 77px;
    display: block;
    /* position: absolute; */
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.works__item:hover {
  opacity: 0.7; 
}

.works__item:hover {
    transition-property: opacity;
  transition-duration: 0.5s;
}

@media screen and (min-width: 769px) { 

    .section__topic__works::before {
        width: 370px;
        height: 133px;
    }

}