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

/* table（複数列）
------------------------------------ */
table.multitbl, table.multitbl4 {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 90%;
	table-layout: fixed;
}
table.multitbl tr, table.multitbl4 tr {
	background-color: #fff;
	border-top: 1px dashed #000;
}
table.multitbl tr, table.multitbl4 tr:last-child{
	margin-bottom: 0.625em;
	border-bottom:1px dashed #000;
}
table.multitbl th, table.multitbl td, table.multitbl4 th, table.multitbl4 td {
	padding: 1em 10px 1em 1em;
	text-align: left;
}
table.multitbl th:first-child, table.multitbl td:first-child{
	width: 44%;
}
table.multitbl th:last-child, table.multitbl td:last-child{
	width: 28%;
}
table.multitbl4 th:first-child, table.multitbl4 td:first-child{
	width: 25%;
}
table.multitbl4 th:last-child, table.multitbl4 td:last-child{
	width: 25%;
}
/*table.multitbl4 th.width27, table.multitbl4 td.width27{
	width: 27%;
}*/
table.multitbl4 th.width29, table.multitbl4 td.width29{
	width: 29%;
}
table.multitbl thead tr, table.multitbl4 thead tr{
	background-color: #eee;
}
.tbltxt{
	text-align: left;
}
@media screen and (max-width: 768px) {
	table.multitbl, table.multitbl4 {
		border: 0;
		width:100%;
	}
	table.multitbl th, table.multitbl4 th{
		background-color: #eee;
		display: block;
		text-align: center;
	}
	table.multitbl th:first-child, table.multitbl td:first-child, table.multitbl4 th:first-child, table.multitbl4 td:first-child, table.multitbl4 th.width27, table.multitbl4 td.width27{
		width:100%;
	}
	table.multitbl thead, table.multitbl4 thead{
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	table.multitbl th:last-child, table.multitbl td:last-child, table.multitbl4 th:last-child, table.multitbl4 td:last-child{
		width: 100%;
	}
	table.multitbl tr, table.multitbl4 tr {
		display: block;
		margin-bottom: -0.1em;/*.625em*/
		border-top: 1px solid #000;
	}
	table.multitbl td, table.multitbl4 td {
		position: relative;
		/*border-top: 1px dashed #000;*/
		display: block;
		padding: .625em .625em .625em 6em;
	}
	table.multitbl td::before, table.multitbl4 td::before {
		content: attr(data-label);
		font-weight: bold;
		position: absolute;
		left: 10px;
	}
}

/* common style
-------------------------------------------- */
/* テキスト - SPのみ
------------------------*/
@media screen and (max-width:767px){
	.brSP:before{content:"\A";display:block}
	.hiddenSP,.forPC,.forTB{display:none}
}
/* テキスト - TBのみ
------------------------*/
@media screen and (min-width:768px) and (max-device-width:991px){
	.brTB:before{content:"\A";display:block}
	.hiddenTB,.forPC,.forSP{display:none}
}
/* テキスト - PC
------------------------*/
@media screen and (min-width:992px){
	.brPC:before{content:"\A";display:block}
	.hiddenPC,.forTB,.forSP{display:none}
}

.fontS{font-size:0.8em;}
.fontM{font-size:1.2em}
.fontMM{font-size:1.3em; line-height:1.6em;}
.fontL{font-size:1.5em;line-height:1.8}
.fontLL{font-size:2em}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt1em{margin-top:1em !important}
.mt2em{margin-top:2em !important}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb1em{margin-bottom:1em !important}
.mb2em{margin-bottom:2em !important}

.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr1em{margin-right:1em !important}
.mr2em{margin-right:2em !important}

.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml1em{margin-left:1em !important}
.ml2em{margin-left:2em !important}

.mtb0{margin-top:0;margin-bottom:0 !important}
.mrl8{margin-right:8px;margin-left:8px !important}

.fontRed{color:#dc000c!important;}

.txtC{text-align:center!important}
.txtR{text-align:right!important}
.txtL{text-align:left!important}