@charset "UTF-8";
/* CSS Document */

/*/csr/group-csr/introduction/history.php*/

.history_table {
  border-collapse: collapse;
  width: 100%;
}
.history_table th,
.history_table td {
  padding: 12px 18px;
}
.history_table .cell_static td {
  vertical-align: top;
}


.table_wrapper {
  overflow-x: auto;
}
.history_table .cell_sticky {
position: sticky;
left: 0;
top: 0;
z-index: 3;
color: #fff;
writing-mode: vertical-rl;
text-align: center;

@media (width < 768px) {
    padding: 6px;
  }
}
.history_table .history01 .cell_sticky {
background-color: #bc8383;
}
.history_table .history02 .cell_sticky {
background-color: #639a66;
}
.history_table .history03 .cell_sticky {
background-color: #8d989f;
}
.history_table .cell_static {
padding: 0;
position: relative;
}
.history_table .cell_static:not(.spacer)::after {
content: "";
width: 100%;
height: 5px;
position: absolute;
left: 0;
bottom: 0;
}
.history_table .history01 .cell_static::after {
background-color: #bc8383;
}
.history_table .history02 .cell_static::after {
background-color: #639a66;
}
.history_table .history03 .cell_static::after {
background-color: #8d989f;
}
.history_table dl {
width: 210px;
}
.history_table .history01 dl,
.history_table .history02 dl{
width: 260px;
}
.history_table .history01 table {
 background: linear-gradient(90deg, #f5edec, #fff);
 margin-left: 3em;
}
.history_table .history02 table {
 background: linear-gradient(90deg, #ebefe7, #fff);
 margin-left: 3em;
}
.history_table .history03 table {
position: relative;
z-index: 2;
}
.history_table .history03 table::before {
content: "";
position: absolute;
top: 0;
left: 475px;
 background: linear-gradient(90deg, #eee, #fff);
 width: calc(100% - 475px);
 height: calc(100% - 5px);
z-index: -1;
}

.history_table dl + dl {
margin-top: 0.7em;
}
.history_table dd + dt {
margin-top: 0.3em;
}
.history_table .history_year span {
display: inline-block;
padding: 0.25em 0.5em 0.1em;
color: #fff;
font-size: 0.85em;
line-height: 1;
}
.history_table .history01 .history_year span {
background-color: #c99c99;
}
.history_table .history02 .history_year span {
background-color: #88ad81;
}
.history_table .history03 .history_year span {
background-color: #a3acb3;
}
.history_table .history_year span.year2024 {
background-color: #db3725;
}
.history_table dd {
font-size: 0.85em;
}
.history_table .m_sublist li {
  padding-left: 0.6em;
}
.history_table .m_sublist > li::before {
  content: "・";
  left: -0.3em;
}
.history_table .m_sublist > li + li {
  margin-top: 0;
}
.history_table .bull01 {
color: #e6002d;
}
.history_table .bull02 {
color: #ed7986;
}
.history_table .bull03 {
color: #073190;
}
.history_table .bull04 {
color: #0069b1;
}


.history_table th.spacer,
.history_table td.spacer {
padding-bottom: 2em;
background-color: #fff !important;

.m_note {
  margin-top: .75em;
}
}
.history_table .history03_first {
display: flex;
}
.history_table .history03_img {
width: 135px;
margin-right: 20px;
}
.history_table .history03_img img {
width: 100%;
height: auto;
}
.history_table .history03_img p + img {
margin-top: 1em;
}
.history_table .history03_first .small {
font-size: 0.7em;
}
.history_table .big {
font-size: 1.3em;
letter-spacing: -0.05em;
}
.history_table .history03_first dl {
width: 270px;
}
.history_table .history03_first dl:nth-child(2) {
margin-left: 20px;
}