.supply_nav {
  max-width: 1128px;
  margin: 0 auto;
  margin-top: 120px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 24px;
}
@media (max-width: 440px) {
  .supply_nav {
    grid-template-columns: 1fr;
    margin-top: 160px;
    row-gap: 8px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.supply_nav--link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #BCBCBC;
  background-color: #FFF;
  padding: 24px 24px 36px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_56_6871%29%22%3E%3Cpath%20d%3D%22M17.4217%202.45199L18.4817%203.51299L12.7047%209.29199C12.6122%209.38514%2012.5021%209.45907%2012.3808%209.50952C12.2596%209.55997%2012.1295%209.58594%2011.9982%209.58594C11.8669%209.58594%2011.7369%209.55997%2011.6156%209.50952C11.4944%209.45907%2011.3843%209.38514%2011.2917%209.29199L5.51172%203.51299L6.57172%202.45299L11.9967%207.87699L17.4217%202.45199Z%22%20fill%3D%22%2300A0E9%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_56_6871%22%3E%3Crect%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate%2824%29%20rotate%2890%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 24px 12px;
  background-position: center bottom 16px;
  transition: background-color 0.3s, border-color 0.3s, background-position 0.3s;
}
.supply_nav--link:hover {
  background-color: #E7F3F9;
  border-color: #00a0e9;
  background-position: center bottom 12px;
}
@media (max-width: 440px) {
  .supply_nav--link {
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    background-position: right 16px center;
  }
}

.supply_catalog {
  background-color: #f5f5f7;
  padding-top: 56px;
  margin-top: 80px;
  overflow: hidden;
}
@media (max-width: 440px) {
  .supply_catalog {
    margin-top: 140px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.supply_catalog--layout {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 120px;
  max-width: 936px;
  margin: 0 auto;
}
@media (max-width: 440px) {
  .supply_catalog--layout {
    grid-template-columns: 1fr;
    row-gap: 56px;
  }
}
.supply_catalog--block {
  order: 2;
}
@media (max-width: 440px) {
  .supply_catalog--block {
    order: 0;
  }
}
.supply_catalog--ttl {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.5;
}
@media (max-width: 440px) {
  .supply_catalog--ttl {
    font-size: 25px;
  }
}
.supply_catalog--desc {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 440px) {
  .supply_catalog--desc {
    margin-top: 23px;
    font-size: 14px;
  }
}
.supply_catalog--link {
  background-color: #00a0e9;
  color: #fff;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
  padding: 12px 16px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 8px;
  min-width: 269px;
  width: fit-content;
  margin-top: 40px;
  transition: 0.2s;
}
.supply_catalog--link:hover {
  opacity: 0.8;
}
.supply_catalog--link:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_68_4471%29%22%3E%3Cpath%20d%3D%22M4.375%205.25L0.875%203.9375V16.1376L10.5%2020.125L20.125%2016.1376V3.5L16.625%205.25M10.4562%204.375V16.625M4.375%2014V1.75L10.5%204.375L16.625%201.75V14L10.5%2016.625L4.375%2014Z%22%20stroke%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_68_4471%22%3E%3Crect%20width%3D%2221%22%20height%3D%2221%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
}
.supply_catalog--img {
  box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.16);
}
@media (max-width: 440px) {
  .supply_catalog--img {
    display: block;
    margin: 0 auto;
  }
}

.supply_content {
  padding-top: 120px;
}
@media (max-width: 440px) {
  .supply_content {
    padding-top: 160px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.supply_content--list {
  max-width: 1128px;
  margin: 0 auto;
}
.supply_content--item + .supply_content--item {
  margin-top: 80px;
}
@media (max-width: 440px) {
  .supply_content--item + .supply_content--item {
    margin-top: 64px;
  }
}
.supply_content--layout {
  display: flex;
  align-items: flex-start;
  column-gap: 56px;
}
@media (max-width: 440px) {
  .supply_content--layout {
    flex-direction: column;
    align-items: stretch;
    row-gap: 24px;
  }
}
.supply_content--ttl {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 440px) {
  .supply_content--ttl {
    font-size: 26px;
    line-height: 1.3;
  }
}
.supply_content--lead {
  color: #00a0e9;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 24px;
}
@media (max-width: 440px) {
  .supply_content--lead {
    font-size: 17px;
  }
}
.supply_content--desc {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 440px) {
  .supply_content--desc {
    font-size: 14px;
    margin-top: 8px;
  }
}
.supply_content--labels {
  margin-top: 16px;
  display: flex;
  column-gap: 8px;
}
.supply_content--label {
  padding: 2px 8px;
  background-color: #f5f5f7;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.supply_content--link {
  font-weight: bold;
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: underline;
  margin-top: 32px;
  transition: color 0.3s;
}
.supply_content--link:hover {
  color: #00a0e9;
}
.supply_content--link:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%207V12.75C12%2012.9142%2011.9677%2013.0767%2011.9048%2013.2284C11.842%2013.38%2011.75%2013.5178%2011.6339%2013.6339C11.5178%2013.75%2011.38%2013.842%2011.2284%2013.9048C11.0767%2013.9677%2010.9142%2014%2010.75%2014H3.25C2.91848%2014%202.60054%2013.8683%202.36612%2013.6339C2.1317%2013.3995%202%2013.0815%202%2012.75V5.25C2%204.91848%202.1317%204.60054%202.36612%204.36612C2.60054%204.1317%202.91848%204%203.25%204H8.48375M10.5%202H14V5.5M7%209L13.75%202.25%22%20stroke%3D%22%2300A0E9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
@media (max-width: 440px) {
  .supply_content--link {
    font-size: 14px;
    margin-top: 16px;
  }
}

.supply-contact {
  max-width: 936px;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 160px;
  border: 6px solid #00a0e9;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 440px) {
  .supply-contact {
    border-width: 3px;
    margin-top: 96px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-left: 32px;
    margin-right: 32px;
  }
}
.supply-contact--ttl {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.5;
  color: #00a0e9;
}
@media (max-width: 440px) {
  .supply-contact--ttl {
    font-size: 20px;
  }
}
.supply-contact--address {
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.supply-contact--layout {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 24px;
  margin-top: 24px;
}
@media (max-width: 440px) {
  .supply-contact--layout {
    flex-direction: column;
    align-items: stretch;
  }
}
.supply-contact--call {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
@media (max-width: 440px) {
  .supply-contact--call {
    justify-content: center;
  }
}
.supply-contact--call_head {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.66;
  color: #00a0e9;
}
.supply-contact--call_head-fax {
  color: #3250bd;
}
@media (max-width: 440px) {
  .supply-contact--call_head {
    font-size: 18px;
  }
}
.supply-contact--call_number {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
}
@media (max-width: 440px) {
  .supply-contact--call_number {
    font-size: 28px;
  }
}
.supply-contact--time {
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 440px) {
  .supply-contact--time {
    margin-top: 8px;
    font-size: 12px;
  }
}

/*# sourceMappingURL=supply.css.map */