/* フォントのスタイルやサイズ */
body {
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 400; /* デフォルトの太さ */
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Sans JP", serif;
    line-height: 1.3;
}

p, li {
    line-height: 1.6;
}

/* 普通の太さ */
p.normal {
    font-weight: 400; /* これがデフォルトの太さ */
}

/* 少し太め */
p.medium {
    font-weight: 500; /* boldより少し細い */
}

/* boldよりも軽めの太さ */
p.semi-bold {
    font-weight: 600; /* bold (700) より少し軽い */
}

/* 基本的なフォントカラー */
.text-primary {
    color: #007bff; /* 青色 */
}

.text-secondary {
    color: #6c757d; /* グレー */
}

.text-success {
    color: #28a745; /* 緑色 */
}

.text-danger {
    color: #dc3545; /* 赤色 */
}

.text-warning {
    color: #ffc107; /* 黄色 */
}

.text-info {
    color: #17a2b8; /* 水色 */
}

.text-light {
    color: #f8f9fa; /* 白色 */
}

.text-dark {
    color: #343a40; /* 黒色 */
}

.text-muted {
    color: #6c757d; /* ミュート（淡いグレー） */
}

.text-white {
    color: #ffffff; /* 白色 */
}