@charset "UTF-8";
/*============================================================================================================
    base
============================================================================================================*/
.page-area {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px;
}

.page__main-visual {
    position: relative;
    width: calc( 100% - 6rem);
    max-height: 40rem;
    overflow: hidden;
    margin: 5rem auto 0;
    border-radius: 3rem;
}

.page__main-visual__title-box {
    z-index: 10;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 4rem;
    text-align: center;
    display: flex;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: #333 0 0 1rem;
}

.page__single-title {
    text-align: left;
}