@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;900&display=swap";

* {
    box-sizing: border-box
}

:root {
    --max-width: 375px;
    --triHeight: 80px;
    --background: #BC2B2B;
    --bottom: 1px;
    --translateX: 50%;
    --margin-space: calc(-5% - 5px);
    --width-mark: 40px;
    --background-zHead: white;
    --border-zHead: 1px solid #BC2B2B;
    --color-zHead: #BC2B2B;
    --color-zRow: white;
    --background-swiTop: rgba(255, 134, 134, 0.15);
    --color-swiTop: white;
    --background-swiBot: white
}

html {
    -webkit-font-smoothing: antialiased;
    font-size: 62.5%
}

body {
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5rem;
    margin: auto
}

.notoSerif {
    font-family: "Noto Serif JP", sans-serif
}

.notoSansJP {
    font-family: "Noto Sans JP", sans-serif
}

.notoSans {
    font-family: "Noto Sans", sans-serif
}

.hiragino {
    font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif
}

img {
    max-width: 100%;
    width: auto;
    height: auto
}

a {
    position: relative;
    text-decoration: none;
    transition: opacity .3s;
    cursor: pointer
}

a:focus {
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: none;
    opacity: .8
}

input:focus {
    outline: none
}

.common_width {
    max-width: 1200px;
    width: 90%;
    margin: auto
}

.common_width_375 {
    max-width: var(--max-width);
    width: 90%;
    margin: auto
}

ul {
    list-style-type: none;
    padding: 0
}

picture,
video {
    display: block;
    font-size: 0;
    line-height: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0
}

.pc_flex {
    display: flex
}

.pc_block,
.lg_pc_block {
    display: block
}

.pc_block_inline {
    display: inline-block
}

.sp_flex,
.sp_block,
.small_sp_block {
    display: none
}

.sp_block_inline {
    display: none !important
}

.container {
    overflow: hidden
}

.bolder {
    font-weight: bolder
}

.block_1100 {
    display: block
}

@media screen and (min-width: 768px)and (max-width: 1100px) {
    .block_1100 {
        display: none
    }
}

@media screen and (min-width: 768px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none
    }

    .tel_a {
        pointer-events: none;
        cursor: default
    }

    .tel_a a:hover {
        color: #373737
    }

    .pc {
        display: block;
    }

    .sp {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .lg_pc_block {
        display: none
    }
}

@media screen and (max-width: 900px) {
    body {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 1.4rem
    }

    .pc_flex,
    .pc_block,
    .pc_block_inline {
        display: none !important
    }

    .sp_block_inline {
        display: inline-block !important
    }

    .sp_block {
        display: block !important
    }

    .sp_flex {
        display: flex !important
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

}

@media screen and (max-width: 400px) {
    body {
        font-size: 1.3rem
    }
}

@media screen and (max-width: 320px) {
    .small_sp_block {
        display: block !important
    }
}

/*# sourceMappingURL=maps/common.css.map */