@charset "UTF-8";

body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    /* フォント <weight>: Use a value from 100 to 900 */
    font-size: clamp(16px, 19/1290*100vw, 19px);
    letter-spacing: 0;
    line-height: calc(27/19);
    max-width: 100%;
    color: #000;
    background: #fff;
    font-feature-settings: "palt";
}

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

img {
    height: auto;
    width: 100%;
    vertical-align: middle;
}

a {
    text-decoration: none;
}

a img {
    display: block;
    vertical-align: middle;
}

ul li {
    list-style: none;
}

h2 {
    font-size: 2.316em;
    line-height: calc(57/44);
    letter-spacing: 0.02em;
}

h3 {
    font-size: 1.58em;
    line-height: calc(33/30);
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}


.content_wrap {
    width: 100%;
    max-width: 1290px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    body {
        font-size: clamp(16px, 26/750*100vw, 26px);
    }

    h2 {
        font-size: clamp(20px, 44/750*100vw, 44px);
    }

    h3 {
        font-size: clamp(18px, 30/750*100vw, 30px);
    }

    .content_wrap {
        padding: 0 min(50/750*100vw, 50px);
    }
}