@charset "utf-8";
/* ===========================================================

	Title:		about.css
	Created:	2020-9-30

=========================================================== */
/* ===========================================================

	finance
	borrowings-table
	
=========================================================== */
table tr.debt-tr td {
	border-top: none !important;
}

.bong-graph-sp {
	display: none;
}
@media screen and (max-width: 1023px) {
	.bong-graph {
		display: none;
	}
	.bong-graph-sp {
		display: block !important;
	}
}

.calculation-table thead .sorting, .calculation-table thead .sorting_asc, .calculation-table thead .sorting_desc, .calculation-table thead .sorting_asc_disabled, .calculation-table thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

/* sort
----------------------------------------------------------- */
.sort-btn td {
	padding: 0.1em;
	background-color: #03abcc;
}
.sort-arrow {
	display: flex;
	justify-content: center;
}
.sort-arrow__button {
	width: 20px;
	height: 20px;
	margin: 0 1px;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-color: #fff;
	position: relative;
	border: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all .3s ease;
}
.sort-arrow__button::before {
	position: absolute;
	content: " ";
	top: 50%;
	right: 50%;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
}
.sort-arrow__button--down:before {
	margin: -5px -4px 0 0;
	border-right: 1px solid #0165ad;
	border-bottom: 1px solid #0165ad;
}
.sort-arrow__button--up:before {
	margin: -2px -4px 0 0;
	border-top: 1px solid #0165ad;
	border-left: 1px solid #0165ad;
}
.sort-arrow__button:hover {
}
.sorting_desc .sort-arrow__button--down,
.sorting_asc .sort-arrow__button--up{
	background-color: #0165ad;
}
.sorting_desc .sort-arrow__button--down:before {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.sorting_asc .sort-arrow__button--up:before {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

/* ===========================================================

	borrowings-table

=========================================================== */
.borrowings-table--en {}
@media screen and (max-width: 1023px) {
	.js-scroll-table.borrowings-table--en {
		width: 1500px !important;
	}
	.js-scroll-table.borrowings-table--en th,
	.js-scroll-table.borrowings-table--en td {
		width: 12% !important;
		white-space: normal;
	}
	.js-scroll-table.borrowings-table--en tr th:first-child {
		width: 28% !important;
	}
	
	.js-scroll-table.borrowings-table--ja {
		width: 1000px !important;
	}
	.js-scroll-table.borrowings-table--ja th,
	.js-scroll-table.borrowings-table--ja td {
		width: 12% !important;
		white-space: normal;
	}
	.js-scroll-table.borrowings-table--ja tr th:first-child {
		width: 28% !important;
	}
}