body{    margin:0;    font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;    background:#fafcff;    color:#222;}
#wrap{    max-width:960px;    width:100%;    margin:auto;}
header{    text-align:center;    padding:18px 0 14px;    background:#ffffff;}

#menuarea{    background:#215d8d}
#mainnavigation{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:0;
}

#mainnavigation li{    margin:0;}
#mainnavigation li a{    display:block;    padding:15px 25px;    color:#fff;    text-decoration:none;    font-weight:bold;}
#mainnavigation li a:hover{    background:#3f82b6;}
#mainnavigation .current a{    background:#3274a7;}

#main{
    padding:30px 5%;
    line-height:1.8;
}

#main p{
    line-height:1.9;
    margin:0 0 1.2em 0;
    text-align:left;
    overflow-wrap:break-word;
    word-break:normal;
}

.main-image{
    display:block;
    margin:0 auto 35px;
    width:90%;
    max-width:820px;
    height:auto;
}


h3{  font-size:clamp(24px,3vw,30px);    color:#1b5c89;    border-bottom:1px solid #9abdd6;}
h2{  font-size:clamp(24px,3vw,30px);   color:#1b5c89;    border-bottom:1px solid #9abdd6;    margin-top:0;    padding-bottom:6px;}

.site-title{
    font-size:clamp(28px,4vw,36px);    font-weight:700;    color:#174d78;    text-shadow:1px 1px 2px rgba(0,0,0,0.12);
    border-bottom:2px solid #7da9c9;    padding-bottom:8px;    margin:5px 0 10px;    letter-spacing:0.06em;}

.welcome{
    font-size:clamp(20px,3vw,26px);
    font-weight:bold;    color:#1b5c89;}

footer{     margin-top:50px;    padding:18px;    background:#215d8d;
    color:#ffffff;    text-align:center;    font-size:0.9em;    border-top:1px solid #7da9c9;}

.language-switch{    text-align:right;    margin-bottom:8px;    font-size:0.9em;}


@media (max-width:768px){
#main{    padding:18px;}
.site-title{    font-size:16px;}
.language-switch{    text-align:center;    margin-top:10px;}

#main p{
    margin-bottom:1.3em;
}

#mainnavigation{    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:2px;}
#mainnavigation li{     width:auto;}

#mainnavigation li a{    padding:12px 6px;
    font-size:14px;
    text-align:center;
    white-space:nowrap;
word-break:keep-all;
    overflow:hidden;
    text-overflow:ellipsis}
.site-title{
    font-size:24px;}

.main-image{    width:96%;}
h2,h3{    font-size:24px;}
.welcome{    font-size:22px;}
footer{    font-size:0.8em;}
}

@media (max-width:480px){
#mainnavigation{  display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:2px;}
#mainnavigation li{     width:auto;}
#mainnavigation li a{    padding:12px 6px;
    font-size:14px;
    text-align:center;
    white-space:nowrap;
    word-break:keep-all;
    overflow:hidden;
    text-overflow:ellipsis;}

.site-title{    font-size:24px;}

}

</style>