@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}



html, body, h1, h2, h3, h4, h5, h6, header, footer, nav, ul, ol, li, div, p, img, br {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
    font-size: 16px;
    font-feature-settings: "palt";
    line-height: 200%;
    color: #000000;
}

body {
    background: #F8F8F5;
}

h3 {
    font-size: 1.5em;
    letter-spacing: 0.1em;
}

h4 {
    font-size: 1.25em;
    font-weight: 700;
}

p {
    letter-spacing: 0.1em;
}

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
}

@media (max-width: 750px) {
    html, body, h1, h2, h3, h4, h5, h6, header, footer, nav, ul, ol, li, div, p, img, br {
        /**margin: 0;
        padding: 0;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight:500;
        font-style: normal;
        font-feature-settings: "palt";
        line-height: 200%;
        color: #000000;**/
        font-size: 13px;
    }

    h3 {
        font-size: 1.4em;
        letter-spacing: 0.1em;
    }

    h4 {
        font-size: 1.25em;
        font-weight: 700;
    }

    p {
        letter-spacing: 0.1em;
    }

    ul, ol {
        list-style: none;
    }
}

@media(min-width:750px){
    .sp{
        display: none !important;
    }
}

@media(max-width:751px){
    .pc{
        display: none !important;
    }
}

/* フローティング PC */
/**.floating-banner {
    display: none;
}**/
/**@media screen and (max-width: 990px) {
    .floating-banner {
        display: none;
    }
}**/
/**@media screen and (max-width: 640px) {**/
    .floating-banner_pc {
        position: fixed;
        z-index: 99999;
        top: 20px;
        right: 0;
        width: 40px;
    }
    .floating-banner_pc ul {
        width: 100%;
        height: 220px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px 0 0 20px;
        background: #b5452c;
    }
    .floating-banner_pc ul li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .floating-banner_pc ul li a {
        font-weight: 700;
        font-feature-settings: "none";
        writing-mode: vertical-rl;
        color: #FFFFFF;
    }
    /**.floating-banner ul li:nth-child(1) a {
        display: flex;
        align-items: center;
        font-family: "Roboto", sans-serif;
        font-size: 1.25em;
        font-optical-sizing: auto;
        font-style: normal;
        font-variation-settings: "wdth" 100;
        letter-spacing: 0.02em;
        line-height: 100%;
    }
    .floating-banner ul li:nth-child(1) a:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px 0 0;
        border-radius: 50%;
        background: #FFFFFF url(../mangetu_images/icn_tel-02.svg) no-repeat center center / 50%;
    }**/
/**}**/
/* /フローティング PC */

/* フローティング SP */
/**.floating-banner {
    display: none;
}
@media screen and (max-width: 990px) {
    .floating-banner {
        display: none;
    }
}
@media screen and (max-width: 640px) {**/
    .floating-banner {
        position: fixed;
        z-index: 99999;
        bottom: 0;
        width: 100%;
    }
    .floating-banner ul {
        width: 100%;
        height: 45px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        background: #b5452c;
    }
    .floating-banner ul li {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .floating-banner ul li:nth-child(1) {
        border-right: 1px solid #FFFFFF;
    }
    .floating-banner ul li a {
        font-weight: 700;
        color: #FFFFFF;
    }
    .floating-banner ul li:nth-child(1) a {
        display: flex;
        align-items: center;
        font-family: "Roboto", sans-serif;
        font-size: 1.25em;
        font-optical-sizing: auto;
        font-style: normal;
        font-variation-settings: "wdth" 100;
        letter-spacing: 0.02em;
        line-height: 100%;
    }
    .floating-banner ul li:nth-child(1) a:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px 0 0;
        border-radius: 50%;
        background: #FFFFFF url(../mangetu_images/icn_tel-02.svg) no-repeat center center / 50%;
    }
/**}**/
/* /フローティング SP */