article{
    padding: 4rem 0;

    section{
        width: clamp(48rem, 90%, 68.75rem);
        margin: 0 auto;

        h2{
            font-size: 1.5rem;
            text-align: center;
            font-weight: normal;
            border-bottom: 2px solid var(--main-color);
            padding-bottom: .5rem;
            margin-bottom: 2rem;
        }
        p{
            margin: 1rem auto;
            line-height: 1.8;
            text-align: justify;
        }
    }
}
@media (max-width: 767px){
    article{
        padding: 2rem 0;
    
        section{
            width: 90%;
            margin: 0 auto;

            h2{
                font-size: 1.2rem;
            }
        }
    }
}

.info{
    text-align: center;
    font-size: 1.25rem;
    padding: 1rem 2rem;
    border-radius: 1rem;
    width: max-content;
    margin: 0 auto 2rem;
    border: 1px solid var(--main-color);
}
@media (max-width: 767px){
        .info{
        font-size: 1.15rem;
        padding: 1rem;
        width: 90%;
        margin: 0 auto 2rem;
    }
}
table{
    width: 100%;
    border-collapse: collapse;
    margin: 1rem auto;

    th,tr:last-of-type td{
        border-bottom: 3px dotted var(--sub-color);
    }
    th,td{
        padding: .5rem;
    }
}
@media (max-width: 767px){
    table{
        th,td{
            width: 100%;
            display: block;
        }
        th{
            border-bottom: none;
        }
    }
}

.tsudoi__contact{
    background: rgba(173,216,230,.3);
    padding: 3rem;
    margin: 2rem auto;
    border-radius: 2rem;
    border: 8px dotted palevioletred;

    h3{
        font-size: 2rem;

        a{
            display: inline;
            color: var(--main-color);
        }

        span{
            font-size: 1rem;
            padding-right: 1rem;
        }
    }
}
@media (max-width: 767px){
    .tsudoi__contact{
        h3{
            a{
                display: block;
            }
        }
    }
}
figcaption{
    margin-bottom: 1rem;
}