/*
brakepoint
*/
.pagetitle.pagetopimage {
  background-image: url("../img/topimage_company.jpg"); }
  @media screen and (max-width: 800px) {
    .pagetitle.pagetopimage {
      background-image: url("../img/topimage_company_sp.jpg"); } }

.read_company {
  font-size: 20px;
  margin-bottom: 85px; }
  @media screen and (max-width: 800px) {
    .read_company {
      font-size: 15px;
      margin-bottom: 48px; } }

.companylist {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 2.9%; }
  @media screen and (max-width: 800px) {
    .companylist {
      flex-wrap: wrap;
      gap: 45px 0; } }
  .companylist li {
    width: 48.4%;
    min-height: 280px;
    line-height: 1.68; }
    @media screen and (max-width: 800px) {
      .companylist li {
        width: 100%;
        min-height: 190px; } }
    .companylist li:nth-child(1) a .companylist-content::before {
      background-image: url("../img/bg_company01.jpg"); }
    .companylist li:nth-child(2) a .companylist-content::before {
      background-image: url("../img/bg_company02.jpg"); }
    .companylist li:nth-child(3) a .companylist-content::before {
      background-image: url("../img/bg_company03.jpg"); }
    .companylist li:nth-child(4) a .companylist-content::before {
      background-image: url("../img/bg_company04.jpg"); }
    .companylist li:nth-child(5) a .companylist-content::before {
      background-image: url("../img/bg_company05.jpg"); }
    .companylist li:nth-child(6) a .companylist-content::before {
      background-image: url("../img/bg_company06.jpg"); }
    .companylist li:nth-child(7) a .companylist-content::before {
      background-image: url("../img/bg_company07.jpg"); }
    .companylist li a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%; }
      .companylist li a .company_title {
        position: relative;
        display: inline-block;
        font-size: 25px;
        font-weight: 600;
        background-color: #F1F0EF;
        padding: 8px 25px;
        border-radius: 16px;
        margin-left: 30px;
        transform: translateY(-50%);
        z-index: 1; }
        @media screen and (max-width: 800px) {
          .companylist li a .company_title {
            font-size: 18px;
            padding: 5px 15px;
            margin-left: 25px; } }
      .companylist li a .companylist-content {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 0;
        border-radius: 16px; }
        .companylist li a .companylist-content::before {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          content: "";
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          border-radius: 16px;
          transition: transform 0.3s ease-out; }
      .companylist li a:hover .companylist-content::before {
        transform: scale(1.1); }