/* CSS Document */

table {
	width:100%;
	margin-bottom: 2em;
}
	tr {border-bottom: rgba(0,0,0,0.1) solid 1px; background-color: rgba(255,255,255,1.00);}
	tr:first-child {border-top: rgba(0,0,0,0.1) solid 1px;}
		/*画面サイズxs(~767px)の場合*/
		@media screen and (max-width:767px) {
			tr:first-child {border-top-style: none;}
		}
		th,td {}
			th {padding:0.6em 0.2em 0.6em 0.2em; background-color: rgba(0,160,255,0.10); text-align:center; font-size:12pt; letter-spacing: 0.07em;}
			td {padding:0.6em 0.2em 0.6em 1.4em;}

/* 左右に一対のth,tdタグがある場合は、tableにclassセレクタを指定しない。 */
	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		tr {border-style: none;}
		th,td {display: inline-block;}
		th {width:100%; text-align:left; padding-left:0.4em;}
		td {width:100%; padding-left:0em; padding-right:0em;}
	}

	/*画面サイズsm(768px～991px)の場合*/
	@media screen and (min-width:768px) and (max-width:991px) {
		th {width:25%;}
		td {width:75%;}
	}

	 /*画面サイズmd(992px～1199px)の場合*/
	@media screen and (min-width:992px) and (max-width:1199px) {
		th {width:20%;}
		td {width:80%;}
	}

	/*画面サイズlg(1200px～)の場合*/
	@media screen and (min-width:1200px) {
		th {width:24%;}
		td {width:76%;}
	}
	
	th.requiard-item {
		background-image: url("../images/icon-required.svg");
		background-repeat: no-repeat;
		background-position: 97% center;
		background-size: 30px;
	}