/* 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);
    scroll-padding: 64px;
	scroll-behavior: smooth;
}

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

/* ページ全体 */
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;
    transition: all 0.35s ease;
}
.card-effect:hover {
    box-shadow: none;
    transform: translateY(5px);
}

/* 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のメニューのフォントの太さ */
}

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