.content{
    padding-top: 6vh;
    padding-bottom: 6vh;
    padding-left: 10vw;
    padding-right: 10vw;
}

.index-title{
    font-size: 3.5vw;
    font-weight: bold;
    border-bottom: 2px solid;
}

.content p{
    font-size: 1.5vw;
}

.content .attention{
    font-size: 1vw;
}

.constitution{
    margin-top: 6vh;
    margin-bottom: 6vh;
}

.constitution .article-title{
    font-size: 1rem;
    font-weight: bold;
}

.constitution .body-text{
    font-size: 1rem;
}
.constitutions{
    margin-bottom: 24px;
    padding-top: 6px;
    border-top: 2px solid #e92a2a;
    border-bottom: 2px solid #e92a2a;
    padding-bottom: 6px;
    display: flex;
    justify-content:space-around;
}
.constitution-link{
    text-decoration: none;
    color: black;
    
}
.constitution-link:hover{
    color: #e92a2a;
}

@media screen and (max-width:767px) {
    .content{
    padding-left: 6vw;
    padding-right: 6vw;
    }

    .index-title{
    font-size: 5vw;
    }

    .content p{
        font-size: 2.5vw;
    }

    .content .attention{
        font-size: 2vw;
    }
}

@media screen and (max-width:575px) {
    .index-title{
    font-size: 8vw;
    }

    .content p{
        font-size: 4vw;
    }

    .content .attention{
        font-size: 3vw;
    }
}