{ box-sizing: border-box; max-width: 90%; }
@font-face {
font-family: 'Noto Sans JP';
src: local('Noto Sans JP Regular'), local('NotoSansJP-Regular'), url('/NotoSansJP-Regular.woff2') format('woff2');
font-style: normal;
font-display: swap;
}

body {
font-family: 'Noto Sans JP', sans-serif;
background-image: url('bgimg.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
margin: 0;
padding: 20px;
}

hr {
border: none;
height: 2px;
background-color: #FFFFFF;
}

button {
border: none;
background-color: #225599;
border-radius: 5px;
padding: 10px;
cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
color: #BBEEFF;
margin-top: 20px;
margin-bottom: 10px;
}

p, ul, li {
color: #FFFFFF;
line-height: 1.5;
margin-top: 10px;
margin-bottom: 10px;
}

.upbar {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}

.divspan {
word-wrap: break-word;
overflow-wrap: break-word;
font-size: xx-large;
color: #FFFFFF;
margin-top: 20px;
margin-bottom: 20px;
}