@charset "UTF-8";
@media (min-width: 768px) {
  .abc25-main .p-layout-production [id] {
    scroll-margin-top: 0;
  }
}
/* だいぶ使えないクラスなので変更 */
.u-grid-12-gap80 {
  gap: 42px;
}

.abc25-main .p-tab-section {
  scroll-margin-top: 0;
}

.abc25-txtlink {
  color: var(--primary-blue);
  text-decoration: none;
}
.abc25-txtlink:hover {
  text-decoration: underline;
}

.abc25-anchorNav {
  position: sticky;
  top: 10px;
  z-index: 10;
}

.abc25-main {
  /* table系 */
}
.abc25-main .indent1emList > li {
  padding-left: 1em;
  text-indent: -1em;
}
.abc25-main .ProductTable {
  line-height: 150%;
  -webkit-text-size-adjust: 100%;
}
.abc25-main .ProductTable td {
  vertical-align: middle;
}
.abc25-main table {
  -webkit-text-size-adjust: 100%;
}
.abc25-main table.wid_auto th {
  font-weight: 400;
  vertical-align: top;
}

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.35em;
  /* bottom: .5em; */
}

sub {
  bottom: -0.25em;
}

.product_cad_data:has(> .product_cad_link),
.product_cad_link.product_cad_data {
  display: none;
}

.product_catalog_data {
  display: contents;
}

/*  */
.mt-half-rem {
  margin-top: 0.5rem;
}

.mb-half-rem {
  margin-bottom: 0.5rem;
}

.ml_auto {
  margin-left: auto;
}

.mr_auto {
  margin-right: auto;
}

.abc25-main .layout-more-view {
  max-width: 1580px;
}

.arrow_eq2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 63px;
}
@media screen and (max-width: 767px) {
  .arrow_eq2col {
    gap: 0 40px;
  }
}
.arrow_eq2col > * {
  position: relative;
}
.arrow_eq2col > *:not(:first-child) .image_wrap {
  position: relative;
}
.arrow_eq2col > *:not(:first-child) .image_wrap::before {
  position: absolute;
  right: calc(100% + 15px);
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  width: 33px;
  height: 50px;
  display: block;
  background: url("/shared/images/product/icon/triangle.svg") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .arrow_eq2col > *:not(:first-child) .image_wrap::before {
    right: calc(100% + 9px);
    width: 23px;
    height: 35px;
  }
}

.arrow_eq2col_to1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 63px;
}
@media screen and (max-width: 767px) {
  .arrow_eq2col_to1 {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.arrow_eq2col_to1 > * {
  position: relative;
}
.arrow_eq2col_to1 > *:not(:first-child) .image_wrap {
  position: relative;
}
.arrow_eq2col_to1 > *:not(:first-child) .image_wrap::before {
  position: absolute;
  right: calc(100% + 15px);
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  width: 33px;
  height: 50px;
  display: block;
  background: url("/shared/images/product/icon/triangle.svg") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .arrow_eq2col_to1 > *:not(:first-child) .image_wrap::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .arrow_eq2col_to1 > *:not(:first-child)::before {
    transform: rotate(90deg);
    content: "";
    width: 23px;
    height: 35px;
    display: block;
    background-size: contain;
    background: url("/shared/images/product/icon/triangle.svg") no-repeat center center;
    margin: 15px auto;
  }
}

.under_arr {
  margin: auto;
}
.under_arr > * {
  width: 33px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .under_arr > * {
    width: 23px;
  }
}
.under_arr img {
  transform: rotate(90deg);
}

.arrow_eq3col_to1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 63px;
}
@media screen and (max-width: 767px) {
  .arrow_eq3col_to1 {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.arrow_eq3col_to1 > * {
  position: relative;
}
.arrow_eq3col_to1 > *:not(:first-child) .image_wrap {
  position: relative;
}
.arrow_eq3col_to1 > *:not(:first-child) .image_wrap::before {
  position: absolute;
  right: calc(100% + 15px);
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  width: 33px;
  height: 50px;
  display: block;
  background: url("/shared/images/product/icon/triangle.svg") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .arrow_eq3col_to1 > *:not(:first-child) .image_wrap::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .arrow_eq3col_to1 > *:not(:first-child)::before {
    transform: rotate(90deg);
    content: "";
    width: 23px;
    height: 35px;
    display: block;
    background-size: contain;
    background: url("/shared/images/product/icon/triangle.svg") no-repeat center center;
    margin: 10px auto;
  }
}

/* .chemi_arr {
	max-width: 746px;
    margin: auto;
    .col_block {
        max-width: 348px;
        @include SP {
            margin-left: auto;
            margin-right: auto;
        }
    }
} */
.chemi_arr02 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .chemi_arr02 {
    display: block;
  }
}
.chemi_arr02 .smaller {
  width: 402px;
}
.chemi_arr02 .larger {
  width: 620px;
}
.chemi_arr02 .larger .image_wrap {
  position: relative;
}
.chemi_arr02 .larger .image_wrap::before {
  position: absolute;
  left: -40px;
  top: 85px;
  content: "";
  width: 30px;
  height: 33px;
  display: block;
  background: url("/shared/images/product/icon/triangle.svg") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .chemi_arr02 .larger .image_wrap::before {
    position: static;
    margin: 1em auto;
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  .chemi_arr02 .col_block {
    width: 100%;
  }
}

.col2_300img_to1 {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.col2_300img_to1 .text_box {
  flex-grow: 1;
}
.col2_300img_to1 .image_box,
.col2_300img_to1 .w300box {
  width: 300px;
  flex-shrink: 0;
}
.col2_300img_to1 .image_box200 {
  width: 200px;
  flex-shrink: 0;
}
.col2_300img_to1 .image_box250 {
  width: 250px;
  flex-shrink: 0;
}

.flex_box {
  display: flex;
}

.col2_200img_to1 {
  display: flex;
  column-gap: 20px;
}
.col2_200img_to1 .text_box {
  flex-grow: 1;
}
.col2_200img_to1 .image_box {
  width: 200px;
  flex-shrink: 0;
}

.tblCol {
  display: flex;
}
.tblCol > *:not(:first-child) {
  margin-left: 3.6585365854%;
}
.tblCol .w150 {
  width: 18.2926829268%;
  flex-shrink: 0;
}
.tblCol .w200 {
  width: 24.3902439024%;
  flex-shrink: 0;
}
.tblCol .w230 {
  width: 28.0487804878%;
  flex-shrink: 0;
}
.tblCol .w250 {
  width: 30.487804878%;
  flex-shrink: 0;
}
.tblCol .w300 {
  width: 36.5853658537%;
  flex-shrink: 0;
}
.tblCol.inner_2col {
  /* .tblColが均等2カラムの中 */
  column-gap: 20px;
}
@media screen and (max-width: 767px) {
  .tblCol.inner_2col {
    flex-direction: column;
    row-gap: 10px;
  }
}
.tblCol.inner_2col > * {
  width: 47.5%;
}
@media screen and (max-width: 767px) {
  .tblCol.inner_2col > * {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tblCol .w150 {
    width: 22.3880597015%;
    flex-shrink: 0;
  }
  .tblCol .w200 {
    width: 29.8507462687%;
    flex-shrink: 0;
  }
  .tblCol .w230 {
    width: 34.328358209%;
  }
  .tblCol .w250 {
    width: 37.3134328358%;
    flex-shrink: 0;
  }
  .tblCol .w300 {
    width: 44.776119403%;
    flex-shrink: 0;
  }
}

.tblCol02 {
  display: flex;
}

.ml_half_em {
  margin-left: 0.5em;
}

.shrink0 {
  flex-shrink: 0;
}

/* マークと数字のリスト ※1とか */
.mark_number {
  position: relative;
  padding-left: 2em;
}
.mark_number .number {
  position: absolute;
  top: 0;
  left: 0;
}

.disp_table,
.dispTable {
  display: table;
  max-width: 100%;
}
.disp_table > .arrow_link_button + *,
.dispTable > .arrow_link_button + * {
  margin-top: 1em;
}
.disp_table > .pdf_link_button + .pdf_link_button,
.dispTable > .pdf_link_button + .pdf_link_button {
  margin-top: 1em;
}
.disp_table > *,
.dispTable > * {
  max-width: 100%;
}

/* 旧サイトでは白でよかったがリニューアルでは背景があるので透明に */
.font_white {
  color: transparent;
}

/* ページ上のアイコン群 使いにくいので調整*/
@media (min-width: 768px) {
  .icon-item--pc-h100 .icon-item__icon {
    height: auto;
    min-height: 100px;
  }
}
.icon-item__icon p {
  font-size: 13px;
  text-align: center;
  margin-top: 0.5em;
}

.m_auto {
  margin-inline: auto;
}

.mt1em {
  margin-top: 1em !important;
}

.mb1em {
  margin-bottom: 1em !important;
}

.ml1em {
  margin-left: 1em !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr1em {
  margin-right: 1em !important;
}

.ml20px {
  margin-left: 20px !important;
}

.mr20px {
  margin-right: 20px !important;
}

.pl1em {
  padding-left: 1em !important;
}

.pr1em {
  padding-right: 1em !important;
}

.gray_area {
  background-color: var(--primary-white2);
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .gray_area {
    padding: 20px 20px 30px;
  }
}

.adequateColor {
  border: 1px solid #a6a6a6;
  padding: 2em;
}

/* オススメ仕上げ */
.recommendFinish {
  padding-left: 50px;
}
.recommendFinish .wrap_block {
  width: 100%;
}
.recommendFinish .demand {
  border: 3px solid #bbbbbb;
  border-radius: 3px;
  background-color: #ffffd5;
  padding: 0.8em 1em 0.7em 4em;
  position: relative;
  display: flex;
  justify-content: center;
}
.recommendFinish .iconFinish {
  width: 96px;
  height: 96px;
  position: absolute;
  left: -53px;
  top: -6px;
}
/* マークについて ボタン幅 */
/* マークについて アイコン群 */
.about_mark_icon a {
  color: #fff;
  text-decoration: none;
  display: flex;
  width: fit-content;
  gap: 5px;
}
.about_mark_icon p {
  font-size: 14px;
  background: #333;
  color: #fff;
  border-radius: 4px;
  padding: 0.3em 0.25em;
  line-height: 1;
  min-width: 22px;
  text-align: center;
}

/* マークについて ポップアップ内 */
.about_mark_icon_popup {
  display: table;
  margin: 0 auto;
}
.about_mark_icon_popup .about_mark_list > li {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #b8b8b8;
  padding: 0 1em 1em 0;
}
.about_mark_icon_popup .about_mark_list > li:not(:first-child) {
  margin-top: 1em;
}
.about_mark_icon_popup .icon {
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 10px;
}
.about_mark_icon_popup .icon p {
  background: #333;
  color: #fff;
  border-radius: 4px;
  padding: 0.3em;
  line-height: 1;
  min-width: 26px;
  text-align: center;
}
/* ボーダーなしテーブル */
.plainTable {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .plainTable {
    font-size: 14px;
  }
}
.plainTable th {
  font-weight: 400;
}

.notWrap {
  white-space: nowrap;
}

.colon_table {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .colon_table {
    font-size: 14px;
  }
}
.colon_table th {
  font-weight: 400;
  position: relative;
  padding-right: 1em;
  vertical-align: top;
}
.colon_table th::after {
  content: "：";
  position: absolute;
  right: 0;
  top: 0;
}
.colon_table .no_colon > *::before {
  display: none;
}

/* 長尺シートタイル系の施工・納まりなどにある接着剤などの紹介 */
.designated_parts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.designated_parts > * {
  width: 47.5609756098%;
}
.designated_parts > *:nth-child(n+3) {
  margin-top: 2.5em;
}
.designated_parts .tblCol {
  gap: 15px;
}
.designated_parts .image_box {
  width: 150px;
  flex-shrink: 0;
}
.designated_parts .image {
  /*display: flex;*/
}
.designated_parts .data_table {
  width: auto;
}
.designated_parts .data_table th {
  vertical-align: top;
  font-weight: 400;
}
.designated_parts .data_table th p {
  display: flex;
  justify-content: space-between;
}
.designated_parts .data_table td {
  vertical-align: top;
  text-align: right;
}
.designated_parts .head {
  min-width: 2.5em;
}
.designated_parts .data {
  text-align: right;
}
.designated_parts.type02 {
  /*　サムネイル幅小 */
}
.designated_parts .text_all_left th, .designated_parts .text_all_left td {
  text-align: left !important;
}

/* 画像 テキスト回り込み */
.wraparound_box::after {
  content: "";
  display: block;
  clear: both;
}
.wraparound_box .image_box {
  float: right;
  margin: 0 0 0.5em 20px;
}
.wraparound_box .image img {
  width: 100%;
}

.archi_wraparound::after {
  content: "";
  display: block;
  clear: both;
}
.archi_wraparound .image_box {
  width: 400px;
  float: right;
  margin-left: 20px;
}
.archi_wraparound .image_box.w410 {
  width: 410px;
}
.archi_wraparound .image_box.w300_to_auto {
  width: 300px;
}

/* 画像 テキスト回り込み sp時は1カラム */
.wraparound_to_1::after {
  content: "";
  display: block;
  clear: both;
}
.wraparound_to_1 .image_right {
  float: right;
  margin: 0 0 0.5em 20px;
  width: 49%;
}
.wraparound_to_1 .image_420 {
  width: 420px;
}
.wraparound_to_1 .image_300 {
  width: 300px;
}
.wraparound_to_1 .image_280 {
  width: 280px;
}
.wraparound_to_1 .image_270 {
  width: 270px;
}

/* SP時もPC幅と同じ割合 */
.w100_same {
  width: 100px;
}

.w150_same {
  width: 150px;
}

.w170_same {
  width: 170px;
}

.w200_same {
  width: 200px;
}

.w220_same {
  width: 220px;
}

.w250_same {
  width: 250px;
}

.w280_same {
  width: 280px;
}

.w300_same {
  width: 300px;
}

.half_block {
  /* SP時もおよそ半分の幅 */
  width: 48.7804878049%;
}

.w300_to_auto {
  /* SP時は幅なりいき */
  width: 300px;
}

/* PC複数カラム、SP時1カラム */
.sp_1col {
  display: flex;
  column-gap: 20px;
}
.sp_1col > * {
  flex-grow: 1;
}
.sp_1col .image_box {
  flex-shrink: 0;
  max-width: 49.3055555556%;
}
.sp_1col .image_box img {
  width: 100%;
}

/* コンテンツ内のNEWアイコン */
.hasNewTitle:after {
  content: "NEW";
  background-color: var(--primary-red);
  border-radius: 3px;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  margin-top: -2px;
}
@media screen and (max-width: 767px) {
  .hasNewTitle:after {
    font-size: 12px;
  }
}

/* 9728など インタールーバー、インターバイザー */
.inta_heading [class^=img_text] {
  display: block;
}
.inta_heading .img_text01 img {
  max-height: 20px;
}
.inta_heading .img_text01 + .img_text02 {
  margin-top: 0.5em;
}
.inta_heading .img_text02 img {
  max-height: 34px;
}
.inta_heading .hasNewTitle::after {
  vertical-align: bottom;
  margin-top: 0.4em;
}

.justify_end_wrap {
  display: flex;
  justify-content: flex-end;
}

/* カタログサムネイルとリンク */
.catalog_2col {
  display: flex;
  column-gap: 20px;
}
.catalog_2col .thumbnail {
  max-width: 150px;
}
.catalog_2col .thumbnail img {
  border: 1px solid #ccc;
}

.catalog_2col_to1 {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.catalog_2col_to1 > * {
  flex-grow: 1;
}
.catalog_2col_to1 .thumbnail {
  flex-shrink: 0;
  max-width: 150px;
}
.catalog_2col_to1 .thumbnail img {
  border: 1px solid #dedede;
}

/* ボタンで画像切り替えはタブ切り替えを応用した */
.tab-block {
  display: none;
}
.tab-block.show {
  display: block;
}

.img_change_component {
  /* ボタンで画像切り替え */
}
.img_change_component button {
  margin: 0;
  padding: 0;
  appearance: none;
  cursor: pointer;
  border: 1px solid #00508e;
  background-color: #fff;
  font-size: 16px;
}
.img_change_component button.active, .img_change_component button:hover {
  background-color: #00508e;
  color: #fff;
}
.img_change_component .change_btn_wrap {
  display: flex;
  justify-content: center;
}
.img_change_component .change_btn_wrap > * + * {
  margin-left: 10px;
}
.img_change_component .change_btn_wrap button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em 0.5em;
  width: 60px;
  min-height: 40px;
}
.img_change_component .change_btn_wrap.justify_s {
  justify-content: flex-start;
}
.img_change_component .change_btn_wrap.btn_type2 button {
  width: auto;
  margin-left: -1px;
  padding-left: 0.95em;
  padding-right: 0.95em;
}

/* ラインアップ：画像付きリンクボタン */
/* 使いにくいので加筆 */
.abc25-imageLinks__product {
  min-width: 420px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .abc25-imageLinks__product {
    min-width: 100%;
  }
}

.abc25-imageLinks__img {
  flex-shrink: 0;
}

.abc25-imageAnchorLinks__link {
  color: inherit;
}

.abc25-main .insulpak_table {
  /* tableの中のdivにheight:100%;を効かせてセルの縦幅いっぱいにするには、tableとtd、divそれぞれにheight:100%;を指定する必要があるようだ。*/
  height: 100%;
}
.abc25-main .insulpak_table th, .abc25-main .insulpak_table td {
  text-align: center;
}
.abc25-main .insulpak_table .type_icon {
  width: 70px;
  margin: 0 auto;
}
.abc25-main .insulpak_table .type_icon02 {
  width: 50px;
}
.abc25-main .insulpak_table .icon_box {
  display: flex;
  align-items: center;
}
.abc25-main .insulpak_table .icon_box > * + * {
  margin-left: 0.5em;
  flex-grow: 1;
}
.abc25-main .insulpak_table .slash {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+");
  background-position: 100%;
  text-align: left;
  height: 100%;
}
.abc25-main .insulpak_table .slash .type {
  text-align: right;
}
.abc25-main .insulpak_table .slash .place {
  margin-top: auto;
}
.abc25-main .insulpak_table .slash .wrap {
  height: 100%;
}
.abc25-main .insulpak_table .slash .text_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.5em 0.5em;
}
/* 9083の施工・納まりなど画像と説明文 */
.const_img_area .wrap_block {
  display: flex;
  column-gap: 20px;
}
.const_img_area .image_block {
  width: 250px;
  flex-shrink: 0;
}
.const_img_area .text_block {
  flex-grow: 1;
}
.const_img_area + .const_img_area {
  margin-top: 30px;
}

/* PC時画像とテキスト2カラム、SP時1カラム） */
.consultation_block {
  display: flex;
  column-gap: 20px;
}
.consultation_block_image {
  width: 250px;
  flex-shrink: 0;
}
.image_300_to_auto {
  /* PC幅ありSP幅無し */
  width: 300px;
  flex-shrink: 0;
}

/* 9902 インサルパック 1液タイプ */
.insul_work_place {
  display: flex;
  column-gap: 20px;
}
.insul_work_place .image_box {
  /*width: 180px;*/
  width: 200px;
  flex-shrink: 0;
}
/* 9919は廃番だがクラスは流用 */
.icon_wrap_9919 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.icon_wrap_9919 .icon {
  width: 36.6666666667%;
}
.icon_wrap_9919 .green_icon {
  width: 56.6666666667%;
}

.photo_wrap_9919 {
  display: flex;
  column-gap: 20px;
}
.photo_wrap_9919 .photo_box {
  width: 120px;
}
.photo_wrap_9919 .color_box {
  width: 280px;
}
.photo_wrap_9919.type02 .color_box {
  width: 200px;
}

/* 9943 */
.lumberju_icon_set .icon_set {
  display: flex;
  align-items: flex-start;
}
.lumberju_icon_set .icon_box {
  width: 70px;
  flex-shrink: 0;
  padding: 5px 4px 0;
  border: 1px solid #b5b5b5;
  margin-right: 20px;
}
.lumberju_icon_set .icon_box .text {
  font-size: 12px;
  text-align: center;
}
.lumberju_icon_set .image_block {
  width: 300px;
  flex-shrink: 0;
}
.lumberju_icon_set .f_right {
  float: right;
  margin: 0 0 0 20px;
}
.lumberju_icon_set::after {
  content: "";
  display: block;
  clear: both;
}

.equal2_col {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  column-gap: 3%;
}
.equal2_col .col_block,
.equal2_col .colBlock {
  flex-shrink: 0;
  width: 48.7804878049%;
  width: 48.5%;
}
/* コーリアン 画像の下にテキスト回り込み */
.corian_wraparound::after {
  content: "";
  display: block;
  clear: both;
}
.corian_wraparound .image_box {
  width: 200px;
  float: right;
  margin-left: 20px;
}
.corian_wraparound .image img {
  width: 100%;
}
.corian_wraparound.ver02 .tblCol {
  column-gap: 20px;
}
.corian_wraparound.ver02 .image_box {
  width: 372px;
}
.corian_wraparound.ver02 .img01 {
  width: 37.0967741935%;
}
.corian_wraparound.ver02 .img02 {
  width: 53.7634408602%;
}

.marble_icon {
  display: inline-block;
}
.marble_icon > * {
  display: inline-block;
  vertical-align: middle;
}
.marble_icon > * + * {
  margin-left: 5px;
}
.marble_icon .ico_abc {
  width: 30px;
}

/* 9357など e・wool（イーウール） 防音パネル */
.e_wool .simulation_block {
  display: flex;
}
.e_wool .simulation_block > *:not(:first-child) {
  margin-left: 1em;
}
.e_wool .simulation {
  flex-shrink: 0;
  width: 400px;
}
.e_wool .simu01 {
  background-color: var(--primary-white2);
  padding: 30px;
}
.e_wool .simu01 .text_free {
  margin-bottom: 0.5em;
}
.e_wool .simu01 .inner_wrap {
  display: flex;
  align-items: center;
}
.e_wool .simu01 .inner_wrap .image {
  flex-shrink: 0;
  width: 80px;
  margin-right: 1em;
}
.e_wool .type_block .image_block {
  width: 150px;
  flex-shrink: 0;
}
.e_wool .type_block .text_area {
  flex-grow: 1;
}
.e_wool .procedure {
  column-gap: 16px;
}
.e_wool .procedure .image_box {
  width: 150px;
  flex-shrink: 0;
}
.e_wool .irregular2col {
  /* e・woolはSP時1カラムへ */
  display: flex;
  column-gap: 20px;
}
.e_wool .irregular2col .leftArea {
  width: 510px;
}
.e_wool .irregular2col .rightArea {
  width: 290px;
}

/* 9894 RCガードCE TYPE-Li */
.fractionWrap {
  font-size: 16px;
}
.fractionWrap > * {
  vertical-align: middle;
}
.fractionWrap .textLarge {
  font-size: 24px;
  line-height: 1;
}

.fractionBlock {
  display: table;
}
.fractionBlock > * {
  display: table-cell;
  vertical-align: middle;
}
.fractionBlock > *:not(:first-child) {
  padding-left: 5px;
}
.fractionBlock .numeratorDenominator {
  text-align: center;
  display: table;
}
.fractionBlock .numeratorDenominator > * {
  padding: 0 0.5em;
}
.fractionBlock .numeratorDenominator > *:first-child {
  border-bottom: 1px solid #333333;
}

.fractionText {
  vertical-align: middle;
  padding-left: 20px;
}

/* 9771 フラップ キャンチ 特有 */
.flapp .counterSize table {
  width: auto;
}
.flapp .counterSize table th {
  padding-right: 1em;
}
.flapp .people_number {
  display: flex;
  margin: 0 0 2em 1em;
}
.flapp .people_number > * {
  width: 14px;
}
.flapp .people_number > *:not(:first-child) {
  margin-left: 10px;
}
.flapp .size_image {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}
.flapp .size_image .tbl_2Col {
  display: flex;
  align-items: flex-end;
}
.flapp .size_image .tbl_2Col > *:not(:first-child) {
  margin-left: 2em;
}
.flapp .size_image .img01 {
  width: 208px;
}
.flapp .size_image .img02 {
  width: 146px;
}
.flapp .size_image .img03 {
  width: 212px;
  margin-top: 2em;
}
.flapp .size_image.people03 .img01 {
  width: 302px;
}
.flapp .size_image.people03 .img03 {
  width: 306px;
}
.flapp .size_image.people04 .img01 {
  width: 390px;
}
.flapp .size_image.people04 .img03 {
  width: 394px;
}
.flapp .size_image.people05 .img01 {
  width: 486px;
}
.flapp .size_image.people05 .img03 {
  width: 487px;
}
.flapp .size_image.people03_2 .img01 {
  width: 310px;
}
.flapp .size_image.people03_2 .img02 {
  width: 152px;
}
.flapp .size_image.people03_2 .img03 {
  width: 304px;
}
.flapp .size_image.people05_2 .img01 {
  width: 503px;
}
.flapp .size_image.people05_2 .img02 {
  width: 152px;
}
.flapp .size_image.people05_2 .img03 {
  width: 487px;
}

.flapp_2col_to1 {
  display: flex;
  justify-content: space-between;
  width: 723px;
  margin-left: auto;
  margin-right: auto;
}
.flapp_2col_to1 .img01 {
  width: 240px;
}
.flapp_2col_to1 .img02 {
  width: 445px;
}

.flapp9621 .size_image .img01 {
  width: 239px;
}
.flapp9621 .size_image .img02 {
  width: 158px;
}
.flapp9621 .size_image .img03 {
  width: 246px;
  margin-top: 2em;
}
.flapp9621 .size_image.people03 .img01 {
  width: 338px;
}
.flapp9621 .size_image.people03 .img03 {
  width: 328px;
}
.flapp9621 .size_image.people04 .img01 {
  width: 438px;
}
.flapp9621 .size_image.people04 .img03 {
  width: 412px;
}
.flapp9621 .size_image.people05 .img01 {
  width: 530px;
}
.flapp9621 .size_image.people05 .img01_2 {
  width: 514px;
}
.flapp9621 .size_image.people05 .img03 {
  width: 507px;
}
.flapp9621 .size_image.people01 .img01 {
  width: 152px;
}
.flapp9621 .irregular2col_to_1Img {
  /* colBlockは二つまで */
  display: flex;
  justify-content: space-between;
}
.flapp9621 .irregular2col_to_1Img > *:first-child {
  width: 40.7317073171%;
}
.flapp9621 .irregular2col_to_1Img > *:last-child {
  width: 56.8292682927%;
}

/* 9682 フラップES */
.flapp9682 .size_image .img01 {
  width: 258px;
}
.flapp9682 .size_image .img02 {
  width: 180px;
}
.flapp9682 .size_image .img03 {
  width: 246px;
  margin-top: 2em;
}
.flapp9682 .size_image.people03 .img01 {
  width: 394px;
}
.flapp9682 .size_image.people03 .img03 {
  width: 394px;
}
.flapp9682 .size_image.people05 .img01 {
  width: 610px;
}
.flapp9682 .size_image.people05 .img01_2 {
  width: 566px;
}
.flapp9682 .size_image.people05 .img03 {
  width: 566px;
}

/* 8006 フラップMO */
.flapp8006 .size_image .img01 {
  width: 239px;
}
.flapp8006 .size_image .img02 {
  width: 158px;
}
.flapp8006 .size_image .img03 {
  width: 246px;
  margin-top: 2em;
}
.flapp8006 .size_image.people03 .img01 {
  width: 338px;
}
.flapp8006 .size_image.people03 .img03 {
  width: 328px;
}
.flapp8006 .size_image.people04 .img01 {
  width: 438px;
}
.flapp8006 .size_image.people04 .img03 {
  width: 412px;
}
.flapp8006 .size_image.people05 .img01 {
  width: 530px;
}
.flapp8006 .size_image.people01 .img01 {
  width: 152px;
}
.flapp8006 .irregular2col_to_1Img {
  /* colBlockは二つまで */
  display: flex;
  justify-content: space-between;
}
.flapp8006 .irregular2col_to_1Img > *:first-child {
  width: 40.7317073171%;
}
.flapp8006 .irregular2col_to_1Img > *:last-child {
  width: 56.8292682927%;
}

@media screen and (max-width: 767px) {
  /* w300などの画像、SPで1カラム */
  .col2_300img_to1,
  .col2_200img_to1,
  .col2_240img_to1 {
    flex-direction: column;
    row-gap: 20px;
  }
  .col2_300img_to1 .image_box,
  .col2_300img_to1 .image_box200,
  .col2_300img_to1 .image_box250,
  .col2_300img_to1 .w300box,
  .col2_200img_to1 .image_box,
  .col2_200img_to1 .image_box200,
  .col2_200img_to1 .image_box250,
  .col2_200img_to1 .w300box,
  .col2_240img_to1 .image_box,
  .col2_240img_to1 .image_box200,
  .col2_240img_to1 .image_box250,
  .col2_240img_to1 .w300box {
    width: auto;
  }
  .recommendFinish {
    padding-left: 0;
  }
  .recommendFinish .demand {
    padding: 0.8em 1em 0.7em 1em;
    justify-content: flex-start;
    align-items: center;
  }
  .recommendFinish .iconFinish {
    width: 6.6666666667vw;
    min-width: 60px;
    height: auto;
    left: -30px;
  }
  .recommendFinish .wrap_block {
    padding-left: 1em;
  }
  .recommendFinish .wrap_block .abc25-linkbtn.border-radius {
    min-width: 0;
  }
  /* 長尺シートタイル系の施工・納まりなどにある接着剤などの紹介 */
  .designated_parts {
    flex-direction: column;
    gap: 24px;
  }
  .designated_parts > * {
    width: 100%;
  }
  .designated_parts > *:not(:first-child) {
    margin-top: 2.5em;
  }
  .designated_parts .image_box {
    width: 45%;
    max-width: 150px;
  }
  .designated_parts .image {
    width: 100%;
  }
  .designated_parts .head {
    min-width: 2.5em;
  }
  .designated_parts.type02 {
    /*　サムネイル幅小 */
  }
  /* 画像 テキスト回り込み */
  .wraparound_box .image_box {
    margin: 0 0 0.5em 1em;
  }
  .archi_wraparound {
    display: flex;
    flex-wrap: wrap;
  }
  .archi_wraparound .sp_top_box {
    order: 0;
  }
  .archi_wraparound .image_box {
    order: 1;
    width: 100%;
    float: none;
    margin: 16px 0 0;
  }
  .archi_wraparound .image_box.w410, .archi_wraparound .image_box.w300_to_auto {
    width: 100%;
  }
  .archi_wraparound .sp_bottom_box {
    order: 2;
  }
  /* 画像 テキスト回り込み sp時は1カラム */
  .wraparound_to_1 {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
  }
  .wraparound_to_1 .image_right {
    float: none;
    width: auto;
  }
  .wraparound_to_1.sp_flex_column {
    display: flex;
    flex-direction: column;
  }
  .wraparound_to_1.sp_flex_column .sp_last {
    order: 1;
    margin-top: 1em;
  }
  /* SP時もPC幅と同じ割合 */
  .w100_same {
    width: 14.9253731343%;
  }
  .w150_same {
    width: 22.3880597015%;
  }
  .w170_same {
    width: 25.3731343284%;
  }
  .w200_same {
    width: 29.8507462687%;
  }
  .w220_same {
    width: 32.8358208955%;
  }
  .w250_same {
    width: 37.3134328358%;
  }
  .w280_same {
    width: 41.7910447761%;
  }
  .w300_same {
    width: 44.776119403%;
  }
  .w200_to_auto,
  .w300_to_auto {
    width: auto;
  }
  /* PC複数カラム、SP時1カラム */
  .sp_1col {
    display: block;
  }
  .sp_1col > *:not(:first-child) {
    margin-left: 0;
    margin-top: 1.333em;
  }
  .sp_1col .image_box {
    flex-shrink: 0;
    max-width: 100%;
  }
  .sp_1col .image_box img {
    width: 100%;
  }
  .catalog_2col_to1 {
    flex-direction: column;
    row-gap: 20px;
  }
  .catalog_2col_to1 .thumbnail {
    margin-left: auto;
    margin-right: auto;
  }
  .img_change_component {
    /* ボタンで画像切り替え */
  }
  .img_change_component button {
    font-size: 14px;
  }
  /* 9083の施工・納まりなど画像と説明文 */
  .const_img_area .wrap_block {
    flex-direction: column;
    row-gap: 15px;
  }
  .const_img_area .image_block {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    flex-shrink: 0;
  }
  /* PC時画像とテキスト2カラム、SP時1カラム） */
  .consultation_block {
    flex-direction: column;
    row-gap: 10px;
  }
  .consultation_block_image {
    width: 100%;
  }
  .image_300_to_auto {
    /* PC幅ありSP幅無し */
    width: auto;
  }
  .image_200_to_auto {
    width: auto;
  }
  /* 9902 インサルパック 1液タイプ */
  .insul_work_place {
    flex-direction: column;
    row-gap: 8px;
  }
  .insul_work_place .image_box {
    width: 50%;
    margin: 0 auto;
  }
  /* 9919は廃番だがクラスは流用 */
  .photo_wrap_9919 {
    max-width: 400px;
  }
  .photo_wrap_9919 .photo_box {
    max-width: 120px;
  }
  .photo_wrap_9919 .color_box {
    max-width: 280px;
    width: 100%;
  }
  .photo_wrap_9919.type02 {
    display: flex;
    justify-content: center;
  }
  .photo_wrap_9919.type02 .color_box {
    max-width: 200px;
    width: 100%;
  }
  /* 9943 */
  .lumberju_icon_set {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  .lumberju_icon_set .icon_box {
    width: 60px;
    margin-right: 15px;
  }
  .lumberju_icon_set .image_block {
    width: auto;
  }
  .lumberju_icon_set .f_right {
    float: none;
    margin: 0;
    order: 1;
  }
  /* コーリアン 画像の下にテキスト回り込み */
  .corian_wraparound .image_box {
    width: 47.7611940299%;
    margin-left: 2.9850746269%;
  }
  .corian_wraparound .image img {
    width: 100%;
  }
  .corian_wraparound.ver02 .image_box {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .corian_wraparound.ver02 .image_box + * {
    margin-top: 1em;
  }
  .corian_wraparound.ver02 .img01 {
    width: 37.3134328358%;
  }
  .corian_wraparound.ver02 .img02 {
    width: 59.7014925373%;
  }
  /* 9357など e・wool（イーウール） 防音パネル */
  .e_wool .simulation_block {
    display: block;
  }
  .e_wool .simulation_block > *:not(:first-child) {
    margin-left: 0;
  }
  .e_wool .simulation {
    width: 100%;
    margin-bottom: 20px;
  }
  .e_wool .simu01 {
    padding: 20px;
  }
  .e_wool .simu01 .abc25-linkbtn.border-under {
    min-width: 0;
  }
  .e_wool .simu01 .inner_wrap .image {
    margin-right: 1em;
  }
  .e_wool .type_block .image_block {
    width: 17.9104477612%;
    min-width: 80px;
  }
  .e_wool .procedure .image_box {
    width: 22.3880597015%;
    min-width: 80px;
  }
  .e_wool .irregular2col {
    /* e・woolはSP時1カラムへ */
    display: block;
  }
  .e_wool .irregular2col .leftArea {
    width: auto;
  }
  .e_wool .irregular2col .rightArea {
    margin-top: 2em;
    width: auto;
  }
  /* 9894 RCガードCE TYPE-Li */
  .fractionWrap {
    font-size: 14px;
  }
  .fractionWrap .textLarge {
    font-size: 20px;
  }
  /* 9771 フラップ キャンチ 特有 */
  .flapp .counterSize table tr {
    display: block;
  }
  .flapp .counterSize table tr > * {
    display: inline;
  }
  .flapp .people_number {
    display: flex;
    margin: 0 0 2em 1em;
  }
  .flapp .people_number > * {
    width: 14px;
  }
  .flapp .people_number > *:not(:first-child) {
    margin-left: 10px;
  }
  .flapp .size_image .tbl_2Col {
    width: 100%;
    justify-content: space-between;
  }
  .flapp .size_image .tbl_2Col > *:not(:first-child) {
    margin-left: 0;
    margin-left: 10px;
  }
  .flapp .size_image .img01 {
    width: 44.4776119403%;
    width: 39.7333333333vw;
  }
  .flapp .size_image .img02 {
    width: 31.1940298507%;
    width: 27.8666666667vw;
  }
  .flapp .size_image .img03 {
    width: 45.3731343284%;
    width: 40.5333333333vw;
  }
  .flapp .size_image.people03 .img01 {
    width: 66.8656716418%;
    width: 57.3333333333vw;
  }
  .flapp .size_image.people03 .img03 {
    width: 58.9552238806%;
  }
  .flapp .size_image.people04 .img01 {
    width: 67.7611940299%;
    width: 60vw;
  }
  .flapp .size_image.people04 .img02 {
    width: 22.9850746269%;
    width: 22.6666666667vw;
  }
  .flapp .size_image.people04 .img03 {
    width: 60.2985074627%;
    width: 57.8666666667vw;
  }
  .flapp .size_image.people05 .img01 {
    width: 75.5223880597%;
    width: 64.5333333333vw;
  }
  .flapp .size_image.people05 .img02 {
    width: 21.4925373134%;
    width: 19.2vw;
  }
  .flapp .size_image.people05 .img03 {
    width: 68.9552238806%;
    width: 61.6vw;
  }
  .flapp .size_image.people03_2 .img01 {
    width: 65.671641791%;
    width: 52.6666666667vw;
  }
  .flapp .size_image.people03_2 .img02 {
    width: 28.6567164179%;
    width: 25.6vw;
  }
  .flapp .size_image.people03_2 .img03 {
    width: 57.6119402985%;
    width: 51.4666666667vw;
  }
  .flapp .size_image.people05_2 .img01 {
    width: 67.0666666667vw;
  }
  .flapp .size_image.people05_2 .img02 {
    width: 20.2666666667vw;
  }
  .flapp .size_image.people05_2 .img03 {
    width: 66.4vw;
  }
  .flapp_2col_to1 {
    display: block;
    width: 100%;
  }
  .flapp_2col_to1 .img01 {
    width: 100%;
  }
  .flapp_2col_to1 .img02 {
    width: 100%;
    margin-top: 2em;
  }
}
.abc25-imageAnchorLinks__link {
  text-decoration: none;
}

/* 251123 */
.icon_logo02 {
  width: 100px;
}

.steetOsamari > dl {
  display: table;
}
.steetOsamari > dl > dt, .steetOsamari > dl > dd {
  display: table-cell;
  vertical-align: top;
}
.steetOsamari > dl > dt {
  width: 5em;
  white-space: nowrap;
}
.steetOsamari > dl > dd {
  text-indent: -1em;
  padding-left: 1em;
}
.steetOsamari > dl > dd > div:before {
  content: "：";
}

.counterSize table {
  width: auto;
}
.counterSize table th {
  padding-right: 1em;
  font-weight: normal;
  text-align: left;
}
/* 251128 */
.col2_240img_to1 {
  display: flex;
}
.col2_240img_to1 > * + * {
  margin-left: 20px;
}
.col2_240img_to1 .text_box {
  flex-grow: 1;
}
.col2_240img_to1 .image_box {
  width: 240px;
  flex-shrink: 0;
}

.col2_260img_to1 {
  display: flex;
}
.col2_260img_to1 > * + * {
  margin-left: 20px;
}
.col2_260img_to1 .text_box {
  flex-grow: 1;
}
.col2_260img_to1 .image_box {
  width: 260px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .col2_260img_to1 {
    display: block;
  }
  .col2_260img_to1 > * + * {
    margin-left: 0;
    margin-top: 20px;
  }
  .col2_260img_to1 .text_box {
    /**/
  }
  .col2_260img_to1 .image_box,
  .col2_260img_to1 .image_box200,
  .col2_260img_to1 .image_box250,
  .col2_260img_to1 .w300box {
    width: auto;
  }
}

/* 9038 フェロコン、9801 フェロコンハードS散布工法などシリーズ　アイコンの見出しなど */
.muki_icon_heading {
  display: flex;
  margin-bottom: 0.8em;
}
.muki_icon_heading .icon {
  display: block;
  flex-shrink: 0;
}
.muki_icon_heading .icon img {
  height: 50px;
}
.muki_icon_heading .icon.h_auto img {
  height: auto;
}
.muki_icon_heading .text {
  align-self: center;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 0 0 0 1em;
}
.muki_icon_heading .text02 {
  align-self: center;
  padding: 0 0 0 1em;
}
.muki_icon_heading .wider {
  width: 100px;
}
.muki_icon_heading.square_gray::before {
  content: "■";
  color: #aaaaaa;
  margin-right: 1em;
}
.muki_icon_heading.has_ml {
  margin-left: calc(100px - 1em);
}

.col2_has_image {
  /* 画像の幅が小さくそのままの大きさで使えそうな時、SP時も2カラム */
  display: flex;
}
.col2_has_image > *:first-child {
  margin-right: 3.6585365854%;
}
.col2_has_image .image {
  flex-shrink: 0;
}
.col2_has_image .impact_img {
  /* ハンマーの画像、SP時は幅設定 */
}
.col2_has_image .flow_txt {
  width: 75%;
}
@media screen and (max-width: 767px) {
  .col2_has_image .flow_txt {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .col2_has_image .flow_image {
    max-width: 45%;
  }
}

.diagonal_line {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+");
  background-position: 100%;
  text-align: left;
  height: 100%;
}
.diagonal_line .right_txt {
  text-align: right;
}
.diagonal_line .left_txt {
  margin-top: auto;
}
.diagonal_line .wrap {
  height: 100%;
}
.diagonal_line .text_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5em 1em;
}

/* 9063 コンブリオ特有 */
.binderTbl {
  width: 820px;
  border-collapse: collapse;
}
.binderTbl .diagonal_line {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogI2UxZTFlMTtzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+");
  background-position: 100%;
  text-align: left;
  height: 100%;
}
.binderTbl .diagonal_line .right_txt {
  text-align: right;
}
.binderTbl .diagonal_line .left_txt {
  margin-top: auto;
}
.binderTbl .diagonal_line .wrap {
  height: 100%;
}
.binderTbl .diagonal_line .text_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5em 1em;
}
.binderTbl th,
.binderTbl td {
  text-align: left;
  font-weight: normal;
  padding: 10px;
}
.binderTbl .binder th {
  padding: 0 10px 0;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  border-top: 0;
  border-left: 0;
}
.binderTbl .binder th:not(:first-child) {
  border-right: 0;
}
.binderTbl .binder .colorHead {
  border: 1px solid #e1e1e1;
  border-top: none;
  border-left: none;
  width: 100px;
  padding: 0;
  vertical-align: bottom;
}
.binderTbl .bdrR {
  border-right: 1px solid #e1e1e1;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  vertical-align: middle;
}
.binderTbl .bdrB {
  border-bottom: 1px solid #e1e1e1;
}
.binderTbl.slash_table th,
.binderTbl.slash_table td {
  border-color: #333;
}

.slash_table {
  height: 100%;
}
.slash_table .slash {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+");
  background-position: 100%;
  text-align: left;
  padding: 0;
}
.slash_table .slash .upper_text {
  text-align: right;
  padding-bottom: 2em;
}
.slash_table .slash .under_text {
  margin-top: auto;
}
.slash_table .slash .wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
.slash_table .slash .text_box {
  width: 100%;
}

/* レックスコート */
.headingGreen {
  /* G値の目安 緑テキスト */
  color: #00b050;
}

.headingOrange {
  /* G値の目安 橙テキスト */
  color: #e94716;
}

/* 9419 */
.greenbdr_area {
  border: 1px solid #559556;
}
.greenbdr_area.has_bgcolor {
  background: #c5e3ab;
  padding: 1em;
}
.greenbdr_area .inner_bg {
  background: #fff;
  padding: 1em;
}
.greenbdr_area .green_color {
  color: #559556;
}

/* 9875などアースデッキ系特有 */
.earth_deck_2col {
  display: flex;
}
.earth_deck_2col .col_block {
  flex-shrink: 0;
  width: 165px;
}
.earth_deck_2col .col_block:not(:first-child) {
  margin-left: 20px;
  width: 176px;
}
@media screen and (max-width: 767px) {
  .earth_deck_2col {
    justify-content: space-between;
    max-width: 97.0149253731%;
    margin-left: auto;
    margin-right: auto;
  }
  .earth_deck_2col .col_block {
    width: 46.1538461538%;
  }
  .earth_deck_2col .col_block:not(:first-child) {
    margin-left: 0;
    width: 49.2307692308%;
  }
}

.just_2col_to1 {
  /*ただの2カラムからSP時は1カラム*/
  display: flex;
}
.just_2col_to1 > * {
  max-width: 400px;
}
.just_2col_to1 > *:not(:first-child) {
  margin-left: 20px;
}
.just_2col_to1 .image_block {
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .just_2col_to1 {
    display: block;
  }
  .just_2col_to1 > * {
    max-width: 100%;
  }
  .just_2col_to1 > *:not(:first-child) {
    margin-left: 0;
  }
  .just_2col_to1 .image_block {
    margin-top: 2em;
  }
}

.borderBtm {
  /* 遮音帯性能試験データ */
  border-bottom: 1px solid #9f9f9f;
}

/* アーキパンションHシリーズ */
.bdrCaption {
  border: 1px solid #333333;
  padding: 0.2em 0.5em 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* 9920 ダミエラブリズ */
.breeze_table {
  /* PCではflex、SPでは適度に折り返し */
  display: flex;
}

.breeze_title {
  width: 11em;
  flex-shrink: 0;
}

/*アイコン説明など*/
.marble_icontbl .ico_th {
  width: 100px;
  white-space: nowrap;
}
.marble_icontbl .taiou_th {
  width: 100px;
  white-space: nowrap;
}
.marble_icontbl .ico_wrap {
  width: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  line-height: 1;
}
.marble_icontbl .ico_wrap img {
  width: 100%;
}
.marble_icontbl .ico_note {
  font-size: 5rem;
}
.marble_icontbl .ico_gentei {
  width: 80px;
}
@media screen and (max-width: 767px) {
  .marble_icontbl .ico_th {
    width: auto;
    max-width: 80px;
  }
  .marble_icontbl .taiou_th {
    width: auto;
    max-width: 80px;
  }
  .marble_icontbl .ico_wrap {
    width: 40px;
    min-height: 40px;
  }
  .marble_icontbl .ico_note {
    font-size: 4rem;
  }
  .marble_icontbl .ico_gentei {
    width: 60px;
  }
}

.c_spade {
  color: #92D050;
}

/* 8043とか */
.blue-gray .waku_txt {
  display: inline-block;
  font-size: 90%;
  margin-left: 0.5em;
  vertical-align: middle;
  padding-top: 0.15em;
}

.typ.c-3rd-22B-38B-160 .waku_txt {
  display: inline-block;
  font-size: 75%;
  margin-left: 0.5em;
}

.waku_txt {
  border: 1px solid #333;
  padding: 0.3em 0.5em 0.15em;
}

.bdr {
  /* 旧ページからソースはり付けたままになってしまってもいちおう効くようにしています */
  border: 1px solid #e1e1e1;
}

.txt_underline {
  text-decoration: underline;
}

/* PCは2カラム、SPで1カラム(幅100％) */
.equal02_to_1Img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.equal02_to_1Img > .col_block,
.equal02_to_1Img > .colBlock {
  flex-shrink: 0;
  width: 48.7804878049%;
}
.equal02_to_1Img > .col_block:nth-child(n+3),
.equal02_to_1Img > .colBlock:nth-child(n+3) {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .equal02_to_1Img {
    display: block;
  }
  .equal02_to_1Img > .col_block,
  .equal02_to_1Img > .colBlock {
    width: 100%;
  }
  .equal02_to_1Img > .col_block:not(:first-child),
  .equal02_to_1Img > .colBlock:not(:first-child) {
    margin-top: 1.5em;
  }
  .equal02_to_1Img > .col_block:nth-child(n+3),
  .equal02_to_1Img > .colBlock:nth-child(n+3) {
    margin-top: 1.5em;
  }
  .equal02_to_1Img.two_col {
    /* 不ぞろいの2カラム1枚は3カラムの時の幅 */
  }
  .equal02_to_1Img.two_col .wider {
    width: 100%;
  }
  .equal02_to_1Img.two_col > .col_block:not(:first-child) {
    margin-top: 1.5em;
  }
}

.qualification:not(table),
.iconQualification {
  display: flex;
}
.qualification:not(table) .logo_img,
.qualification:not(table) .logoImg,
.iconQualification .logo_img,
.iconQualification .logoImg {
  flex-shrink: 0;
}
.qualification:not(table) .logo_img p,
.qualification:not(table) .logoImg p,
.iconQualification .logo_img p,
.iconQualification .logoImg p {
  display: flex;
  align-items: center;
}
.qualification:not(table) .logo_img p img,
.qualification:not(table) .logoImg p img,
.iconQualification .logo_img p img,
.iconQualification .logoImg p img {
  margin-left: 0.1em;
}
.qualification:not(table) > *:not(:first-child),
.iconQualification > *:not(:first-child) {
  margin-left: 1em;
  align-self: center;
}
.qualification:not(table) + *,
.iconQualification + * {
  margin-top: 1em;
}
.square_head_m_line {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 0.3em;
}

.insul_line_up + .insul_line_up {
  margin-top: 3em;
}
.insul_line_up .line_up_title:after {
  content: "";
  display: block;
  clear: both;
}
.insul_line_up .line_up_title .photo_box {
  flex-shrink: 0;
  float: left;
  margin: 0 1em 1em 0;
}
.insul_line_up .line_up_title .photo img {
  width: 100px;
}
.insul_line_up .line_up_title .photo + .icon {
  margin-top: 10px;
}
.insul_line_up .line_up_title.ver02 .aco_trigger {
  float: right;
}
.insul_line_up .icon {
  height: 50px;
}
.insul_line_up .icon img {
  max-height: 100%;
}
.insul_line_up .green_icon {
  height: 50px;
}
.insul_line_up .green_icon img {
  max-height: 100%;
}
.insul_line_up .icons_wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0 0;
}
.insul_line_up .icons_wrap > * {
  margin: 0 20px 0 0;
}
.insul_line_up .icons_wrap > *:last-child {
  margin-right: 0;
  margin-left: auto;
}
.insul_line_up .trigger_set {
  display: flex;
  flex-wrap: wrap;
}
.insul_line_up .has2_photo {
  display: flex;
}
.insul_line_up .has2_photo .photo + .photo {
  margin-left: 10px;
}
.insul_line_up .aco_trigger {
  width: 100px;
  margin-left: auto;
}
.insul_line_up .aco_trigger > p {
  cursor: pointer;
  padding: 0.5em 1em;
  text-align: center;
  background-color: #bfbfbf;
}
.insul_line_up .aco_trigger > p:hover {
  opacity: 0.7;
}
.insul_line_up .aco_body {
  height: 0;
  overflow: hidden;
}
.insul_line_up .open {
  display: block;
}
.insul_line_up .close {
  display: none;
}
.insul_line_up .toggle + .aco_body {
  height: auto;
  padding-top: 1em;
}
.insul_line_up .toggle .open {
  display: none;
}
.insul_line_up .toggle .close {
  display: block;
}
.insul_line_up .bdr_title {
  border: 2px solid #f8b73c;
  border-radius: 14px;
  padding: 0.5em 1em;
}
@media screen and (max-width: 767px) {
  .insul_line_up .line_up_title .photo img {
    width: 90px;
  }
  .insul_line_up .icon {
    height: 45px;
    margin-bottom: 1em;
  }
  .insul_line_up .green_icon {
    height: 45px;
    margin-bottom: 1em;
  }
  .insul_line_up .icons_wrap {
    min-width: 212px;
  }
  .insul_line_up .icons_wrap .button_wrapper {
    margin-bottom: 1em;
  }
  .insul_line_up .aco_trigger {
    margin-left: auto;
  }
  .insul_line_up .aco_trigger > p {
    cursor: pointer;
    padding: 0.5em 1em;
    text-align: center;
    background-color: #bfbfbf;
  }
  .insul_line_up .aco_trigger > p:hover {
    opacity: 0.7;
  }
  .insul_line_up .aco_body {
    padding-top: 1em;
    overflow: hidden;
  }
  .insul_line_up .open {
    display: block;
  }
  .insul_line_up .close {
    display: none;
  }
  .insul_line_up .toggle + .aco_body {
    height: auto;
    padding-top: 1em;
  }
  .insul_line_up .toggle .open {
    display: none;
  }
  .insul_line_up .toggle .close {
    display: block;
  }
}

/* 9936など */
.photo_wrap_insul {
  display: flex;
}
.photo_wrap_insul .photo_box {
  width: 200px;
}
.photo_wrap_insul .color_box {
  width: 200px;
}
@media screen and (max-width: 767px) {
  .photo_wrap_insul {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .photo_wrap_insul .photo_box {
    max-width: 200px;
    width: 50%;
  }
  .photo_wrap_insul .color_box {
    max-width: 200px;
    width: 50%;
  }
}

.data_table02 {
  width: auto;
}

.data_table02 th, .data_table02 td {
  vertical-align: top;
  font-weight: normal;
}

.data_table02 .has_colon {
  min-width: 2.5em;
  display: flex;
  justify-content: space-between;
}

.data_table02 .has_colon::after {
  content: "：";
}

.apm_table .apm_detail .detail_inner::after {
  content: "";
  display: block;
  clear: both;
}
.apm_table .apm_detail .detail_inner dt {
  width: 7em;
  float: left;
}
.apm_table .apm_detail .detail_inner dd {
  padding-left: 7em;
}
.apm_table .apm_image {
  padding: 10px;
}
.apm_table .apm_image .alignRight {
  margin: 10px 0 0 auto;
}
.apm_table .table_inner + .table_inner .apm_box .apm_name,
.apm_table .table_inner + .table_inner .apm_box .apm_detail,
.apm_table .table_inner + .table_inner .apm_box .apm_image {
  padding-right: 9px;
}
.apm_table .table_inner .apm_box {
  width: 100%;
}
.apm_table.double_image .apm_box {
  width: 100%;
}
.apm_table.double_image .apm_image {
  display: flex;
  padding: 0;
}
.apm_table.double_image .apm_image .image_inner {
  padding: 10px;
}
.apm_table.double_image .apm_image .image_inner + .image_inner {
  padding-right: 9px;
}
.apm_table .apm_photo_r {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .apm_table .apm_table {
    display: block;
  }
  .apm_table .apm_table .apm_box {
    width: 100%;
  }
  .apm_table .apm_table .apm_box + .apm_box {
    width: 100%;
    border-top: none;
    border-left: none;
  }
  .apm_table .apm_table .table_inner {
    width: 100%;
  }
  .apm_table .apm_table .table_inner + .table_inner {
    width: 100%;
    margin-top: 25px;
  }
  .apm_table .apm_table .table_inner + .table_inner .apm_box {
    border-left: none;
  }
  .apm_table .apm_table.double_image .apm_image {
    display: block;
  }
  .apm_table .apm_table.double_image .apm_image .image_inner {
    width: 100%;
  }
  .apm_table .apm_table.double_image .apm_image .image_inner + .image_inner {
    width: 100%;
    border-top: 1px solid #9f9f9f;
    border-left: none;
    padding-right: 10px;
  }
  .apm_table .apm_table .apm_photo_r {
    padding: 10px;
  }
}

/* 9851 ABC商会の防食材シリーズラインアップ */
/* .boshoku {
    .bdrArea {
		border: 2px solid #385d8a;
		padding: 14px;
	}
	.btnArea {
		display: flex;
        justify-content: space-between;
        margin-top: 3em;
		> li {
			width: 260px;
            background: #b889db;
			&:first-child {
				margin-left: 0;
			}
			a:hover {
                display: block;
				text-decoration: none;
			}
			dl {
				color: #ffffff;
			}
            dt {
                padding: 5px;
                text-align: center;
                font-weight: bold;
            }
            dd {
                padding: 5px;
                background: #8c5cb4;
                display: flex;
                justify-content: center;
                p {
                    position: relative;
                    padding-left: .75em;
                    font-weight: bold;
                    font-size: 1.6rem;
                    &::before {
                        position: absolute;
                        left: 0;
                        top: .5em;
                        content: "";
                        width: 6px;
                        height: 10px;
                        display: inline-block;
                        background: url(/shared/images/common/icon_arr_right.svg) no-repeat left top;
                        background-size: 100%;
                        //margin: 0 .5em 0 0;
                    }
                }
            }
			+ li {
                background: #16aa83;
                dd {
            		background: #128c6c;
				}
                + li {
                    background: #00b0f0;
                    dd {
                        background: #0097cc;
                    }
                }
			}
		}
	}
    .lineUp {
		padding-left: 15px;
            min-width: 820px;
		.facility {
			display: flex;
            align-items: center;
			> * {
                &:first-child {
                    flex-shrink: 0;
                }
                &:last-child {
                    margin-bottom: 0;
                }
				> * {
					padding: 0;
				}
			}
			.builPit {
				padding-top: 30px;
                .image_box {
                    width: 120px;
                    margin-left: 50px;
                }
			}
            &.type02 {
                //padding-top: 10px;
            }
            .blank01 {
                width: 207px;
            }
		}
        .facility02 {
			display: flex;
            align-items: center;
			> * {
				&:first-child {
					flex-shrink: 0;
				}
			}
		}
        .facility03 {
			display: flex;
            align-items: center;
			> * {
				&:first-child {
					flex-shrink: 0;
				}
			}
		}
		.descriptionArea {
			background: #f1efef;
			padding: 10px;
            flex-grow: 1;
            max-width: 394px;
            margin-bottom: 10px;
			dt {
				margin-bottom: 5px;
				font-weight: bold;
                a {
                    display: inline-block;
                    //text-decoration: none;
                    //color: #00508e;
                }
                span {
                    display: block;
                    font-weight: bold;
                }
			}
            .common_name {
                font-size: 1rem;
            }
            .name {
                font-size: 1.125rem;
                position: relative;
                //padding-left: .75em;
                &::before {
                    position: absolute;
                    left: 0;
                    top: .5em;
                    content: "";
                    width: 6px;
                    height: 10px;
                    display: inline-block;
                    background: url(/shared/images/common/icon_arr_right_blue.svg) no-repeat left top;
                    background-size: 100%;
                    //margin: 0 .5em 0 0;
                }
            }
			dl {
				margin-top: 10px;
				padding-top: 10px;
				border-top: 1px solid #231815;
				&:first-child {
					margin-top: 0;
					padding-top: 0;
					border: none;
				}
				+ dl {
					padding-top: 10px;
				}
			}
		}

	}
    .downLine {
		position: relative;
		&:after {
			content: '';
			position: absolute;
			display: block;
            top: 50%;
			//top: calc(50% - 1px);
			left: 0;
			height: 100%;
			width: 1px;
			background: #231815;
		}
	}
	.upLine {
		position: relative;
		&:after {
			content: '';
			position: absolute;
			display: block;
            bottom: 50%;
			//bottom: calc(50% - 3px);
			left: 0;
			height: 100%;
			width: 1px;
			background: #231815;
		}
        &.ver02 {
            &:after {
                bottom: 50%;
            }
        }
	}
    .leftBdr {
        border-left: 1px solid #231815;
        padding: 1em 0;
        &:first-child {
            padding: 0;
        }
    }
    .leftBdr02 {
		position: relative;
        padding-left: 1px;
		&:after {
			content: '';
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			height: 50%;
			width: 1px;
			background: #231815;
		}
	}
	.bgLeftBdr {
		background: url(/shared/images/product/9851/bg_line.jpg) repeat-y left bottom;
	}
	.blankArea {
		width: 105px;
	}
}
 */
/* 9057 カラーの表 */
.dc_release_head {
  margin-left: 166px;
}

.dcCombination {
  display: table;
  width: 100%;
  width: auto;
}
.dcCombination > * {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}
.dcCombination > *:first-child {
  padding-left: 0;
}
.dcCombination > * .col {
  width: 140px;
}
.dcCombination > * .image img {
  border: 1px solid #e1e1e1;
}
.dcCombination + .dcCombination {
  /*padding-top: 25px;*/
}
.dcCombination.colTh > li {
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}
.dcCombination.colTh > li:first-child {
  border-bottom: 0;
  padding-right: 10px;
}
.dcCombination.rowTh > li {
  padding-top: 25px;
}
.dcCombination.rowTh > li:first-child {
  border-right: 1px solid #cccccc;
  padding-right: 10px;
}
.dcCombination.rowTh.first > li {
  padding-top: 5px;
}

/* 9891 染野製作所 */
.someno_area .tel_list {
  display: flex;
  flex-wrap: wrap;
}
.someno_area .tel_list > * {
  margin-right: 1em;
}
.someno_area .box {
  border: 1px solid #e1e1e1;
  padding: 0.5em 0.5em 0.2em;
}
.someno_area .box a {
  color: inherit;
}
.someno_area .box02 {
  border: 1px solid #e1e1e1;
  border-top: 0;
  display: flex;
  align-items: center;
}
.someno_area .box02 > * {
  padding: 0.2em 0.5em;
}
.someno_area .box02 .tel_list {
  padding-right: 0.5em;
  width: auto;
}
.someno_area .inner_box {
  border-left: 1px solid #e1e1e1;
}
.someno_area .inner_box > * {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
.someno_area .label {
  background-color: #e1e1e1;
  padding: 0.2em 0.4em 0.1em;
  display: inline-block;
}

/* 9213 クリーンテックAL */
.ctal_fuki {
  margin: -26px 0 0 250px;
}

.ctal_fuki02 {
  margin: 74px 0 0 -20px;
}

.abc25-main .ProductTable.ctal_table {
  min-width: 700px;
}
.abc25-main .ProductTable.ctal_table .kind_text {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.abc25-main .ProductTable.ctal_table .text {
  min-width: 78px;
}

/* 9423  */
.image_200_to_auto {
  /* PC幅ありSP幅無し */
  width: 200px;
  flex-shrink: 0;
}

.flapp .equal03_to_1Img {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.flapp .equal03_to_1Img .col_block,
.flapp .equal03_to_1Img .colBlock {
  flex-shrink: 0;
  width: 31.7073170732%;
}
.flapp .equal03_to_1Img.two_col {
  /* 不ぞろいの2カラム1枚は3カラムの時の幅 */
}
.flapp .equal03_to_1Img.two_col .wider {
  width: 63.4146341463%;
}
.flapp .equal03_to_1Img.two_col > .col_block:not(:first-child) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .flapp .equal03_to_1Img {
    display: block;
  }
  .flapp .equal03_to_1Img > .col_block,
  .flapp .equal03_to_1Img > .colBlock {
    width: 100%;
  }
  .flapp .equal03_to_1Img > .col_block:not(:first-child),
  .flapp .equal03_to_1Img > .colBlock:not(:first-child) {
    margin-top: 1.5em;
  }
  .flapp .equal03_to_1Img > .col_block:nth-child(n+3),
  .flapp .equal03_to_1Img > .colBlock:nth-child(n+3) {
    margin-top: 1.5em;
  }
  .flapp .equal03_to_1Img.two_col {
    /* 不ぞろいの2カラム1枚は3カラムの時の幅 */
  }
  .flapp .equal03_to_1Img.two_col .wider {
    width: 100%;
  }
  .flapp .equal03_to_1Img.two_col > .col_block:not(:first-child) {
    margin-top: 1.5em;
  }
}

/* 9852 */
.anchor_modric_wrap {
  margin: 30px 0;
}

.anchor_modric {
  display: flex;
}
.anchor_modric .head {
  font-weight: bold;
  margin-right: 1em;
  min-width: 12em;
}
.anchor_modric .anchor_list {
  display: flex;
}
.anchor_modric .anchor_list li {
  min-width: 5em;
  margin: 0 1em 0 0;
}
.anchor_modric + .anchor_modric {
  margin-top: 0.6em;
}

.anchor_link_text {
  color: inherit;
  display: block;
  padding-left: 1em;
  position: relative;
}
.anchor_link_text::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 10px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTguNzU3ODEgMS4wNjY0MUw0Ljc1NzgxIDUuMDY2NDFMMC43NTc4MTIgMS4wNjY0MSIgc3Ryb2tlPSIjMDA0Mzg2IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=") no-repeat left center;
  background-size: 100%;
  margin: 0.5em 0.2em 0 0;
}

/* 9869 */
.ProductTable.yt_table {
  text-align: center;
  /* .color_head02 {
      background: #fffcd5;
  } */
}
.ProductTable.yt_table .color_head {
  background: #fff8af;
}

/* 9923 小さい画像の2カラム（w400内） */
.img_set2col {
  display: flex;
  justify-content: space-between;
}
.img_set2col > *:first-child {
  margin-right: 2.5%;
}
.img_set2col .img_wrap {
  width: 150px;
  flex-shrink: 0;
}

.esprood_3icon {
  display: flex;
  max-width: 290px;
}
.esprood_3icon .icon {
  max-width: 90px;
}
.esprood_3icon .icon:not(:first-child) {
  margin-left: 10px;
}

.white_block {
  background: #ffffff;
  padding: 20px;
}

.karutenClearance {
  display: flex;
}
.karutenClearance_image {
  flex-shrink: 0;
  margin-top: -2em;
  margin-right: 70px;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .karutenClearance {
    flex-direction: column-reverse;
  }
  .karutenClearance_image {
    order: 1;
    width: 34.6268656716%;
    margin-right: 10.447761194%;
    margin-bottom: 1em;
    margin-left: 60.8955223881%;
    margin-top: -1em;
  }
}

/* 減音性能試験 */
.reductionImage {
  position: relative;
}

.reductionImage .reductionText {
  /* カルムパッソ */
  position: absolute;
  top: 2px;
  right: 15px;
  color: #ffffff;
}

.reductionImage .reductionText02 {
  /* レイジャー4.0 */
  position: absolute;
  top: 1px;
  right: 14px;
  color: #ffffff;
}

.sileIcons img {
  width: 22px;
  margin-top: 5px;
}

.abc25-imageModal__tagArea .icon img {
  margin-top: 5px;
  width: 22px;
}

.iconText {
  display: table;
  width: 100%;
  text-align: left;
}

.ProductTable .iconText > * {
  display: table-cell;
  vertical-align: middle;
}

.ProductTable .icon {
  padding-right: 8px;
  width: 48px;
}