@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap'); /*webFont => NotSans*/
@import url("/css/fonts/font_NotoSansJP.min.css");

/* メディアクエリー関係
------------------------------------------------------------ */
body{-webkit-text-size-adjust:100%;}

/* font-size 
------------------------------------------------------------ */
html{font-size:100%;}
@media screen and (min-width:320px){ html{font-size:100%;}body{font-size:60%;} }
@media screen and (min-width:380px){ html{font-size:100%;}body{font-size:60%;} }
@media screen and (min-width:400px){ html{font-size:100%;}body{font-size:60%;} }
h2{font-size:150%;}
h3{font-size:140%;}
h4{font-size:130%;}
h5{font-size:120%;}
h6{font-size:110%;}

/* reset 
------------------------------------------------------------ */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
*{
    font-family:'Noto Sans JP', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    font-feature-settings : "palt";
/*    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic", Osaka,sans-serif;*/
}
body{margin:0; padding:0; color:#4D4D4D;}

header, section, footer, aside, nav, article, figure{display:block;}
a img{border:none;}
a:link{color:#36C; text-decoration:underline;}
a:visited{color:#36F; text-decoration:underline;}
a:hover, a:active, a:focus{text-decoration:none;}
img{vertical-align:bottom;}

html, body, div, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, 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{margin:0; padding:0; border:0; outline:0; color:#333;}

li, 
dt, 
dd, 
td, 
th, 
p{line-height:1.4em;}
p{margin:0.2em 0 0.4em 0;}

ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
 
img{margin:0; padding:0;}
img{width:100%; height:auto;}

noscript{display:none;}

/* clearfix
------------------------------------------------------------ */
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}

/* Hides from IE-mac */
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */