.committee main
{
    z-index: 0;
    
}
/*.bg-illust
{
    background-color: #46966e;
    aspect-ratio: 6/1;
    z-index: 1;
    margin-top: -5%;
}*/

    .committee-wrap
    { 
        padding:130px 10% 150px;
        width:100%;
        margin: 0 auto;
        z-index: 5;
        box-sizing: border-box;
        position: relative;
        background-color: #f6f4ed;
        border-radius: 0 0 50px 0;
    }
    .committee-wrap h2
    {
        margin-bottom: 80px;
    }
    .committee-wrap h3
    {
        font-size: calc(1.5rem * var(--font-scale));
        color: var(--control-color);
        margin: 50px 0 ;
    }
    
    .committee-wrap ul
    {
        list-style: none;
        padding: 0;
    }
    .committee-wrap ul li
    {
       color: var(--control-color);
    }
    .committee-wrap ul li:before
    {
        content: "";
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transform: translateY(-50%);
        width:0.8rem;
        aspect-ratio: 1/1;
        background-color: var(--control-color); 
        margin-right: 5px;    
    }

    .committee-wrap ul li a
    {
        text-decoration: none;
        color: var(--contril-color);
    }
    .link-icon
    {
        content: "";
        display: inline-block;
        width:0.8em;
        aspect-ratio: 1/1;
        background-image: url(../images/common/link-icon.webp);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 5px; 
    }
    
    @media screen and (min-width:768px){
        .committee-wrap ul li a:hover
        {
            opacity: 0.8;
        }
    }
    
    @media screen and (max-width:767px){
/*        .bg-illust
        {
            background-color: #46966e;
            aspect-ratio: 3/1;
            z-index: 1;
            margin-top: -11%;
        }*/
    }