@charset "utf-8";

#results{
    overflow:hidden;
    .wrap{
        .contents{
            .tabmenu{
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                margin-bottom: 70px;
                position: relative;
                &:after{
                    content:"";
                    position:absolute;
                    height:2px;
                    background-color:#000;
                    width: 100vw;
                    bottom: 0;
                    left: 50%;
                    transform:translate(-50%);
                    z-index:2;
                }
                li{
                    a {
                        position:relative;
                        z-index:1;
                        border-top:2px #000 solid;
                        border-right:2px #000 solid;                    
                        border-radius: 10px 10px 0 0;
                        padding: 0.7em 1em 0.5em;
                        font-size: 3rem;
                        display: grid;
                        align-items: center;
                        justify-content: center;
                        background-color: #C9C9C9;
                        color: #fff;
                        letter-spacing: 0.1em;
                    }
                    &:first-child{
                        a {
                            border-left:2px #000 solid;
                        }
                    }
                    &.active{
                        a {
                            background-color: #fff;
                            color: #000;                       
                            z-index:3;
                        }
                    }
                }
            }
            .tab_box{
                .title{
                    text-align: center;
                    margin-bottom: 50px;
                    h2{
                        font-size: 4.0rem;
                        font-weight: 500;
                        margin-bottom: 0.5em;
                    }
                    span{
                        font-size: 1.8rem;
                    }
                }
                p{
                    margin-bottom: 1em;
                    &:not(:has( + table tr)) {
                        display:none;
                    }
                }
                table{
                    width: 100%;
                    margin-bottom: 50px;
                    &:not(:has(tr)) {
                        display:none;
                    }
                    &:last-child{
                        margin-bottom: 0;
                    }
                    tr{
                        th{
                            width: 30%;
                            padding: 1.5em;
                            background-color: #F7F7F7;
                            border-right:1px #707070 solid;
                            border-left:1px #707070 solid;
                            border-bottom:1px #707070 solid;
                        }
                        td{
                            padding: 1.5em 1.5em 1.5em 3em;
                            width: 70%;
                            background-color: #fff;
                            border-right:1px #707070 solid;
                            border-bottom:1px #707070 solid;
                        }
                        &:first-child{
                            th{
                                border-top:1px #707070 solid;
                            }
                            td{
                                border-top:1px #707070 solid;
                            }
                        }
                    }

                }
            }
        }
    }
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
    
    
}