.s-page--ttl{
    background:url(../img/pages-ttl-bg.jpg) center / cover no-repeat;
}
.s-page--ttl .container{
    max-width:75rem;
}
.s-page--ttl .flex{
    flex-direction:column;
    margin-top:clamp(3.125rem,3.24vi + 2.37rem,6.25rem);
}
.s-page--ttl .--ttl{
    font-size:var(--fs-lg);
    font-weight:var(--fw-xl);
    position:relative;
    color:var(--color-base);
}
.s-page--ttl .--ttl::after{
    content:'';
    position:absolute;
    display:inline-block;
    width:.938rem;
    height:.25rem;
    bottom:-.313rem;
    left:0;
    background-color:var(--color-base);
}
.s-content .container{
    max-width:80rem;
}
.s-content .flex{
    flex-direction:column;
    gap:3.125rem;
}
.s-content .content-txt{
    margin-top:1.25rem;
}
.s-content .content-img{
    margin-top:3.125rem;
}
.s-content .flex dl{
    line-height:1;
}
.s-content dl h3{
    margin-bottom:.938rem;
}
.s-content dl h3 span:nth-of-type(1){
    font-size:var(--fs-sm);
    position:relative;
    color:var(--color-background);
}
.s-content dl h3 span:nth-of-type(1)::after{
    content:'';
    position:absolute;
    display:inline-block;
    left:0;
    bottom:0;
    width:.875rem;
    height:.125rem;
    background-color:var(--color-background);
}
.s-content dl h3 span+span{
    display:block;
    margin-top:.625rem;
}
/*-- media query 60rem --*/
@media screen and (min-width:60rem){
    .s-page--ttl{
        padding-bottom:3.125rem;
    }
    .s-content .flex{
        gap:0;
    }
    .s-content .flex dl{
        display:flex;
        align-items:center;
        gap:3.125rem;
    }
    .s-content .flex dl dt,
    .s-content .flex dl dd{
        width:50%;
    }
}
/*-- media query 75rem --*/
@media screen and (min-width:75rem){
    .s-page--ttl .container{
        padding:0;
    }
}