@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');

body { color: #555; background: #fff; font-size: 11px; font-family: 'M PLUS Rounded 1c', sans-serif;
       line-height: 1.75; letter-spacing: 0.03em; margin: 0; text-align:justify; }

a       { color: #555; border-bottom: dotted 1px #a0d8ef; text-decoration: none; }
a:hover { color: #eddc44; border: none; position: relative; top: 0; }

h1,h2 { margin: 0 0 30px; line-height: 150%; letter-spacing: 0; position: relative; text-align: center; }
h1:before,h2:before { position: absolute; bottom: -10px; left: calc(50% - 30px); width: 60px; height: 3px;
                      content: ''; border-radius: 3px; background: #a0d8ef; }
h2 { margin: 20px; font-size: 14px; }
h3 { font-size: 11px; margin: 25px 0 0; letter-spacing: 0;
     border-bottom: solid 2px #eddc44; display: inline-block; }

.top     { max-width: 300px; margin: 70px auto; }
.top img { width: 150px; }

.mn { margin: 0 20px 0 75px; padding: 25px 15px;
      background: rgba(255,255,255,.8); text-align:center;
      position: relative; bottom: 75px; border: solid 1px #999; }

.mn a { border: none; }
.mn a:hover { color: #a0d8ef; }

footer { text-align: right; margin: 40px 0 15px; }

.wrp { max-width: 500px; margin: 0 auto; padding: 10px 25px; }
.text { margin: 5px 0 0 10px; padding: 15px 0 10px 15px;
        border-left: solid 2px #eee; }

b      { font-weight:bold; }
mark   { background:linear-gradient(transparent 40%, #f0f0f0 40%);
         background:-webkit-linear-gradient(transparent 40%, #f0f0f0 40%); }
em     { font-style:normal; font-weight:bold;}


<meta name="viewport" content="width=device-width" />
<meta name="robots" content="noindex,noarchive,nofollow,noimageindex">