@charset "UTF-8";


.hako{
    width: 60%;
    padding: 4%;
}


.en{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: black;
    color:white;
    text-align:center;
    line-height: 40px;
}


.en2{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    border: 1px solid black;
    color:black;
    text-align:center;
    line-height: 40px;
}


.aki{
    margin-left: 48px;
}


.moji{
    font-size: 0.9rem;
}


.ten{
    list-style-type: none;
    margin-left: 24px;
    text-align: left;
}


/*1000px 幅*/

@media screen and (max-width: 1000px) {
    .hako{
    width: 100%;
}
}

/*スマホ*/
@media screen and (max-width: 500px) {

    .en{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: black;
    color:white;
    text-align:center;
    line-height: 50px;
}


.en2{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    border: 1px solid black;
    color:black;
    text-align:center;
    line-height: 50px;
}
.aki{
    margin-left: 0px;
}


}