@charset "utf-8";
/*==========================
Article header (Holomin3 Page)
==========================*/

.article__header {
    margin-top: 16px;
    height: 388px;
    background-image: url('http://holomin.jp/wp-content/uploads/2024/11/chomin.jpg');
    background-repeat: no-repeat;
    background-position: left 16px bottom;
    background-size: cover;
    position: relative;
}

.mainVisual {
    background:#fffbe6eb;
    padding: 10px 10px 10px 38px;
    box-sizing: border-box;
    width: 100%;
    max-width: 324px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #2f8944;
    font-size: 4.0rem;
    border-radius: 5px;
}

.logo__pc {
    display: none;
}

/* .article header pc */
@media screen and (min-width:769px) {
    .article__header {
        margin: 0;
        height: 388px;
        background-image: url('http://holomin.jp/wp-content/uploads/2024/11/chomin.jpg');
        background-position: left 140px bottom;
    }

    .mainVisual {
        padding: 20px 20px 20px 205px;
        max-width: 600px;
    }

    .logo__sp {
        display: none;
    }

    .logo__pc {
        display: block;
    }

}/* pc 769px */