/* ヘッダー背景画像を単色化 */

@media (min-width:768px) {
    .header-box__ttl {
        background: #1E3296;
    }
}

@media (min-width:992px) {
    .header-box__ttl {
        background: none;
    }
}

@media (max-width:767px) {
    .header-box__ttl {
        background: #1E3296;
    }
}

@media (max-width:991px) {
    .main-visual {
        display: none;
    }
}

.header-mainvisual {
    overflow: visible;
}

.main-visual {
    position: sticky;
    top: 0;
    width: 570px;
    height: 100vh;
    background: #1E3296;
}