@charset "UTF-8";

main {
    margin-bottom: 20vw;
}

section {
    margin-left: 10vw;
    margin-right: 10vw;
}

.article_visual {
    width: 100vw;
}

.tittle {
    margin-top: 5vw;
    margin-bottom: 7vw;
}

.tittle p {
    margin-bottom: 0.5vw;
    font-size: 1.5vw;
}

.news_text {
    line-height: 2;
    color: rgb(215, 215, 215);
}


/* tittle 背景色左からビヨーン================================== */
.tittle_h1 {
    height: 3vw;
    line-height: 3vw;
    font-size: 3vw;
    padding: 1vw 2vw;
    position: relative;
}

.tittle_h1::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 4.7vw;
    background: linear-gradient(90deg, #303030, black);
    transition: 1s;
    z-index: -1;
}

.fade::before {
    width: 100%;
}

/* 記事内写真 */
/* .wrapper {
    box-sizing: border-box;
} */

.gallery {
    box-sizing: border-box;
    /* columns: 3;
    column-gap: 1vw;
    margin: 0; */
    display: flex;
    flex-wrap: wrap;
}

.gallery img {
    width: 33%;
}

/* 記事内youtube */
.VideoWrapper {
    width: 100%;
}

@media screen and (max-width:500px) {
    .tittle p {
        font-size: 2vw;
    }

    .tittle_h1 {
        height: 4vw;
        line-height: 4vw;
        font-size: 4vw;
    }

    .tittle_h1::before {
        height: 5.5vw;
    }

    .news_text {
        line-height: 1.5;
        font-size: 3.5vw;
    }

    section {
        margin-left: 5vw;
        margin-right: 5vw;
    }
}