:root {
    --blue-color: #052850;
    --gray-color: #F7F7F7;
    --bg-color: #E7E4DD;
    --gray-title-color: #C7C7C7;
    --No-color:#526470;
    --responsive-val: 10px;
}

.site-container {
    font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 10px;
    color: #000000;
    line-height: 1.5;
}

.sp-style {
    display: none;
}

@media screen and (max-width: 1350px) {
    .site-container {
    --responsive-val: 0.7vw;
    }
}

@media screen and (max-width: 768px) {
    .site-container {
        --responsive-val: 2.7vw;
    }

        .pc-style {
        display: none;
    }

    .sp-style {
        display: block;
    }
}

.site-container h1,
.site-container h2,
.site-container h3 {
    color: var(--blue-color);
}

.site-container h1,
.site-container h2,
.site-container h3,
.site-container h4 {
    font-size: calc(var(--responsive-val)*4);
    font-weight: 100;
}