@charset "UTF-8";

html {
    font-size: 100%;
}
body {
}
img {
    max-width: 100%;
}
a {
    text-decoration: none;
    color: #000;
}
:root {
    /* グレー系 */
    /* --bg-color1: whitesmoke; */
    /* --bg-color2: lightgray; */
    /* ブラウン系 */
    --bg-color1: wheat;
    --bg-color2: tan;
}
.bg-texture {
    background:
        repeating-linear-gradient(30deg,
            transparent,
            transparent 1px,
            var(--bg-color1) 1px,
            var(--bg-color1) 3px,
            var(--bg-color2) 3px,
            var(--bg-color2) 4px),
        repeating-linear-gradient(120deg,
            transparent,
            transparent 1px,
            var(--bg-color1) 1px,
            var(--bg-color1) 3px,
            var(--bg-color2) 3px,
            var(--bg-color2) 4px);
}
.bg-transparent {
    background-color: rgb(255 255 255 / 40%);
}

.flex {
    display: flex;
    column-gap: 20px;
    margin: 10px;
    justify-content: center;
}
#header {
    padding: 20px;
    line-height: 1;
}
.wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 10px;
}
.site-title {
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 1.75rem;
}
.sec-title {
    font-weight: normal;
    text-align: center;
}
.site-info img {
    width: 200px;
    box-shadow: 5px 5px 5px gray
}
.site-info p {
    text-align: center;
}
#footer {
    padding: 10px;
    text-align: center;
    font-size: 0.75rem;
}