@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
.tab-pc { display: none; }

.titleimg { background: url("/img/products/titleimg.jpg") right 60% center/cover no-repeat; }

#metal { padding-top: 60px; margin-top: -60px; }

#trioxidation { padding-top: 60px; margin-top: -60px; }

.products__wrap { margin-bottom: 120px; }

.button__box { margin-bottom: 40px; }
.button__box .products__btn { position: relative; margin: 0 auto 10px; background: #223176; text-align: center; font-size: 1.3rem; color: #FFF; }
.button__box .products__btn a { display: block; position: relative; padding: 29px 0 26px; }
.button__box .products__btn a i { color: #FFF; position: absolute; top: 50%; transform: translateY(-50%); right: 10%; transition: all .3s; }

.sb__ttl { padding: 8px 12px; margin-bottom: 20px; font-size: 1.8rem; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; color: #212121; border-left: 6px solid #03204D; }

.sb__txt-box { margin-bottom: 20px; }

.sb__txt { font-size: 1.3rem; }

.products__box { margin-bottom: 40px; }
.products__box .ttl__box { margin-bottom: 10px; }
.products__box .ttl__box .products__ttl { text-align: center; font-size: 2.4rem; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; color: #223176; }
.products__box .products__img { margin-bottom: 10px; }

.sb__feature .feature__ttl { margin-bottom: 5px; font-size: 1.8rem; color: #212121; }
.sb__feature .feature__txt { margin-bottom: 20px; font-size: 1.3rem; color: #212121; }

.safety-sheet__btn a { display: block; margin: 0 auto; padding: 12px 0 10px; width: 90%; max-width: 380px; background: #212121; text-align: center; font-size: 1.3rem; color: #FFF; border: 1px solid #212121; border-radius: 70px; }
.safety-sheet__btn a i { padding: 0 .5em; }

.sb__table-wp { overflow-x: scroll; }

.bo { border-collapse: separate; }

.sb__table { margin-bottom: 20px; width: 840px; text-align: center; font-size: 1.3rem; color: #212121; box-sizing: border-box; }
.sb__table .sb__th { min-width: 100px; padding: 24px 0; background: #F2F2F2; font-weight: normal; border: 1px solid #707070; box-sizing: border-box; line-height: 1.5; vertical-align: middle; }
.sb__table .sb__th--white { background: #FFF; }
.sb__table .sb__th--yellow { background: #F9FCA7; }
.sb__table .sb__th--s { padding: 15px 0; }
.sb__table .sb__th--xs { padding: 5px 0; }
.sb__table--s { width: 100%; }
.sb__table--s .sb__th { padding: 10px 0; }
.sb__table .sb__td { padding: 24px 0; background: #FFF; border: 1px solid #707070; box-sizing: border-box; vertical-align: middle; line-height: 2; }
.sb__table .sb__td:empty { background: linear-gradient(to left top, #fff, #fff 49%, #707070 49%, #707070 50%, #fff 50%, #fff); }
.sb__table .sb__td--left { padding: 10px 12px; text-align: left; }
.sb__table .sb__td--yellow { background: #F9FCA7; }
.sb__table .w10 { width: 10%; }
.sb__table .w14 { width: 14%; }
.sb__table .w18 { width: 18%; }
.sb__table .w20 { width: 20%; }
.sb__table .w25 { width: 25%; }
.sb__table .w30 { width: 30%; }
.sb__table .w40 { width: 40%; }
.sb__table .w60 { width: 60%; }
.sb__table .w70 { width: 70%; }
.sb__table .w80 { width: 80%; }

.sb__crystal { margin: 0 auto; width: 320px; text-align: center; }
.sb__crystal img { margin-bottom: 25px; border-radius: 50%; }
.sb__crystal figcaption { text-align: center; font-size: 1.3rem; color: #212121; }

.sb__img-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.sb__img-box .sb__img--products { flex: 0 1 48%; width: 48%; max-width: 48%; }
.sb__img-box figcaption { font-size: 1.3rem; }

.sb__img--pack img { max-width: 460px; }

.pack__flex { margin-bottom: 60px; }
.pack__flex .products__box:last-child { margin-bottom: 20px; }

.handling__box { padding: 30px; border: 1px solid #707070; }
.handling__box .handling__ttl { margin-bottom: 30px; text-align: center; font-size: 1.6rem; color: #212121; }
.handling__box .handling__txt { font-size: 1.4rem; }

.sdgs-declaration { margin-bottom: 20px; text-align: center; }

@-moz-document url-prefix() { .table--fx { position: relative; }
  .table--fx::after { display: block; width: 100%; background: #707070; height: 1px; content: ''; position: absolute; bottom: 0; } }
/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .button__box { margin-bottom: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .button__box .products__btn { width: 300px; margin: 0 20px 0 0; font-size: 1.5rem; }
  .button__box .products__btn:last-child { margin-right: 0; }
  .sb__txt, .sb__feature .feature__txt, .sb__feature .safety-sheet__btn, .sb__table, .sb__crystal figcaption, .sb__img-box .sb__img--products figcaption { font-size: 1.5rem; }
  .products__box .ttl__box { margin-bottom: 30px; }
  .pack__flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .button__box .products__btn a:hover { background: #212121; color: #FFF; opacity: 1; }
  .button__box .products__btn a:hover i { top: 60%; }
  #metal { padding-top: 100px; margin-top: -100px; }
  #trioxidation { padding-top: 100px; margin-top: -100px; }
  .safety-sheet__btn a { margin: 0 auto 0 0; width: 180px; }
  .safety-sheet__btn a:hover { background: #FFF; color: #212121; opacity: 1; }
  .sb__feature .safety-sheet__btn a { max-width: 185px; }
  .products__box .products__img { margin-bottom: 0; }
  .sb__feature .feature__ttl { margin-bottom: 20px; }
  .sb__feature .feature__txt { margin-bottom: 36px; }
  .sb__ttl { margin-bottom: 30px; }
  .sb__txt-box { margin-bottom: 45px; }
  .sb__flex--pc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .sb__flex--pc .sb__flex-item { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .sb__table { width: 1180px; }
  .sb__table--w70 { flex: 0 1 68%; width: 68%; max-width: 68%; width: 68%; }
  .sb__table .sb__th { padding: 35px 0; }
  .sb__table .sb__th--s { padding: 15px; }
  .sb__table .sb__th--xs { padding: 10px 0; }
  .sb__table--s .sb__th { padding: 10px 0; }
  .sb__table .sb__td--left { padding: 10px 2%; }
  .sb__crystal { flex: 0 1 26%; width: 26%; }
  .products__box { margin-bottom: 80px; }
  .sb__img-box .sb__img--products { flex: 0 1 23%; width: 23%; max-width: 23%; }
  .sb__img-box figcaption { font-size: 1.5rem; } }
/*------------------------------
		1041px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) { .sb__table { width: 100% !important; }
  .sb__table-wp { overflow-x: visible; scrollbar-width: none; -ms-overflow-style: none; }
  .sb__table-wp::-webkit-scrollbar { display: none; } }

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