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

/*------------------------------------------------------------
	ブランド共通
------------------------------------------------------------*/
body {
    font-family: "Noto Sans JP", sans-serif;
    padding: 0;
    margin: 0;
}

#brand {
    width: 100%;
    border-radius: 0.1rem;
}

#brand img {
   margin: 0 auto;
}

#brand .mainImg {
    margin: -11.5rem auto 7rem auto;
    max-width: 139.6rem;
    width: 100%;
}

#brand .content {
    margin: 0 auto;
    max-width: 110.6rem;
    text-align: center;
    width: 100%;
}

#brand .content p {
    font-size: 2.2rem;
    font-weight: 300;
    letter-spacing: 0.2rem;
    line-height: 4.5rem;
    margin: 5rem 5rem 7rem 5rem;
}

#brand .nameImg img {
    margin: 0 auto;
    max-width: 43rem;
    width: 100%;
}

#brand .link {
    font-size: 2.2rem;
    margin: 12rem auto 20rem auto;
    max-width: 54rem;
    width: 100%;
    height: 8rem;
    line-height: 8rem;
    background-color: #333333;
    color: #ffffff;
    border-radius: 0.5rem;
}

/* ソナエモンのみ */
#brand #sonaemon .nameImg img {
    margin: 0 auto;
    max-width: 57.7rem;
    width: 100%;
}

/* お名前シールのみ */
#brand #name-seal .nameImg img {
    margin: 0 auto;
    max-width: 43.3rem;
    width: 100%;
}

/* canverのみ */
#brand #canver .nameImg img {
    margin: 0 auto;
    max-width: 24.5rem;
    width: 100%;
}

/* pridoのみ */
#brand #prido .nameImg img {
    margin: 0 auto;
    max-width: 16.5rem;
    width: 100%;
}

/* pureprairieのみ */
#brand #pure-prairie .nameImg img {
    margin: 0 auto;
    max-width: 20.2rem;
    width: 100%;
}

/* vifyのみ */
#brand #vify .nameImg img {
    margin: 0 auto;
    max-width: 17.3rem;
    width: 100%;
}

/* レッドヒル */
#brand #redhill .nameImg img {
    margin: 0 auto;
    max-width: 25.2rem;
    width: 100%;
}

#brand #concept {
    margin-bottom: 20rem;
}


/* SP　sp */
@media all and (max-width: 767px) {

    #brand #pagePath {
        margin-bottom: 13.5rem;
    }

    #brand .mainImg {
        margin-bottom: 3rem;
    }

    #brand .nameImg img {
        width: 50%;
        margin: 3rem auto;
    }

    #brand .content p {
        font-size: 1.3rem;
        letter-spacing: 0.1rem;
        line-height: 3rem;
        margin: 3rem;
    }

    #brand .link {
        font-size: 1.7rem;
        margin: 5rem 2rem 7rem 2rem;
        width: auto;
        height: 5rem;
        line-height: 5rem;
        border-radius: 0.2rem;
    }

    /* レッドヒルのみ */
    #brand #redhill .nameImg img {
        width: 50%;
        margin-bottom: -1.5rem;
    }

    /* ソナエモンのみ */
    #brand #sonaemon .nameImg img {
        width: 60%;
    }

    /* canverのみ */
    #brand #canver .nameImg img {
        width: 50%;
    }

    /* pridoのみ */
    #brand #prido .nameImg img {
        width: 35%;

    }

    /* pureprairieのみ */
    #brand #pure-prairie .nameImg img {
        width: 35%;
        margin-bottom: -1.5rem;
    }

    /* vifyのみ */
    #brand #vify .nameImg img {
        width: 30%;
        margin-bottom: -1rem;
    }

    /* デミュウ-ソナエモン以外のみ */
    #brand #name-seal .nameImg img,
    #brand #others .nameImg img {
        width: 50%;
        margin: 3rem auto;
    }

    #brand  #concept{
        margin: 0 0 7rem 0;
        padding: 0;
    }
}