@charset "UTF-8";
/* CSS Document */

/* WER FONT */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');


body {  -webkit-text-size-adjust: 100%; background:#fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
html { overflow-y: scroll; font-family:'Noto Sans JP',  "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size: 12px; color: #333; line-height: 160%; word-spacing: 0.2em; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
table { border-collapse: collapse; border-spacing:0; }
caption, th { text-align: left; }
/*address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }*/
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
img{ vertical-align:bottom; width: auto; height: auto; max-width: 100%;}
img #logo{ vertical-align:bottom; width: auto; height: auto; max-width: 50%;}
section,main,figure,figcaption,nav, main { display:block; margin:0; padding:0; }
sub { vertical-align:baseline; }

/* CLEAR FIX */
.clear { clear:both; }
.clearFix { overflow:hidden; }
.clearFix:after { display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1; }  

/* FLEX BOX */
.flexBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
.flexBox.center { justify-content:center; }
.flexBox.start { justify-content:flex-start; }
.flexBox.noWrap { flex-wrap:no-wrap; }
.flexBox.noSpace { justify-content:flex-start; }
.flexBox > * { flex-grow:0; flex-shrink:1; }
.flexBox img { width: 100%;}

html,body { overflow-x: hidden;}

.palt { font-feature-settings: "palt";}

@media screen and ( min-width:768px) {
  .flexpc { display:flex; flex-wrap:wrap; justify-content:space-between; }
  .spOnly { display: none;}
}
@media screen and ( max-width:767px) {
  .flexsp { display:flex; flex-wrap:wrap; justify-content:space-between; }
  .pcOnly { display: none; }
}