.slogan {
    position: relative;
    margin: auto auto auto 0;
    display: inline-flex;
    min-height: 165px
}

.row.custom-row>div:first-child .slogan {
    padding-right: 10px
}

.row.custom-row>div:last-child .slogan {
    padding-left: 10px
}

.slogan .inner {
    display: flex;
    align-items: center
}

.cb .slogan {
    display: none
}

.slogan span {
    position: relative;
    font-size: 90px;
    color: #000;
    font-family: Kuroneko,sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    white-space: pre-wrap
}

@media screen and (max-width: 1199.9px) {
    .slogan span {
        font-size:70px
    }
}

@media screen and (max-width: 767.9px) {
    .slogan span {
        font-size:70px;
        white-space: unset
    }
}

.slogan .watermark {
    position: absolute;
    top: 50%;
    width: 100%;
    right: 0;
    display: flex;
    justify-content: right;
    height: 115%;
    min-height: 240px;
    transform: translateY(-50%);
    text-align: right;
    margin: auto 0 auto auto;
    filter: invert(73%) sepia(14%) saturate(944%) hue-rotate(285deg) brightness(87%) contrast(93%)
}

.yellow .slogan .watermark {
    filter: invert(88%) sepia(31%) saturate(442%) hue-rotate(340deg) brightness(108%) contrast(102%)
}

.green .slogan .watermark {
    opacity: 0.5;
    filter: invert(100%) sepia(11%) saturate(5558%) hue-rotate(74deg) brightness(97%) contrast(79%)
}

.green .slogan .watermark span {
    color: #006747
}

.light-blue .slogan .watermark {
    filter: invert(91%) sepia(5%) saturate(1349%) hue-rotate(164deg) brightness(100%) contrast(95%)
}

.light-blue .slogan .watermark span {
    color: #003087
}

.purple .slogan .watermark {
    filter: invert(89%) sepia(14%) saturate(105%) hue-rotate(227deg) brightness(105%) contrast(89%)
}

.purple .slogan .watermark span {
    color: #330072
}

.slogan .watermark img.img-slogan {
    max-width: 100%;
    width: auto;
    min-height: 100%;
    margin: 0;
    display: block;
    flex-grow: 1;
    z-index:-1;
}

.cp .slogan .watermark {
    filter: invert(1);
    opacity: 35%
}

.cp .slogan .inner {
    display: flex;
    width: 100%;
    min-height: 0;
    align-items: center;
    justify-content: center
}

.green .slogan span {
    color: #006747
}

.light-blue .slogan span {
    color: #003087
}

.purple .slogan span {
    color: #330072
}

.slogan+div,.slogan+picture {
    margin-top: 40px;
    display: block
}