@charset "utf-8";

#profile {
    .wrap {
        .contents {
            & > .img {
                margin-bottom:90px;
            }
        }
        table {
            width:100%;
            border-collapse:collapse;
            &:not(:last-child) {
                margin-bottom:90px;
            }
            tr {
                border-bottom:2px solid var(--color_main);
            }
            th,td {
                font-size:1.6rem;
                line-height:2;
                font-weight:400;
                text-align:left;
                vertical-align:top;
                padding:1em 0;
                a {
                    color:var(--color_main);
                }
            }
            th {
                width:15em;
            }
        }
    }
}

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

@media screen and (max-width:1024px){
    
    #profile {
        .wrap {
            table {
                th {
                    width:12em;
                }
            }
        }
    }
    
}

@media screen and (max-width:768px){
    
    #profile {
        .wrap {
            .contents {
                & > .img {
                    margin-bottom:50px;
                }
            }
            table {
                &:not(:last-child) {
                    margin-bottom:60px;
                }
                th,td {
                    font-size:1.4rem;
                    display:block;
                    width:100%;
                }
                th {
                    width:100%;
                    padding: .66em 0 0;
                    font-size:1.5rem;
                    font-weight:600;
                }
                td {
                    padding:.33em 0 .66em;
                }
            }
        }
    }
    
}