@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section,article,aside,hgroup,header,footer,nav,dialog,figure,menu,video,audio,mark,time,canvas,details {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    /* 1rem = 100pxと同義 */
    font-size: 100px;
}
body{
    min-width: 1025px;
    font-size: .16rem;
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Myriad Pro, Myriad, Arial, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
    color: #3e3a39;
    overflow-x: scroll;
    text-size-adjust: 100%;
	background: #fff;
}
img {
	max-width: 100%;
	margin: auto;
    vertical-align: bottom;
}
a {
    color: #3e3a39;
    text-decoration: none;
	display: inline-block;
}
a img{
    text-decoration: none;
}
section,article,aside,hgroup,header,footer,nav,dialog,figure,figcaption {
	display: block;
}
input,select {
    vertical-align: middle;
}
ul,
li,
dl,
dt,
dd,
form {
    margin: 0px;
    padding: 0px;
    border: 0px;
    list-style: none;
}
li::marker {
    margin: 0;
    padding: 0;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
ins {
    /* remember to highlight inserts somehow! */
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    /* markup tables with 'cellspacing="0"' */
    border-collapse: collapse;
    border-spacing: 0;
}
button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    border: 0;
    background: transparent;
    outline: 0;
    border-radius: 0;
    text-align: inherit;
}
button:hover {
    cursor: pointer;
}
@media only screen and (max-width: 1024px) {
    html{
        /* 1rem = 50pxと同義 */
        font-size: 50px;
    }
    body{
        min-width: 100%;
        font-size: calc((.16rem * 100 / 50) * 0.9);
    }
}
@media only screen and (max-width: 640px) {
body{
        min-width: 100%;
}