.page-header-visual .breadcrumbs {
    display: none;
}
/*.page-header-visual .anchor-navigation-contentarea {
    z-index: 0;
}*/
.page-header-visual h1 {
    /*font-size  : 3rem;
    line-height: 1.3;*/
    text-align : center;
    color      : hsl(220 30% 30% / 1);
}
@media (min-width: 576px) {
    .page-header-visual h1 {
        font-size  : 4rem;
        line-height: 1.2;
        text-align : left;
    }
}
@media (min-width: 768px) {
    .page-header-visual h1 {
        position   : absolute;
        top        : 4rem;
        z-index    : 5;
        font-size  : 4.8rem;
        line-height: 1.1;
        margin     : 5rem 0 8rem;
    }
}

@media (min-width: 1280px) {
    .page-header-visual h1 {
        font-size: 5rem;
    }
}

@media (min-width: 576px) {
    .page-header-visual .stage-area+.container h1 {
        height         : 200px;
        display        : flex;
        align-items    : center;
        justify-content: center;
        margin-top     : calc(-200px - 3rem);
    }
    .page-header-visual .stage-area+.container h1 {
        height         : 300px;
        max-width      : 55%;
        justify-content: flex-start;
        margin-top     : calc(-300px - 3rem);
    }
}
@media (min-width: 768px) {
    .page-header-visual .stage-area+.container h1 {
        height    : 400px;
        margin-top: calc(-400px - 3rem);
    }
}
@media (min-width: 992px) {
    .page-header-visual .stage-area+.container h1 {
        color: #fff;
        color: hsl(220 30% 30% / 1);
    }
}
@media (min-width: 1280px) {
    .page-header-visual .stage-area+.container h1 {
        max-width: 40%;
    }
}
.page-header-visual .stage-area {
    top  : 0;
    left : 0;
    right: 0;
}
.page-header-visual .stage-image>.container {
    background: none;
}
@media (min-width: 768px) {
    .page-header-visual .stage-image-content {
        min-height: clamp(400px, 60vh, 800px);
    }
    .page-header-visual.page-header-visual .stage-area+.container h1 {
        height    : clamp(400px, 60vh, 800px);
        margin-top: calc((clamp(400px, 60vh, 800px) + 7rem) * -1);
    }
}

/* BG SHAPE */
@media (min-width: 992px) {
    .page-header-visual .stage-area+.container .content>div:first-child:before {
        /*content          : '';*/
        position         : absolute;
        top              : -85rem;
        left             : -70rem;
        z-index          : 0;
        width            : 120rem;
        height           : 120rem;
        background-color : #0074;
        background-color : #e5e5f1;
        background       : linear-gradient(-30deg, rgba(255, 255, 255, 0.5) 30%, rgba(229, 229, 241, 0.9) 100%);
        transform-origin : 90% 50%;
        background-repeat: no-repeat;
        background-size  : contain;
        background-image : url(
/blob/2981658/68b090ba064ea2ebc5b2e71e1dad3a40/hexagon-white-data.svg
);
    }
    .page-header-visual.white .stage-area+.container .content>div:first-child:before {
        background-image: none;
    }
    .page-header-visual .stage-area+.container .content>div:first-child .richtext p {
        font-size: 1.2em;
    }
}
.page-header-visual .stage-area+.container .content>div:first-child * {
    position: relative;
    z-index : 1;
}
@keyframes rotateHexagon {
    0% {
        opacity  : 0;
        transform: rotate(10deg);
    }
    60% {
        opacity: 1;
    }
    100% {
        transform: rotate(0deg);
    }
}
.page-header-visual .stage-area+.container .content>div:first-child:before {
    animation          : 1s ease-out 1.5s 1 rotateHexagon;
    animation          : .8s cubic-bezier(0.46, 0.03, 0.52, 0.96) 1s 1 rotateHexagon;
    animation-fill-mode: backwards;
}