@charset "UTF-8";
/* ================================ * /
            FONT 設定
==================================== */
/* フォントの読み込み */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
	/*フォントの名前*/
	font-family: "banana";
	/*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
	src: url("../font/banana.woff2") format("woff2"), url("../font/banana.woff") format("woff");
}

.font--fammily__notoSans {
	font-family: "Noto Sans JP", sans-serif !important;
	font-style: normal;
}

.font--fammily__banana {
	font-family: "banana" !important;
	font-style: normal;
}

/* ================================ * /
            色 変数設定
==================================== */
:root {
	--main-color__blue: #005EB0;
	--main-color__yellogreen: #C3D700;
	--main-color__black: #333333;
}

/* ================================ * /
            共通設定
==================================== */
.show_pc {
	display: block;
}

.show_sp {
	display: none;
}

@media (max-width: 1023px) {
	.show_pc {
		display: none;
	}

	.show_sp {
		display: block;
	}
}

body {
	/* font-family: "ＭＳ Ｐゴシック", "Osaka"; */
	font-family: sans-serif !important;
	background-image:     url(../images/bg.gif);
	margin: 0px;
	color: #666666;
}

td{
	color:#444444;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0.09em;
	line-break: strict
}

th{
	font-size: 12px;
	font-weight: bold;
}

a:link     { color: #004D73;}
a:visited  { color: #6B79A5; text-decoration: none; }
a:active   { color: #634929; text-decoration: underline; }
a:hover    { color: #FF6600; text-decoration: underline; }

.mono10px { font-family: "ＭＳ ゴシック", "Osaka－等幅"; font-size: 10px}
.mono11px { font-family: "ＭＳ ゴシック", "Osaka－等幅"; font-size: 11px}
.mono12px { font-family: "ＭＳ ゴシック", "Osaka－等幅"; font-size: 12px}

.prop10px { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 10px}
.prop11px { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 11px}
.prop12px { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px}