/*Reset Stylesheet--------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size: 16px;
    vertical-align: baseline;
    background: transparent;
    font-family:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-weight: normal;
    color: #333;
    line-height:2;
    letter-spacing:1px;
    list-style: none;
}
html{
    overflow: auto;
    overflow-y: scroll;
}
body {
    line-height:1;
    background: #fff;
    overflow-x: hidden;
    min-height: 100%;
    position: relative;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
p {
    margin: 0px;
    padding: 0px;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    color: #225fb7;
    transition: all .3s ease;
}
img{
    max-width: 100%;
    height: auto;
    display: block;
    transition: all .3s ease;
    backface-visibility: hidden;
    -ms-interpolation-mode: bicubic;
}
svg {
    display: block;
    max-width:100%;
    height: auto;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
::selection {
    color: #fff;
    background: #225fb7;
}
input{
    vertical-align:middle;
    position: relative;
    background: #fff;
}
select{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
}
select option{
    background-color: #fff;
    color: #333;
}
select::-ms-expand {
    display: none;
}
select:-moz-focusring { 
    color: transparent; 
    text-shadow: 0 0 0 #828c9a;
}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    cursor: pointer;
    -webkit-appearance: button;
    -ms-appearance: none;
    *overflow: visible;
}
input[type="submit"]{
    border: none;
}
input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
select::-ms-expand {
    display: none;
}
select:focus {
    outline: none;
}
select: {
    outline: none;
}
/* text */
input::-ms-clear {
  visibility: hidden;
}
input:focus {
    outline: none;
}
/* password */
input::-ms-reveal {
  visibility: hidden;
}
.display-name{
    color: #fff;
}
/* ie対策 */
img[src$=".svg"] {
    width: 100%;
}
/*Reset Stylesheet--------------------------------------------*/