/* CSS Document */


table {
	width:100%;
	margin-top: 1em;
	margin-bottom: 2em;
}
	tr {border-bottom: rgba(0,0,0,0.1) solid 1px; background-color: rgba(255,255,255,1.00);}

		th,td { height: 60px;}
			th {padding:0.9rem 0.2rem 0.6rem 0.2rem; background-color: rgba(0,160,255,0.10); text-align:center; font-size:12pt; letter-spacing: 0.07em;}
			td {padding:0.9rem 0.2rem 0.6rem 1.4rem;}

				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.requiard-item {
					background-image: url("../images/icon-required.svg");
					background-repeat: no-repeat;
					background-position: 97% center;
					background-size: 30px;
				}

/* 左右に一対の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; height:38px;}
		td {width:100%; padding-left:0em; padding-right:0em;}
	}

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

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

	/*画面サイズlg(1200px～)の場合*/
	@media screen and (min-width:1200px) {
		th {width:30%;}
		td {width:70%;}
	}