html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
}

body {
    word-wrap: break-word;
    background: #fff;
    color: #292F34;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.75;
    overflow-x: hidden;
}

p {
    color: #434D56;
}

a {
    text-decoration: none;
    color: #292F34;
    font-weight: 700;
    font-size: 16px;
    transition: color 0.3s;
}

a:hover {
    color: #5D90BF;
}

a :visited {
    color: inherit;
}

h2 {
    font-size: 4rem;
    line-height: 1.5;
    font-weight: 700;
    width: 100%;
}

h3 {
    font-size: 3em;
    font-weight: 700;
}

h3 span {
    display: block;
    color: #5D90BF;
    font-size: 0.3em;
    line-height: 1.5;
    margin-bottom: -8px;
}

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

h5 {
    color: #5D90BF;
    font-size: 2.5em;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-align: center;
}

h6 {
    display: inline-block;
    width: auto;
    color: #5D90BF;
    font-size: 0.75em;
    background-color: #E4F5FF;
    padding: 3px 6px;
    font-weight: 700;
}

.color_blue {
    color: #5D90BF;
}

.color_green {
    color: #45A1A6;
}

.color_white {
    color: #fff;
}

.color_orange {
    color: #F18101;
}

.color_gradetion_blue {
    background: linear-gradient(90deg, #5D90BF 0%, #2951B1 100%);
}

.color_gradetion_green {
    background: linear-gradient(90deg, #7BCACE 0%, #45A1A6 100%);
}

.text_small {
    font-size: 12px;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

@media screen and (max-width: 1080px) and (min-width: 768px) {

    html,
    body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        width: 100%;
    }

    body {
        font-size: 14px;
    }

    h2 {
        white-space: nowrap;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}

/*-スマホ-*/
@media screen and (max-width: 767px) {

    html,
    body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        width: 100%;
    }

    body {
        font-size: 14px;
    }

    h2 {
        white-space: nowrap;
        font-size: 3em;
    }

    h3 {
        font-size: 2.2em;
    }

    h4 {
        font-size: 1.2em;
    }

    h5 {
        font-size: 1.8em;
        ;
    }

    h6 {
        font-size: 0.8em;
    }

    a {
        font-size: 14px;
    }

    svg {
        width: 20%;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

}