@charset "UTF-8";

.ContentsTitle-wrapper {
    display: inline-block;
}

.ContentsTitle-en {
    font-size: 64px;
    font-weight: 900;
    padding-bottom: 35px;
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
}
.ContentsTitle-wrapper.type_1 .ContentsTitle-en {
    background: linear-gradient(#823C96 55%, #E2E061 45%);
    -webkit-background-clip: text;
}
.ContentsTitle-wrapper.type_2 .ContentsTitle-en {
    background: linear-gradient(var(--mainTextColor_2) 55%, #E2E061 45%);
    -webkit-background-clip: text;
}
.ContentsTitle-wrapper.type_3 .ContentsTitle-en {
    background: linear-gradient(var(--mainTextColor_1) 55%, var(--mainTextColor_1) 45%);
    -webkit-background-clip: text;
}

.ContentsTitle-ja {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding-left: calc(49px + 8px);
    line-height: 1em;
    letter-spacing: 0.05em;
}
.ContentsTitle-wrapper.type_1 .ContentsTitle-ja,
.ContentsTitle-wrapper.type_3 .ContentsTitle-ja {
    color: var(--mainTextColor_1);
}
.ContentsTitle-wrapper.type_2 .ContentsTitle-ja {
    color: var(--mainTextColor_2);
}

.ContentsTitle-ja::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 49px;
    height: 1px;
}

.ContentsTitle-wrapper.type_1 .ContentsTitle-ja::before,
.ContentsTitle-wrapper.type_3 .ContentsTitle-ja::before {
    background-color: var(--mainTextColor_1);
}
.ContentsTitle-wrapper.type_2 .ContentsTitle-ja::before {
    background-color: var(--mainTextColor_2);
}

@media screen and (max-width: 767px) {
    .ContentsTitle-en {
        font-size: 32px;
    }
}