@charset "utf-8";
/*---------------------------------
* character
----------------------------------*/
.pageWrap {
    padding: min(calc(100 / var(--vw-min) * 100vw), 100px) 0 min(calc(135 / var(--vw-min) * 100vw), 135px);
}
.page_sectionCont{
    max-width: 980px;
    margin: 0 auto;
    padding: 0 min(calc(48 / var(--vw-min) * 100vw), 48px)
}
@media screen and (max-width:767px){
    .pageWrap {
        padding: calc(185 / var(--vw-min) * 100vw) 0  calc(110 / var(--vw-min) * 100vw);
    }
    .page_sectionCont{
        width: 100%;
        padding: 0 calc(40 / var(--vw-min) * 100vw);
    }
}

.page_sectionContLast{
    margin-top: 60px;
}
/* pageTtl */
.pageTtl{
    width: 100%;
    max-width: 980px;
    height: 46px;
    margin: 0 auto 60px auto;
}
.pageTtl.ttl_onair{
    mask: url(../img/common/title/page_tit_onair.svg) no-repeat center center/ contain;
    background-color: var(--color-green);
}
.pageTtl.ttl_ondemand{
    mask: url(../img/common/title/page_tit_ondemand.svg) no-repeat center center/ contain;
    background-color: var(--color-green);
}
@media screen and (max-width: 768px){
    .pageTtl{
        min-width: unset;
        height: calc(60 / var(--vw-min)* 100vw);
        margin: 0 auto calc(60 / var(--vw-min)* 100vw) auto;
    }
}
.page_section{
    padding: 60px 0;
    border-bottom: 1px solid var(--color-pink);
}
.page_section:last-child{
    padding: 60px 0 0;
    border-bottom: none;
}


/*-------- PAGE CONTENTS --------*/
.character {
    padding: min(calc(60 / var(--vw-min) * 100vw), 60px) 0 min(calc(180 / var(--vw-min) * 100vw), 180px);
    border-bottom: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-blue);
}
@media screen and (max-width:768px){ 
    .character {
        padding: calc(60 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) calc(180 / var(--vw-min) * 100vw);
    }
}
.chara__lists {
    width: min(calc(994 / var(--vw-min) * 100vw), 994px);
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
@media screen and (max-width:768px){ 
    .chara__lists {
       width: 100%;
    }
}
.chara__item {
    width: calc(100% / 3);
    padding: 0 min(calc(7 / var(--vw-min) * 100vw), 7px);
    margin-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
@media screen and (max-width:768px){ 
    .chara__item {
        width: calc((100% - calc(34 / var(--vw-min) * 100vw)) / 2);
        padding: 0;
        margin-top: calc(60 / var(--vw-min) * 100vw);
    }
    .chara__item:nth-child(2n) {
        margin-left: calc(34 / var(--vw-min) * 100vw);
    }
}
.chara__item-img img {
    width: 100%;
    pointer-events: none;
}
.chara__item-img {
  width: 100%;
}
.chara__nameTitle {
    font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
    white-space: nowrap;
    font-weight: 600;
    color: var(--color-blue);
    display: flex;
    flex-direction: column;
    margin: min(calc(30 / var(--vw-min) * 100vw), 30px) 0;
}
@media screen and (max-width:768px){ 
    .chara__nameTitle {
        font-size: calc(22 / var(--vw-min) * 100vw);
        margin: calc(30 / var(--vw-min) * 100vw) 0;
    }
}
/* .chara__cv {
    margin-left: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
@media screen and (max-width:768px){ 
    .chara__cv {
        margin-left: calc(28 / var(--vw-min) * 100vw);
    }
} */
.chara__text {
    font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
    font-weight: bold;
    line-height: 2;
    margin-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
@media screen and (max-width:768px){ 
    .chara__text {
        font-size: calc(20 / var(--vw-min) * 100vw);
        margin-top: calc(30 / var(--vw-min) * 100vw);
    }
}