@charset "UTF-8";

/*******************************

  logo-list

********************************/
.logo-list > p {
  text-align: left;
  padding-bottom:30px;
}

/**** logo-company****/

.logo-company,
.logo-academy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0;
  margin-bottom: 8px;
}
.logo-academy {
  margin-top: 0;
}


.logo-company li {
  display:flex;
  flex-grow:1;
  margin-right: 5%;
  margin-bottom: 8%;
}
.logo-company li:nth-of-type(4n),.logo-academy li:nth-of-type(4n) {
  margin-right: 0;
}
/* 1,2,5,6行目のmarginを設定 */
.logo-company li:nth-of-type(1),.logo-company li:nth-of-type(2),
.logo-company li:nth-of-type(3),.logo-company li:nth-of-type(4),
.logo-company li:nth-of-type(5),.logo-company li:nth-of-type(6),
.logo-company li:nth-of-type(7),.logo-company li:nth-of-type(8),
.logo-company li:nth-of-type(17),.logo-company li:nth-of-type(18),
.logo-company li:nth-of-type(19),.logo-company li:nth-of-type(20),
.logo-company li:nth-of-type(21),.logo-company li:nth-of-type(22),
.logo-company li:nth-of-type(23),.logo-company li:nth-of-type(24) {
  margin-bottom:5%;
}
/* adjustment_width */
/* .logo-company li:nth-of-type(2n),
.logo-company li:nth-of-type(3n) {
  margin-right: 3%;
} */

.logo-company li:first-of-type {
  width: 13%;
}

.logo-company li:nth-of-type(2) {
  width: 15%;
}

.logo-company li:nth-of-type(3) {
  width: 25%;
}

.logo-company li:nth-of-type(4) {
  width: 23%;
}

.logo-company li:nth-of-type(5) {
  width: 15%;
}

.logo-company li:nth-of-type(6) {
  width: 18%;
}

.logo-company li:nth-of-type(7) {
  width: 20%;
}

.logo-company li:nth-of-type(8) {
  width: 20%;
}


.logo-company li:nth-of-type(9) {
  width: 15%;
}

.logo-company li:nth-of-type(10) {
  width: 24%;
  margin-right: 0%;
}

.logo-company li:nth-of-type(11) {
  width: 27%;
}

.logo-company li:nth-of-type(12) {
  width: 15%;
}

.logo-company li:nth-of-type(13) {
  width: 16%;
}

.logo-company li:nth-of-type(14) {
  width: 18%;
}

.logo-company li:nth-of-type(15) {
  width: 12%;
}

.logo-company li:nth-of-type(16) {
  width: 15%;
  margin-right: 5em;
}

.logo-company li:nth-of-type(17) {
  width: 13%;
}

.logo-company li:nth-of-type(18) {
  width: 18%;
}

.logo-company li:nth-of-type(19) {
  width: 23%;
}

.logo-company li:nth-of-type(20) {
  width: 20%;
}

.logo-company li:nth-of-type(20) {
  width: 20%;
}

.logo-company li:nth-of-type(21) {
  width: 18%;
}

.logo-company li:nth-of-type(22) {
  width: 13%;
}

.logo-company li:nth-of-type(23) {
  width: 13%;
}

.logo-company li:nth-of-type(24) {
  width: 18%;
}

.logo-company li:nth-of-type(25) {
  width: 100%;
}

/**** logo-academy****/
.logo-academy li {
  width: 29%;
  margin-right: 3%;
  margin-bottom: 5%;
}

.logo-academy li:first-of-type {
  width: 22%;
}

.logo-academy li:nth-of-type(2) {
  width: 22%;
}

.logo-academy li:nth-of-type(3) {
  width: 25%;
}

.logo-academy li:nth-of-type(4) {
  width: 22%;
}

.logo-academy li:nth-of-type(5) {
  width: 18%;
}

.logo-academy li:nth-of-type(6) {
  width: 23%;
}

.logo-academy li:nth-of-type(7) {
  width: 18%;
}

.logo-academy li:nth-of-type(8) {
  width: 23%;
}

@media screen and (max-width: 768px) {
  .nav {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .br-pc {
    display: none;
  }

  /* .contents{
    width: 95%;
  } */

  .normal {
    margin-bottom: 30px;
  }

  h3 {
    margin-right: 0px;
    font-size: 16px;
    font-size: 1.6rem;
  }

  h4 {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
  }
}

/*********************************
    archives
  ********************************/
.record-list-wrapper {
  max-width: 100%;
}

dl.record-list {
  display: block;
  text-align: left;
}

dl.record-list dd {
  margin-left: 0;
  font-size: 1.2rem;
}

.copyright {
  font-size: 1.2rem;
}

@media screen and (max-width: 480px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: block;
  }

  .normal {
    margin-bottom: 30px;
  }

  .logo-company,
  .logo-academy {
    padding-left: 4px;
    padding-right: 4px;
  }
}