@charset "UTF-8";
body{
    color: #474747;
    font-family: serif;
    background-color:hsla(0, 0%, 100%, 0.982);
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.hako{
    border:solid 1px  #0328a2;
    text-decoration: solid 1px #0328a2;
    margin: 3% ;
    padding: 2%;

}

.title{
    color: #c2f6ff;
    font-size: 1.5em;
    text-align: right;
    margin-top: -0.7em;
    margin-right: 4%;
    background: linear-gradient(180deg, #064a8f 0%, #7bc0be 72%, #afebea 100%);
    background: -webkit-linear-gradient(-90deg, #064a8f 0%, #7bc0be 72%, #afebea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.link{
    color: #474747;
    max-width: 650px;
    line-height: 200%;
    text-decoration: none;
    border-bottom:solid 1px  #0328a2;
    margin: 10% 3px 20px 5%;
    padding: .2em .5em .1em .5em;
}

.link:visited{
    color: #474747;
    max-width: 650px;
    line-height: 200%;
    color: rgb(0, 22, 120);
    text-decoration: none;
    border-bottom:solid 1px  #0328a2;
    margin: 10% 3px 20px 5%;
    padding: .2em .5em .1em .5em;
}