@charset "utf-8";

body {
    background-color: #FFF;
    color: #333;

    --link_color: #b6263f;
    --link_color_hover: #dc6078;

    --base_font: 'Noto Sans JP', sans-serif;
    --base_font_2: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    --font_secondary: 'Noto Serif JP', serif;
}

body,
html {
    font-family: var(--base_font);
    line-height: 1.5;
    height: 100%;
}

*,
::after,
::before {
    box-sizing: inherit;
}

#wrapper {
    height: 100%;
    margin: 0 auto;
    width: 100%;
}

a {
    color: var(--link_color);
    transition: all .2s ease-in;
}

a:hover {
    color: var(--link_color_hover);
}

a:hover img,
a:hover i {
    opacity: .6;
}

.inner {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 986px;
    padding: 0 1rem;
}

br.sp {
    display: none;
}

br.pc {
    display: block;
}

.switch_pc {
    display: block;
}

.switch_sp {
    display: none;
}

img {
    -o-object-fit: cover;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    vertical-align: middle;
}

.center {
    text-align: center;
}


@media (max-width: 767px) {
    .switch_pc {
        display: none;
    }

    .switch_sp {
        display: block;
    }

    br.pc {
        display: none;
    }

    br.sp {
        display: block;
    }

    #wrapper {
        min-width: inherit;
    }

    .inner {
        width: 100%;
    }
}