body {
    margin: 0 auto;
    z-index: 1;
	font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
	}	
div, ol, ul, dl {
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	}
p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6, dt, dd {
    margin: 0px;
    padding: 0px;
	}
table {
    margin: 0px;
    padding: 0px;
	}

td, th, caption, thead {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	}
/*li{
	list-style:none;
	}
img {
	vertical-align:bottom;
	}*/
a:link {
	color: #102268;
	text-decoration: underline;
	}
a:active {
	color: #102268;
	text-decoration: underline
	}
a:visited {
	color: #102268;
	text-decoration: underline;
	}
a:hover {
	color:#09C;
	text-decoration:underline
	}

a.n:link {
	color: #102268;
	text-decoration: none
	}
a.n:active {
	color: #102268;
	text-decoration: none
	}
a.n:visited {
	color: #102268;
	text-decoration: none
	}
a.n:hover {
	color:#09C;
	text-decoration: none
	}

a.re:link {
    color: #AB0000;
	}
a.re:active {
    color: #AB0000;
	}
a.re:visited {
    color: #AB0000;
	}
a.re:hover {
    color: #F71C1C;
	}

a.r:link {
    color: #F3060A;
    text-decoration: underline;
	}
a.r:active {
    color: #F3060A;
    text-decoration: underline
	}
a.r:visited {
    color: #F3060A;
    text-decoration: underline;
	}
a.r:hover {
    color: #FB47A0;
    text-decoration: underline
	}

a.or:link {
    color: #EC7104;
	}
a.or:active {
    color: #EC7104;
	}
a.or:visited {
    color: #EC7104;
	}
a.or:hover {
    color: #AF5301;
	}

a.w:link {
	color: #FFF;
	}
a.w:active {
	color: #FFF;
	}
a.w:visited {
	color: #FFF;
	}
a.w:hover {
	color: #6FF;
	}

a.wn:link {
	color: #FFF;
	text-decoration: none
	}
a.wn:active {
	color: #FFF;
	text-decoration: none
	}
a.wn:visited {
	color: #FFF;
	text-decoration: none
	}
a.wn:hover {
	color: #6FF;
	text-decoration: none
	}

a.f:link {
    color: #FFF;
    text-decoration: none;
	}
a.f:active {
    color: #FFF;
    text-decoration: none;
	}
a.f:visited {
    color: #FFF;
    text-decoration: none;
	}
a.f:hover {
    color: #C4C4C4;
    text-decoration: underline;
	}

a.t:link {
    text-decoration: none;
    color: #EFEFEF;
	}
a.t:active {
    text-decoration: none;
    color: #EFEFEF;
	}
a.t:visited {
    text-decoration: none;
    color: #EFEFEF;
	}
a.t:hover {
    color: #FFFFFF;
    text-decoration: none;
	}
	
a img {
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	vertical-align: bottom;
	display: block;
	line-height: 0px;
	}
	em {
	font-style: normal;
	}
	
a.foot:link {
	color:#FFF;
	text-decoration: none;
	}
a.foot:active {
	color:#FFF;
	text-decoration:underline
	}
a.foot:visited {
	color:#FFF;
	text-decoration: none;
	}
a.foot:hover {
	color:#FFF;
	text-decoration:underline
	}
	
.colorB {color: #4b4848;}
	

/* 行揃え */
.right { text-align: right  !important; }
.left { text-align: left !important; }
.center {
    text-align: center !important;
}
/* // 行揃え */


/* ブロックレベル要素の中央寄せ */
.blockCenter { margin-right: auto !important; margin-left: auto !important; }
/* // ブロックレベル要素の中央寄せ */


/* 縦位置の指定 */
.vTop { vertical-align: top !important; }
.vBottom { vertical-align: bottom !important; }
.vMiddle { vertical-align: middle !important; }
.vBase { vertical-align: baseline !important; }
.vTxtTop { vertical-align: text-top !important; }
.vTxtBottom { vertical-align: text-bottom !important; }
/* // 縦位置の指定 */


/* ブロック／インラインの変更 */
.block { display: block !important; }
.inline { display: inline !important; }
/* // ブロック／インラインの変更 */

/* 回り込み指定 */
.floatRight {
	float: right !important;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	font-size: 80%;
}
.floatLeft {
	float: left !important;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10px;
	color: #333;
	text-align: right;
}
.floatClear2 {
	height: 2px;
	clear: both;
	width: 100%;
}
.floatClear20 {
    clear: both;
    height: 20px;
}
.floatClear50 {
	height: 50px;
	clear: both;
}
.floatClear100 {
	height: 100px;
	clear: both;
}
.floatClearDot {
	height: 10px;
	clear: both;
	width: 100%;
	line-height: 0px;
	font-size: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.floatClear5 {
	height: 5px;
	clear: both;
	width: 100%;
	line-height: 0px;
	font-size: 2px;
}
.floatClear10 {
	height: 10px;
	clear: both;
	width: 100%;
	line-height: 0px;
	font-size: 2px;
}
/* // 回り込み指定 */


/* 回り込みの解除 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {
	display: block;
	clear: both;
	height: 0px;
}
.clearfixB {
	display: block;
	float: left;
	width: 100%;
	height: 20px;
}
/* End hide from IE-mac */

div.floatClear {
	clear: both !important;
}
div.floatClear hr { display: none !important; }
/* // 回り込みの解除 */



/* 文字サイズ変更 */
.size1px { font-size: 1px !important; }
.size060 { font-size: 60% !important; }
.size065 {
    font-size: 65% !important;
}
.size070 { font-size: 70% !important; }
.size075 { font-size: 75% !important; }
.size080 { font-size: 80% !important; }
.size085 { font-size: 85% !important; }
.size090 { font-size: 90% !important; }
.size095 { font-size: 95% !important; }
.size100 { font-size: 100% !important; }
.size110 { font-size: 110% !important; }
.size120 { font-size: 120% !important; }
.size130 { font-size: 130% !important; }
.size140 { font-size: 140% !important; }
.size150 { font-size: 150% !important; }
.size160 { font-size: 160% !important; }
.size170 { font-size: 170% !important; }
.size180 { font-size: 180% !important; }
/* // 文字サイズ変更 */


/* ライン高指定 */
.line10 {
    line-height: 1 !important;
}
.line11 { line-height: 1.1 !important; }
.line12 { line-height: 1.2 !important; }
.line13 { line-height: 1.3 !important; }
.line14 { line-height: 1.4 !important; }
.line15 { line-height: 1.5 !important; }
.line16 { line-height: 1.6 !important; }
.line17 { line-height: 1.7 !important; }
.line18 { line-height: 1.8 !important; }
.line19 { line-height: 1.9 !important; }
.line20 { line-height: 2.0 !important; }
/* // ライン高指定 */


/* 文字スタイル指定 */
.light { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.underline { text-decoration: underline !important; }
.normal { text-decoration: none !important; font-style: normal !important; }
/* // 文字スタイル指定 */


/* 改行禁止 */
.nowrap { white-space: nowrap !important; }
/* // 改行禁止 */


/* 行頭1文字を前に出す */
.hang05 { text-indent: -0.5em !important; margin-left: 0.5em !important; }
.hang10 { text-indent: -1em !important; margin-left: 1em !important; }
/* 行頭1文字を前に出す */


/* 間隔指定 */
.m00 { margin: 0    !important; }
.m05 { margin: 5px  !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.m55 { margin: 55px !important; }
.m60 { margin: 60px !important; }
.m65 { margin: 65px !important; }
.m70 { margin: 70px !important; }
.m75 { margin: 75px !important; }
.m80 { margin: 80px !important; }
.m85 { margin: 85px !important; }
.m90 { margin: 90px !important; }
.m95 { margin: 95px !important; }
.m100 { margin: 100px !important; }

.mt00 { margin-top: 0    !important; }
.mt05 { margin-top: 5px  !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0    !important; }
.mr05 { margin-right: 5px  !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 {
    margin-right: 20px !important;
    margin-left: 0px;
    margin-bottom: 10px;
}
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

.mb00 { margin-bottom: 0    !important; }
.mb05 { margin-bottom: 5px  !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left: 0    !important; }
.ml05 { margin-left: 5px  !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

.mv00 { margin-top: 0 !important;    margin-bottom: 0   !important; }
.mv05 { margin-top: 5px !important;  margin-bottom: 5px  !important; }
.mv10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mv20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mv30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mv35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.mv40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mv45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.mv50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mv55 { margin-top: 55px !important; margin-bottom: 55px !important; }
.mv60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mv65 { margin-top: 65px !important; margin-bottom: 65px !important; }
.mv70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mv75 { margin-top: 75px !important; margin-bottom: 75px !important; }
.mv80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.mv85 { margin-top: 85px !important; margin-bottom: 85px !important; }
.mv90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.mv95 { margin-top: 95px !important; margin-bottom: 95px !important; }
.mv100 { margin-top: 100px !important; margin-bottom: 100px !important; }

.mh00 { margin-right: 0 !important;    margin-left: 0   !important; }
.mh05 { margin-right: 5px !important;  margin-left: 5px  !important; }
.mh10 { margin-right: 10px !important; margin-left: 10px !important; }
.mh15 { margin-right: 15px !important; margin-left: 15px !important; }
.mh20 { margin-right: 20px !important; margin-left: 20px !important; }
.mh25 { margin-right: 25px !important; margin-left: 25px !important; }
.mh30 { margin-right: 30px !important; margin-left: 30px !important; }
.mh35 { margin-right: 35px !important; margin-left: 35px !important; }
.mh40 { margin-right: 40px !important; margin-left: 40px !important; }
.mh45 { margin-right: 45px !important; margin-left: 45px !important; }
.mh50 { margin-right: 50px !important; margin-left: 50px !important; }
.mh55 { margin-right: 55px !important; margin-bottom: 55px !important; }
.mh60 { margin-right: 60px !important; margin-bottom: 60px !important; }
.mh65 { margin-right: 65px !important; margin-bottom: 65px !important; }
.mh70 { margin-right: 70px !important; margin-bottom: 70px !important; }
.mh75 { margin-right: 75px !important; margin-bottom: 75px !important; }
.mh80 { margin-right: 80px !important; margin-bottom: 80px !important; }
.mh85 { margin-right: 85px !important; margin-bottom: 85px !important; }
.mh90 { margin-right: 90px !important; margin-bottom: 90px !important; }
.mh95 { margin-right: 95px !important; margin-bottom: 95px !important; }
.mh100 { margin-right: 100px !important; margin-bottom: 100px !important; }
/* // 間隔指定 */


/* 余白指定 */
.p00 { padding: 0    !important; }
.p05 { padding: 5px  !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }
.p55 { padding: 55px !important; }
.p60 { padding: 60px !important; }
.p65 { padding: 65px !important; }
.p70 { padding: 70px !important; }
.p75 { padding: 75px !important; }
.p80 { padding: 80px !important; }
.p85 { padding: 85px !important; }
.p90 { padding: 90px !important; }
.p95 { padding: 95px !important; }
.p100 { padding: 100px !important; }

.pt00 { padding-top: 0    !important; }
.pt05 { padding-top: 5px  !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

.pr00 { padding-right: 0    !important; }
.pr05 { padding-right: 5px  !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

.pb00 { padding-bottom: 0    !important; }
.pb05 { padding-bottom: 5px  !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb240 { padding-bottom: 240px !important; }

.pl00 { padding-left: 0    !important; }
.pl01 { padding-left: 1px  !important; }
.pl05 { padding-left: 5px  !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }

.pv00 { padding-top: 0 !important;    padding-bottom: 0   !important; }
.pv05 { padding-top: 5px !important;  padding-bottom: 5px  !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pv30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.pv40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.pv50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pv55 { padding-top: 55px !important; padding-bottom: 55px !important; }
.pv60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.pv65 { padding-top: 65px !important; padding-bottom: 65px !important; }
.pv70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.pv75 { padding-top: 75px !important; padding-bottom: 75px !important; }
.pv80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.pv85 { padding-top: 85px !important; padding-bottom: 85px !important; }
.pv90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.pv95 { padding-top: 95px !important; padding-bottom: 95px !important; }
.pv100 { padding-top: 100px !important; padding-bottom: 100px !important; }

.ph00 { padding-right: 0 !important;    padding-left: 0   !important; }
.ph05 { padding-right: 5px !important;  padding-left: 5px  !important; }
.ph10 { padding-right: 10px !important; padding-left: 10px !important; }
.ph15 { padding-right: 15px !important; padding-left: 15px !important; }
.ph20 { padding-right: 20px !important; padding-left: 20px !important; }
.ph25 { padding-right: 25px !important; padding-left: 25px !important; }
.ph30 { padding-right: 30px !important; padding-left: 30px !important; }
.ph35 { padding-right: 35px !important; padding-left: 35px !important; }
.ph40 { padding-right: 40px !important; padding-left: 40px !important; }
.ph45 { padding-right: 45px !important; padding-left: 45px !important; }
.ph50 { padding-right: 50px !important; padding-left: 50px !important; }
.ph55 { padding-right: 55px !important; padding-bottom: 55px !important; }
.ph60 { padding-right: 60px !important; padding-bottom: 60px !important; }
.ph65 { padding-right: 65px !important; padding-bottom: 65px !important; }
.ph70 { padding-right: 70px !important; padding-bottom: 70px !important; }
.ph75 { padding-right: 75px !important; padding-bottom: 75px !important; }
.ph80 { padding-right: 80px !important; padding-bottom: 80px !important; }
.ph85 { padding-right: 85px !important; padding-bottom: 85px !important; }
.ph90 { padding-right: 90px !important; padding-bottom: 90px !important; }
.ph95 { padding-right: 95px !important; padding-bottom: 95px !important; }
.ph100 { padding-right: 100px !important; padding-bottom: 100px !important; }
/* // 余白指定 */


/* --------------------------------------------------
	animation
-------------------------------------------------- */
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
  from {
    transform: translateY(-10px); opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.an-fi {
	animation: fadeIn 1s;
    animation-timeline: view();
}
@keyframes fadeIn-sp {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.slidein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.0s;
  &.slidein-left{
      transform: translate(-100%,0);
  }
  &.slidein-right{
      transform: translate(100%,0);
  }
  &.slidein-up{
      transform: translate(0,-50%);
  }
  &.slidein-bottom{
      transform: translate(0,100%);
  }
  &.scrollin{
    transform: translate(0, 0)!important;
    opacity: 1!important;
  }
}
.an-fi-s {
	animation: fadeIn-sp 1s;
    animation-timeline: view();
}

/* --------------------------------------------------
	背景
-------------------------------------------------- */

.bg-stl {
    background-color: #E8E5E0;
    background-image: linear-gradient(90deg, #d2d2d280 1px, transparent 1px), linear-gradient(#d2d2d280 1px, transparent 1px);
    background-position: 10px 10px;
    background-size: 11px 11px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* --------------------------------------------------
	page-top
-------------------------------------------------- */

#page-top {
	position: fixed;
	bottom: 100px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 37px;
	text-align: center;
	display: block;
	border-radius: 5px;
	padding-right: 0;
	padding-left: 0;
	height: 37px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
@media screen and (max-width: 767px) {
#page-top {
    display: none;
    visibility: hidden;
}
}
.dotline {
	height: 20px;
	border-bottom: 1px dotted #8D8D8D;
	margin-bottom: 20px;
}
.red {
	color: #FC0606;
}
.redB {
	color: #FC0606;
	font-size: 130%;
}
.img_r {
	float: right;

}

/* --------------------------------------------------
	mouse over effect
-------------------------------------------------- */
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	line-height: 0px;
}

.tex80right {
	text-align: right;
	font-size: 80%;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}.noi {
    list-style-image: none;
    list-style-type: none;
}
.over2018 {
    background-color: #74FF05;
}
.over2017 {
    background-color: #F7F506;
}
/*モーダル*/
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}

.modal-button {
    color: #4f96f6;
    background-color: #eeeeee;
    font-weight: bold;
    text-align: center;
    cursor :pointer;
    transition: all 0.3s;
    display: block;
    margin-top: 40px;
    margin-bottom: 1px;
    padding: 12px 2px;
    max-width:300px;
    text-decoration: none;
}

.modal-button:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*下に動く*/

}

/*アイコンを表示*/
.modal-button:after {
font-family: "Font Awesome 5 Free";
  content: "\f2d0";
    padding-left: 8px;
}

/*ラベルホバー時*/
.modal-button:hover {
  color: #FFFFFF;
  background-color: #4f96f6;
  transition: .6s;
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
    box-sizing: border-box;
    display: inline-block;
    z-index: 20;
    position: relative;
    width: 80%;
    max-width: 900px;
    padding: 10px 30px 25px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .6);
    vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
    max-height: 80vh;
    overflow-y: auto;
    text-align: left;
    overflow-x: auto;
    width: 100%;
    max-width: 800px;
}

.modal_title {
  font-size: 1.5em;
	position: relative;
	overflow: hidden;
  padding: 0;
}

.modal_title::before,
.modal_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}

/* h2 プライマリカラー*/
.modal_title:before{
	border-bottom: 4px solid #6bb6ff;
	width: 100%;
}
/* h2 セカンダリカラー*/
.modal_title:after{
	border-bottom: 4px solid #c8e4ff;
	width: 100%;
}

.modal-content p {
  margin: 10px 0 0 0;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 35px;
  color: #95979c !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}
.modal-window .modal-content img {
    width: 100%;
    height: auto;
}

math msqrt mi {
    font-family: Arial, Helvetica, sans-serif;
}

.size040 {
    font-size: 40%;
}
.size050 {
    font-size: 50%;
    font-weight: 400;
}
.white {
    color: #FFFFFF;

}
#col-or {
    background-color: #FDE49C;
    padding-right: px;
}
.blue {
    color: #0134D7;
}
.green {
    color: #319707;
}
.mainBox .li02 .li-right {
    text-align: right;
    list-style-type: none;
    list-style-image: none;
}
tbody tr .tab_title {
	text-align: center;
	font-size: 110%;
	color: #FFFFFF;
	background-color: #13229E;
}
tbody tr td {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 80%;
    font-weight: 400;
}
tbody tr .tab_stitle {
    font-weight: 700;
    background-color: #C8D6F9;
}
tbody tr .tav_cat {
	background-color: #E8EDFB;
}
#whole-w {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    position: relative;
}
.bg-gray {
    background-color: #E5E5E5;
}
.bg-w {
    background-color: #FFFFFF;
}
.border-all {
    border: 1px solid #B8B8B8;
}
#mainBox .discBox .in-line {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: 1px solid #4378C9;
}
.discBox .in-line p {
    font-size: 90%;
    line-height: 1.7em;
    font-weight: normal;
}
.map-i {
    background-image: url(../../score-text/images/1_4/icon.png);
    background-repeat: no-repeat;
    background-position: 40px center;
    padding-right: px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 90%;
    margin-left: 20px;
    margin-top: 10px;
}
.v-c {
    vertical-align: middle;
    line-height: 110px;
}
.f-inf {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #2A87C3;
    border-bottom: 1px solid #2A87C3;
    padding-left: 5%;
    padding-right: 5%;
}
.fuki {
    border-radius: 5px;
    background-color: #EB0408;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    font-size: 100%;
    line-height: 1.5em;
    color: #FFFFFF;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: bold;
    float: left;
}
.ex-red {
    line-height: 1.3em;
    color: #FC060A;
    font-size: 70%;
}
#pointBan a #top01 {
}
.bg-txt-noda {
    background-image: url(../../images/top-txt-noda.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.h3-c {
    font-size: 150%;
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    text-align: center;
}
.h5-c {
    font-size: 110%;
    text-align: center;
}
.txt-w {
    color: #FFFFFF;
}
.pdf-ib {
    margin-left: 10px;
    background-image: url(../../images/pdf20.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-size: 15px auto;
    padding-right: 20px;
}
.box202402 {
    margin-bottom: 10px;
    border: 8px solid #1269C5;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #DFEFF7;
}
#pointBan .box202402 p {
    font-size: 90%;
    line-height: 1.8em;
}
.round-gray {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 100%;
    border: 2px solid rgba(151,151,151,1.00);
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: 400;
}
.waku {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: 1px solid #202774;
    font-size: 110%;
    line-height: 1.8em;
}
.ti-per {
    border: 2px solid #F9BA1C;
    color: #EB6205;
    font-size: 90%;
    padding-left: 10px;
    padding-right: 10px;
}
.ti-cor {
    border: 2px solid #00A65B;
    color: #00A65B;
    font-size: 90%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1em;
    padding-bottom: 0px;
}
.ti-corb {
    border: 2px solid #2668B1;
    color: #FFFFFF;
    font-size: 90%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1em;
    padding-bottom: 0px;
    background-color: #2668B1;
    font-weight: 400;
}
.ent-tx-box {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 130%;
    font-weight: bold;
    background-color: #F5EB8F;
    border: 2px solid #FBC94D;
    text-align: left;
    padding-left: 6%;
}
.ent-tx-box2 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    border: 2px solid #DADADA;
    margin-left: auto;
    margin-right: auto;
}
.ent-tx-box3 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    border: 2px solid #DADADA;
    margin-left: auto;
    margin-right: auto;
}
.nom1 {
    padding-left: 50px;
    background-image: url(../../entry/images/nom01.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 3px;
}
.nom2 {
    padding-left: 50px;
    background-image: url(../../entry/images/nom2.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 3px;
}
.nom1c {
    padding-left: 50px;
    background-image: url(../../corporation/images/nom-h01.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 3px;
}
.nom2c {
    padding-left: 50px;
    background-image: url(../../corporation/images/nom-h02.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 3px;
}
.nom3c {
    padding-left: 50px;
    background-image: url(../../corporation/images/nom-h03.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 3px;
}
.nom4c {
    padding-left: 50px;
    background-image: url(../../corporation/images/nom-h04.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 3px;
}
.nom5c {
    padding-left: 50px;
    background-image: url(../../corporation/images/nom-h05.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 3px;
}
.bt-ent-or {
    float: left;
    width: 280px;
    text-align: center;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 110%;
    font-weight: 400;
    background-color: #EB6205;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: 1px 1px 3px #868686;
    box-shadow: 1px 1px 3px #868686;
    margin-top: 10px;
    margin-bottom: 10px;
}
.bt-ent-or:hover {
    background-color: #FA802D;
}
.bt-ent-or-off {
    float: left;
    width: 280px;
    text-align: center;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 130%;
    font-weight: normal;
    background-color: #B1B1B1;
    padding-top: 10px;
    padding-bottom: 5px;
    -webkit-box-shadow: 1px 1px 3px #868686;
    box-shadow: 1px 1px 3px #868686;
}
.bt-ent-bl {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #FFFFFF;
    background-color: #2668B1;
    font-size: 90%;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}
.bt-ent-bl:hover {
    background-color: #4989D1;
}

.ent-more {
    border-radius: 20px;
    font-size: 80%;
    color: #2668B1;
    background-color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 2px;
}
.ent-more-c {
    border-radius: 20px;
    font-size: 90%;
    color: #FFFFFF;
    background-color: #2668B1;
    padding-left: 8px;
    padding-right: 8px;
    width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-weight: 400;
}
.tx-bl-box {
    border: 2px solid #2668B1;
}
.tx-bl-c {
    text-align: center;
    background-color: #2668B1;
    color: #FFFFFF;
    font-size: 110%;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
}
.inner {
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
}
.ent-ex {
    border: 2px solid #868686;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 100%;
    line-height: 1.8em;
    margin-top: 10px;
    font-weight: 400;
}
.tx-bl-c2 {
    text-align: center;
    background-color: #2668B1;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
.inden2 {
    text-indent: -15px;
    padding-left: 10px;
    margin-left: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 80%;
    margin-right: 10px;
    margin-top: 0px;
    padding-top: 5px;
}
.tx-gr-c {
    text-align: center;
    color: #646464;

}
tr td .td-ent01 {
    font-size: 110%;
    border: 1px solid #868686;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 1px;
}
tr td .td-ent02 {
    font-size: 110%;
    color: #FFFFFF;
    background-color: #38BC02;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 1px;
}
tr td .td-ent03 {
    font-size: 110%;
    color: #FFFFFF;
    background-color: #02B1A8;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 1px;
}
.line-w {
    border-color: #FFFFFF;
}
.bt-pdf {
    float: left;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 90%;
    border-radius: 10px;
    background-image: url(../../form/images/pdf20.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    border: 1px solid #B1B1B1;
    background-color: #FFFFFF;
    margin-top: 10px;
}
.bt-pdf:hover {
    background-color: #E0FDD5;
}
.bt-pdf-fin {
    float: left;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 90%;
    border-radius: 10px;
    background-image: url(../../form/images/pdf20-fin.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    border: 1px solid #B1B1B1;
    background-color: #BFBFBF;
    margin-top: 10px;
    color: #858585;
}
.bt-xls {
    float: left;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 90%;
    border-radius: 10px;
    background-image: url(../../form/images/excel.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    border: 1px solid #B1B1B1;
    background-color: #FFFFFF;
    margin-top: 10px;
}
.bt-xls:hover {
    background-color: #E0FDD5;
}
.bt-xls-fin {
    float: left;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 90%;
    border-radius: 10px;
    background-image: url(../../form/images/excel-fin.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    border: 1px solid #B1B1B1;
    background-color: #BFBFBF;
    margin-top: 10px;
    color: #858585;
}
.ent-ctx-box {
    float: left;
    padding-top: 2%;
    padding-bottom: 2%;
    font-size: 100%;
    font-weight: 700;
    background-color: #FBF5E0;
    border: 2px solid #FBC94D;
    width: 95%;
    text-align: left;
    padding-right: 2%;
    padding-left: 2%;
    line-height: 1.8em;
}
.ent-inf-greenbox {
    border-radius: 5px;
    text-align: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 2px;
    font-size: 120%;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #00A65B;
}
.ent-inf-greenbox:hover {
    background-color: #38BC02;
}
.ent-inf-bluebox {
    border-radius: 5px;
    text-align: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 2px;
    font-size: 120%;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #2668B1;
}
.ent-inf-bluebox:hover {
    background-color: #3D9FD5;
}
.waku-green {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 100%;
    line-height: 1.6em;
    border: 2px solid #00A65B;
    margin-left: auto;
    margin-right: auto;
}
.waku-green-s {
    width: 80%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 100%;
    line-height: 1.6em;
    border: 2px solid #00A65B;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}
.soon {
    float: left;
    padding-left: 20px;
    margin-top: 15px;
    font-size: 90%;
    color: #E80202;
}
.bt-tebiki {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 150%;
    text-align: center;
    font-weight: bold;
    border: 2px solid #2668B1;
    border-radius: 10px;
    color: #2668B1;
    line-height: 1em;
}
.bt-tebiki:hover {
    background-color: #DCF0F9;
}
.bt-tebiki-fin {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 150%;
    text-align: center;
    font-weight: bold;
    border: 2px solid #BFBFBF;
    border-radius: 10px;
    color: #BFBFBF;
    line-height: 1em;
    background-color: #E9E9E9;
}
/* add2025 */
.txt-sp {
    letter-spacing: 10px;
}
.or {
    color: #E54700;
}
.top-line {
    border-top: 1px solid #B8B8B8;
}
.bk{
	color: #000000;
}
.tab_bg {
	background-color: #E6E5E5;
}
.link-ban:hover {
    background-color: #F1F1F1;
    
}
.bt-top:hover {
    background-color: #F1F1F1;
}
.bt-top-b:hover {
    background-color: #F1F1F1;
}
.gaiyoBox-fix {
    padding-top: 10px;
    padding-bottom: 15px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border: 4px solid #E48521;
    padding-left: 0px;
    max-width: 800px;
    background-color: #FFFFFF;
}