@charset "UTF-8";

/*********************************************************************
*  Base
*********************************************************************/
html {
    background: #fff;
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 62.5%;
    font-weight: 400;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

img { display: block }

ol, ul { list-style: none }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}

a {
    color: inherit;
    text-decoration: none;
}

var {
    font-size: 100%;
    font-style: normal;
}

q:before, q:after { content: "" }

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

:focus { outline: none }

::placeholder { color: #9e9e9e }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -moz-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
}

input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    background : none;
    font-family: inherit;
    box-sizing: border-box;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="color"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="color"], textarea, select {
    padding: 0 5px;
    border: 1px solid #a9a9a9;
    background: #fff;
    font-size: 1.6rem;
    box-sizing: border-box;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
}
input[type="number"] { -moz-appearance:textfield }
input[type="submit"],
input[type="button"] {
    -webkit-box-sizing: content-box;
    -webkit-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 }
select {
    width: 100%;
    padding: 0 18px 0 10px;
    border: 1px solid #999;
}

input[type=radio], input[type=checkbox] { display: none }