/*---------------------------------------------
page_center
---------------------------------------------*/
.center__subnavi {
  margin-top: 80px;
}
@media (max-width: 768px) {
  .center__subnavi {
    margin-top: 60px;
  }
}

.com__subnavi__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  align-items: center;
}
@media (max-width: 768px) {
  .com__subnavi__list {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 23px;
  }
}
.com__subnavi__item a {
  display: grid;
  grid-template-columns: 1fr 35px;
  grid-template-rows: auto;
  grid-column-gap: 10px;
  align-items: center;
}
@media (max-width: 768px) {
  .com__subnavi__item a {
    grid-template-columns: 1fr 21px;
  }
}

.center__list {
  margin-top: 90px;
}
@media (min-width: 769px) {
  .center__list {
    border-bottom: 1px solid var(--color-gray);
  }
}
@media (max-width: 768px) {
  .center__list {
    margin-top: 60px;
  }
}

.center__item {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-column-gap: 10px;
  padding: 30px 0;
  border-top: 1px solid var(--color-gray);
  line-height: calc(24 / 15);
  text-align: justify;
  word-break: break-all;
  text-justify: inter-character;
}
@media (max-width: 768px) {
  .center__item {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 5px;
    padding: 20px 0;
    line-height: calc(20 / 14);
  }
}

@media (min-width: 769px) {
  .center__image {
    max-width: 728px;
  }
}
@media (max-width: 768px) {
  .center__image {
    margin-top: 20px;
  }
}

.center__item__list {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 30px;
}
@media (max-width: 768px) {
  .center__item__list {
    grid-row-gap: 20px;
    margin-top: 20px;
  }
}
.center__item__list__item {
  display: grid;
  grid-template-columns: 190px 1fr;
  grid-column-gap: 50px;
}
@media (max-width: 768px) {
  .center__item__list__item {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 80px auto;
    grid-column-gap: 0;
    grid-row-gap: 15px;
  }
  .center__item__list__item picture {
    display: flex;
    justify-content: center;
  }
  .center__item__list__item img {
    width: auto;
    height: 100%;
  }
}

/*---------------------------------------------
page_center-access
---------------------------------------------*/
.access__bodywrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .access__bodywrap {
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
  }
}
.access__body--title {
  font-size: 18px;
}
.access__body--text {
  line-height: calc(22 / 15);
}
.access__body--btn {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}
.access__list {
  line-height: calc(26 / 15);
}

/*---------------------------------------------
page_center-history
---------------------------------------------*/

.history__list {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-top: var(--gap-l);
}
.history__item {
  display: grid;
  grid-template-columns: 120px 12px 1fr;
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 0;
}
@media (max-width: 768px) {
  .history__item {
    grid-template-columns: 4.5em 12px 1fr;
  }
}
.history__year {
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}
.history__year--en {
  font-size: 36px;
}
@media (max-width: 768px) {
  .history__year--en {
    font-size: 20px;
  }
}
.history__year--ja {
  font-size: 14px;
  line-height: calc(18 / 14);
}
@media (max-width: 768px) {
  .history__year--ja {
    font-size: 12px;
  }
}
.history__bar {
  position: relative;
}
.history__bar::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background-color: var(--color-blue);
  border-radius: 50%;
  border: 2px solid #fff;
}
.history__bar::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background-color: var(--color-gray);
}
.history__body {
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding: 10px 0 30px 57px;
}
@media (max-width: 768px) {
  .history__body {
    gap: 35px;
    padding: 10px 0 30px 15px;
  }
}

.history__month {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-rows: auto;
  grid-column-gap: 5px;
  grid-row-gap: 0;
}
@media (max-width: 768px) {
  .history__month {
    grid-template-columns: 3em 1fr;
  }
}

.history__month--text {
  line-height: calc(24 / 15);
  text-align: justify;
}

/*---------------------------------------------
page_center-data
---------------------------------------------*/
.data__intro--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: var(--gap-l);
}
@media (max-width: 768px) {
  .data__intro--list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 20px;
  }
}

.data__intro--item {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 10px;
}
.data01__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 30px;
  margin-top: 12px;
}
.data01__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 22px 0;
  align-items: baseline;
}
@media (max-width: 768px) {
  .data01__item {
    gap: 15px 0;
  }
}

.data01__item--title {
  width: 100%;
  padding: 15px 20px;
  background-color: #f2f2f2;
  border-radius: 8px;
}
.data__list {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 15px;
  width: 50%;
}
@media (max-width: 768px) {
  .data__list {
    width: 100%;
  }
}

/*---------------------------------------------
page_center-shipment
---------------------------------------------*/
.shipmentTbl {
  width: 100%;
  margin-top: var(--gap-l);
  border-collapse: collapse;
  line-height: 2;
}
@media (max-width: 768px) {
  .shipment__tablewrap {
    width: calc(100vw - 16px);
    margin-right: calc(50% - 50cqi);
  }
  .shipment__table {
    width: 800px;
  }
}

.shipmentTbl caption {
  text-align: right;
  font-size: 14px;
}
.shipmentTbl tr:nth-child(odd) {
  background: #edf2f7;
}
.shipmentTbl th {
  padding: 5px 12px;
  border: 1px solid #dadce1;
  text-align: center;
  color: #126bbf;
}
.shipmentTbl td {
  padding: 5px 12px;
  border: 1px solid #dadce1;
  text-align: right;
}
.shipmentTbl td:last-child {
  font-weight: bold;
}
.shipmentTbl .ttl th {
  padding: 5px 0;
  background: #eceef1;
  color: #333;
  vertical-align: middle;
  line-height: 1.4;
}
.shipmentTbl .ttl th p {
  background: #b8d3ec;
  color: #126bbf;
}
.shipmentTbl .ttl th.total1 {
  background: #126bbf;
  color: #fff;
}
.shipmentTbl .ttl th.total2 {
  background: #3ca0f0;
  color: #fff;
}

/*---------------------------------------------
page_center-offering
---------------------------------------------*/
.offering__list {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: var(--gap-m);
  margin-top: var(--gap-l);
}

.offering__item--title {
  font-size: 18px;
}
.offering__item--text {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 1em;
  margin-top: 15px;
  line-height: 2;
}
.offering__item--text p.note {
  font-size: 13px;
}

@media (max-width: 768px) {
  .offering__item--tablewrap {
    width: calc(100vw - 16px);
    margin-right: calc(50% - 50cqi);
  }
  .offering__item--table01 {
    width: 900px;
  }
  .offering__item--table02 {
    width: 900px;
  }
}