.fixed-page__title{
    font-size: var(--spFontSize20);
    text-align: center;
    margin-bottom: 16rem;
    font-weight: bold;
}
@media screen and (min-width: 600px) {
    .fixed-page__content{
        position: relative;
    }
    .fixed-page__content--about{
        padding: 0 156rem;
    }
    .fixed-page__title{
        margin-bottom: 36rem;
    }
}
.character__list{
    display: flex;
    flex-direction: column;
}
.character__item{
    margin-bottom: 20rem;
    background-color: var(--colorWhite);
    border: 1px solid var(--mainFontColor);
}
.character__item:last-child{
    margin-bottom: 0;
}
.character__item-link{
    color: var(--mainFontColor);
    cursor: url(../img/cursor-pointer.svg) , auto;
}
.character__img-div{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24rem 0;
}
.character__img{
    width: 100%;
}
.character__name-text{
    font-size: var(--spFontSize16);
    padding: 14rem 12rem;
    background-color: var(--colorPink);
    text-align: center;
    font-weight: bold;
}
.character__detail-text{
    font-size: var(--spFontSize14);
    text-align: center;
    padding: 20rem 12rem;
    color: var(--mainFontColor);
}
@media screen and (min-width: 600px) {
    .character__list{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .character__item{
        width: calc( ( 100% - 50rem*2 ) / 3 );
        margin-right: 50rem;
        margin-bottom: 50rem;
        transition: .4s all ease;
    }
    .character__item:nth-child(3n){
        margin-right: 0;
    }
    .character__item:last-child{
        margin-right: 0;
    }
    .character__item-link{
        transition: .4s all ease;
    }
    .character__item:hover .character__item-link{
        color: var(--colorWhite);
    }
}