/* =========================================================================================================
 　　base
========================================================================================================= */

/* =====================
  main
===================== */


/*-- area-finance --*/
.area-finance {}

.area-finance.bg-title::before {
  left: 20px;
  content: "FINANCIAL INDICES";
}

.area-finance .finance-item {
  margin-top: 80px;
}

.area-finance .finance-item .table-inner {
  width: 100%;
  overflow-x: auto;
}

.area-finance .finance-item .table-inner table {
  width: 768px;
}

.area-finance .finance-item > h4 {
  margin-bottom: 20px;
  font-weight: 700;
}

.area-finance table {
  width: 100%;
}

.area-finance table th,
.area-finance table td {
  border: 1px solid #cccc;
  padding: 24px;
  box-sizing: border-box;
}

.area-finance table td {
  text-align: right;
}

.area-finance table th {
  background-color: #efefef;
  font-weight: 400;
}

.area-finance table tr:first-of-type th {
  background-color: #e5eaf4;
}

.area-finance table td dl {
  display: flex;
}

.area-finance table td dl dt {
  padding-right: 20px;
  box-sizing: border-box;
}

.area-finance table td dl dt.none {
  display: none;
}

.area-finance .finance-graph {
  max-width: 860px;
  margin: 40px auto;
}


/* ====================================================================================
		tablet
==================================================================================== */
@media screen and (min-width: 768px) {
  .area-finance .finance-item .table-inner table {
    width: 100%;
  }

  .area-finance .finance-graph {
    margin: 80px auto;
  }
}



/* ====================================================================================
		PC
==================================================================================== */

@media screen and (min-width: 1024px) {}