@charset "UTF-8";

h2{
    text-align: center;
}
h3{
    font-size: 2rem;
    text-align: center;
}
/* =============
　section-top
================ */
.section-top{
    margin-bottom: 0;
}
.section-top::after{
    display: none;
}
.visual-box{
    background-image: url(../images/newshowVisual.webp);
}
.top-phrase{
    margin: 3vh 0;
}
.visual-box::before{
    background-color: var(--mainYellow);
}
.visual-box::after{
    display: none;
}
.section-top .p-box{
    width: 90%;
    margin: 0 auto;
}
.section-top .p-box p{
    font-size: var(--fontSizeNormal);
    margin-bottom: 1rem;
}

/* --------  section-policy  --------- */

.section-policy{
    height: fit-content;
    width: 90vw;
    margin: 0 auto;
    padding: 5vh 0 10vh;
    box-shadow: 0 .1px 0 0 black;
}
.section-policy .p-box{
    width: 95%;
    background-color: var(--mainYellow);
    margin: 7vh auto 0;
    padding: 6vh 8vw 4vh;
    border: 2px solid var(--mainYellow);
    border-radius: 18px;
}
.section-policy .p-box p{
    margin-bottom: 1rem;
}
.section-policy .p-box span{
    animation: policy-mark .4s linear forwards;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}
@keyframes policy-mark {
    0%{
        font-weight: 400;
        border-color: transparent;
    }
    100%{
        font-weight: 700;
        border-color: black;
    }
}

/* --------  section-member  --------- */

.section-member{
    height: fit-content;
    width: 80vw;
    margin: 0 auto;
    padding-bottom: 10vh;
}

.member-item{
    width: min(80vw, 500px);
    height: fit-content;
    margin: 7vh auto 0;
    padding: 2rem;
    text-align: center;
    border: 3px solid var(--mainYellow);
    border-radius: 18px;
}
.member-icon{
    width: 80%;
    aspect-ratio: 1/1;
    margin: 0 auto 2rem;
    border: 1px solid var(--mainYellow);
    border-radius: 50%;
    overflow: hidden;
}
.member-icon img{
    width: 100%;
    object-fit: contain;
}
.member-name{
    font-size: 2rem;
    font-weight: 600;
    color: black;
}
.member-item a,.member-item p{
    margin: 2rem auto 0;
}



@media screen and (min-width:960px) {

    /* --------  section-top  --------- */
    .top-phrase{
        font-size: 5rem;
        line-height: 10rem;
        letter-spacing: .5rem;
        top: 35%;
        left: 0;
    }
    .top-phrase span{
        padding: .6rem 1.5rem .6rem 3vw;
    }
    .section-top .p-box{
        position: absolute;
        bottom: 4vw;
        left: 3vw;
    }
    .section-top .p-box p{
        color: white;
        font-size: 2.2rem;
        font-weight: 500;
        letter-spacing: .1rem;
        text-shadow: 0px 0px 10px rgb(0, 0, 0);
        margin-bottom: 1.5rem;
    }


    /* --------  section-policy  --------- */

    .section-policy{
        width: 40%;
        padding-top: 10vh;
    }

    .section-policy .p-box{
        width: 100%;
        margin: 8vh auto 3vh;
        padding: 5rem 3.5rem 3rem;
    }
    .section-policy .p-box p{
        margin-bottom: 2rem;
    }

    /* --------  section-member  --------- */

    .section-member{
        width: 100%;
        padding-bottom: 3vh;
        margin-bottom: 3vh;
    }
    .member-list{
        width: 100%;
        display: flex;
        margin: 3vh 0;
        padding: 3rem;
        justify-content: center;
        gap: 2vw;
    }
    .member-item{
        width: 20vw;
        margin:1.5rem 0 0;
        padding: 3rem 1rem;
        border: 2px solid var(--mainYellow);
        position: relative;
        transition: .3s;
    }
    .member-name{
        font-size: 2.2rem;
    }
    .member-item p{
        border: 1px solid transparent;
    }
    .member-item:hover{
        transform:translateY(-1rem);
    }
    
}