@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
/*------------------------------------------------------------
	basic
------------------------------------------------------------*/
html
{
    font-size: 62.5%;
}

body
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;

    min-width: 1100px;

    letter-spacing: .22em;

    color: #000;

    -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 750px)
{
    body
    {
        font-size: 3.73333vw;

        min-width: 100%;
    }
}

body.selector
{
    -webkit-font-feature-settings: 'palt';
        -ms-font-feature-settings: 'palt';
            font-feature-settings: 'palt';
}

img
{
    max-width: 100%;

    vertical-align: middle;

    border: none;
}

a
{
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

a:hover
{
    opacity: .5;
}

*:focus
{
    outline: none;
}

li
{
    list-style: none;
}

input[type='submit'],
input[type='button']
{
    -webkit-box-sizing: content-box;
            box-sizing: border-box;

    border: none;
    border-radius: 0;

    -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button;
}

input[type='submit']::-webkit-search-decoration,
input[type='button']::-webkit-search-decoration
{
    display: none;
}

input[type='submit']::focus,
input[type='button']::focus
{
    outline-offset: -2px;
}

.sp
{
    display: none;
}

@media screen and (max-width: 750px)
{
    .sp
    {
        display: block;
    }
}

.pc
{
    display: block;
}

@media screen and (max-width: 750px)
{
    .pc
    {
        display: none;
    }
}