:root {
    --primary-bland-color: #02224e;
    --primary-bland-color: #02424e;
    --primary-bland-color: #03aa94;
    --primary-bland-color-shadow: #028877;
    --primary-bland-color-shadow-outline: #04d0b6;
    --secondary-bland-color: #E9A418;
    --accent-color: #541C1A;

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

    /* その他 */
    --black: black;
    --white: white;
    --red: red;
    --grey: #949593;
    --lightgrey: #eeeeee;
    --green-of-line: #06c755;
    --green-of-line-banner: #00b900;

    /* 線関係 */
    --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: 1140px;
    --inner-small: 960px;
    --inner-xsmall: 800px;

    /* 文字関係 */
    --line-height: 1.5;
    --paragraph-margin: 1em;
    /* --paragraph-margin: 1em; */
}

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

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

body {
    /* font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif; */
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;
    /* font-family: "SF Pro", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; */
}

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

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

p, a, dl {
    font-size: 1.6rem;
}

p {
    line-height: 1.5;
    color: var(--black);
}

.test {
    margin-bottom: var(--paragraph-margin);
}

a {
    text-decoration: none;
}

a:hover {
    opacity: 0.6;
}

em {
    font-style: normal;
}

strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

/* ul要素に設定 */
.list {
    list-style: circle;
    padding-left: 2em;
}

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

.pBox {
    margin-top: 3em;
}