@charset "UTF-8";

/* ===== Style Reset ===== */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{font-size:1em;margin:0px;padding:0px;line-height:100%;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th{font-weight:normal;font-style:normal;}
ul,ol,li{list-style:none;}
img{margin:0px;padding:0px;border:0px;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0px;}
body{margin:0px;padding:0px;text-align:center;}


/* ===== font Style ===== */

body{position:relative;height:100%;color:#333;}


/* ===== font Style ===== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{font-family: 'Noto Sans JP', sans-serif;color:#333;font-size:100%;text-align:left;}
.serif-reg{
  font-family: "Noto+Serif+JP", serif;
  font-weight: 400;
  font-style: normal;
}
.serif-bld{
  font-family: "Noto+Serif+JP", serif;
  font-weight: 700;
  font-style: normal;
}

/* ===== anchor Style ===== */

a{color:#333;text-decoration:none;}
a:link{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:active{color:#333;text-decoration:none;}



@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}