html
{
    width: 100%;
    margin: 0 auto;
}

body
{
    margin: 0;
}

header
{
    max-width: 1344px;
    margin: 0 auto;
    padding: 10px 0 30px;
}

header .sns-link
{
    margin-bottom: 20px;

    text-align: end;
}

header .sns-link img
{
    width: 20px;
    margin: 0 7px;

    vertical-align: middle;
}

header .header-logo
{
    display: inline;
    float: left;
}

header .header-logo img
{
    width: 380px;
}

header .customer-center p
{
    font-size: 14px;

    margin: 0;

    text-align: end;
    vertical-align: middle;
}

header .customer-center .black-circle
{
    font-size: 14px;
    font-weight: bold;

    margin-right: 10px;
    padding: 5px 20px;

    color: #fff;
    border-radius: 20px;
    background: #333;
}

header .customer-center .customer-tel
{
    font-size: 24px;
    font-weight: bold;
}

footer
{
    margin: 100px 0 0;
}

footer img
{
    display: block;

    width: 380px;
    margin: 20px auto;
}

footer .footer-red
{
    padding: 10px 100px;

    text-align: end;

    background: #e60012;
}

footer .footer-red li
{
    display: inline;

    padding: 0 20px;

    list-style: none;

    color: #fff;
}

footer .footer-red a
{
    text-decoration: none;

    color: #fff;
}

section
{
    max-width: 1344px;
    margin: auto;
}

.gray-title-box
{
    padding: 50px 0;

    text-align: center;

    background: #efefef;
}

.gray-title-box .kana-title
{
    font-size: 30px;
    font-weight: bold;

    text-align: center;
}

.gray-title-box .en-title
{
    font-size: 14px;
    font-weight: bold;

    text-align: center;

    color: #e60012;
}

.sp-br,
.customer-center-sp,
.sns-link-sp
{
    display: none;
}

@media screen and (max-width: 992px)
{
    header
    {
        padding: 20px;
    }
    header .header-logo
    {
        display: contents;
    }
    header .header-logo img
    {
        width: 60%;
    }
    .customer-center,
    .sns-link
    {
        display: none;
    }
    .sp-br
    {
        display: inline;
    }
    footer
    {
        margin-top: 80px;
    }
    footer img
    {
        width: 60%;
    }
    footer .footer-red
    {
        padding: 20px 0;
    }
    footer .footer-red li
    {
        display: block;

        text-align: center;
    }
    .customer-center-sp
    {
        display: block;
    }
    .customer-center-sp p
    {
        font-size: 14px;

        margin: 0;

        text-align: center;
        vertical-align: middle;
    }
    .customer-center-sp .black-circle
    {
        font-size: 14px;
        font-weight: bold;

        margin-right: 10px;
        padding: 5px 20px;

        color: #fff;
        border-radius: 20px;
        background: #333;
    }
    .customer-center-sp .customer-tel
    {
        font-size: 22px;
        font-weight: bold;

        color: #000;
    }
    .sns-link-sp
    {
        display: block;

        text-align: center;
    }
    .sns-link-sp img
    {
        display: inline;

        width: 20px;
        margin: 0 7px;

        vertical-align: middle;
    }
    section
    {
        max-width: 90%;
    }
}