:root {
    --primary-bland-color: #1A3A53;
    --secondary-bland-color: #E9A418;
    --accent-color: #541C1A;
    --primary-bland-color-transparent: #1a3a5381;

    /* 背景色 */
    --primary-bg-color: white;
    --secondary-bg-color: #eeeeee;
    --category-bg-color: #9c9c9c;
    --figcaption-bg-color: #eeeeee;

    /* その他 */
    --black: black;
    --white: white;
    --red: red;
    --lightgrey: #eeeeee;

    /* 線関係 */
    --border-color-dimgrey: #4d4d4d;

    /* ヘッダー関係 */
    --height-header-pc: 78.4px;
    --height-header-tablet: 64px;
    --height-element-in-header-tablet: 40px;
    --height-header-sp: 56px;
    --height-element-in-header-sp: 32px;

    /* 画面幅 */
    --inner-medium: 1200px;
    --inner-small: 960px;
    --inner-xsmall: 800px;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
}

body {
    background-color: var(--background-color-lightgrey);
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Lucida Grande",
        "segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
        Meiryo, "Verdana", Osaka, "ＭＳ Ｐゴシック", "MS PGothic","Font Awesome 5 Free", sans-serif;
}

section {
    display: grid;
    place-items: center;
    padding: 0 5%
}

p {
    font-size: 1.6rem;
    line-height: 1.5;
}

a {
    font-size: 1.6rem;
    line-height: 1.5;
    text-decoration: none;
    color: var(--font-color-black);
}

a:hover {
    opacity: 0.6;
}

em {
    font-style: normal;
}

strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

li {
    /* list-style-position: inside; */
    list-style: none;
}

figcaption {
    font-size: 1.6rem;
    padding: 16px;
    text-align: center;
}