@charset "utf-8";

/*---------------------------------------------------------------
  トライアルご利用条件
-----------------------------------------------------------------*/

/* タイポグラフィ */
small {
	/*font-size: 0.875rem;*/
	/* 20210727 修正のため追記 */
	font-size: 14px;
	/* /20210727 修正のため追記 */
}

/* スペーシング */
.mt-1 {
	margin-top: 0.25rem !important;
}
.mt-2 {
	margin-top: 0.5rem !important;
}
.mt-3 {
	margin-top: 1rem !important;
}
.mt-4 {
	margin-top: 1.5rem !important;
}
.mt-5 {
	margin-top: 3rem !important;
}


@media only screen and (max-width: 480px) {
	.column p, .column li {
		font-size: 1rem;
	}
}


/* テーブル */
.tbl-scroll-a+*:not([class^="hdg-"]):not([class*=" hdg-"]) {
	margin-top: 34px;
}

@media only screen and (max-width:480px) {
	.tbl-scroll-a+*:not([class^="hdg-"]):not([class*=" hdg-"]) {
		margin-top: 36px;
	}
}

.tbl-scroll-a+[class^=tbl-], .tbl-scroll-a+[class*=" tbl-"] {
	margin-top: 40px;
}

@media only screen and (max-width:767px) {
	.tbl-scroll-a {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.tbl-scroll-a>table {
		width: 768px!important;
	}
}
table {
	border-collapse: collapse;
}
.tbl-a {
	table-layout: fixed;
}

.tbl-a + * :not([class^="hdg-"]):not([class*=" hdg-"]) {
	margin-top: 34px;
}

@media only screen and (max-width: 480px) {
	.tbl-a + * :not([class^="hdg-"]):not([class*=" hdg-"]) {
		margin-top: 36px;
	}
}

.tbl-a + [class^=tbl-], .tbl-a + [class*=" tbl-"] {
	margin-top: 40px;
}

.tbl-a th, .tbl-a td {
	padding: 10px 16px;
	border: 1px solid #b1b1ac;
	/* 20210727 修正のため追記 */
	font-size: 18px;
	/* /20210727 修正のため追記 */
}

.tbl-a th.diff-bg-a, .tbl-a td.diff-bg-a {
	background: #ffecee;
}

.tbl-a th > img.icon-a, .tbl-a td > img.icon-a {
	vertical-align: middle;
    margin-left: 3px;
    margin-right: 6px;
}

.tbl-a thead th, .tbl-a thead td {
	font-weight: 700;
	text-align: center;
	background: #c6c6c0;
}

.tbl-a thead tr:first-child > * :first-child {
	width: 240px;
}

@media only screen and (max-width: 767px) {
	.tbl-a thead tr:first-child > * :first-child {
		width: 180px;
	}
}

@media only screen and (max-width: 480px) {
	.tbl-a thead tr:first-child > * :first-child {
		width: 100px;
	}
}

.tbl-a tbody th, .tbl-a tbody .th {
	width: 200px;
	font-weight: 400;
	vertical-align: top;
	text-align: left;
	background: #dad9d6;
}

@media only screen and (max-width: 767px) {
	.tbl-a tbody th, .tbl-a tbody .th {
		width: 180px;
	}
}

@media only screen and (max-width: 480px) {
	table th {
		display: table-cell;
		list-style: none;
		width: inherit;
		padding: inherit;
		font-size: 1rem;
		color: inherit;
		font-weight: inherit;
	}
	table td {
		display: table-cell;
		list-style: none;
		width: inherit;
		padding: inherit;
		font-size: 1rem;
		line-height: inherit;
		border-top: inherit;
	}
	.tbl-a tbody th, .tbl-a tbody .th {
		width: 100px;
	}
}
.tbl-a tbody td {
	background: #fff;
}
.tbl-a.diff-equality thead tr:first-child > * :first-child {
	width: auto;
}
.tbl-a.diff-equality tbody th, .tbl-a.diff-equality tbody .th {
	width: auto;
}
@media only screen and (max-width: 767px) {
	.tbl-a.diff-sp-col1 {
		display: block;
	}

	.tbl-a.diff-sp-col1 tbody {
		display: block;
	}

	.tbl-a.diff-sp-col1 tbody tr {
		display: block;
	}

	.tbl-a.diff-sp-col1 tbody tr:last-child td:last-child {
		border-bottom: 1px solid #b1b1ac;
	}

	.tbl-a.diff-sp-col1 tbody th, .tbl-a.diff-sp-col1 tbody .th {
		display: block;
		width: 100%;
		border-bottom: 0;
	}

	.tbl-a.diff-sp-col1 tbody td {
		display: block;
		width: 100%;
		border-bottom: 0;
	}
}


/* テーブル内リスト調整 */
.tbl-a ul {
	margin-top: 0 !important;
}
.tbl-a ul li:first-child {
	margin-top: 0;
}
