:root {
    --primary-bland-color: #009EF5;
    --accent-color: #F58A00;

    /* 背景色 */
    --reserved-color-bg: #7b7b7b;

    /* 文字色 */
    --reserved-color-font: #dbdbdb;

    /* その他 */
    --black: black;
    --white: white;
    --red: red;

    /* 線関係 */

    /* タイトルの区切り線（普通のグレー） */
    --separate-color-grey: #4d4d4d;

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

    /* 画面幅 */
    --inner-large: 1440px;
    --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;
    text-size-adjust: none;
}

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%
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.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: var(--font-size-text);
    padding: 16px;
    text-align: center;
}