@charset "utf-8";
/* About Us > ITOCHU Corporation's History
================================ */
@media screen and (max-width:640px) {
  .hero .heroBanner .img span img.spNone {
    display: none;
  }
}
@media screen and (min-width:641px) {
  .hero .heroBanner .img span img.pcNone {
    display: none;
  }
}
@media screen and (max-width:768px) {
  .tableSupport01 {
    margin: 1.66em auto 0;
  }
}
.tableType01 {
  margin-top: 2.66em !important;
}
@media screen and (max-width:768px) {
  .tableType01 {
    margin-top: 1em !important;
  }
}

table tr.special.special01 td .readBlock,
table tr.special.special03 td .readBlock {
  height: 18em !important;
}
@media screen and (max-width:1120px) {
  table tr.special.special01 td .readBlock,
  table tr.special.special03 td .readBlock {
    height: 16.5em !important;
  }
}
@media screen and (max-width:1030px) {
  table tr.special.special01 td .readBlock,
  table tr.special.special03 td .readBlock {
    height: 15em !important;
  }
}
@media screen and (max-width:940px) {
  table tr.special.special01 td .readBlock,
  table tr.special.special03 td .readBlock {
    height: 27em !important;
  }
}
@media screen and (max-width:768px) {
  table tr.special.special01 td .readBlock,
  table tr.special.special03 td .readBlock {
    height: 26em !important;
  }
}
table tr.special.special01 td .readBlock.open,
table tr.special.special03 td .readBlock.open {
  height: auto !important;
}
table tr.special td .readBlock .colWrap.specialTop {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 1.5em;
}
@media screen and (max-width:940px) {
  table tr.special td .readBlock .colWrap.specialTop {
    display: block;
    overflow: hidden;
  }
}
table tr.special td .readBlock .colWrap.specialTop .img {
  display: table-cell;
  vertical-align: middle;
  width: 24%;
}
@media screen and (max-width:940px) {
  table tr.special td .readBlock .colWrap.specialTop .img {
    display: block;
    max-width: 155px;
    width: 100%;
    margin: 0 auto 0.5em;
  }
}
table tr.special td .readBlock .colWrap.specialTop p.caption {
  display: table-cell;
  vertical-align: bottom;
  width: 33%;
  padding: 0 1em;
}
@media screen and (max-width:940px) {
  table tr.special td .readBlock .colWrap.specialTop p.caption {
    text-align: center;
    padding: 0;
  }
}
table tr.special td .readBlock .colWrap.specialTop p.paragraph01 {
  display: table-cell;
  font-size: 113.3%;
  vertical-align: middle;
  width: 43%;
}
@media screen and (max-width:940px) {
  table tr.special td .readBlock .colWrap.specialTop p.paragraph01 {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width:769px) {
  table tr.special td .readBlock .colWrap .col1Quarter {
    width: 30%;
}

#sidebar #localNav ul li.office {
  display: none;
}

}