.header-card {
    position: relative;
    width: 100%;
    background-image: url(../anyshift/images/header-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.header-card .card-blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* ヘッダー画像メッシュ >> */
.header-card .bs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../anyshift/images/dots.png)repeat 0px 0px;
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;
}
/* << ヘッダー画像メッシュ */

.header-card div.row {
}

.header-card .left, .header-card .right {
    z-index: 100;
}
.header-card .left {
    padding: 1em 0em 0em;
}
.header-card div.align-items-end {
    padding: 2em 1em 2em;
}
h1.text-center {
    /*color: #30c39e*/;
    color: white;
}
.header-card img {
    width: 100%;
}

.readmore {
    margin: 1.5em 0 0;
}
.readmore .btn {
    color: var(--theme-color); /* カスタムカラーをテキストカラーとして使用 */
    border-color: var(--theme-color); /* カスタムカラーをボーダーカラーとして使用 */
}
.readmore .btn:active {
    color: gray;
}
.header-card div.name {
    color: var(--theme-color);;
    border-radius: 50px;
    padding: 0.5em 2em;
    font-family: 'Squada One', cursive;
}
.header-card .name img {
    width: 36px;
    height: auto;
}
.header-card .name p {
    font-size: 4em;
}
@media(max-width: 736px){
    .header-card p.catch-sub {
        font-size: 16px;
    }
    .header-card div.align-items-end {
        padding: 2em 1em 3em;
    }
}