.c-pageTitle {
    font-size: 1.3em;
    line-height: 1.4;
    position: relative
}

.c-pageTitle:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.c-pageTitle[data-style=b_bottom] {
    border-bottom: 1px solid var(--color_border)
}

.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
    border-bottom: 1px solid var(--color_main);
    float: left;
    margin-bottom: -1px;
    padding: .25em .5em;
    font-size: 14px;
}

.c-pageTitle__inner {
    display: block;
    padding-top: .5em
}

.c-pageTitle__subTitle {
    font-style: italic;
    letter-spacing: var(--swl-letter_spacing,1px);
    margin-left: 1em;
    opacity: .8;
    position: relative;
    top: -2px;
    display: none;
}

.c-pageExcerpt {
    margin-top: 1em
}

.c-secTitle {
    display: block;
    font-size: 4.5vw;
    margin-bottom: 1.5em;
    position: relative
}

.c-secTitle:after,.c-secTitle:before {
    box-sizing: inherit;
    display: block;
    height: 1px;
    position: absolute;
    z-index: 0
}

.p-termNavigation {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    gap: .5em;
    margin-top: 1rem;
    padding: 0 4px
}

.l-topTitleArea .p-termNavigation {
    margin-top: .75rem
}

.p-termHead {
    border: 1px solid var(--color_border);
    margin-top: 3rem;
    position: relative
}

.p-termHead__thumbWrap {
    margin: 0;
    width: 100%
}

.p-termHead__desc {
    padding: 1.5em;
    width: 100%
}

.p-termContent {
    margin-top: 1em;
}

.p-termContent>.p-blogParts {
    margin-bottom: 4em
}

@media (min-width: 600px) {
    .c-pageTitle {
        font-size:1.5em
    }

    .c-secTitle {
        font-size: 20px
    }

    .p-termHead {
        display: flex
    }
}