#headercontainer {
    position:relative;
    width:100%;
    height:15vh;
    height:calc(var(--vh, 1vh) * 15);
    background-color:white;
}

.explain_scroll
{
    overflow-y:auto;
    width:100%;
    height:85vh;
    height:calc(var(--vh, 1vh) * 85);
}

.headermenutext
{
    cursor:pointer;
    font-size:calc(1.2vw + 1.0vh);
    color:#cc0000;
    width:22%;
    height:100%;
    text-align:center;
}
.headermenutextsmall
{
    cursor:pointer;
    font-size:calc(0.9vw + 0.8vh);
    color:#cc0000;
    width:22%;
    height:100%;
    text-align:center;
}

.washicon
{
    height:5.5vh;
    height:calc(var(--vh, 1vh) * 5.5);
    width:72%;
    background-position:right;
    background-size:contain;
    background-repeat:no-repeat;
    background-image: url("graphics/washicon.png");
}

.otonaki
{
    height:6vh;
    height:calc(var(--vh, 1vh) * 6);
    width:75%;
    background-position:right;
    background-size:contain;
    background-repeat:no-repeat;
    background-image: url("graphics/otonaki.png");
}
.iconformapwrapper
{
    width: 300px;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
}
.iconformap
{
    cursor:pointer;
    height:6vh;
    height:calc(var(--vh, 1vh) * 6);
    width:75%;
    border-radius: 2px;
    background-position:right;
    background-size:contain;
    background-repeat:no-repeat;
    background-image: url("graphics/iconformap.png");
}

.logo
{
    height:6vh;
    height:calc(var(--vh, 1vh) * 6);
    width:25%;
    background-size:contain;
    background-repeat:no-repeat;
    background-image: url("graphics/icon.png");
}