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

body {  -webkit-text-size-adjust: 100%; background:#fff; color: #302d2c; }
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", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 67.5%; color: #333; line-height: 1.6; font-weight: 500;}
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; }
img{ vertical-align:bottom; width: 100%; height: auto;}
section,main,figure,figcaption,nav, main { display:block; margin:0; padding:0; }
sub { vertical-align:baseline; }
a { text-decoration: none;}
b { font-weight: normal;}

/* 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.noWrap { flex-wrap:no-wrap; }
.flexBox.noSpace { justify-content:flex-start; }
.flexBox > * { flex-grow:0; flex-shrink:1; }

html,body { scroll-behavior: smooth;}

/* TEXT */
.palt { font-feature-settings: "palt";}


/* 
@font-face {
	src: url("/fonts/NotoSansJP-Regular.woff2") format("woff2");
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	src: url("/fonts/NotoSansJP-Medium.woff2") format("woff2");
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	src: url("/fonts/NotoSansJP-Bold.woff2") format("woff2");
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

*/

@media screen and ( min-width:768px) {
  .spOnly { display: none !important;}
}
@media screen and ( max-width:767px) {
  .pcOnly { display: none !important;}

}