@charset "utf-8";

:root {
    --color1: #3a2314;
    --color2: #bd8b5e;
    --color3: #d4c1ac;
    --color4: #fff;
    --color5: #3498db;
    --color6: #e6e4e2;
    --color7: #999;
    --color8: #9c7655;
    --fz1: .625rem;
    --fz2: .75rem;
    --fz3: .875rem;
    --fz4: .9375rem;
    --fz5: 1rem;
    --fz6: 1.125rem;
    --fz7: 1.75rem;
    --ls1: .15em;
}

body {
    font: .75rem /1.5 "Crimson Text", Georgia, 游明朝, YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

* {
    box-sizing: border-box;
}

.inner {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.df {
    display: flex;
}

.sb {
    justify-content: space-between;
}

.ai_c {
    align-items: center;
}

.ta_c {
    text-align: center;
}

.bg_1 {
    background: #3a2314;
}

.bg_2 {
    background: #bd8b5e;
}

.bg_3 {
    background: #d4c1ac;
}

.fl_W {
    flex-wrap: wrap;
}

.w100 {
    width: 100%;
}

.mb {
    margin-bottom: 4%;
}

.d_ib {
    display: inline-block;
}

span {
    display: block;
}

a {
    display: block;
}

header a:hover,.link:hover {
    opacity: .6;
    transition: .5s;

}

.bb_b {
    border-bottom: 2px solid var(--color5);
}

.bb_g {
    border-bottom: 2px solid var(--color8);
}