@charset "UTF-8";
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
00.変数・配列指定
01.凡例
02.wrp構造
03.ボックス基本
04.ボックスカラー
05.ボックス座標
06.ボックスサイズ
07.リンク
08.トップメニュー
10.UPDATEアイコン
99.既存設定上書き
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 */
/* ===================================================================
00.変数・配列指定
=================================================================== */
/* 色-------------------------------------------------------------- */
/* ボックス座標・サイズ------------------------------------------------ */
/* ===================================================================
01.凡例
=================================================================== */
.trx-by-chart-legend {
  margin: 60px 0 5px;
}

.trx-by-chart-legend ul {
  text-align: right;
}

.trx-by-chart-legend ul li {
  display: inline-block;
}

.trx-by-chart-legend ul li div {
  display: inline-block;
  height: 18px;
  width: 18px;
  margin: 0 4px 0 15px;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-c1 {
  background-color: #f6ebdb;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-c2 {
  background-color: #e7f4e9;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-c3 {
  background-color: #f3ebf7;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-c4 {
  background-color: #e4edf7;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-c1 {
  outline: 1px solid #ed8000;
  outline-offset: -1px;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-c2 {
  outline: 1px solid #006f12;
  outline-offset: -1px;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-c3 {
  outline: 1px solid #8d42a9;
  outline-offset: -1px;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-c4 {
  outline: 1px solid #004da4;
  outline-offset: -1px;
}

.trx-by-chart-legend ul li div.trx-by-chart-legend-red {
  outline: 2px solid #b90f0f;
  outline-offset: -2px;
}

.trx-by-chart-legend ul li p {
  display: inline-block;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  transform: translateY(-30%);
  line-height: .8;
  margin-top: 0;
}

.trx-by-chart-legend ul li p span {
  font-size: 7px;
  font-weight: 200;
}

.trx-by-chart-legend ul li p span::before {
  content: "\A";
  white-space: pre;
}

/* ===================================================================
02.wrp構造
=================================================================== */
.trx-by-chart-full-wrp {
  position: relative;
  margin: 0 auto 60px;
  font-family: 'Helvetica', sans-serif;
}

.trx-by-chart-full-wrp .trx-by-chart-elm-wrp {
  position: absolute;
  margin-top: 56px;
}

.trx-by-chart-full-wrp .trx-by-chart-elm-wrp .trx-by-chart-box {
  position: absolute;
  z-index: 1;
}

.trx-by-chart-full-wrp .trx-by-chart-elm-wrp .trx-by-chart-box p.trx-by-chart-box-tag {
  position: absolute;
}

.trx-by-chart-full-wrp .trx-by-chart-elm-wrp .trx-by-chart-group {
  position: absolute;
  z-index: 0;
}

.trx-by-chart-full-wrp .trx-by-chart-elm-wrp .trx-by-chart-group p.trx-by-chart-group-title {
  position: absolute;
}

/* ===================================================================
03.ボックス基本
=================================================================== */
.trx-by-chart-elm-wrp * {
  box-sizing: border-box;
}

/* box------------------------------------------------------------- */
.trx-by-chart-box {
  width: 98px;
  height: 94px;
  padding: 4px;
  border-radius: 3px;
  background-color: #eee;
  border: 1px solid #bbb;
}

.trx-by-chart-box p {
  font-size: 11px;
  line-height: 1;
  margin: 0;
}

.trx-by-chart-box p.trx-by-chart-box-tag {
  top: -7px;
  right: -5px;
  padding: 0 3px;
  border-radius: .7em;
  background-color: #b90f0f;
  color: #fff;
}

.trx-by-chart-box p.trx-by-chart-box-title {
  font-weight: bold;
  border-bottom: 2px solid;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

.trx-by-chart-box p span.trx-by-chart-txt-c2 {
  color: #b90f0f;
}

.trx-by-chart-box.trx-by-chart-c1 span.trx-by-chart-txt-c1 {
  color: #703c00;
}

.trx-by-chart-box.trx-by-chart-c2 span.trx-by-chart-txt-c1 {
  color: #00470c;
}

.trx-by-chart-box.trx-by-chart-c3 span.trx-by-chart-txt-c1 {
  color: #44005e;
}

.trx-by-chart-box.trx-by-chart-c4 span.trx-by-chart-txt-c1 {
  color: #000e54;
}

/* group----------------------------------------------------------- */
.trx-by-chart-group {
  width: 108px;
  height: 104px;
  border: 2px dashed #bbb;
}

.trx-by-chart-group p.trx-by-chart-group-title {
  transform: translateY(-100%);
  left: -2px;
  width: calc(100% + 4px);
  min-height: 12px;
  padding: 1px 0;
  font-size: 10px;
  line-height: 1;
  background: #bbb;
  color: #fff;
  text-align: center;
}

/* ===================================================================
04.ボックスカラー
=================================================================== */
/* box------------------------------------------------------------- */
.trx-by-chart-box.trx-by-chart-c1 {
  background-color: #f6ebdb;
}

.trx-by-chart-box.trx-by-chart-c2 {
  background-color: #e7f4e9;
}

.trx-by-chart-box.trx-by-chart-c3 {
  background-color: #f3ebf7;
}

.trx-by-chart-box.trx-by-chart-c4 {
  background-color: #e4edf7;
}

.trx-by-chart-box.trx-by-chart-c1, .trx-by-chart-box.trx-by-chart-c1 .trx-by-chart-box-title {
  border-color: #ed8000;
}

.trx-by-chart-box.trx-by-chart-c2, .trx-by-chart-box.trx-by-chart-c2 .trx-by-chart-box-title {
  border-color: #006f12;
}

.trx-by-chart-box.trx-by-chart-c3, .trx-by-chart-box.trx-by-chart-c3 .trx-by-chart-box-title {
  border-color: #8d42a9;
}

.trx-by-chart-box.trx-by-chart-c4, .trx-by-chart-box.trx-by-chart-c4 .trx-by-chart-box-title {
  border-color: #004da4;
}

.trx-by-chart-box.trx-by-chart-red {
  border: 2px solid #b90f0f;
}

/* group----------------------------------------------------------- */
.trx-by-chart-group.trx-by-chart-c1 {
  border-color: #ed8000;
}

.trx-by-chart-group.trx-by-chart-c2 {
  border-color: #006f12;
}

.trx-by-chart-group.trx-by-chart-c3 {
  border-color: #8d42a9;
}

.trx-by-chart-group.trx-by-chart-c4 {
  border-color: #004da4;
}

.trx-by-chart-group.trx-by-chart-c1 p {
  background-color: #ed8000;
}

.trx-by-chart-group.trx-by-chart-c2 p {
  background-color: #006f12;
}

.trx-by-chart-group.trx-by-chart-c3 p {
  background-color: #8d42a9;
}

.trx-by-chart-group.trx-by-chart-c4 p {
  background-color: #004da4;
}

/* ===================================================================
05.ボックス座標
=================================================================== */
/* box------------------------------------------------------------- */
.trx-by-chart-box.trx-by-chart-x10 {
  left: calc(108px * ((10 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y10 {
  top: calc(104px * ((10 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x15 {
  left: calc(108px * ((15 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y15 {
  top: calc(104px * ((15 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x20 {
  left: calc(108px * ((20 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y20 {
  top: calc(104px * ((20 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x25 {
  left: calc(108px * ((25 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y25 {
  top: calc(104px * ((25 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x30 {
  left: calc(108px * ((30 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y30 {
  top: calc(104px * ((30 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x35 {
  left: calc(108px * ((35 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y35 {
  top: calc(104px * ((35 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x40 {
  left: calc(108px * ((40 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y40 {
  top: calc(104px * ((40 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x45 {
  left: calc(108px * ((45 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y45 {
  top: calc(104px * ((45 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x50 {
  left: calc(108px * ((50 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y50 {
  top: calc(104px * ((50 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x55 {
  left: calc(108px * ((55 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y55 {
  top: calc(104px * ((55 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x60 {
  left: calc(108px * ((60 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y60 {
  top: calc(104px * ((60 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x65 {
  left: calc(108px * ((65 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y65 {
  top: calc(104px * ((65 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x70 {
  left: calc(108px * ((70 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y70 {
  top: calc(104px * ((70 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x75 {
  left: calc(108px * ((75 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y75 {
  top: calc(104px * ((75 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x80 {
  left: calc(108px * ((80 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y80 {
  top: calc(104px * ((80 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x85 {
  left: calc(108px * ((85 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y85 {
  top: calc(104px * ((85 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x90 {
  left: calc(108px * ((90 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y90 {
  top: calc(104px * ((90 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x95 {
  left: calc(108px * ((95 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y95 {
  top: calc(104px * ((95 - 10) / 10) + 20px);
}

.trx-by-chart-box.trx-by-chart-x100 {
  left: calc(108px * ((100 - 10) / 10) + 50px);
}

.trx-by-chart-box.trx-by-chart-y100 {
  top: calc(104px * ((100 - 10) / 10) + 20px);
}

/* group----------------------------------------------------------- */
.trx-by-chart-group.trx-by-chart-x10 {
  left: calc(108px * ((10 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y10 {
  top: calc(104px * ((10 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x15 {
  left: calc(108px * ((15 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y15 {
  top: calc(104px * ((15 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x20 {
  left: calc(108px * ((20 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y20 {
  top: calc(104px * ((20 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x25 {
  left: calc(108px * ((25 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y25 {
  top: calc(104px * ((25 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x30 {
  left: calc(108px * ((30 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y30 {
  top: calc(104px * ((30 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x35 {
  left: calc(108px * ((35 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y35 {
  top: calc(104px * ((35 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x40 {
  left: calc(108px * ((40 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y40 {
  top: calc(104px * ((40 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x45 {
  left: calc(108px * ((45 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y45 {
  top: calc(104px * ((45 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x50 {
  left: calc(108px * ((50 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y50 {
  top: calc(104px * ((50 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x55 {
  left: calc(108px * ((55 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y55 {
  top: calc(104px * ((55 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x60 {
  left: calc(108px * ((60 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y60 {
  top: calc(104px * ((60 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x65 {
  left: calc(108px * ((65 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y65 {
  top: calc(104px * ((65 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x70 {
  left: calc(108px * ((70 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y70 {
  top: calc(104px * ((70 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x75 {
  left: calc(108px * ((75 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y75 {
  top: calc(104px * ((75 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x80 {
  left: calc(108px * ((80 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y80 {
  top: calc(104px * ((80 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x85 {
  left: calc(108px * ((85 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y85 {
  top: calc(104px * ((85 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x90 {
  left: calc(108px * ((90 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y90 {
  top: calc(104px * ((90 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x95 {
  left: calc(108px * ((95 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y95 {
  top: calc(104px * ((95 - 10) / 10) + 15px);
}

.trx-by-chart-group.trx-by-chart-x100 {
  left: calc(108px * ((100 - 10) / 10) + 45px);
}

.trx-by-chart-group.trx-by-chart-y100 {
  top: calc(104px * ((100 - 10) / 10) + 15px);
}

/* ===================================================================
06.ボックスサイズ
=================================================================== */
/* box------------------------------------------------------------- */
.trx-by-chart-box.trx-by-chart-w2 {
  width: calc(108px * 2 - 10px);
}

.trx-by-chart-box.trx-by-chart-h2 {
  height: calc(104px * 2 - 10px);
}

.trx-by-chart-box.trx-by-chart-w3 {
  width: calc(108px * 3 - 10px);
}

.trx-by-chart-box.trx-by-chart-h3 {
  height: calc(104px * 3 - 10px);
}

.trx-by-chart-box.trx-by-chart-w4 {
  width: calc(108px * 4 - 10px);
}

.trx-by-chart-box.trx-by-chart-h4 {
  height: calc(104px * 4 - 10px);
}

.trx-by-chart-box.trx-by-chart-w5 {
  width: calc(108px * 5 - 10px);
}

.trx-by-chart-box.trx-by-chart-h5 {
  height: calc(104px * 5 - 10px);
}

/* group----------------------------------------------------------- */
.trx-by-chart-group.trx-by-chart-w2 {
  width: calc(108px * 2);
}

.trx-by-chart-group.trx-by-chart-h2 {
  height: calc(104px * 2);
}

.trx-by-chart-group.trx-by-chart-w3 {
  width: calc(108px * 3);
}

.trx-by-chart-group.trx-by-chart-h3 {
  height: calc(104px * 3);
}

.trx-by-chart-group.trx-by-chart-w4 {
  width: calc(108px * 4);
}

.trx-by-chart-group.trx-by-chart-h4 {
  height: calc(104px * 4);
}

.trx-by-chart-group.trx-by-chart-w5 {
  width: calc(108px * 5);
}

.trx-by-chart-group.trx-by-chart-h5 {
  height: calc(104px * 5);
}

/* ===================================================================
07.リンク
=================================================================== */
a.trx-by-chart-link {
  color: #000;
}

a.trx-by-chart-link .trx-by-chart-box:hover {
  opacity: 0.7;
}

/* ===================================================================
08.トップメニュー
=================================================================== */
.trx-chart-ver2 {
  /* レスポンシブ------------------------------------------------------ */
}

.trx-chart-ver2 .trx-inner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.trx-chart-ver2 .trx-inner:first-child {
  margin-top: 20px !important;
}

.trx-chart-ver2 .trx-inner .trx-chartbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: calc((100% - 20px) / 3);
  margin: 0 10px 20px 0 !important;
  box-sizing: border-box;
  border: 1px solid #bcc5d0;
  border-radius: 2px;
  background-color: #f6f9fa;
  text-decoration: none !important;
  /* hover----------------------------------------------------------- */
}

.trx-chart-ver2 .trx-inner .trx-chartbox:nth-child(3n) {
  margin-right: 0 !important;
}

.trx-chart-ver2 .trx-inner .trx-chartbox .trx-chartbox-img {
  padding: 0 22.3px;
  background-color: #fff;
  border-bottom: 1px solid #bcc5d0;
}

.trx-chart-ver2 .trx-inner .trx-chartbox .trx-chartbox-btn {
  display: flex;
  padding: 10px 0;
  text-align: left;
  font-size: 0.9em !important;
  font-weight: bold;
  color: #023466;
}

.trx-chart-ver2 .trx-inner .trx-chartbox .trx-chartbox-btn span {
  display: flex;
  padding: 0 10px;
}

.trx-chart-ver2 .trx-inner .trx-chartbox .trx-chartbox-btn span::before {
  content: "";
  background: url(https://www.torex.co.jp/image/en/common/icn_arrow_02.png) no-repeat center;
  display: inline;
  padding: 0.5em 10px;
}

.trx-chart-ver2 .trx-inner .trx-chartbox:hover, .trx-chart-ver2 .trx-inner .trx-chartbox:active {
  border-color: #8494ad;
  background-color: #edf3f5;
}

.trx-chart-ver2 .trx-inner .trx-chartbox:hover .trx-chartbox-img, .trx-chart-ver2 .trx-inner .trx-chartbox:active .trx-chartbox-img {
  border-bottom-color: #8494ad;
  opacity: .8;
}

@media print, screen and (max-width: 760px) {
  .trx-chart-ver2 .trx-inner {
    display: block;
  }
  .trx-chart-ver2 .trx-inner .trx-chartbox {
    width: 100%;
  }
  .trx-chart-ver2 .trx-inner .trx-chartbox .trx-chartbox-img {
    padding: 0 4vw;
  }
  .trx-chart-ver2 .trx-inner .trx-chartbox .trx-chartbox-btn {
    padding: 15px 0;
  }
}

/* トップ用---------------------------------------------------------- */
@media print, screen and (min-width: 761px) {
  .trx-chart-ver2.trx-chart-ver2-top .trx-inner .trx-chartbox .trx-chartbox-img img {
    width: 247px;
  }
  .trx-chart-ver2.trx-chart-ver2-top .trx-inner .trx-chartbox:nth-child(3n) .trx-chartbox-img img {
    width: 246px;
  }
}

/* ===================================================================
10.UPDATEアイコン
=================================================================== */
.trx-tab-1 .trx-3, .trx-tab-1 .trx-4 {
  position: relative;
}

.trx-tab-1 .trx-3 span.trx-ch-update, .trx-tab-1 .trx-4 span.trx-ch-update {
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 70%;
  background-image: none !important;
  background-color: #d33b46;
  color: #fff;
  border-radius: .5em;
  padding: 4px 10px !important;
  width: auto;
  height: auto !important;
  font-size: 60%;
}

.trx-tab-4 .trx-3, .trx-tab-4 .trx-4 {
  position: relative;
}

.trx-tab-4 .trx-3 span.trx-ch-update, .trx-tab-4 .trx-4 span.trx-ch-update {
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 70%;
  background-image: none !important;
  background-color: #d33b46;
  color: #fff;
  border-radius: .5em;
  padding: 4px 10px !important;
  width: auto;
  height: auto !important;
  font-size: 60%;
}

@media print, screen and (max-width: 761px) {
  .trx-tab-1 .trx-3, .trx-tab-1 .trx-4 {
    position: static;
  }
  .trx-tab-1 .trx-3 span.trx-ch-update, .trx-tab-1 .trx-4 span.trx-ch-update {
    position: static;
    margin-left: 1em;
  }
  .trx-tab-4 .trx-3, .trx-tab-4 .trx-4 {
    position: static;
  }
  .trx-tab-4 .trx-3 span.trx-ch-update, .trx-tab-4 .trx-4 span.trx-ch-update {
    position: static;
    margin-left: 1em;
  }
}

/* ===================================================================
99.既存設定上書き
=================================================================== */
/* コンテンツ幅------------------------------------------------------ */
.byChart main {
  width: 100%;
}

.byChart main .trx-contents-2 {
  margin: 0 auto;
  width: 1140px;
}

.byChart main .trx-contents-2 h1.trx-h1-1, .byChart main .trx-contents-2 nav.trx-share, .byChart main .trx-contents-2 .trx-by-chart-content {
  margin-left: auto;
  margin-right: auto;
  width: 940px;
}

@media screen and (max-width: 1140px) {
  .byChart main .trx-contents-2 h1.trx-h1-1, .byChart main .trx-contents-2 nav.trx-share, .byChart main .trx-contents-2 .trx-by-chart-content {
    margin-left: calc(50vw - 490px + 20px);
  }
}

@media screen and (max-width: 980px) {
  .byChart main .trx-contents-2 h1.trx-h1-1, .byChart main .trx-contents-2 nav.trx-share, .byChart main .trx-contents-2 .trx-by-chart-content {
    margin-left: 20px;
  }
}