/* Defining variables */
:root {
    --color-primary: #B1DBF3;
    --color-secondary: #239adf;
    --color-third: #dcebf3;
    --color-attention: #ffcfdf;
    --color-dark: #21252F;
    --box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
}

/* Initializing elements */
h1, h2, h3, h4, h5, h6, .display-1 {
    color: var(--color-dark);   /* フォントの色 */
    font-weight: 600;   /* フォントの太さ */
}
a {
    text-decoration: none;  /* リンクが付いた文章（ハイパーリンク）の装飾の設定 */
}
img {
    width: 100%;
}
li {
    list-style: none;   /* リスト要素の装飾の非表示 */
}

/* All of Page */
body {
    font-family:Inter, "Noto Sans JP", "sans-serif";    /* フォント */
    font-optical-sizing: auto;  /* フォント描写の最適化 */
    font-style: normal; /* フォントスタイルの設定 */
    margin-top: 45px;   /* ヘッダーの重なりを防ぐための余白 */
}
section {
    padding-top: 64px;  /* 各セクションの上の余白の大きさ */
    padding-bottom: 64px;   /* 各セクションの下の余白の大きさ */
}

.card-effect {      /* カードのエフェクトの設定 */
    box-shadow: var(--box-shadow);
    background-color: #fff;
    padding: 25px;
}

/* Navigation Bar */
.navbar {
    background-image: url(https://www2.yokohama-jsh.ac.jp/mmt/special-contents/yokokousai/2024/img/header-background.jpg);
    background-size: cover;
}

.navbar .nav-link {
    font-size: 14px;    /* Navigationのメニューのフォントサイズ */
    font-weight: 600;   /* Navigationのメニューのフォントの太さ */
}

/* Contents */
.table-box {
    margin: auto;
}

.table {
    vertical-align: middle;
}

.table-box h3 {
    padding: 15px 0px;
}

.table-teamName-class {
    white-space: nowrap;
}

/* Footer */
footer {
    text-align: center;
}
.footer-copyright {
    color: #21252F;
    text-align: center;
}