@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/* ----------------------
- base
- header
- footer
- header/footer 共通ナビ
- 下層MV
- 共通見出し
---------------------- */
/*=======================================
　base
=======================================*/
body {
  font-family: "Noto Sans", sans-serif;
  overflow-x: hidden;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: var(--main_black);
  font-weight: 400;
}

/*=======================================
　header
=======================================*/
header .pc .flex_area nav {
  /* ハンバーガーメニュー中身 */
}
header .pc .flex_area nav .nav_sub li {
  padding-right: 9px;
  padding-left: 9px;
}
header .pc .flex_area nav .nav_sub li::after {
  content: "";
  width: 1px;
  height: 12px;
  display: inline-block;
  background: #D9D9D9;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
header .pc .flex_area nav .g_nav .g_nav_inn .cmn_nav_area > ul > li {
  border-bottom: 1px solid #ec6d3c;
}

/*=======================================
　footer
=======================================*/
footer .ft_bg_area {
  padding-top: 93px;
}
@media screen and (max-width: 768px) {
  footer .ft_bg_area {
    padding-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  footer .ft_bg_area .inner {
    font-size: 16px;
    gap: 52px 0;
  }
}
footer .cmn_list01 li {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  footer .cmn_list01 li {
    font-size: 16px;
  }
}
footer .cmn_nav_area > ul:last-child > li:last-child {
  margin-top: 30px;
}

/*=======================================
　header/footer 共通ナビ
=======================================*/
.cmn_nav_area {
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
  gap: 40px 4.91%;
}
@media screen and (max-width: 768px) {
  .cmn_nav_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
  }
}
.cmn_nav_area > ul:last-child > li:not(:last-child) > a {
  margin-bottom: 0;
}

/*=======================================
　下層MV
=======================================*/
.main_ttl h1 {
  top: 50%;
}
@media screen and (max-width: 768px) {
  .main_ttl h1 {
    left: 5.06%;
  }
}
.main_ttl h1 span.en {
  font-weight: 700;
  font-size: 45px;
  letter-spacing: 0.05em;
  line-height: 1.244;
  color: #333;
  text-shadow: 2px 1px 5px #fff;
}
@media screen and (max-width: 768px) {
  .main_ttl h1 span.en {
    font-size: 27px;
    letter-spacing: 0.03em;
    line-height: 1.23;
  }
}

/* 商品情報 */
main.product {
  /* Rubber Shoes */
  /* Flexible Intermediate Bulk Containers(FIBCs) */
}
main.product .main_ttl {
  background: url("../img/products/main_img.jpg") no-repeat;
}
@media screen and (max-width: 768px) {
  main.product .main_ttl {
    background: url("../img/products/main_img_sp.jpg") no-repeat;
  }
}
main.product__rs .main_ttl {
  background: url("../img/products/rs/main_img.jpg") no-repeat;
}
@media screen and (max-width: 768px) {
  main.product__rs .main_ttl {
    background: url("../img/products/rs/main_img_sp.jpg") no-repeat;
  }
}
main.product__fibc .main_ttl {
  background: url("../img/products/fibc/main_img.jpg") no-repeat;
}
@media screen and (max-width: 768px) {
  main.product__fibc .main_ttl {
    background: url("../img/products/fibc/main_img_sp.jpg") no-repeat;
  }
}

/* Reinforced Rubber Sheets */
main.product_rrs .main_ttl {
  background: url("../img/products/rrs/main_img.jpg") no-repeat;
}
@media screen and (max-width: 768px) {
  main.product_rrs .main_ttl {
    background: url("../img/products/rrs/main_img_sp.jpg") no-repeat;
  }
}
main.product_rrs .main_ttl .jp {
  line-height: 1.333;
}

/*=======================================
　共通見出し
=======================================*/
.cmn_ttl01 .en {
  font-weight: 700;
  font-size: 35px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .cmn_ttl01 .en {
    font-size: 30px;
  }
}

.cmn_ttl02 span.en {
  font-weight: 700;
  font-size: 34px;
  line-height: 1.47;
}
@media screen and (max-width: 768px) {
  .cmn_ttl02 span.en {
    font-size: 26px;
  }
}

.cmn_ttl03 span.en {
  font-weight: 700;
  font-size: 34px;
  line-height: 1.205;
}
@media screen and (max-width: 768px) {
  .cmn_ttl03 span.en {
    font-size: 30px;
  }
}/*# sourceMappingURL=layout.css.map */