@charset "utf-8";
/*===========================
add
===========================*/
:root {
	--basic-color:#01577c;
}



/*===========================
.box01
===========================*/
.box01{
 text-align: center;
 margin-bottom: 40px;
}
.box01 i{
 color: var(--basic-color);
}

.box01 .ic01{
 font-size: 3em;
 margin-bottom: 5px;
}


/*===========================
table2-cus
===========================*/
.tableScroll {
 border-right: 3px solid #4f4d47;
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
 white-space: nowrap;
 width: 100%;
}

.tableScroll table{
 width: 1800px;
 border-collapse: collapse !important;
 table-layout: fixed;

}

.table2-cus th{
 background-color: #ececec !important;
 color: #000 !important;
}

.table2-cus th.em4{width: 4em !important;}
.table2-cus th.em6{width: 6em !important;}
.table2-cus th.em7{width: 7em !important;}
.table2-cus th.em9{width: 9em !important;}
.table2-cus th.em10{width: 10em !important;}


.table2-cus td{
 vertical-align: middle;
 text-align: center;
 white-space: normal;  /* 折り返しを許可 */
 word-break: break-word;
}

.table2-cus td a.f-pdf{
 font-size: 2em;
 color: #b30b00;
}

.table2-cus td a.f-pdf:hover{
	cursor:pointer;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)"; 
 -moz-opacity:0.7; 
 -khtml-opacity: 0.7; 
 opacity:0.7;
 zoom:1;
	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


.table2-cus .bgc01{background-color: #f7e759;}
.table2-cus .bgc02{background-color: #cdf1fa;}
.table2-cus .bgc03{background-color: #eeffc5;}
.table2-cus .bgc04{background-color: #78dfff;}
.table2-cus .bgc05{background-color: #ffc9ff;}
.table2-cus .bgc06{background-color: #d5ffd0;}
.table2-cus .bgc07{background-color: #c2d2ff;}







/*===========================
font
===========================*/
.fw-b{font-weight: bold;}



/*===========================
width
===========================*/
.w150px{
 width: 150px;
}

.w150px-center{
 width: 150px;
 margin: 0 auto;
}

.w200px{
 width: 200px;
}


.w100p{
	width: 100% !important;
	display: block;
}


@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.w90Tablet{
		width: 90% !important;
		box-sizing: border-box;
	}

	.w80Tablet{
		width: 80% !important;
		box-sizing: border-box;
	}

	.w50Tablet{
		width: 50% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 600px) {
	.w100sp,
	.w90Tablet,
	.w80Tablet,
	.w50Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

	.w70sp{
		width: 70% !important;
		box-sizing: border-box;
	}

	.width-sp-50 img{
		width: 50% !important;
	}
}



/*===========================
ol
===========================*/
ol.nam li,
ol li.txtIconPoint{
	display: list-item !important;
	list-style-type: decimal;
 margin-left: 20px;
}

.liw100 li{
	width: 100% !important;
	display: block;
}


/*1)片方格好リスト-----------------------*/
ol.sigle-parentheses {
  list-style-type: none !important;
}
ol.sigle-parentheses > li {
  counter-increment: cnt;
}
ol.sigle-parentheses > li:before {
  content: counter(cnt) "）";
}



/*===========================
wf
===========================*/
.wf-t-all ,ul.wf-t-all {
	width: fit-content;
	margin: auto;
}

@media screen and (min-width: 769px) {
	ul.wf-t,	ol.wf-t{
		width: fit-content;
		margin: auto;
	}
}


@media screen and (min-width: 601px) {
	ul.wf-pcONtabletONspOFF {
		width: fit-content !important;
		margin: auto !important;
	}
}