.sec-index .summary-wrap {
  padding: 3em 0 5em; }

.title .note {
  margin: 0;
  text-align: center;
  color: #2E6A9A; }

.copy {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #6BA6D5;
  margin: 1em 0; }

.sub-copy {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #2E6A9A;
  margin: 1em 0; }

.sec-history .soshikizu {
  width: 100%;
  display: block; }
  @media print, screen and (min-width: 768px) {
    .sec-history .soshikizu {
      width: 800px;
      margin: 0 auto; } }
.sec-history .kyoten {
  padding: 0.5em; }

.sec-group .mv {
  text-align: center;
  margin: 2em auto; }
.sec-group .main-lead {
  line-height: 2.6;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 3em; }
.sec-group .company-group {
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 0;
  margin-left: -15px;
  margin-right: -15px; }
  .sec-group .company-group li {
    width: 100%;
    padding: 26px 15px 0; }
    @media screen and (min-width: 480px) and (max-width: 768px) {
      .sec-group .company-group li {
        width: 50%; } }
    @media print, screen and (min-width: 768px) {
      .sec-group .company-group li {
        width: calc(100% / 3); } }
    .sec-group .company-group li img {
      height: 28px; }
    .sec-group .company-group li .project {
      font-size: 12px;
      font-size: 1.2rem;
      text-indent: -1em;
      padding-left: 1em; }
.sec-group .now {
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem; }
.sec-group .btn-group {
  text-align: center;
  width: 90%;
  margin: 2em auto; }
  @media print, screen and (min-width: 768px) {
    .sec-group .btn-group {
      width: 80%; } }