@charset "UTF-8";
.breadcrumbs {
  margin-bottom: 0;
}
/* ----------------------------------------------------------
page_product_brand_archive
---------------------------------------------------------- */
.page_product_brand_archive {
  position: relative;
  padding: 18rem 0 37.6rem;
  overflow: hidden;
}
.page_product_brand_archive::before {
  position: absolute;
  top: max(-125px, calc(-125/1440*100vw));
  right: max(-125px, calc(-125/1440*100vw));
  content: "";
  background-color: var(--clr-red);
  display: inline-block;
  width: min(250px, calc(250/1440*100vw));
  height: min(250px, calc(250/1440*100vw));
  border-radius: 50%;
}
.page_product_brand_archive::after {
  position: absolute;
  bottom: max(-125px, calc(-125/1440*100vw));
  left: max(-125px, calc(-125/1440*100vw));
  content: "";
  background-color: var(--clr-red);
  display: inline-block;
  width: min(250px, calc(250/1440*100vw));
  height: min(250px, calc(250/1440*100vw));
  border-radius: 50%;
}
.page_product_brand_archive .inner {
  width: min(1280px, calc(1280/1440*100vw));
  margin: 0 auto;
}
.page_product_brand_archive .ttl_h2_eng {
  margin: 0 auto min(50px, calc(50/1440*100vw));
}
.page_product_brand_archive .brand_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: min(56px, calc(56/1440*100vw));
}
.page_product_brand_archive .brand_list_item {
  width: 30.4%;
}
.page_product_brand_archive .brand_list_item .img {
  position: relative;
  margin-bottom: min(10px, calc(10/1440*100vw));
  overflow: hidden;
}
.page_product_brand_archive .brand_list_item img {
  transition: transform .6s ease;
}
.page_product_brand_archive .brand_list_item a:hover img {
  transform: scale(1.1);
}
.page_product_brand_archive .brand_list_item .title_wrap {
  position: relative;
  border-top: min(1px, calc(1/1440*100vw)) solid var(--clr-black);
  padding-left: min(16px, calc(16/1440*100vw));
}
.page_product_brand_archive .brand_list_item a:hover .title_wrap::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 50px;
  background: var(--clr-red);
  position: absolute;
  top: 11px;
  left: 0;
}
.page_product_brand_archive .brand_list_item .sub_title {
    font-size: 1.4rem;
    line-height: 150%;
    padding-top: 1.1rem;
}
.page_product_brand_archive .brand_list_item .title {
  font-size: 1.8rem;
  line-height: 150%;
  font-weight: 700;
  margin-top: min(11px, calc(11/1440*100vw));
}
.page_product_brand_archive .btn {
  margin: min(44px, calc(44/1440*100vw)) 0 0 auto;
}


@media screen and (max-width:767px) {
  .page_product_brand_archive {
    position: relative;
    padding: calc(120/375*100vw) 0 calc(125/375*100vw);
    overflow: hidden;
  }
  .page_product_brand_archive::before {
    position: absolute;
    top: calc(-60/375*100vw);
    right: calc(-60/375*100vw);
    content: "";
    background-color: var(--clr-red);
    display: inline-block;
    width: calc(120/375*100vw);
    height: calc(120/375*100vw);
    border-radius: 50%;
  }
  .page_product_brand_archive::after {
    position: absolute;
    bottom: calc(-60/375*100vw);
    left: calc(-60/375*100vw);
    content: "";
    background-color: var(--clr-red);
    display: inline-block;
    width: calc(120/375*100vw);
    height: calc(120/375*100vw);
    border-radius: 50%;
  }
  .page_product_brand_archive .inner {
    width: calc(300/375*100vw);
    margin: 0 auto;
  }
  .page_product_brand_archive .ttl_h2_eng {
    margin: 0 auto calc(50/375*100vw);
  }
  .page_product_brand_archive .brand_list {
    flex-direction: column;
    gap: calc(37 / 375 * 100vw);
  }
  .page_product_brand_archive .brand_list_item {
    width: 100%;
  }
  .page_product_brand_archive .brand_list_item .img {
    position: relative;
    margin-bottom: calc(10/375*100vw);
    overflow: hidden;
  }
  .page_product_brand_archive .brand_list_item img {
    transition: transform .6s ease;
  }
  .page_product_brand_archive .brand_list_item a:hover img {
    transform: scale(1.1);
  }
  .page_product_brand_archive .brand_list_item .title_wrap {
    position: relative;
    border-top: calc(1/375*100vw) solid var(--clr-black);
    padding-left: calc(16/375*100vw);
  }
  .page_product_brand_archive .brand_list_item a:hover .title_wrap::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 50px;
    background: var(--clr-red);
    position: absolute;
    top: 11px;
    left: 0;
  }
  .page_product_brand_archive .brand_list_item .sub_title {
    font-size: calc(14/375*100vw);
    line-height: 150%;
    padding-top: calc(11/375*100vw);
  }
  .page_product_brand_archive .brand_list_item .title {
    font-size: calc(18/375*100vw);
    line-height: 150%;
    font-weight: 700;
  }
  .page_product_brand_archive .btn {
    margin: calc(72/375*100vw) auto 0;
  }
}