@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- common

▼ 一覧
- pickup_sec

▼ カテゴリ扉
- contents_wrap
‐ intro_txt
‐ product_list_wrap
-------------------------*/
/* common
--------------------------------------------------------- */
.products_wrap {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .products_wrap {
    margin-bottom: 100px;
  }
}

/* 一覧
--------------------------------------------------------- */
/*=======================================
　pickup_sec
=======================================*/
.pickup_sec.content_box01 {
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  .pickup_sec.content_box01 {
    padding: 45px 0;
  }
}

/* カテゴリ扉
--------------------------------------------------------- */
/*=======================================
　contents_wrap
=======================================*/
@media screen and (max-width: 768px) {
  .contents_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*=======================================
　intro_txt
=======================================*/
.intro_txt {
  margin-bottom: 50px;
}

/*=======================================
　product_list_wrap
=======================================*/
.product_list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 98px 0;
}
@media screen and (max-width: 768px) {
  .product_list_wrap {
    gap: 80px 0;
  }
}
.product_list_wrap .product_box > .cmn_txt03 {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .product_list_wrap .product_box .cmn_ttl04 {
    font-size: 25px;
  }
}
@media screen and (max-width: 768px) {
  .product_list_wrap .product_box .cmn_ttl04::before {
    width: 5px;
    height: 24px;
  }
}
.product_list_wrap .product_box .product_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  gap: 45px 2.645%;
}
@media screen and (max-width: 768px) {
  .product_list_wrap .product_box .product_list {
    gap: 50px 0;
  }
}
.product_list_wrap .product_box .product_list > li {
  width: 31.57%;
}
@media screen and (max-width: 768px) {
  .product_list_wrap .product_box .product_list > li {
    width: 100%;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .product_list_wrap .product_box .product_list > li a:hover {
    opacity: 1;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .product_list_wrap .product_box .product_list > li a:hover {
    opacity: 1;
  }
}
.product_list_wrap .product_box .product_list > li .img {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .product_list_wrap .product_box .product_list > li .img {
    margin-bottom: 8px;
  }
}
.product_list_wrap .product_box .product_list > li .img img {
  width: 100%;
  aspect-ratio: 280/170;
  -o-object-fit: cover;
     object-fit: cover;
}
.product_list_wrap .product_box .product_list > li ul li.product_sttl {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.222;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .product_list_wrap .product_box .product_list > li ul li.product_sttl {
    line-height: 1.777;
  }
}
.product_list_wrap .product_box .product_list > li ul .cmn_txt_link {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.08em;
  line-height: 1.8;
  position: relative;
  display: block;
  padding-right: calc(3px + 1em);
}
@media screen and (max-width: 768px) {
  .product_list_wrap .product_box .product_list > li ul .cmn_txt_link {
    font-size: 16px;
    line-height: 2.1875;
    padding-right: calc(5px + 1em);
  }
}
.product_list_wrap .product_box .product_list > li ul .cmn_txt_link::after {
  content: "";
  background: url("../img/common/arrow03.svg") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.6em;
  right: 0;
  width: 5px;
  height: 9px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-filter: brightness(0) saturate(100%) invert(56%) sepia(37%) saturate(4005%) hue-rotate(338deg) brightness(98%) contrast(88%);
          filter: brightness(0) saturate(100%) invert(56%) sepia(37%) saturate(4005%) hue-rotate(338deg) brightness(98%) contrast(88%);
}
@media screen and (max-width: 768px) {
  .product_list_wrap .product_box .product_list > li ul .cmn_txt_link::after {
    top: 0.9em;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .product_list_wrap .product_box .product_list > li ul .cmn_txt_link:hover {
    color: var(--main_orange);
  }
  .product_list_wrap .product_box .product_list > li ul .cmn_txt_link:hover::after {
    right: -3px;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .product_list_wrap .product_box .product_list > li ul .cmn_txt_link:hover {
    color: var(--main_orange);
  }
  .product_list_wrap .product_box .product_list > li ul .cmn_txt_link:hover::after {
    right: -3px;
  }
}
.product_list_wrap .product_box .product_list > li ul .cmn_txt_link.orange {
  color: var(--main_orange);
}

.main_contents .cmn_nav_btn_list01 .cmn_nav_btn01 {
  max-width: 266px;
}

.products_wrap .main_contents > .cmn_nav_btn_list01 {
  margin-bottom: 80px;
}

/*=======================================
　履物/防災・減災・安全・環境扉
=======================================*/
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .product__hakimono .product_list_wrap .product_box .product_list > li .cmn_txt_link:hover::after,
  .product__safety .product_list_wrap .product_box .product_list > li .cmn_txt_link:hover::after {
    right: 0;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .product__hakimono .product_list_wrap .product_box .product_list > li .cmn_txt_link:hover::after,
  .product__safety .product_list_wrap .product_box .product_list > li .cmn_txt_link:hover::after {
    right: 0;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .product__hakimono .product_list_wrap .product_box .product_list > li a:hover .cmn_txt_link::after,
  .product__safety .product_list_wrap .product_box .product_list > li a:hover .cmn_txt_link::after {
    right: -3px;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .product__hakimono .product_list_wrap .product_box .product_list > li a:hover .cmn_txt_link::after,
  .product__safety .product_list_wrap .product_box .product_list > li a:hover .cmn_txt_link::after {
    right: -3px;
  }
}

/*=======================================
　履物
=======================================*/
.product__hakimono .product_list_wrap .product_box .product_list > li .img img {
  aspect-ratio: 280/280;
}/*# sourceMappingURL=product.css.map */