:root {
    --primary-bland-color: #069f7a;
    --primary-bland-color-dark: #045a44;
    --primary-bland-color-light: rgb(184, 253, 236);
    /* --primary-bland-color-transparent: rgba(232, 117, 24,0.4);
    --primary-bg-gradation: linear-gradient(135deg, rgb(255,153,51) 0%, rgb(255,113,102) 100%);
    --primary-bg-gradation-transparent: linear-gradient(135deg, rgba(255,153,51,0.85) 0%, rgba(255,113,102,0.85) 100%); */
    --accent-color: #faC525;

    /* ボタン関係 */
    --button-bg-color: #60B300;
    --button-border-color: #4e8e00;
    --button-bg-accent-color: #d6a81c;

    /* 背景色 */
    --bg-color-green: #00966d;
    --bg-color-lightgrey: #f8f8f8;
    --bg-color-hero: rgba(51,51,51, 0.8);
    --bg-color-hero-lower-page: rgba(51,51,51, 0.8);

    /* その他 */
    --black: black;
    --grey: #d2d2d2;
    --darkgrey: darkgrey;
    --light-grey: #f8f8f8;
    --white: white;
    --red: red;
    --yellow: yellow;
    --yellow-shadow: rgb(145, 145, 0);
    --navy: navy;
    --green: #60B300;


    /* サイズ */

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

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

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

body {
    counter-reset: featureItem;
    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;
}

p {
    font-size: 1.6rem;
}

a {
    font-size: 1.6rem;
    text-decoration: none;
    color: var(--font-color-black);
    cursor: pointer;
}

a:hover {
    opacity: 0.6;
}

em {
    font-style: normal;
}

strong {
    color: var(--primary-bland-color);
}

address {
    font-style: normal;
}

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

figcaption {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5;
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    figcaption {
        font-size: 1.5rem;
    }
}