@charset "UTF-8";
/* 下線が左から右へ出現する
---------------------------------------------------------- */
/* ==========================================================================//
//
// 会社概要　扉ページ
//
// ========================================================================== */
section.sec_company {
  position: relative;
  overflow: hidden;
}
@media all and (min-width: 751px) {
  section.sec_company {
    padding: 120px 0 0;
  }
}
@media all and (max-width: 750px) {
  section.sec_company .line_yellow.left {
    top: 15px;
    left: -20px;
    aspect-ratio: 178/185;
    width: 47.5%;
  }
}
@media all and (min-width: 751px) {
  section.sec_company .line_yellow.left {
    top: 60px;
    left: 0;
  }
}
section.sec_company .line_yellow.right {
  bottom: -10px;
  right: 100px;
}
section.sec_company .company_list {
  margin-inline: auto;
}
@media all and (min-width: 751px) {
  section.sec_company .company_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 60px 30px;
    width: min(1000px, 100%);
  }
}
@media all and (min-width: 751px) and (min-width: 1101px) {
  section.sec_company .company_list {
    gap: 60px 99px;
  }
}
@media all and (min-width: 751px) {
  section.sec_company .company_list .company_detail {
    width: calc((100% - 30px) / 2);
  }
}
@media all and (min-width: 751px) and (min-width: 1101px) {
  section.sec_company .company_list .company_detail {
    width: calc((100% - 99px) / 2);
  }
}
@media all and (max-width: 750px) {
  section.sec_company .company_list .company_detail:not(:first-child) {
    margin-top: 37px;
  }
}
@media (min-width: 751px) and (hover: hover) {
  section.sec_company .company_list .company_detail a:hover .image img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
section.sec_company .company_list .company_detail .image {
  overflow: hidden;
}
section.sec_company .company_list .company_detail .image img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media all and (min-width: 751px) {
  section.sec_company .company_list .company_detail .image img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
section.sec_company .company_list .company_detail .ttl {
  margin-top: 15px;
  padding-left: 11px;
  position: relative;
  font-size: 18px;
  font-weight: bold;
}
@media all and (min-width: 751px) {
  section.sec_company .company_list .company_detail .ttl {
    margin-top: 12px;
  }
}
section.sec_company .company_list .company_detail .ttl::before {
  position: absolute;
  content: "";
  background-color: #005633;
  width: 6px;
  height: 100%;
  top: 0;
  left: 0;
}