@charset "UTF-8";
/* 一部リニューアル前のクラス名でそのまま効くようにしています。統一感が無くなりますがご了承ください。 */
a {
  color: #00508e;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

sup, sub {
  font-weight: inherit;
}

/* ************************ 汎用css */
.align_center,
.alignCenter {
  text-align: center !important;
}

.align_left,
.alignLeft {
  text-align: left !important;
}

.align_right,
.alignRight {
  text-align: right;
}

.v_align_m {
  vertical-align: middle;
}

.v_align_t {
  vertical-align: top !important;
}

/* テキスト揃え、折り返しは左寄せ（spanなど間にタグある場合は子要素を置く） */
.caption_flex_center {
  display: flex;
  justify-content: center;
}

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

/* flexボックス調節 */
.justify_center {
  justify-content: center;
}

.justify_start {
  justify-content: flex-start !important;
}

.justify_end {
  justify-content: flex-end;
}

.justify_between {
  justify-content: space-between;
}

.align_items_start {
  align-items: flex-start !important;
}

.align_items_center {
  align-items: center;
}

.align_items_end {
  align-items: flex-end;
}

.align_self_center {
  align-self: center;
}

.align_self_start {
  align-self: flex-start;
}

.align_self_end {
  align-self: flex-end;
}

.direction_column {
  flex-direction: column;
}

.shrink0 {
  /* flex-itemを縮ませたくない時 */
  flex-shrink: 0;
}

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

.img_has_bdr img {
  border: 1px solid #e1e1e1;
}

.flex_bottom {
  /* 直下の子要素ありの方が無難 例：.flex_bottom > p など */
  display: flex;
  align-items: flex-end;
}

.justify_end_wrap {
  /* 直下の子要素ありの方が無難 */
  display: flex;
  justify-content: flex-end;
}

.flex_box {
  display: flex;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_grow {
  flex-grow: 1;
}

.table_box {
  display: table;
}
.table_box > * {
  display: table-cell;
  vertical-align: top;
}

.table_box_to_1col {
  /* SP時1カラム */
  display: table;
}
.table_box_to_1col > * {
  display: table-cell;
  vertical-align: top;
}

.tel_link {
  pointer-events: none;
  color: inherit;
}

.break_word {
  word-break: break-word;
}

.break_all {
  word-break: break-all;
}

/* マージンパディング系はpx指定だとSP版でコントロールしにくいので、
クラス付与するタグのフォントサイズを基準に余白を考えたい */
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt_harf_em {
  margin-top: .5em;
}

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

.mt2em {
  margin-top: 2em !important;
}

.mt3em {
  margin-top: 3em !important;
}

.mt4em {
  margin-top: 4em !important;
}

.mt_auto {
  margin-top: auto;
}

.mb5 {
  margin-bottom: 5px;
}

.mb_harf_em {
  margin-bottom: .5em;
}

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

.mb2em {
  margin-bottom: 2em;
}

.mb3em {
  margin-bottom: 3em;
}

.mb4em {
  margin-bottom: 4em;
}

.ml5 {
  margin-left: 5px;
}

.ml_half_em {
  margin-left: .5em;
}

.ml1em {
  margin-left: 1em;
}

.ml_auto {
  margin-left: auto;
}

.mr5 {
  margin-right: 5px;
}

.mr1em {
  margin-right: 1em;
}

.mr_harf_em {
  margin-right: .5em;
}

.mt1rem {
  margin-top: 1rem;
}

.pt1em {
  padding-top: 1em;
}

.pt2em {
  padding-top: 2em;
}

.pb1em {
  padding-bottom: 1em;
}

.pb2em {
  padding-bottom: 2em;
}

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

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

.pr2em {
  padding-right: 2em !important;
}

.pad1em {
  padding: 1em !important;
}

.strong {
  font-weight: bold;
}

.strong16 {
  font-weight: bold;
  font-size: 1.6rem;
  /* SPでは1.5rem */
}

.font_large01 {
  font-weight: bold;
  font-size: 1.6rem;
  /* SPでは1.5rem */
}
.font_large01 span {
  font-weight: inherit;
}

.font_large {
  font-size: 2rem;
  /* SPでは1.6rem */
}

.font_s {
  font-size: 1.4rem;
}

.lh0 {
  /*基本のフォントサイズより縦が短い画像の親要素などに適宜付与*/
  line-height: 0;
}

/* 赤のテキスト */
.commentsNote {
  /*color: #a40404;*/
  color: #ff0000;
}

/* 白のテキスト */
.font_white {
  color: #fff;
}

/* テキスト カラー（9058 ペーパーステンシル） */
.c_ps_blue {
  color: #0c3388;
}

.c_ps_red {
  color: #d0121b;
}

.c_ps_reen {
  color: #2aa738;
}

/* 背景色 */
.bg_blue01 {
  background-color: #e1e7f1;
}

.bg_blue02 {
  background-color: #e2f1f6;
}

.rollovar:hover {
  opacity: .7;
}

.indent1em {
  padding: 0 0 0 1em;
  text-indent: -1em;
}

.indent2emHalf {
  padding: 0 0 0 2.5em;
  text-indent: -2.5em;
}

.indent2emHalf_list > li {
  padding: 0 0 0 2.5em;
  text-indent: -2.5em;
}

.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%;
}

.inline_block_wrap {
  display: inline-block;
}
.inline_block_wrap > * {
  display: inline-block;
}
.inline_block_wrap .about_mark_icon {
  display: inline-block;
  margin-top: 0;
}
.inline_block_wrap .about_mark_icon p {
  margin: 0;
}

.disp_inline_block {
  display: inline-block;
}

.border_area {
  border: 1px solid #e1e1e1;
  padding: 1em;
}

.button_wrapper {
  display: table;
  /* IEでのflexテキスト突き抜けを防ぐ */
}
.button_wrapper .arrow_link_button {
  display: block;
}
.button_wrapper > * + * {
  margin-top: 1em;
}

.button_wrapper_flex {
  display: flex;
}
.button_wrapper_flex > * + * {
  margin-left: 20px;
}

.frame_text {
  border: 1px solid #333;
  padding: 0 1em;
}

.txt_underline {
  text-decoration: underline;
}

/* 見出し */
.square_head_b {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2.2rem;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: .5em;
  padding-left: 1em;
  position: relative;
}
.square_head_b::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "■";
  color: #00508e;
}
.square_head_b + .indent_block {
  margin-left: 2.2rem;
}

.square_head_b_indent {
  margin-left: 2.2rem;
}

.square_head_m_gray {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: .5em;
  padding-left: 1em;
  position: relative;
}
.square_head_m_gray::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "■";
  color: #aaaaaa;
}
.square_head_m_gray + .indent_block {
  margin-left: 1.9rem;
}
.square_head_m_gray .waku_txt {
  display: inline-block;
  font-size: 75%;
  margin-left: .5em;
}

.head_m {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: .5em;
}
.head_m .gray {
  color: #aaaaaa;
}
.head_m span {
  font-weight: inherit;
}

.square_head_m {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: .3em;
  padding-left: 1em;
  position: relative;
}
.square_head_m::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "■";
  flex-shrink: 0;
}
.square_head_m + .indent_block {
  margin-left: 1.6rem;
}
.square_head_m .waku_txt {
  display: inline-block;
  font-size: 90%;
  margin-left: .5em;
  vertical-align: middle;
  padding-top: .15em;
}

.square_head_m_line {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: .5em;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: .5em;
  padding-left: 1em;
  position: relative;
}
.square_head_m_line::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "■";
  color: #aaaaaa;
  flex-shrink: 0;
}
.square_head_m_line + .indent_block {
  margin-left: 1.9rem;
}

.font_sans_head_m {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1.25;
}

.font_sans_head_m02 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  font-size: 1.9rem;
  line-height: 1.25;
}

.font_sans_head_m03 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.25;
}

[class^="square_head"],
[class^="font_sans"] {
  /* webフォントの場合位置がだいぶ違うため */
}
[class^="square_head"] sup,
[class^="font_sans"] sup {
  bottom: .35em;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
}
[class^="square_head"] sub,
[class^="font_sans"] sub {
  /*top: .4em;*/
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
}
[class^="square_head"].hasNewTitle:after,
[class^="square_head"] .icon_gentei,
[class^="font_sans"].hasNewTitle:after,
[class^="font_sans"] .icon_gentei {
  padding: .3em .5em .2em;
  margin: -1px 0 0 .5em;
}
[class^="square_head"] .font_basic,
[class^="font_sans"] .font_basic {
  font-size: 1.5rem;
  font-weight: inherit;
}
[class^="square_head"].empty::before,
[class^="font_sans"].empty::before {
  display: none;
}
[class^="square_head"] .family_inherit,
[class^="font_sans"] .family_inherit {
  font-family: inherit;
}
[class^="square_head"] .weight_normal,
[class^="font_sans"] .weight_normal {
  font-weight: normal;
}

.weight_inherit {
  font-weight: inherit;
}

[class^="square_head"] .about_mark_icon {
  display: inline-block;
  margin-top: 0;
}
[class^="square_head"] .about_mark_icon p {
  margin: 0;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
}

/* ＞とテキストのボタン */
.arrow_link_button {
  border: 1px solid #b5b5b5;
  background-color: #fff;
  padding: 1em 1em;
  text-decoration: none;
  color: inherit;
  line-height: 1.2;
  display: flex;
  justify-content: center;
}
.arrow_link_button svg {
  width: 6px;
  height: 10px;
  margin: .2em .5em 0 0;
  fill: #00508e;
  position: absolute;
  left: 0;
  top: 0;
}
.arrow_link_button p {
  position: relative;
  padding-left: 1em;
}
.arrow_link_button:hover {
  background-color: #00508e;
  text-decoration: none;
}
.arrow_link_button:hover svg {
  fill: #fff;
}
.arrow_link_button:hover p {
  color: #fff;
}
.arrow_link_button:hover p::before {
  border-color: #fff;
}
.arrow_link_button.down_icon svg {
  transform: rotate(90deg);
}

/* pdfリンクボタン */
.pdf_link_button {
  display: block;
  border: 1px solid #b5b5b5;
  background-color: #fff;
  padding: .4em 1em .3em .9em;
  text-decoration: none;
  color: inherit;
  line-height: 1.2;
}
.pdf_link_button > * {
  padding: .7em 0 .6em 34px;
  position: relative;
}
.pdf_link_button > *::before {
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 30px;
  background: url("/shared/images/common/icon_btn_pdf.png") no-repeat left center;
  background-size: 100%;
  flex-shrink: 0;
}
.pdf_link_button:hover {
  background-color: #00508e;
  text-decoration: none;
}
.pdf_link_button:hover svg {
  fill: #00508e;
  stroke: #fff;
}
.pdf_link_button:hover > * {
  color: #fff;
}
.pdf_link_button:hover > *::before {
  border-color: #fff;
}

.m_auto,
.mAuto {
  margin-left: auto;
  margin-right: auto;
}

.disptable_auto100 {
  /* pc時autoで浮かす。SP時は幅いっぱい */
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.sp_img100per {
  /*SPの時、画像引き延ばす*/
}

.img_pc100_spMax {
  /*　SPの時、画像の幅までのMAX IE11対策 */
}
.img_pc100_spMax img {
  width: 100%;
}

.notWrap {
  white-space: nowrap;
}

/* リスト */
.indent1em_list > li,
.indent1emList > li {
  padding: 0 0 0 1em;
  text-indent: -1em;
}

.indent_half_list > li {
  padding: 0 0 0 .5em;
  text-indent: -.5em;
}

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

.hidden_division {
  display: none;
}

.moderate_block {
  /* 適度に区切るためのブロック */
}
.moderate_block + .moderate_block {
  margin-top: 4.5em;
}

/* 大きな1枚画像（真ん中浮き） */
.img_col1 {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.img_col1 img {
  width: 100%;
}
.img_col1.ver02 {
  /* SP時は幅いっぱい */
}

/* 商品名 */
h1.heading_title {
  font-weight: 500;
  /* 商品名のアイコン */
}
h1.heading_title span {
  font-weight: normal;
}
h1.heading_title .icon {
  border-radius: 3px;
  padding: .2em .5em;
  display: inline-block;
  vertical-align: middle;
  margin: -6px 0 0 5px;
  max-height: 26px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: normal;
  font-family: "メイリオ", Meiryo, sans-serif;
  text-align: center;
}
h1.heading_title .gen_icon {
  background-color: #3d71d7;
}
h1.heading_title .kin_icon {
  background-color: #338c47;
}

/* 商品名のNEWアイコン */
.new_icon::after {
  content: "NEW";
  background-color: #c50000;
  border-radius: 3px;
  padding: .2em .5em;
  display: inline-block;
  vertical-align: middle;
  margin: -6px 0 0 5px;
  width: 70px;
  max-height: 26px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: normal;
  font-family: "メイリオ", Meiryo, sans-serif;
  text-align: center;
}

/* 無機アイコン */
#sec_icon_muki .button_wrap {
  width: 220px;
  margin: 15px auto 0;
}

.icon_muki img {
  height: 50px;
}
.icon_muki .off {
  color: #7f7f7f;
}
.icon_muki .icons {
  border-top: 1px solid #e1e1e1;
  padding-bottom: 5px;
}
.icon_muki .icons:first-child {
  border-top: none;
}
.icon_muki .icons:not(:first-child) {
  padding-top: 20px;
}
.icon_muki .icons > ul {
  display: flex;
  flex-wrap: wrap;
}
.icon_muki .icons > ul > li {
  text-align: center;
  padding: 0 5px;
  margin-bottom: 15px;
}
.icon_muki .icons > ul > li p {
  font-size: 1.3rem;
  margin-top: .38em;
}
.icon_muki.revision {
  /* 2019年8月改定 */
}
.icon_muki.revision img {
  height: auto;
}
.icon_muki.revision .icons > ul > li {
  width: 50px;
  padding: 0;
  margin-right: 20px;
}
.icon_muki.revision .icons > ul > li:nth-child(12n) {
  margin-right: 0;
}
.icon_muki.revision .list01 > ul > li:last-child {
  margin-right: 0;
}
.icon_muki.revision .list01 > ul > li.wider {
  width: 100px;
}

/* 庇などアイコン 9972など */
.icon_hardware {
  display: flex;
  flex-wrap: wrap;
}
.icon_hardware > li {
  margin: 0 15px 15px 0;
}
.icon_hardware .icon {
  background-color: #00508e;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .4em .2em .3em;
  width: 80px;
  height: 50px;
  line-height: 1.2;
}

/* セラミックタイルの一部受注輸入品など四角テキスト */
.productIconArea {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.productIconArea .tag_text {
  border: 1px solid #ff0000;
  color: #ff0000;
  font-weight: bold;
  padding: .4em .5em .3em;
  margin-right: 1em;
  flex-shrink: 0;
}
.productIconArea + .ceramicIcons {
  margin-top: 1.66em;
}

/* セラミックタイルアイコン */
#sec_icon_ceramic_tile .button_wrap {
  width: 220px;
  margin: 1.8em auto 0;
}

.ceramicIcons .icons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 14px;
  margin-bottom: 15px;
}
.ceramicIcons .icons > li {
  text-align: center;
  width: 55px;
}
.ceramicIcons .icons > li p {
  margin-top: 5px;
}

/* 長尺シートタイルアイコン 9786 アンビアンスなど */
#sec_icon_interior .button_wrap {
  width: 220px;
  margin: 1.8em auto 0;
}
#sec_icon_interior .iconArea .icons > ul {
  display: flex;
  flex-wrap: wrap;
}
#sec_icon_interior .iconArea .icons > ul > li {
  text-align: center;
  width: 55px;
  margin: 0 14px 15px 0;
}
#sec_icon_interior .iconArea .icons > ul > li:nth-child(12n) {
  margin-right: 0;
}
#sec_icon_interior + .product_section {
  margin-top: 2em;
}

/* 複数カラム（均等） */
.col_block .image + *,
.col_block .hasBdr + *,
.colBlock .image + *,
.colBlock .hasBdr + * {
  margin-top: .5em;
}
.col_block .image img,
.col_block .hasBdr img,
.colBlock .image img,
.colBlock .hasBdr img {
  width: 100%;
}

.equal2_col,
.equal02Img {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.equal2_col .col_block,
.equal2_col .colBlock,
.equal02Img .col_block,
.equal02Img .colBlock {
  flex-shrink: 0;
  width: calc(400 / 820 * 100%);
}
.equal2_col .col_block:nth-child(n + 3),
.equal2_col .colBlock:nth-child(n + 3),
.equal02Img .col_block:nth-child(n + 3),
.equal02Img .colBlock:nth-child(n + 3) {
  margin-top: 2em;
}
.equal2_col.wrap365,
.equal02Img.wrap365 {
  width: 750px;
}
.equal2_col.wrap365 .col_block,
.equal2_col.wrap365 .colBlock,
.equal02Img.wrap365 .col_block,
.equal02Img.wrap365 .colBlock {
  width: 365px;
}
.equal2_col.wrap355,
.equal02Img.wrap355 {
  width: 730px;
}
.equal2_col.wrap355 .col_block,
.equal2_col.wrap355 .colBlock,
.equal02Img.wrap355 .col_block,
.equal02Img.wrap355 .colBlock {
  width: 355px;
}
.equal2_col.wrap325,
.equal02Img.wrap325 {
  width: 670px;
}
.equal2_col.wrap325 .col_block,
.equal2_col.wrap325 .colBlock,
.equal02Img.wrap325 .col_block,
.equal02Img.wrap325 .colBlock {
  width: 325px;
}
.equal2_col.wrap300,
.equal02Img.wrap300 {
  width: 620px;
}
.equal2_col.wrap300 .col_block,
.equal2_col.wrap300 .colBlock,
.equal02Img.wrap300 .col_block,
.equal02Img.wrap300 .colBlock {
  width: 300px;
}
.equal2_col.irregular_img,
.equal02Img.irregular_img {
  /*横並び画像の縦横がそろっていない時に付与*/
}
.equal2_col.irregular_img .col_block .image_wrap,
.equal2_col.irregular_img .colBlock .image_wrap,
.equal02Img.irregular_img .col_block .image_wrap,
.equal02Img.irregular_img .colBlock .image_wrap {
  /*border: 1px solid #e1e1e1;*/
  display: flex;
  /*align-items: center;*/
  justify-content: center;
}
.equal2_col.irregular_img .col_block .image_wrap + *,
.equal2_col.irregular_img .colBlock .image_wrap + *,
.equal02Img.irregular_img .col_block .image_wrap + *,
.equal02Img.irregular_img .colBlock .image_wrap + * {
  margin-top: .5em;
}
.equal2_col.irregular_img .col_block .image_box,
.equal2_col.irregular_img .colBlock .image_box,
.equal02Img.irregular_img .col_block .image_box,
.equal02Img.irregular_img .colBlock .image_box {
  max-height: 400px;
}
.equal2_col.irregular_img .col_block .image_box img,
.equal2_col.irregular_img .colBlock .image_box img,
.equal02Img.irregular_img .col_block .image_box img,
.equal02Img.irregular_img .colBlock .image_box img {
  border: 0;
  max-height: 100%;
  width: 100%;
}

/* 間に「→」ありの2カラム */
.has_arrow_2col {
  display: flex;
  justify-content: space-between;
}
.has_arrow_2col .col_block,
.has_arrow_2col .colBlock {
  width: 385px;
}
.has_arrow_2col .arrow_box {
  width: 50px;
  padding: 0 10px;
}
.has_arrow_2col .arrow_box .image {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 間に「→」ありの2カラムからSP時1カラム*/
.has_arrow_2col_to1 {
  display: flex;
}
.has_arrow_2col_to1 .col_block {
  width: 385px;
}
.has_arrow_2col_to1 .arrow_box {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.has_arrow_2col_to1 .arrow_box img {
  width: 100%;
}
.has_arrow_2col_to1.img_three_two {
  /* 画像の比率が3：2で画像下にキャプションある時の矢印真ん中のための高さ */
}
.has_arrow_2col_to1.img_three_two .arrow_box {
  height: 257px;
}
.has_arrow_2col_to1.img_five_four {
  /* 画像の比率が5：4で画像下にキャプションある時の矢印真ん中のための高さ */
}
.has_arrow_2col_to1.img_five_four .arrow_box {
  height: 308px;
}
.has_arrow_2col_to1.img_four_three {
  /* 画像の比率が4：3で画像下にキャプションある時の矢印真ん中のための高さ */
}
.has_arrow_2col_to1.img_four_three .arrow_box {
  height: 289px;
}

/* 間に「→」ありの均等2カラムからSP時1カラム */
.arrow_eq2col_to1 {
  display: flex;
  justify-content: space-between;
}
.arrow_eq2col_to1 .col_block {
  width: 385px;
}
.arrow_eq2col_to1 .col_block:first-child + * .image_wrap {
  position: relative;
}
.arrow_eq2col_to1 .col_block:first-child + * .image_wrap::before {
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  width: 30px;
  height: 33px;
  display: block;
  background: url("/shared/images/product/icon/arrow.gif") no-repeat center center;
  background-size: contain;
}
.arrow_eq2col_to1 .col_block.w348 {
  width: 348px;
}

/* 間に「→」ありの均等3カラムからSP時1カラム */
.arrow_eq3col_to1 {
  display: flex;
}
.arrow_eq3col_to1 .col_block {
  width: 240px;
}
.arrow_eq3col_to1 .col_block:not(:first-child) {
  margin-left: 50px;
}
.arrow_eq3col_to1 .col_block:not(:first-child) .image_wrap {
  position: relative;
}
.arrow_eq3col_to1 .col_block:not(:first-child) .image_wrap::before {
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  width: 30px;
  height: 33px;
  display: block;
  background: url("/shared/images/product/icon/arrow.gif") no-repeat center center;
  background-size: contain;
}

/* 間に「→」ありの均等2カラムのままSP */
.arrow_eq2col {
  display: flex;
}
.arrow_eq2col .col_block {
  width: 385px;
}
.arrow_eq2col .col_block:first-child {
  margin-right: 50px;
}
.arrow_eq2col .col_block:first-child .image_wrap {
  position: relative;
}
.arrow_eq2col .col_block:first-child .image_wrap::after {
  position: absolute;
  right: -40px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  width: 30px;
  height: 33px;
  display: block;
  background: url("/shared/images/product/icon/arrow.gif") no-repeat center center;
  background-size: contain;
}

/* 間に「→」ありの3カラムからSP時1カラム*/
.has_arrow_3col_to1 {
  display: flex;
}
.has_arrow_3col_to1 .col_block {
  width: 240px;
}
.has_arrow_3col_to1 .arrow_box {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.has_arrow_3col_to1 .arrow_box img {
  width: auto;
}

.equal03Img {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.equal03Img .col_block,
.equal03Img .colBlock {
  flex-shrink: 0;
  width: 260px;
  margin-right: 20px;
}
.equal03Img .col_block:nth-child(3n),
.equal03Img .colBlock:nth-child(3n) {
  margin-right: 0;
}
.equal03Img .col_block:nth-child(n + 4),
.equal03Img .colBlock:nth-child(n + 4) {
  margin-top: 2em;
}
.equal03Img.irregular_img {
  /*横並び画像の縦横がそろっていない時に付与*/
}
.equal03Img.irregular_img .col_block .image_wrap,
.equal03Img.irregular_img .colBlock .image_wrap {
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.equal03Img.irregular_img .col_block .image_wrap + *,
.equal03Img.irregular_img .colBlock .image_wrap + * {
  margin-top: .5em;
}
.equal03Img.irregular_img .col_block .image_box,
.equal03Img.irregular_img .colBlock .image_box {
  display: flex;
  align-items: center;
}
.equal03Img.irregular_img .col_block .image_box img,
.equal03Img.irregular_img .colBlock .image_box img {
  border: 0;
  max-height: 100%;
  width: 100%;
}

.hasBdr img {
  border: 1px solid #e1e1e1;
}

.image img,
.hasBdr img {
  width: 100%;
}

.equal07Img {
  /* SP時4カラム */
  display: flex;
  flex-wrap: wrap;
}
.equal07Img .col_block,
.equal07Img .colBlock {
  flex-shrink: 0;
  width: 100px;
  margin-right: 20px;
}
.equal07Img .col_block:nth-child(7n),
.equal07Img .colBlock:nth-child(7n) {
  margin-right: 0;
}
.equal07Img .col_block:nth-child(n + 8),
.equal07Img .colBlock:nth-child(n + 8) {
  margin-top: 20px;
}

.equal05Img {
  /* SP時4カラム */
  display: flex;
  flex-wrap: wrap;
}
.equal05Img .col_block,
.equal05Img .colBlock {
  flex-shrink: 0;
  width: 148px;
  margin-right: 20px;
}
.equal05Img .col_block:nth-child(5n),
.equal05Img .colBlock:nth-child(5n) {
  margin-right: 0;
}
.equal05Img .col_block:nth-child(n + 6),
.equal05Img .colBlock:nth-child(n + 6) {
  margin-top: 20px;
}

.equal04Img {
  /* SP時4カラム */
  display: flex;
  flex-wrap: wrap;
}
.equal04Img .col_block,
.equal04Img .colBlock {
  flex-shrink: 0;
  width: 190px;
  margin-right: 20px;
}
.equal04Img .col_block:nth-child(4n),
.equal04Img .colBlock:nth-child(4n) {
  margin-right: 0;
}
.equal04Img .col_block:nth-child(n + 5),
.equal04Img .colBlock:nth-child(n + 5) {
  margin-top: 20px;
}

/* 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: calc(400 / 820 * 100%);
}
.equal02_to_1Img > .col_block:nth-child(n + 3),
.equal02_to_1Img > .colBlock:nth-child(n + 3) {
  margin-top: 20px;
}

.pc_h400 {
  max-height: 400px;
}

/* PCは2カラム（200と600px）SPで1カラム(幅100％) */
.col2_has200_to_1 {
  display: flex;
}
.col2_has200_to_1 .col_block:not(:first-child) {
  margin-left: 20px;
}
.col2_has200_to_1 .w200col_to_half {
  /* SP時画面の半分 */
  flex-shrink: 0;
  width: 200px;
}

/* PCは4カラム、SPで2カラム */
.equal04_to_2Img {
  display: flex;
  flex-wrap: wrap;
}
.equal04_to_2Img .col_block,
.equal04_to_2Img .colBlock {
  flex-shrink: 0;
  width: 190px;
  margin-right: 20px;
}
.equal04_to_2Img .col_block:nth-child(4n),
.equal04_to_2Img .colBlock:nth-child(4n) {
  margin-right: 0;
}
.equal04_to_2Img .col_block:nth-child(n + 5),
.equal04_to_2Img .colBlock:nth-child(n + 5) {
  margin-top: 2em;
}

/* PCは3カラム、SPで2カラム */
/* PCは3カラム、SPで1カラム */
.equal03_to_2Img,
.equal03_to_1Img {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.equal03_to_2Img .col_block,
.equal03_to_2Img .colBlock,
.equal03_to_1Img .col_block,
.equal03_to_1Img .colBlock {
  flex-shrink: 0;
  width: calc(260 / 820 * 100%);
}
.equal03_to_2Img.two_col,
.equal03_to_1Img.two_col {
  /* 不ぞろいの2カラム1枚は3カラムの時の幅 */
}
.equal03_to_2Img.two_col .wider,
.equal03_to_1Img.two_col .wider {
  width: calc(520 / 820 * 100%);
}
.equal03_to_2Img.two_col > .col_block:not(:first-child),
.equal03_to_1Img.two_col > .col_block:not(:first-child) {
  margin-right: 0;
}

/* PCは5カラム、SPで3カラム */
.equal05_to_3Img {
  display: flex;
  flex-wrap: wrap;
}
.equal05_to_3Img .col_block,
.equal05_to_3Img .colBlock {
  flex-shrink: 0;
  width: 148px;
  margin-right: 20px;
}
.equal05_to_3Img .col_block:nth-child(5n),
.equal05_to_3Img .colBlock:nth-child(5n) {
  margin-right: 0;
}
.equal05_to_3Img .col_block:nth-child(n + 6),
.equal05_to_3Img .colBlock:nth-child(n + 6) {
  margin-top: 20px;
}

/* PCは6カラム、SPで2カラム */
.equal06_to_2Img {
  display: flex;
  flex-wrap: wrap;
}
.equal06_to_2Img .col_block,
.equal06_to_2Img .colBlock {
  flex-shrink: 0;
  width: 120px;
  margin-right: 20px;
}
.equal06_to_2Img .col_block:nth-child(6n),
.equal06_to_2Img .colBlock:nth-child(6n) {
  margin-right: 0;
}
.equal06_to_2Img .col_block:nth-child(n + 7),
.equal06_to_2Img .colBlock:nth-child(n + 7) {
  margin-top: 20px;
}

/* w300などの画像、SPで1カラム */
.col2_300img_to1 {
  display: flex;
  justify-content: space-between;
}
.col2_300img_to1 > * + * {
  margin-left: 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 {
  max-width: 200px;
  flex-shrink: 0;
}
.col2_300img_to1 .image_box250 {
  max-width: 250px;
  flex-shrink: 0;
}

.col2_200img_to1 {
  display: flex;
}
.col2_200img_to1 > * + * {
  margin-left: 20px;
}
.col2_200img_to1 .text_box {
  flex-grow: 1;
}
.col2_200img_to1 .image_box {
  width: 200px;
  flex-shrink: 0;
}

.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;
}

.col2_260img {
  /* SP時も2カラム */
  display: flex;
  justify-content: space-between;
}
.col2_260img > * + * {
  margin-left: 20px;
}
.col2_260img .text_box {
  flex-grow: 1;
}
.col2_260img .image_box {
  width: 260px;
  flex-shrink: 0;
}

/* w190などの画像、SPでは均等2カラム */
.col2_190img_to_eq2 {
  display: flex;
}
.col2_190img_to_eq2 > * + * {
  margin-left: 20px;
}
.col2_190img_to_eq2 .text_box {
  flex-grow: 1;
}
.col2_190img_to_eq2 .image_box {
  width: 190px;
  flex-shrink: 0;
}

/* 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;
}

/* 半分の大きさ左寄せからSP時auto */
.half_col_sp_center {
  width: 400px;
}
.half_col_sp_center .image img {
  width: 100%;
}
.half_col_sp_center .image + * {
  margin-top: 5px;
}

/* アンカーリンク */
.anchor_box {
  border: 1px solid #b5b5b5;
  padding: 30px 40px;
}
.anchor_box select::-ms-expand {
  display: none;
}
.anchor_box select {
  display: block;
  margin: auto;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: #f4f4f4;
  background-image: url("/shared/images/common/icon_arr_down.png");
  background-repeat: no-repeat;
  background-position: right 1em center;
  vertical-align: middle;
  line-height: 1.5;
  font-family: inherit;
}
.anchor_box option {
  font-family: inherit;
}
.anchor_box .pc_list {
  display: flex;
  flex-wrap: wrap;
}
.anchor_box .pc_list li {
  width: 23.5%;
  margin: 0 1.5% 0 0;
}
.anchor_box .pc_list li:nth-child(4n) {
  margin: 0 0 0 0;
}
.anchor_box .pc_list li:nth-child(n + 5) {
  margin-top: 1em;
}
.anchor_box .pc_list li a {
  display: block;
  padding-left: 1em;
  position: relative;
}
.anchor_box .pc_list li a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 10px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  background: url("/shared/images/common/icon_arr_down.png") no-repeat left center;
  background-size: 100%;
  margin: .5em .2em 0 0;
}
.anchor_box .sp_list {
  display: none;
}
.anchor_box a {
  color: inherit;
  text-decoration: none;
}
.anchor_box a:hover {
  text-decoration: underline;
}

/* カラー画像のテーブル */
.color_table {
  /* 旧ソースを何とか利用したい */
  width: auto;
}
.color_table + .color_table {
  margin-top: 25px;
}
.color_table.has_bdr table img {
  border: 1px solid #E1E1E1;
}
.color_table .w100 {
  border-right: 20px solid #FFF;
}
.color_table .w100:last-child {
  border-right: 0;
}
.color_table .w100 > * {
  width: 100px;
}
.color_table .w100 > table + * {
  margin-top: 5px;
}
.color_table .w100 img {
  width: 100%;
}

/* ＞付きのテキストリンク */
.text_link_arrow {
  display: table;
}
.text_link_arrow a {
  display: inline-block;
  padding-left: 12px;
  position: relative;
}
.text_link_arrow a::before {
  position: absolute;
  left: 0;
  top: 0;
  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: .4em 0 0 0;
}
.text_link_arrow.ver02 a {
  font-size: 1.6rem;
  font-weight: bold;
  color: inherit;
}
.text_link_arrow.ver02 a:hover {
  color: #00508e;
}
.text_link_arrow.strong a {
  font-weight: bold;
}

.text_link_arrow_d {
  display: inline-block;
  vertical-align: top;
  background: url(/shared/images/common/icon_arr_down.png) no-repeat left 8px;
  background-size: 10px 6px;
  padding-left: 1em;
}

/* 取得資格アイコンのtable */
/* tableの場合のソースもそのまま使用したい*/
table.qualification {
  width: auto;
}
table.qualification .icon_logo {
  /* 右の文章が長くなっても画像が縮まないようにひとまず幅指定 */
  min-width: 99px;
}
table.qualification .icon_logo02 {
  min-width: 100px;
}
table.qualification .icon_logo02 img {
  max-width: 100px;
}
table.qualification td {
  vertical-align: middle;
}
table.qualification tr > td:not(:first-child) {
  padding-left: 1em;
}
table.qualification + .qualification,
table.qualification + .iconQualification {
  margin-top: 1em;
}

.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: .1em;
}
.qualification:not(table) > *:not(:first-child),
.iconQualification > *:not(:first-child) {
  margin-left: 1em;
  align-self: center;
}
.qualification:not(table) + *,
.iconQualification + * {
  margin-top: 1em;
}

/* table sp時画像と別窓へリンクの囲み */
.sp_different_window {
  display: block;
}
.sp_different_window + .sp_table_block + .sp_different_window {
  margin-top: 2em;
}

.sp_table_block {
  display: none;
}

.sp_link {
  display: none;
}

/* table */
.spec,
.spec2,
.spec00,
.spec001,
.grayBack,
.grayBack02 {
  border: 2px solid #333;
  background-color: #fff;
}
.spec th,
.spec td,
.spec2 th,
.spec2 td,
.spec00 th,
.spec00 td,
.spec001 th,
.spec001 td,
.grayBack th,
.grayBack td,
.grayBack02 th,
.grayBack02 td {
  vertical-align: middle;
  padding: .4em;
}
.spec th,
.spec2 th,
.spec00 th,
.spec001 th,
.grayBack th,
.grayBack02 th {
  text-align: center;
  border: 1px solid #333;
  background-color: #f3f3f3;
}
.spec td,
.spec2 td,
.spec00 td,
.spec001 td,
.grayBack td,
.grayBack02 td {
  border: 1px solid #333;
}
.spec .bg_color,
.spec2 .bg_color,
.spec00 .bg_color,
.spec001 .bg_color,
.grayBack .bg_color,
.grayBack02 .bg_color {
  background-color: #f9f9f9;
}
.spec .w100,
.spec2 .w100,
.spec00 .w100,
.spec001 .w100,
.grayBack .w100,
.grayBack02 .w100 {
  width: 100px;
}
.spec .w150,
.spec2 .w150,
.spec00 .w150,
.spec001 .w150,
.grayBack .w150,
.grayBack02 .w150 {
  width: 150px;
}
.spec .w300,
.spec2 .w300,
.spec00 .w300,
.spec001 .w300,
.grayBack .w300,
.grayBack02 .w300 {
  width: 300px;
}
.spec .w310,
.spec2 .w310,
.spec00 .w310,
.spec001 .w310,
.grayBack .w310,
.grayBack02 .w310 {
  width: 310px;
}
.spec .w320,
.spec2 .w320,
.spec00 .w320,
.spec001 .w320,
.grayBack .w320,
.grayBack02 .w320 {
  width: 320px;
}
.spec .w330,
.spec2 .w330,
.spec00 .w330,
.spec001 .w330,
.grayBack .w330,
.grayBack02 .w330 {
  width: 330px;
}
.spec .w340,
.spec2 .w340,
.spec00 .w340,
.spec001 .w340,
.grayBack .w340,
.grayBack02 .w340 {
  width: 340px;
}
.spec .w350,
.spec2 .w350,
.spec00 .w350,
.spec001 .w350,
.grayBack .w350,
.grayBack02 .w350 {
  width: 350px;
}
.spec .w360,
.spec2 .w360,
.spec00 .w360,
.spec001 .w360,
.grayBack .w360,
.grayBack02 .w360 {
  width: 360px;
}
.spec .diagonal_line,
.spec2 .diagonal_line,
.spec00 .diagonal_line,
.spec001 .diagonal_line,
.grayBack .diagonal_line,
.grayBack02 .diagonal_line {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+");
  background-position: 100%;
  text-align: left;
  height: 100%;
}
.spec .diagonal_line .right_txt,
.spec2 .diagonal_line .right_txt,
.spec00 .diagonal_line .right_txt,
.spec001 .diagonal_line .right_txt,
.grayBack .diagonal_line .right_txt,
.grayBack02 .diagonal_line .right_txt {
  text-align: right;
}
.spec .diagonal_line .left_txt,
.spec2 .diagonal_line .left_txt,
.spec00 .diagonal_line .left_txt,
.spec001 .diagonal_line .left_txt,
.grayBack .diagonal_line .left_txt,
.grayBack02 .diagonal_line .left_txt {
  margin-top: auto;
}
.spec .diagonal_line .wrap,
.spec2 .diagonal_line .wrap,
.spec00 .diagonal_line .wrap,
.spec001 .diagonal_line .wrap,
.grayBack .diagonal_line .wrap,
.grayBack02 .diagonal_line .wrap {
  height: 100%;
}
.spec .diagonal_line .text_box,
.spec2 .diagonal_line .text_box,
.spec00 .diagonal_line .text_box,
.spec001 .diagonal_line .text_box,
.grayBack .diagonal_line .text_box,
.grayBack02 .diagonal_line .text_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5em 1em;
}

/* テーブルのテキスト揃え */
.text_all_center th,
.text_all_center td {
  text-align: center;
}
.text_all_center .align_left,
.text_all_center .alignLeft {
  text-align: left;
}
.text_all_center .align_right,
.text_all_center .alignRight {
  text-align: right;
}

.td_all_center td {
  text-align: center;
}

.th_all_left th {
  text-align: left;
}

.tblFixed {
  table-layout: fixed;
}

.v_top_table th,
.v_top_table td {
  vertical-align: top;
}

.w40per {
  width: 40%;
}

.plainTable {
  width: auto;
  border: 0;
}
.plainTable th, .plainTable td {
  border: 0;
  padding: 0;
}

/* 中央ぞろえとか（とくにテキスト） */
.flex_center {
  /*テキスト折り返すと左揃え*/
  display: flex;
  justify-content: center;
}

/* 商品詳細ページコンテンツ部分（MTでソースを入力する範囲） */
/* 商品詳細ページコンテンツ部分 */
.product_detail {
  width: 1000px;
  margin: 0 auto;
  font-size: 1.5rem;
}
.product_detail .detail_wrap {
  display: flex;
  justify-content: space-between;
}
.product_detail .cms_source {
  /*MTでこのブロックごとソースを入力 このクラス自体にスタイルをつけないようにしてみる*/
  line-height: 1.66;
}
.product_detail .unit_block {
  /* 適度に囲みたいときの目印用 これ自体にはスタイルを付けないようにしたい */
}
.product_detail .please_read {
  /*合わせてお読みください*/
  background: #f8f7f7;
  padding: 1.5em 2em 2em;
  margin: 6em 0 8em;
}
.product_detail .please_read .section_head {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 1em;
}
.product_detail .please_read .guideBtnArea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product_detail .please_read .guideBtnArea > * {
  width: 370px;
}
.product_detail .please_read .guideBtnArea > *:nth-child(n + 3) {
  margin-top: 1em;
}
.product_detail .please_read .guideBtnArea + .guideBtnArea {
  margin-top: 1em;
}
.product_detail .please_read .guideBtnArea a img {
  border: 1px solid #bfbfbf;
}

.detail_contents {
  width: 820px;
}

/* メイン画像 */
.commodityImg {
  margin-bottom: 30px;
}
.commodityImg.large_img img {
  display: block;
  margin: 0 auto;
}

.main_slide {
  margin-left: auto;
  margin-right: auto;
}
.main_slide > *:not(:first-child) {
  /*読み込み時に2枚目の画像が一瞬表示されるのを防ぐ*/
  display: none;
}
.main_slide img {
  display: block;
  margin: 0 auto;
}
.main_slide .slick-slide img {
  width: auto;
}
.main_slide + .product_section {
  margin-top: 30px;
}

.anchor_box + .product_section {
  margin-top: 5em;
}

.lead_area .lead {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.45;
  text-align: center;
}
.lead_area .lead + .lead_text {
  margin-top: .8em;
}
.lead_area + .anchor_box {
  margin-top: 2em;
}

.lead_head {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
}

.lead_text {
  font-size: 1.8rem;
}
.lead_text.text_link_arrow a::before {
  width: 7px;
  height: 12px;
}

/* 各ブロック */
.product_section + .product_section {
  margin-top: 5em;
}
.product_section + .anchor_box {
  margin-top: 50px;
}
.product_section .section_head {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .05em;
  padding-bottom: .5em;
  margin-bottom: 1.25em;
  border-bottom: 1px solid #00508e;
  text-align: center;
}

/* 9038 フェロコン、9801 フェロコンハードS散布工法などシリーズ　アイコンの見出しなど */
.muki_icon_heading {
  display: flex;
  margin-bottom: .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);
}

.ferro_con_balloon_set {
  display: flex;
}
.ferro_con_balloon_set .balloon_wrap {
  width: 330px;
  margin-right: 50px;
  flex-shrink: 0;
}
.ferro_con_balloon_set .balloon {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  position: relative;
}
.ferro_con_balloon_set .balloon::after, .ferro_con_balloon_set .balloon::before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  left: 100%;
  top: 50%;
}
.ferro_con_balloon_set .balloon::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-width: 18px;
  border-right-width: 18px;
  margin-top: -7px;
  border-left-color: #FFFFFF;
}
.ferro_con_balloon_set .balloon::before {
  border-color: rgba(191, 191, 191, 0);
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 20px;
  border-right-width: 20px;
  margin-top: -8px;
  margin-left: 1px;
  border-left-color: #BFBFBF;
}
.ferro_con_balloon_set .inner {
  padding: 1.5em 1em;
  text-align: center;
}

.ferro_con_other_product {
  background: #fdeada;
  border-radius: 8px;
  padding: 20px 20px 20px;
}
.ferro_con_other_product .icon_light_bulb {
  color: #1a5189;
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: .7em;
}
.ferro_con_other_product .icon_light_bulb::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url("/shared/images/product/9038/icon_light_bulb.png") no-repeat left center;
  flex-shrink: 0;
  margin-right: 10px;
}
.ferro_con_other_product .col2 {
  display: flex;
  justify-content: space-between;
}
.ferro_con_other_product .col2 > *:first-child {
  margin-right: 20px;
}
.ferro_con_other_product .image_wrap {
  width: 330px;
  flex-shrink: 0;
}
.ferro_con_other_product .text_area .text_link_arrow {
  display: table;
}
.ferro_con_other_product .text_area .text_link_arrow a {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  color: inherit;
  position: relative;
}
.ferro_con_other_product .text_area .text_link_arrow a::before {
  position: absolute;
  left: 0;
  top: 0;
  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%;
  flex-shrink: 0;
  margin: .3em .5em 0 0;
}
.ferro_con_other_product .text_area .text_link_arrow a:hover {
  color: #00508e;
}

.has_muki_heading + .has_muki_heading {
  margin-top: 4em;
}

.recommendFinish {
  padding-left: 50px;
}
.recommendFinish .wrap_block {
  width: 100%;
}
.recommendFinish .demand {
  border: 3px solid #bbbbbb;
  border-radius: 3px;
  background-color: #ffffd5;
  padding: .8em 1em .7em 4em;
  position: relative;
  display: flex;
  justify-content: center;
}
.recommendFinish .iconFinish {
  width: 96px;
  height: 96px;
  position: absolute;
  left: -53px;
  top: -6px;
}

.col2_has_image {
  /* 画像の幅が小さくそのままの大きさで使えそうな時、SP時も2カラム */
  display: flex;
}
.col2_has_image > *:first-child {
  margin-right: 3.65853658536585%;
}
.col2_has_image .image {
  flex-shrink: 0;
}
.col2_has_image .impact_img {
  /* ハンマーの画像、SP時は幅設定 */
}

/* マークについて ボタン幅 */
.about_mark_button {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
}
.about_mark_button + * {
  margin-top: 25px;
}

/* マークについて アイコン群 */
.about_mark_icon {
  margin-top: 5px;
}
.about_mark_icon a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-size: 0;
}
.about_mark_icon p {
  font-size: 1.4rem;
  background: #333;
  color: #fff;
  border-radius: 4px;
  padding: .3em .25em .1em;
  line-height: 1;
  min-width: 22px;
  text-align: center;
  display: inline-block;
  margin: 0 5px 5px 0;
}

/* **********************SP時も複数カラム */
.tblCol {
  /* カラムの間に余白付き */
  display: flex;
}
.tblCol > *:not(:first-child) {
  margin-left: 3.65853658536585%;
}
.tblCol .w150 {
  width: calc(150 / 820 * 100%);
  flex-shrink: 0;
}
.tblCol .w200 {
  width: calc(200 / 820 * 100%);
  flex-shrink: 0;
}
.tblCol .w230 {
  width: calc(230 / 820 * 100%);
  flex-shrink: 0;
}
.tblCol .w250 {
  width: calc(250 / 820 * 100%);
  flex-shrink: 0;
}
.tblCol .w300 {
  width: calc(300 / 820 * 100%);
  flex-shrink: 0;
}
.tblCol.inner_2col {
  /* .tblColが均等2カラムのw400pxの中 */
  justify-content: space-between;
}
.tblCol.inner_2col > * {
  width: 47.5%;
}
.tblCol.inner_2col > *:not(:first-child) {
  margin-left: 0;
}

.tblCol02 {
  /* カラムの間に余白なし */
  display: flex;
}

/* 画像 テキスト回り込み */
.wraparound_box::after {
  content: "";
  display: block;
  clear: both;
}
.wraparound_box .image_box {
  float: right;
  margin: 0 0 .5em 20px;
}
.wraparound_box .image_left {
  float: left;
  margin: 0 20px .5em 0;
}
.wraparound_box .w250img_wrap {
  width: 250px;
}

/* SP時もPC幅と同じ割合 */
.w100_same {
  width: calc(100 / 820 * 100%);
}

.w150_same {
  width: calc(150 / 820 * 100%);
}

.w170_same {
  width: calc(170 / 820 * 100%);
}

.w200_same {
  width: calc(200 / 820 * 100%);
}

.w220_same {
  width: calc(220 / 820 * 100%);
}

.w250_same {
  width: calc(250 / 820 * 100%);
}

.w280_same {
  width: calc(280 / 820 * 100%);
}

.w300_same {
  width: calc(300 / 820 * 100%);
}

.half_block {
  /* SP時もおよそ半分の幅 */
  width: calc(400 / 820 * 100%);
}

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

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

/* インラインブロック */
.inline_block_list > li {
  display: inline-block;
  margin-right: .8em;
}

/* 9838 ブレイブエクストラ特有 */
.brave .square_head_b {
  margin-bottom: 1em;
}

.brave_block + .brave_block {
  margin-top: 3em;
}

.brave_table {
  word-break: break-word;
}
.brave_table .colBlock {
  width: calc(180 / 820 * 100%);
  min-width: 76px;
}
.brave_table .colBlock .image {
  display: table-cell;
  vertical-align: bottom;
}
.brave_table .colBlock .image img {
  width: 100%;
}
.brave_table + .brave_table {
  margin-top: 25px;
}
.brave_table .width02 {
  width: calc(225 / 820 * 100%);
}
.brave_table .width03 {
  width: calc(270 / 820 * 100%);
}
.brave_table .width04 {
  width: calc(450 / 820 * 100%);
}

/* 9738 ストーントラックなど特有 */
.col3_9738 {
  word-break: break-word;
}
.col3_9738 .colBlock {
  margin: 0 3.6585365854% 0 0;
}
.col3_9738 .colBlock:last-child {
  margin-right: 0;
}
.col3_9738 .colBlock .image {
  display: table-cell;
  vertical-align: bottom;
}
.col3_9738 .colBlock .image img {
  width: 100%;
}
.col3_9738 .nonContents {
  width: 100px;
}

.col3_sp_flexwrap {
  /* 3つ並びだが幅が違う画像、SP時は折り返していく */
}
.col3_sp_flexwrap .colBlock {
  margin: 0 3.6585365854% 0 0;
}
.col3_sp_flexwrap .colBlock:last-child {
  margin-right: 0;
}

/* ケミクリートE 9002など合成樹脂系 */
.chemi_wrap {
  width: 746px;
  margin: auto;
}
.chemi_wrap + .chemi_wrap {
  margin-top: 4em;
}
.chemi_wrap .equal2_col {
  margin-top: 15px;
}
.chemi_wrap .equal2_col .col_block {
  width: 348px;
}
.chemi_wrap .col_block:nth-child(even) {
  margin-left: 50px;
}

.chemi_arr {
  max-width: 746px;
  margin: auto;
}
.chemi_arr .col_block {
  max-width: 348px;
}

.chemi_arr02 {
  display: flex;
  justify-content: space-between;
}
.chemi_arr02 .smaller {
  width: 300px;
}
.chemi_arr02 .larger {
  width: 470px;
}
.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/arrow.gif") no-repeat center center;
  background-size: contain;
}

.col_block_arrow .col_block {
  position: relative;
}
.col_block_arrow .col_block:not(:first-of-type)::before {
  content: '';
  background-image: url(/shared/images/product/icon/arrow.gif);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 33px;
  position: absolute;
  top: calc(50% - 15px);
  left: calc((-40 / 348) * 100%);
}

/* ファンコートGH 9794特有 */
.fan_coat_comparison {
  width: 420px;
  flex-shrink: 0;
}
.fan_coat_comparison .col2 {
  display: flex;
  justify-content: space-between;
}
.fan_coat_comparison .col2 .col_block {
  width: 200px;
}

/* ご相談ください（PC右画像2カラム、SP時1カラム） */
.consultation_block {
  display: flex;
}
.consultation_block > *:not(:first-child) {
  margin-left: 20px;
}
.consultation_block_image {
  flex-shrink: 0;
}
.consultation_block .image_200 {
  width: 200px;
}
.consultation_block .image_420 {
  width: 420px;
}

.consultation_button .arrow_link_button {
  /*justify-content: flex-start;*/
  display: block;
}

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

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

.chemi_other_product {
  background: #e2f1f6;
  border-radius: 8px;
  padding: 20px 20px 30px;
}
.chemi_other_product .icon_light_bulb {
  color: #1a5189;
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: .7em;
}
.chemi_other_product .icon_light_bulb::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url("/shared/images/product/9038/icon_light_bulb.png") no-repeat left center;
  flex-shrink: 0;
  margin-right: 10px;
}
.chemi_other_product .col2 {
  display: flex;
}
.chemi_other_product .col2 > *:first-child {
  margin-right: 20px;
}
.chemi_other_product [class*="image_wrap"] {
  flex-shrink: 0;
}
.chemi_other_product .image_wrap {
  width: 330px;
}
.chemi_other_product .image_wrap02 {
  width: 165px;
}
.chemi_other_product .text_area {
  flex-grow: 1;
}
.chemi_other_product .arrow_link_button {
  width: 200px;
  justify-content: flex-start;
}
.chemi_other_product .button_wrapper .arrow_link_button {
  display: block;
  width: auto;
}

/* 9786アンビアンスなど、長尺シートタイル系 */
.sheettileHeading {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2.2rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  margin-bottom: .8em;
}
.sheettileHeading .icon {
  display: block;
  width: 55px;
  flex-shrink: 0;
}
.sheettileHeading .text,
.sheettileHeading h3 {
  font-weight: bold;
  padding: 0 0 0 1em;
}

.has_sheettileHeading + .has_sheettileHeading {
  margin-top: 4em;
}

.gray_area {
  background-color: #f1efef;
  padding: 30px;
}
.gray_area .equal2_col .colBlock,
.gray_area .equal2_col .col_block {
  max-width: 370px;
}

.white_block {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px 30px;
}
.white_block.w400 {
  width: calc(400 / 760 * 100%);
  flex-shrink: 0;
}

/* 9822 かるてん特有 */
.karuten .rootArea {
  width: calc(220 / 700 * 100%);
}
.karuten .rootArea_head {
  background-color: #ddd;
  border-radius: 6px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 1em 0 .8em;
}
.karuten .baloon {
  position: relative;
}
.karuten .baloon:before, .karuten .baloon:after {
  content: '';
  border-style: solid;
  border-width: 20px 8px 0 8px;
  width: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.karuten .baloon:before {
  border-color: #bfbfbf transparent transparent transparent;
  bottom: -20px;
}
.karuten .baloon:after {
  border-color: #fff transparent transparent transparent;
  bottom: -18px;
}
.karuten .baloon.left_side:before, .karuten .baloon.left_side:after {
  left: 215px;
  right: auto;
}
.karuten .baloon .inner {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  margin-bottom: 2em;
  padding: 1.5em 2em 1.3em;
}
.karuten .karutenClearance {
  display: flex;
}
.karuten .karutenClearance_image {
  flex-shrink: 0;
  margin-top: -2em;
  margin-right: 70px;
  margin-left: 20px;
}
.karuten .enlarged_view {
  width: 190px;
}
.karuten .structural_drawing {
  width: 290px;
}
.karuten .cofa_img {
  width: 320px;
  flex-shrink: 0;
}

/* 9561コーリアンシート */
.about_mark_icon_text {
  font-size: 1.4rem;
  background: #333;
  color: #fff;
  border-radius: 4px;
  padding: 0.2em 0.25em 0.1em;
  line-height: 1;
  min-width: 22px;
  text-align: center;
  margin-right: .5em;
}

.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;
}

.resilience_area {
  margin-top: 1em;
}
.resilience_area [class$="_link_button"] {
  width: 200px;
}
.resilience_area .catalog_img {
  width: 85px;
  margin-top: 1.333em;
}
.resilience_area .catalog_img img {
  width: 100%;
  border: 1px solid #e1e1e1;
}
.resilience_area .catalog_button {
  margin-top: 1.333em;
}

.corian_newcolor {
  display: flex;
  margin-top: 1em;
}
.corian_newcolor .catalog_block .img_wrap {
  margin: 0 0 0 20px;
}
.corian_newcolor .catalog_img {
  width: 83px;
}
.corian_newcolor .catalog_img img {
  width: 100%;
  outline: 1px solid #e1e1e1;
}

/* カラー一覧 ボタン箇所 */
.corian_color_button_wrap {
  display: flex;
}
.corian_color_button_wrap .col:not(:first-child) {
  margin-left: 20px;
}
.corian_color_button_wrap .image_box {
  width: 200px;
}

/*大判イメージ*/
.corian_2col_img {
  display: flex;
}
.corian_2col_img .col_block {
  width: 320px;
}
.corian_2col_img .col_block:not(:first-child) {
  margin-left: 30px;
}
.corian_2col_img .col2_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.corian_2col_img .col2_wrap .col {
  width: 100px;
}
.corian_2col_img .col2_wrap .large {
  width: 200px;
}
.corian_2col_img .col2_wrap + * {
  margin-top: 5px;
}
.corian_2col_img + .corian_2col_img {
  margin-top: 1.6em;
}

/*施工事例写真 特殊*/
.corian_example {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.corian_example .block {
  display: flex;
  justify-content: space-between;
}
.corian_example .block img {
  width: 100%;
}
.corian_example .block .box {
  width: calc(312 / 700 * 100%);
}
.corian_example .block .has2_img {
  width: calc(375 / 700 * 100%);
  display: flex;
  flex-direction: column;
}
.corian_example .block .image {
  min-height: 0%;
}
.corian_example .block .image + .image {
  margin-top: auto;
}
.corian_example .block + .block {
  margin-top: 10px;
}
.corian_example .block.ver02 .box {
  width: calc(320 / 700 * 100%);
}
.corian_example .block.ver02 .has2_img {
  width: calc(368 / 700 * 100%);
}

/* コーリアン 画像の下にテキスト回り込み */
.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 .image_box {
  width: 372px;
}
.corian_wraparound.ver02 .img01 {
  width: calc(138 / 372 * 100%);
}
.corian_wraparound.ver02 .img02 {
  width: calc(200 / 372 * 100%);
}

/*アイコン説明など*/
.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;
}

.c_spade {
  color: #92D050;
}

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

/* 9874 ソラリフレ特有 */
.sora_refle_table.nosideBdr td {
  border-right: 0 !important;
  border-left: 0 !important;
}
.sora_refle_table .th_col2 {
  width: 350px;
}
.sora_refle_table .short_col {
  width: 110px;
}

/* 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;
}

.flapp_button {
  width: 134px;
}

/* 9818 インサルセリオンなど特有 */
/*アンカーリンク、リンク用ボタン*/
.anchor_button_block {
  display: flex;
  justify-content: space-between;
}
.anchor_button_block > * {
  width: 400px;
}
.anchor_button_block .button {
  border: 1px solid #b5b5b5;
  background-color: #fff;
  color: inherit;
  padding: 20px;
  display: flex;
}
.anchor_button_block .button:hover {
  text-decoration: none;
  background-color: #00508e;
  color: #fff;
}
.anchor_button_block .button:hover .anchor_name svg {
  fill: #fff;
}
.anchor_button_block .thumnail {
  flex-shrink: 0;
  width: 100px;
}
.anchor_button_block .text_area {
  margin-left: 1em;
}
.anchor_button_block .anchor_name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  padding-left: .8em;
  position: relative;
}
.anchor_button_block .anchor_name svg {
  width: 6px;
  height: 10px;
  margin: .2em .5em 0 0;
  fill: #00508e;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(90deg);
}
.anchor_button_block .text01 {
  font-size: 1.3rem;
  margin-bottom: .5em;
}
.anchor_button_block .text02 {
  margin-top: .5em;
}

.hasthum_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hasthum_links > * {
  width: 400px;
}
.hasthum_links > *:nth-child(n + 3) {
  margin-top: 20px;
}
.hasthum_links .button {
  border: 1px solid #b5b5b5;
  background-color: #fff;
  color: inherit;
  padding: 20px;
  display: flex;
}
.hasthum_links .button:hover {
  text-decoration: none;
  background-color: #00508e;
  color: #fff;
}
.hasthum_links .button:hover .anchor_name svg {
  fill: #fff;
}
.hasthum_links .thumnail {
  flex-shrink: 0;
  width: 100px;
}
.hasthum_links .text_area {
  align-self: center;
  margin-left: 1em;
}
.hasthum_links .anchor_name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  padding-left: .8em;
  position: relative;
}
.hasthum_links .anchor_name svg {
  width: 6px;
  height: 10px;
  margin: .3em .5em 0 0;
  fill: #00508e;
  position: absolute;
  left: 0;
  top: 0;
}
.hasthum_links .text01 {
  font-size: 1.3rem;
  margin-bottom: .5em;
}
.hasthum_links .text02 {
  margin-top: .5em;
}
.hasthum_links .cream_img {
  max-width: 160px;
}
.hasthum_links .cream_img02 {
  max-width: 120px;
}

.serion_col2_to1 {
  /* 臭いのイラスト箇所 */
}
.serion_col2_to1::after {
  content: "";
  display: block;
  clear: both;
}
.serion_col2_to1 .image_box {
  float: right;
  margin-left: 20px;
  width: 250px;
  padding: 10px 0 0 0;
  text-align: center;
}

.serion_image_area {
  display: flex;
}
.serion_image_area .sp_img {
  display: none;
}
.serion_image_area .image_box {
  width: 250px;
  margin-left: 20px;
  flex-shrink: 0;
}

.serion_image_area02 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.serion_image_area02 .image_box02 {
  margin: 0 0 0 30px;
}

.serion_image_area03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.serion_image_area03 .col_block {
  width: 380px;
}
.serion_image_area03 .inner_2col {
  display: flex;
  justify-content: space-between;
}
.serion_image_area03 .image_box {
  width: 46.5%;
}

.serion_image_area04 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.serion_image_area05 {
  display: flex;
  justify-content: space-between;
}
.serion_image_area05 .image_wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 20px;
}
.serion_image_area05 .image_wrap .col_block {
  width: 160px;
  flex-shrink: 0;
}
.serion_image_area05 .image_wrap .col_block:not(:first-child) {
  margin-left: 10px;
}
.serion_image_area05 .image_wrap02 {
  width: 160px;
  margin: 0 0 0 20px;
}

.serion_step_block .arrow {
  margin: 10px 0;
  text-align: center;
}

.serion_1col_img {
  width: 336px;
  margin-left: auto;
  margin-right: auto;
}

.li_margin_top > li:not(:first-child) {
  margin-top: .5em;
}

/* 9804 ノンシュリンク シリーズ特有 */
.system_col {
  width: auto;
  min-width: 80px;
}

.nonShrinkLineup .strong22 {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.2;
}
.nonShrinkLineup .lineup_image_box {
  flex-shrink: 0;
}
.nonShrinkLineup .lineup_table td {
  vertical-align: top;
}
.nonShrinkLineup .lineup_table td.type_col {
  width: 120px;
  vertical-align: middle;
  text-align: center;
}
.nonShrinkLineup .text_link_arrow a {
  color: inherit;
}
.nonShrinkLineup .text_link_arrow a:hover {
  color: #00508e;
}
.nonShrinkLineup .text_link_arrow a.non_link_arrow {
  padding-left: 0;
}
.nonShrinkLineup .text_link_arrow a.non_link_arrow::before {
  content: none;
}

/* 9279 アーキパンションSシリーズ特有 */
.archi_lead_image img {
  display: block;
  margin: 0 auto;
  width: 422px;
}

.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;
}

.archi_button .pdf_link_button {
  width: 291px;
}

/* 9009 タフクリートMH 特有 */
.mh_icons_wrap {
  display: table;
  margin: 2em auto 0;
}

.mh_icons {
  display: flex;
}
.mh_icons > li {
  text-align: center;
  padding: 0 5px;
  width: 135px;
}
.mh_icons > li p {
  font-weight: bold;
  margin-top: 10px;
}

/* 吹き出し（真ん中につの） */
.baloon_fuki .baloon {
  position: relative;
}
.baloon_fuki .baloon::before, .baloon_fuki .baloon::after {
  content: '';
  border-style: solid;
  width: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.baloon_fuki .baloon .inner {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  padding: 1.5em 2em 1.3em;
}
.baloon_fuki .baloon.left_side {
  /* ツノを左に寄せたい（レスポンシブなのでコンテンツにより様々用意しないといけないくなりそう。あまり実用的ではない） */
}
.baloon_fuki .baloon.left_side::before, .baloon_fuki .baloon.left_side::after {
  left: 20%;
  right: auto;
}
.baloon_fuki.fuki_top {
  /* 上にツノ */
}
.baloon_fuki.fuki_top .baloon::before, .baloon_fuki.fuki_top .baloon::after {
  border-width: 0 8px 20px 8px;
}
.baloon_fuki.fuki_top .baloon::before {
  border-color: transparent transparent #bfbfbf transparent;
  top: -20px;
}
.baloon_fuki.fuki_top .baloon::after {
  border-color: transparent transparent #fff transparent;
  top: -18px;
}
.baloon_fuki.fuki_top .baloon .inner {
  margin-top: 20px;
}
.baloon_fuki.fuki_bottom {
  /* 下にツノ */
}
.baloon_fuki.fuki_bottom .baloon::before, .baloon_fuki.fuki_bottom .baloon::after {
  border-width: 20px 8px 0 8px;
}
.baloon_fuki.fuki_bottom .baloon::before {
  border-color: #bfbfbf transparent transparent transparent;
  bottom: -20px;
}
.baloon_fuki.fuki_bottom .baloon::after {
  border-color: #fff transparent transparent transparent;
  bottom: -18px;
}
.baloon_fuki.fuki_bottom .baloon .inner {
  margin-bottom: 20px;
}

/* 9118 パークコートゴムチップカラー特有 */
.otherVariation .image_block {
  display: flex;
}
.otherVariation .image_block .col_block {
  flex-shrink: 0;
  width: 140px;
  margin-right: 20px;
}
.otherVariation .image_block .col_block:nth-child(5n) {
  margin-right: 0;
}
.otherVariation .image_block .col_block.figure_img {
  width: 168px;
}
.otherVariation .image_block .col_block.long_width {
  flex-grow: 1;
}

/* 9851 防食材シリーズ特有 */
.boshoku .boshokuColor {
  border-color: #16aa83;
}

.boshokuColor {
  color: #16aa83;
}

.boshoku .bdrArea {
  border: 2px solid #385d8a;
  padding: 14px;
}
.boshoku .btnArea {
  display: flex;
  justify-content: space-between;
  margin-top: 3em;
}
.boshoku .btnArea > li {
  width: 260px;
  background: #b889db;
}
.boshoku .btnArea > li:first-child {
  margin-left: 0;
}
.boshoku .btnArea > li a:hover {
  display: block;
  text-decoration: none;
}
.boshoku .btnArea > li dl {
  color: #ffffff;
}
.boshoku .btnArea > li dt {
  padding: 5px;
  text-align: center;
  font-weight: bold;
}
.boshoku .btnArea > li dd {
  padding: 5px;
  background: #8c5cb4;
  display: flex;
  justify-content: center;
}
.boshoku .btnArea > li dd p {
  position: relative;
  padding-left: .75em;
  font-weight: bold;
  font-size: 1.6rem;
}
.boshoku .btnArea > li dd p::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%;
}
.boshoku .btnArea > li + li {
  background: #16aa83;
}
.boshoku .btnArea > li + li dd {
  background: #128c6c;
}
.boshoku .btnArea > li + li + li {
  background: #00b0f0;
}
.boshoku .btnArea > li + li + li dd {
  background: #0097cc;
}
.boshoku .lineUp {
  padding-left: 15px;
}
.boshoku .lineUp .facility {
  display: flex;
  align-items: center;
}
.boshoku .lineUp .facility > *:first-child {
  flex-shrink: 0;
}
.boshoku .lineUp .facility > *:last-child {
  margin-bottom: 0;
}
.boshoku .lineUp .facility > * > * {
  padding: 0;
}
.boshoku .lineUp .facility .builPit {
  padding-top: 30px;
}
.boshoku .lineUp .facility .builPit .image_box {
  width: 120px;
  margin-left: 50px;
}
.boshoku .lineUp .facility .blank01 {
  width: 207px;
}
.boshoku .lineUp .facility02 {
  display: flex;
  align-items: center;
}
.boshoku .lineUp .facility02 > *:first-child {
  flex-shrink: 0;
}
.boshoku .lineUp .facility03 {
  display: flex;
  align-items: center;
}
.boshoku .lineUp .facility03 > *:first-child {
  flex-shrink: 0;
}
.boshoku .lineUp .descriptionArea {
  background: #f1efef;
  padding: 10px;
  flex-grow: 1;
  max-width: 394px;
  margin-bottom: 10px;
}
.boshoku .lineUp .descriptionArea dt {
  margin-bottom: 5px;
  font-weight: bold;
}
.boshoku .lineUp .descriptionArea dt a {
  display: inline-block;
}
.boshoku .lineUp .descriptionArea dt span {
  display: block;
  font-weight: bold;
}
.boshoku .lineUp .descriptionArea .common_name {
  font-size: 1.4rem;
}
.boshoku .lineUp .descriptionArea .name {
  font-size: 1.6rem;
  position: relative;
  padding-left: .75em;
}
.boshoku .lineUp .descriptionArea .name::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%;
}
.boshoku .lineUp .descriptionArea dl {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #231815;
}
.boshoku .lineUp .descriptionArea dl:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.boshoku .lineUp .descriptionArea dl + dl {
  padding-top: 10px;
}
.boshoku .downLine {
  position: relative;
}
.boshoku .downLine:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  height: 100%;
  width: 1px;
  background: #231815;
}
.boshoku .upLine {
  position: relative;
}
.boshoku .upLine:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 50%;
  left: 0;
  height: 100%;
  width: 1px;
  background: #231815;
}
.boshoku .upLine.ver02:after {
  bottom: 50%;
}
.boshoku .leftBdr {
  border-left: 1px solid #231815;
  padding: 1em 0;
}
.boshoku .leftBdr:first-child {
  padding: 0;
}
.boshoku .leftBdr02 {
  position: relative;
  padding-left: 1px;
}
.boshoku .leftBdr02:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 50%;
  width: 1px;
  background: #231815;
}
.boshoku .bgLeftBdr {
  background: url(/shared/images/product/9851/bg_line.jpg) repeat-y left bottom;
}
.boshoku .blankArea {
  width: 105px;
}

.grow1 {
  flex-grow: 1;
}

/* 9817 フロートコア特有 */
.float_core .featureBox dl {
  margin: 0;
  padding: 1em;
}
.float_core .featureBox dt {
  margin: 0 0 1em 0;
}
.float_core .featureBox dt::before {
  color: inherit;
}
.float_core .featureBox .col_block {
  border-radius: 10px;
}
.float_core .featureBox .image_box {
  margin-left: 1em;
}

.fcFeature01 {
  background: #DEF6DE;
}

.fcFeature02 {
  background: #E1F9FB;
}

.fcFeature03 {
  background: #FAEADA;
}

.fcFeature04 {
  background: #F3F7C9;
}

.fcFeature05 {
  background: #FEE6F6;
}

.fcFeature06 {
  background: #DBE5F1;
}

.fcFeature01 dt {
  color: #00b050;
}

.fcFeature02 dt {
  color: #00b0f0;
}

.fcFeature03 dt {
  color: #ff6600;
}

.fcFeature04 dt {
  color: #c5b703;
}

#fcSwitching {
  width: 402px;
  overflow: hidden;
  margin: 1em auto;
}
#fcSwitching.current01 {
  background: url(/shared/images/product/9817/bg_feature.gif) no-repeat 0 25%;
  background-size: cover;
}
#fcSwitching.current02 {
  background: url(/shared/images/product/9817/bg_feature.gif) no-repeat 0 50%;
  background-size: cover;
}
#fcSwitching.current03 {
  background: url(/shared/images/product/9817/bg_feature.gif) no-repeat 0 75%;
  background-size: cover;
}
#fcSwitching.current04 {
  background: url(/shared/images/product/9817/bg_feature.gif) no-repeat 0 100%;
  background-size: cover;
}
#fcSwitching.area img {
  visibility: hidden;
}

.sp_displayblock {
  /* SP時にflexをblockにしたい*/
}

/* フロートユニ */
.equal2_col.example_9820 > * {
  width: 365px;
}

/* 9057 デザインクリート特有 */
.designCretePtn .lead {
  margin-bottom: 10px;
}
.designCretePtn .boxWrap {
  display: flex;
  justify-content: space-between;
}
.designCretePtn .boxWrap .leftArea {
  width: calc(450 / 750 * 100%);
}
.designCretePtn .boxWrap .leftArea > img {
  width: 100%;
}
.designCretePtn .boxWrap .rightArea {
  width: calc(280 / 750 * 100%);
}
.designCretePtn .boxWrap .rightArea img {
  width: 100%;
}
.designCretePtn .text {
  margin-top: 5px;
}
.designCretePtn .pattern {
  margin-top: calc(20 / 280 * 100%);
}
.designCretePtn + .designCretePtn {
  margin-top: 2em;
}

.hinban {
  font-weight: bold;
}

.dc_release_head {
  margin-left: 134px;
}

.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: 110px;
}
.dcCombination > * .image img {
  width: 108px;
  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;
}

.table_window .dc_auto {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.dc_simubox {
  display: flex;
  justify-content: space-between;
}
.dc_simubox > * + * {
  margin: 0 0 0 30px;
}
.dc_simubox .simu_head {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 1em;
}
.dc_simubox .img_wrap {
  flex-shrink: 0;
  max-width: 300px;
}
.dc_simubox .btn_dcsimu {
  background-color: #00508e;
  color: #fff;
  border: 0;
  border-radius: 4px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  display: block;
  cursor: pointer;
  padding: .5em 1.5em;
  text-align: left;
  width: fit-content;
}
.dc_simubox .btn_dcsimu .text {
  font-weight: bold;
}
.dc_simubox .btn_dcsimu:hover {
  opacity: .7;
  text-decoration: underline;
}

/* ---------------------------- */
/* ▼「続きを読む」ボタンの装飾 */
/* ---------------------------- */
.readmore-button-box {
  margin-top: 2em;
  position: relative;
  display: flex;
  justify-content: center;
}
.readmore-button-box a {
  background-color: #ea9c00;
  color: #fff;
  border-radius: 4px;
  padding: 0.5em 2.5em;
  display: inline-block;
  font-weight: bold;
  font-size: 2rem;
}
.readmore-button-box a:hover {
  background-color: #ea9c00;
}

.readmore-area {
  display: none;
  /* デフォルトでは非表示にしておく */
}

/* 9063 コンブリオ特有 */
.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;
}

.cell3 .image {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.cell3 .image img {
  width: 100%;
}

/* 9824 ヴェレージアTR特有 */
table.vtr {
  width: 820px;
}

table.vtr th,
table.vtr td {
  text-align: left;
  font-weight: normal;
  padding: 10px;
  vertical-align: middle;
}

table.vtr .binder th {
  padding: 0 10px 0;
}

table.vtr .stage01 td {
  padding-top: 20px;
}

table.vtr .colorHead {
  border: 1px solid #e1e1e1;
  border-top: none;
  border-left: none;
  width: 100px;
  padding: 0 !important;
}

table.vtr .bdrR {
  border-right: 1px solid #e1e1e1;
}

table.vtr .bdrB {
  border-bottom: 1px solid #e1e1e1;
}

table.vtr .binder .first,
table.vtr .first {
  padding-left: 20px;
}

table.vtr .binder div {
  width: 155px;
}
table.vtr .binder div img {
  width: 100%;
}

/* 9819 RCガードシリーズ特有 */
.rc_guard_tbl th {
  background: #fff;
  width: 70px;
}
.rc_guard_tbl .text_link_arrow a {
  color: inherit;
}
.rc_guard_tbl .text_link_arrow a:hover {
  color: #00508e;
}

.rc_guard_const > *:not(:first-child) {
  margin-left: 14px;
}

.rc_fontGreen > * {
  color: #00b050;
  font-weight: bold;
  font-size: 1.8rem;
}

/* 9775 ABC無機アンカー特有*/
.muki_anchor_icon .icon01 {
  background: url(/shared/images/product/9775/icon01.png) no-repeat left top;
}
.muki_anchor_icon .icon02 {
  background: url(/shared/images/product/9775/icon02.png) no-repeat left top;
}
.muki_anchor_icon .icon03 {
  background: url(/shared/images/product/9775/icon03.png) no-repeat left top;
}
.muki_anchor_icon .icon04 {
  background: url(/shared/images/product/9775/icon04.png) no-repeat left top;
}
.muki_anchor_icon .icon05 {
  background: url(/shared/images/product/9775/icon05.png) no-repeat left top;
}
.muki_anchor_icon .iconInd01 {
  background-size: 27px;
  padding: 0 0 0 1.64em;
}
.muki_anchor_icon dt {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: .5em;
}

.muki_anchor .r_arr {
  vertical-align: middle;
}
.muki_anchor .procedure {
  /* 使用手順 PC表示。SPは表を拡大で */
  width: auto;
}
.muki_anchor .procedure th, .muki_anchor .procedure td {
  vertical-align: top;
}
.muki_anchor .procedure .number_title {
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
}
.muki_anchor .procedure .text_area {
  margin: 0 1em 1em;
}
.muki_anchor .procedure .first {
  width: 345px;
  display: flex;
  flex-direction: column;
}
.muki_anchor .procedure .second {
  width: 230px;
}
.muki_anchor .procedure .second img {
  max-width: 230px;
}
.muki_anchor .procedure .third {
  width: 245px;
  padding-left: 15px;
}
.muki_anchor .procedure .third img {
  max-width: 230px;
}
.muki_anchor .procedure .img_2col {
  display: flex;
  justify-content: space-between;
}
.muki_anchor .procedure .img_2col .image {
  width: 110px;
}
.muki_anchor .procedure .arrow_d {
  text-align: center;
  vertical-align: middle;
  padding: 1.5em 0;
}

/* Jストリーム動画レスポンシブ */
.movie_jstream {
  width: 100%;
  position: relative;
  /* 4：3 */
  padding-bottom: 75%;
}

/* 9852 モドリック特有 */
.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("/shared/images/common/icon_arr_down.png") no-repeat left center;
  background-size: 100%;
  margin: .5em .2em 0 0;
}

.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: .6em;
}

.anchor_modric02 .anchor_list {
  display: flex;
  flex-wrap: wrap;
}
.anchor_modric02 .anchor_list li {
  width: 263px;
  margin: 0 1em 0 0;
}
.anchor_modric02 .anchor_list li:nth-child(3n) {
  margin-right: 0;
}
.anchor_modric02 .anchor_list li:nth-child(n + 4) {
  margin-top: 1em;
}

.modric_table_box + .modric_table_box {
  margin-top: 2em;
}

.modric_table:after {
  content: "";
  display: block;
  clear: both;
}
.modric_table .image_block {
  max-width: 200px;
  float: left;
  margin-right: 1em;
}
.modric_table .image_block img {
  width: 100%;
}
.modric_table.ver02 .image_block {
  width: 415px;
  max-width: 415px;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
}
.modric_table.ver02 .col {
  width: 200px;
  max-width: 200px;
}

.modric_table02 {
  display: flex;
}
.modric_table02 > * {
  margin-right: 1em;
  width: calc(120 / 820 * 100%);
}
.modric_table02 img {
  width: 100%;
}

.modric_line_up {
  display: flex;
}
.modric_line_up .image_block {
  width: 234px;
  margin-right: 1em;
}
.modric_line_up .image_block img {
  width: 100%;
}
.modric_line_up .text_block {
  width: calc(100% - 234px);
}
.modric_line_up + .modric_line_up {
  margin-top: 2em;
}

/* 9869 ワイティープルーフWなど */
.yt_features_icon .icon {
  width: 103px;
  flex-shrink: 0;
}
.yt_features_icon .icon img {
  width: 100%;
}
.yt_features_icon .text_area {
  padding-top: 1em;
}
.yt_features_icon + .yt_features_icon {
  margin-top: 1em;
}

.equal2_col .yt_img_vertical .img_vertical {
  width: 320px;
}

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

/* 9876 サイルストーンなど */
.square_head_m_gray.logo_title {
  display: flex;
  align-items: center;
  padding-left: 0;
}
.square_head_m_gray.logo_title .img_txt {
  height: 1.9rem;
}
.square_head_m_gray.logo_title .img_txt2 {
  height: 3.4rem;
}
.square_head_m_gray.logo_title::before {
  position: static;
  display: flex;
}

.silestone_logo_title + .silestone_logo_title {
  margin-top: 2em;
}

.sileiconblock {
  margin-bottom: 2em;
}
.sileiconblock.pc {
  display: flex;
}
.sileiconblock.sp {
  display: none;
}
.sileiconblock > table {
  display: inline-table;
}
.sileiconblock > table:not(:first-child) {
  margin-left: 10px;
}
.sileiconblock .sileiconTbl {
  width: 405px;
}
.sileiconblock .sileiconTbl th,
.sileiconblock .sileiconTbl td {
  border: 1px solid #dedede;
  vertical-align: middle;
  border-collapse: collapse;
  text-align: center;
}
.sileiconblock .sileiconTbl th {
  padding: .2em .5em;
  white-space: nowrap;
}
.sileiconblock .sileiconTbl td {
  padding: .5em;
}
.sileiconblock .sileiconTbl th {
  background: #f5f5f5;
}
.sileiconblock .sileiconTbl .adjuster {
  height: 166px;
  white-space: nowrap;
}
.sileiconblock .sileiconTbl.type02 {
  width: 100%;
}
.sileiconblock .sileiconTbl.type02 td {
  text-align: left;
  min-width: 160px;
}
.sileiconblock .iconText {
  display: table;
  text-align: left;
}
.sileiconblock .iconText > * {
  display: table-cell;
  vertical-align: middle;
}
.sileiconblock .icon {
  padding-right: 10px;
}
.sileiconblock .textImg {
  width: 130px;
}
.sileiconblock .textImg img {
  vertical-align: middle;
}
.sileiconblock .textImg.nboost {
  padding-right: 20px;
}
.sileiconblock .textImg.hybriq {
  padding-right: 20px;
}
.sileiconblock .textImg.hybriq img {
  margin-top: 6px;
}
.sileiconblock.widFull .sileiconTbl {
  width: 100%;
}

.sileIcons {
  font-size: 0;
}
.sileIcons > * {
  display: inline-block;
}
.sileIcons > *:not(:first-child) {
  margin-left: 5px;
}
.sileIcons img {
  width: 20px;
}

/* 9895デクトン */
.dektoniconArea table {
  width: auto;
}
.dektoniconArea .dektoniconTbl th,
.dektoniconArea .dektoniconTbl td {
  border: 1px solid #dedede;
  vertical-align: middle;
  border-collapse: collapse;
  text-align: center;
}
.dektoniconArea .dektoniconTbl th {
  padding: .2em .5em;
  white-space: nowrap;
}
.dektoniconArea .dektoniconTbl td {
  padding: .5em;
  font-size: 1.3rem;
}
.dektoniconArea .dektoniconTbl th {
  background: #f5f5f5;
}
.dektoniconArea .dektoniconTbl .adjuster {
  /*height: 150px;*/
}
.dektoniconArea .dektoniconTbl .colHead {
  width: 62px;
  height: 32px;
}
.dektoniconArea .dektoniconTbl .alignLeft {
  text-align: left;
}

.dektoniconblock {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}
.dektoniconblock.sp {
  display: none;
}
.dektoniconblock > table:first-child {
  width: 480px;
}
.dektoniconblock > table:first-child + * {
  width: 330px;
}
.dektoniconblock > table:not(:first-child) {
  margin-left: 10px;
}
.dektoniconblock .iconText {
  display: table;
  width: 100%;
  text-align: left;
}
.dektoniconblock .iconText > * {
  display: table-cell;
  vertical-align: middle;
}
.dektoniconblock .icon {
  padding-right: 8px;
  width: 48px;
}
.dektoniconblock .icon img {
  width: 100%;
}
.dektoniconblock .textImg img {
  height: 14px;
}

.dektonIcons {
  font-size: 0;
}
.dektonIcons > * {
  display: inline-block;
  vertical-align: top;
}
.dektonIcons > *:not(:first-child) {
  margin-left: 5px;
}
.dektonIcons .icon span {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}
.dektonIcons img {
  width: 20px;
}

/* 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;
  max-width: 400px;
}
.e_wool .simu01 {
  background: #fffef1;
  border: 1px solid #aaa;
  border-radius: 8px;
  padding: 1em 1em .2em;
}
.e_wool .simu01 .text_free {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: .5em;
}
.e_wool .simu01 .inner_wrap {
  display: flex;
  align-items: center;
}
.e_wool .simu01 .inner_wrap .image {
  width: 80px;
  margin-right: 1em;
}
.e_wool .simu01 .inner_wrap .text_link_arrow {
  margin-bottom: 1.5em;
  display: inline-block;
}
.e_wool .borderHead {
  /* 上下にボーダーの見出し */
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: .4em .2em;
  background-color: #f1efef;
  display: flex;
  justify-content: center;
}
.e_wool .borderHead .text_wrap > * {
  display: inline-block;
  vertical-align: middle;
  font-weight: inherit;
  font-weight: bold;
}
.e_wool .borderHead .specification {
  margin-right: .5em;
}
.e_wool .type_block .image_block {
  width: 120px;
  flex-shrink: 0;
}
.e_wool .type_block .text_area {
  flex-grow: 1;
}
.e_wool .procedure .image_box {
  width: 150px;
  flex-shrink: 0;
}
.e_wool .irregular2col {
  /* e・woolはSP時1カラムへ */
}
.e_wool .irregular2col .leftArea {
  width: 510px;
}
.e_wool .irregular2col .rightArea {
  width: 290px;
}

.irregular2col {
  display: flex;
  justify-content: space-between;
}
.irregular2col .leftArea {
  margin-right: 2.4390243902439%;
}

/* 9621 フラップ */
.col1_banner {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.col1_banner img {
  border: 1px solid #bfbfbf;
}

.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: calc(334 / 820 * 100%);
}
.flapp9621 .irregular2col_to_1Img > *:last-child {
  width: calc(466 / 820 * 100%);
}

/* 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: calc(334 / 820 * 100%);
}
.flapp8006 .irregular2col_to_1Img > *:last-child {
  width: calc(466 / 820 * 100%);
}

/* 9282 アーキウェイブ Eシリーズ */
.archi9282 {
  /* 間に「→」ありの2カラム */
}
.archi9282 .bdrArea {
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  padding: 1em;
}
.archi9282 .bdrArea.table_box_to_1col > *:not(:first-child) {
  padding-left: 2em;
}
.archi9282 .test_image_wrap {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.archi9282 .test_image {
  display: flex;
  align-items: flex-end;
}
.archi9282 .test_image .block {
  width: 343px;
}
.archi9282 .test_image .middle_img {
  width: 64px;
}
.archi9282 .constPointImg_wrap {
  max-width: 100%;
}
.archi9282 .constPointImg {
  display: flex;
  align-items: flex-end;
  width: 750px;
}
.archi9282 .constPointImg > *:not(:first-child) {
  margin-left: 20px;
}
.archi9282 .constPointImg .largeImg {
  width: calc(500 / 750 * 100%);
}
.archi9282 .constPointImg .smallImg {
  width: calc(230 / 750 * 100%);
}
.archi9282 .constPointImg .smallImg.type02 {
  width: calc(154 / 750 * 100%);
}
.archi9282 .constPointImg + .constPointImg {
  margin-top: 2em;
}
.archi9282 .constPointImg.vertical {
  /* 縦長の大きい画像 */
}
.archi9282 .constPointImg.vertical .largeImg {
  width: calc(400 / 750 * 100%);
}
.archi9282 .wraparound_box .rightArea {
  width: 280px;
}
.archi9282 .wraparound_box.clean {
  margin-top: 2em;
}
.archi9282 .wraparound_box.clean .table_img {
  margin-top: 3em;
  max-width: 520px;
}
.archi9282 .wraparound_box.clean .table_img img {
  display: block;
  margin: 0 auto;
}
.archi9282 .has_arrow_img_wrap {
  width: 750px;
  align-items: flex-end;
}
.archi9282 .has_arrow_img_wrap .has_arrow_img {
  display: flex;
  margin-top: auto;
  width: calc(360 / 750 * 100%);
}
.archi9282 .has_arrow_img_wrap .has_arrow_img .arrow_box {
  width: calc(118 / 360 * 100%);
  text-align: center;
}
.archi9282 .has_arrow_img_wrap .has_arrow_img .arrow_box .image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.archi9282 .has_arrow_img_wrap .has_arrow_img .arrow_box .image img {
  width: 61.8%;
}
.archi9282 .has_arrow_img_wrap .has_arrow_img .block01 {
  width: calc(242 / 360 * 100%);
}
.archi9282 .has_arrow_img_wrap .block02 {
  width: calc(390 / 750 * 100%);
}

tr.bdrRed {
  border: 2px solid #ff0000;
}

/* 9894 RCガードCE TYPE-Li */
.fractionWrap > * {
  vertical-align: middle;
}
.fractionWrap .textLarge {
  font-size: 2.4rem;
  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 .5em;
}
.fractionBlock .numeratorDenominator > *:first-child {
  border-bottom: 1px solid #333333;
}

.fractionText {
  vertical-align: middle;
}

/* モドリック画像不ぞろい並べ */
.modricHeightImg {
  display: flex;
}
.modricHeightImg .colBlock {
  margin-left: 20px;
}
.modricHeightImg .colBlock:first-child {
  margin-left: 0;
}
.modricHeightImg .colBlock.large_img {
  width: calc(400 / 820 * 100%);
}
.modricHeightImg .colBlock.small_img {
  width: calc(176 / 820 * 100%);
}
.modricHeightImg .colBlock.small_img02 {
  width: calc(147 / 820 * 100%);
}
.modricHeightImg .colBlock.small_img03 {
  width: calc(178 / 820 * 100%);
}
.modricHeightImg .colBlock.small_img04 {
  width: calc(218 / 820 * 100%);
}

.modricHeightImg02 {
  display: flex;
}
.modricHeightImg02 .colBlock {
  margin-left: 20px;
}
.modricHeightImg02 .colBlock:first-child {
  margin-left: 0;
}
.modricHeightImg02 .colBlock.large_img {
  width: calc(400 / 820 * 100%);
}
.modricHeightImg02 .colBlock.small_img {
  width: calc(285 / 820 * 100%);
}

.modric_contents .hasBdr + p {
  word-break: break-word;
}

/* 9897 ワイティープルーフC */
.yt_features_icon.ver02 .text_area {
  padding-top: 0;
}

/* 9892 アーキウェイブ Eシリーズ 床タイプ */
.archi_lead_image.ver9892 {
  width: 470px;
}

.archi9892 .arrowDown {
  text-align: center;
  height: 50px;
  position: relative;
  margin: 10px 0;
}
.archi9892 .arrowDown img {
  width: auto;
}
.archi9892 .arrowDown .arrowDownTxt {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 50%;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 0;
}
.archi9892 .designBox {
  display: table;
}
.archi9892 .designBox .col {
  display: table-cell;
  vertical-align: top;
  width: 350px;
}
.archi9892 .designBox .colArrow {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
}
.archi9892 .designBox .colArrow .arrowRight {
  height: 100px;
  width: 120px;
  position: relative;
  margin-bottom: 30px;
}
.archi9892 .designBox .colArrow .arrowRightTxt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50%;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 0;
}

.darkbrown {
  color: #993366;
}

/* 9798 ブリンカース LDシリーズ */
.remarks_table {
  /* 備考のテーブル */
  width: auto;
}
.remarks_table tr > td {
  padding-right: 1em;
}

/* 9823 シーライン */
.width500 {
  width: calc(500 / 820 * 100%);
}

/* 9805 ダミエラ */
.headBggray {
  background: #9f9f9f;
  color: #ffffff;
  padding: .5em .5em .3em 1em;
  margin-bottom: 1em;
}

.example9805 .large_img {
  width: calc(400 / 820 * 100%);
}
.example9805 .large_img .caption {
  margin: 5px 0 0;
}
.example9805 .image02 {
  margin-top: 5px;
}
.example9805 .small_img {
  width: calc(300 / 820 * 100%);
  margin: 0 0 0 20px;
}

.equal02_to_1Img.variation_wrap .image_wrap > .image + .image {
  margin-top: 1em;
}

.w250_to_full {
  /* SP時は幅いっぱいに */
  width: 250px;
}

.w100_only {
  /* SP時も100px*/
  width: 100px;
  flex-shrink: 0;
}

.w90_only {
  /* SP時も90px*/
  width: 90px;
  flex-shrink: 0;
}

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

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

.font_smaller_table td {
  font-size: 1.2rem;
}
.font_smaller_table .font_s {
  font-size: 1.1rem;
}

/* 9868 ライシェル */
.lighshel .radiusArea {
  border-radius: 6px;
  border: 2px solid #4f81bd;
  padding: 1em;
}
.lighshel .illuminance_image {
  max-width: calc(578px + 172px);
  margin-left: auto;
  margin-right: auto;
}

.col2_to_1 {
  /* ただの均等2カラムからSP時1カラム */
  display: flex;
  justify-content: space-between;
}
.col2_to_1 > * {
  width: 49%;
}

.col3_to_1 {
  /* ただの均等3カラムからSP時1カラム */
  display: flex;
  justify-content: space-between;
}
.col3_to_1 > * {
  width: calc(260 / 820 * 100%);
}

.colon_table {
  width: auto;
}
.colon_table td {
  /* ひとつ以上要素を入れる */
}
.colon_table td > * {
  position: relative;
  padding-left: 1em;
}
.colon_table td > *::before {
  content: "：";
  position: absolute;
  left: 0;
  top: 0;
}
.colon_table .no_colon > *::before {
  display: none;
}

.multiple_btn_wrap {
  /* IE11でflexのボタン内テキストが突き抜けるのを防ぐため display: block; にする */
  display: table;
}
.multiple_btn_wrap .arrow_link_button {
  display: block;
}
.multiple_btn_wrap > * + * {
  margin-top: 1em;
}

/* 9872 インターバイザー CANシリーズ・ライトタイプ（現場組立型） */
.intavisor_lead {
  width: calc(574px * .6);
}

.eavesLabel_area {
  display: flex;
}
.eavesLabel_area .image {
  margin-left: 20px;
}

.eavesLabel_wrap {
  width: 200px;
}

.eavesLabel {
  background: #f2f2f2;
  border: 2px solid #7f7f7f;
  border-radius: 6px;
  text-align: center;
}
.eavesLabel .labeltxt {
  padding: .5em .5em .3em;
}

/* 9727 インターバイザー ARCシリーズ・ブラケットタイプ */
.diagonal_img {
  /* 価格のテーブル斜め線とテキストの画像 */
  background-image: url("/shared/images/product/9727/diagonal_line.png");
  background-repeat: no-repeat;
  background-position: top left;
}

/* 9296 アソートカウンター */
.img_and_text .col2_wrap {
  display: flex;
  align-items: center;
}
.img_and_text .image {
  width: 190px;
  margin-right: 1em;
  flex-shrink: 0;
}

/* 9853 スティートデュオ */
.steetOsamari_box {
  display: flex;
}
.steetOsamari_box > *:first-child {
  margin-right: 1em;
  flex-shrink: 0;
}
.steetOsamari_box .small_img {
  width: calc(315 / 820 * 100%);
}
.steetOsamari_box .large_img {
  width: calc(485 / 820 * 100%);
}
.steetOsamari_box.type02 .small_img {
  width: calc(330 / 820 * 100%);
}
.steetOsamari_box.type02 .large_img {
  width: calc(470 / 820 * 100%);
}

.steet_img_small {
  width: 64.948453608%;
}

.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: "：";
}

/* 9297 スタンダードカウンター （ボウルセレクト型） */
.irregular3col_9297 {
  display: flex;
  justify-content: space-between;
}
.irregular3col_9297 > * {
  width: 235px;
}
.irregular3col_9297 .large_img {
  width: 313px;
  flex-shrink: 0;
}

/* 9846 ブレイブ モザイク */
.equal03Img .width_large {
  width: 396px;
}

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

/* アースデッキDW */
.thermal_barrier_box {
  /* カラー別遮熱性能 */
  max-width: 500px;
}

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

/* 減音性能試験 */
.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;
}

/* 断熱・耐火・遮音仕様 */
.archi9893 .thermal_transmittance {
  /* 「省エネルギー基準」における地域区分 */
  display: flex;
  justify-content: space-between;
}
.archi9893 .tipsArea {
  /* 耐火建築物のExp.J.C.の取り扱いについて */
  background: #f5fdff;
  border: 2px solid #00508e;
  max-width: 655px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
.archi9893 .borderBtm {
  /* 遮音帯性能試験データ */
  border-bottom: 1px solid #9f9f9f;
}

/* アルウィトラRD Aタイプ / MAG・MAG-Sタイプ */
.alwitra_headingFrame {
  border: 1px solid #333333;
  padding-right: .5em;
  padding-left: .5em;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* アーキパンション免震シリーズ */
.amp_block + .amp_block {
  margin-top: 50px;
}

.apm_table {
  display: flex;
}
.apm_table .apm_box {
  width: 50%;
  border-top: 1px solid #9f9f9f;
  border-bottom: 1px solid #9f9f9f;
}
.apm_table .apm_box + .apm_box {
  border-left: 1px solid #9f9f9f;
}
.apm_table .apm_box + .apm_box .apm_name,
.apm_table .apm_box + .apm_box .apm_detail,
.apm_table .apm_box + .apm_box .apm_image {
  padding-right: 9px;
}
.apm_table .apm_name {
  border-bottom: 1px solid #9f9f9f;
  padding: 10px;
}
.apm_table .apm_detail {
  border-bottom: 1px solid #9f9f9f;
  padding: 10px;
}
.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 .apm_image .image {
  padding-top: 20px;
}
.apm_table .table_inner {
  width: 50%;
}
.apm_table .table_inner + .table_inner {
  width: 50%;
}
.apm_table .table_inner + .table_inner .apm_box {
  border-left: 1px solid #9f9f9f;
}
.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 {
  width: 50%;
  padding: 10px;
}
.apm_table.double_image .apm_image .image_inner + .image_inner {
  border-left: 1px solid #9f9f9f;
  padding-right: 9px;
}
.apm_table .apm_photo_r {
  padding-left: 10px;
}

.column2_to1 {
  /*ただの2カラムからSP時1カラムへ 幅指定なし*/
  display: flex;
}
.column2_to1 > *:not(:first-child) {
  margin-left: 20px;
}

.arrow_link_button[target="_blank"] {
  /* 別窓アイコンを出す */
}

.text_link_arrow a[target="_blank"] {
  /* 別窓アイコンを出す */
}

/* 9887など 他の商品へのリンク（画像とテキスト全部aタグ） */
.related_products .colBlock a {
  display: block;
}
.related_products .colBlock a:hover {
  opacity: .7;
}
.related_products .colBlock a:hover .link_text {
  color: #00508e;
}
.related_products .colBlock a:hover .text {
  color: inherit;
}
.related_products .link_text {
  background: url(/shared/images/common/icon_arr_right_blue.svg) no-repeat left 6px;
  background-size: 6px 10px;
  padding-left: 12px;
  font-weight: bold;
  color: #333;
  margin-top: .5em;
}
.related_products .link_text + .text {
  margin-top: .2em;
}
.related_products .text {
  color: #333;
}

/* 9784 マクモ */
.makumo_fuki_img {
  padding: 0 calc(20 / 400 * 100%);
}
.makumo_fuki_img img {
  display: block;
  margin: 0 auto;
}

/* 9018 カラートップSR 矢印付きの箇所 */
.arrow_9018 {
  display: flex;
  align-items: flex-start;
  width: 690px;
  margin-left: auto;
  margin-right: auto;
}
.arrow_9018 .col_block {
  width: 320px;
}
.arrow_9018 .arrow {
  height: 240px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

/* 9018 カラートップSR 矢印付きの箇所 SP時は縦積み */
.col_arrow_320_wrap {
  /* 画像幅320pxで設定したい時 */
  display: flex;
  align-items: flex-start;
  width: 690px;
  margin-left: auto;
  margin-right: auto;
}
.col_arrow_320_wrap .col_block {
  width: 320px;
}
.col_arrow_320_wrap .arrow {
  height: 240px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

/* 9700とか 均等2カラム で真ん中に→三角 SP時は縦積み*/
.arrow_2column {
  display: flex;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
}
.arrow_2column .col_block {
  width: 385px;
}
.arrow_2column .arrow {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.arrow_2column.arrow_9700 {
  /* ラバクリートの矢印部分の高さ */
}
.arrow_2column.arrow_9700 .arrow {
  height: 257px;
}
.arrow_2column.arrow_9064 .arrow {
  height: 306px;
}
.arrow_2column.arrow_9065 .arrow {
  height: 213px;
}

.row_arrow {
  /* 下向き矢印画像を置くだけの場合 */
  padding: .6em 0;
}
.row_arrow img {
  width: auto !important;
}

.arrow_link_button.icon_blank {
  /* 別窓アイコンを出す */
}
.arrow_link_button.icon_blank p::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 15px;
  background: url("/shared/images/common/icon_blank_black.png") no-repeat left center;
  background-size: 100%;
  margin-left: 4px;
}
.arrow_link_button.icon_blank:hover p::after {
  background: url("/shared/images/common/icon_blank_white.png") no-repeat left center;
  background-size: 100%;
}

/* カラクリート */
.kara_col2_to1 {
  display: flex;
  flex-wrap: wrap;
}
.kara_col2_to1 .col_block,
.kara_col2_to1 .colBlock {
  flex-shrink: 0;
}
.kara_col2_to1 .col_block:not(:first-child),
.kara_col2_to1 .colBlock:not(:first-child) {
  margin-left: calc((20 / 820) * 100%);
}

/* 9902 インサルパック 1液タイプ */
.insul_work_place {
  display: flex;
}
.insul_work_place > *:first-child {
  margin: 0 20px 0 0;
}
.insul_work_place .image_box {
  /*width: 180px;*/
  width: 120px;
  flex-shrink: 0;
}

.insul_use_block {
  /* 用途 */
}
.insul_use_block .use_block .use_head {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: .5em;
}
.insul_use_block .use_block .use_title {
  color: #ff0000;
  text-align: center;
  margin-bottom: 1em;
}
.insul_use_block .use_block .use_title.ver02 {
  color: inherit;
}
.insul_use_block .use_block .object_product {
  text-align: center;
}
.insul_use_block .use_block .name > * {
  font-weight: bold;
  display: table;
  margin: 0 auto;
}
.insul_use_block .use_block .name + * {
  margin-top: 2em;
}
.insul_use_block .insul_use_wrap {
  display: flex;
  justify-content: space-between;
}
.insul_use_block .insul_use_wrap .use_block {
  width: 400px;
}
.insul_use_block .use_block_inner {
  background-color: #feeed8;
  padding: 1em;
}

/* w120の画像2カラムのままとSP時1カラム */
.has_w120img,
.has_w120img_to_1 {
  display: flex;
  justify-content: space-between;
}
.has_w120img .image_box,
.has_w120img_to_1 .image_box {
  width: 120px;
  flex-shrink: 0;
}
.has_w120img > *:not(:first-child),
.has_w120img_to_1 > *:not(:first-child) {
  margin-left: 20px;
}
.has_w120img > *:not(.image_box),
.has_w120img_to_1 > *:not(.image_box) {
  flex-grow: 1;
}

/* 9902 アンカーリンク（文中テキストのみ？） */
.anchor_box02 {
  margin-bottom: 3em;
}
.anchor_box02 > ul {
  display: flex;
  flex-wrap: wrap;
}
.anchor_box02 > ul li {
  width: 23.5%;
  margin: 0 1.5% 0 0;
}
.anchor_box02 > ul li a {
  display: block;
  padding-left: 1em;
  position: relative;
}
.anchor_box02 > ul li a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 10px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  background: url("/shared/images/common/icon_arr_down.png") no-repeat left center;
  background-size: 100%;
  margin: .5em .2em 0 0;
}
.anchor_box02 a {
  color: inherit;
  text-decoration: none;
}
.anchor_box02 a:hover {
  text-decoration: underline;
}

.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: .5em 1em;
  text-align: center;
  background-color: #bfbfbf;
}
.insul_line_up .aco_trigger > p:hover {
  opacity: .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: .5em 1em;
}

.insul_how_to_use {
  /* 9902試作変則3カラム　アイコンとテキスト */
  display: flex;
}
.insul_how_to_use .box {
  width: 150px;
}
.insul_how_to_use .box:not(:first-child) {
  margin-left: 20px;
}
.insul_how_to_use .note {
  margin-left: 10px;
}

.bdr_area {
  border: 1px solid #e1e1e1;
  padding: 1em;
}

.number_head {
  /* 数字ありの見出し */
  display: flex;
}
.number_head .number {
  padding-right: .5em;
}
.number_head span {
  font-weight: inherit;
}

.note_mark_block {
  display: flex;
}
.note_mark_block .note_mark {
  width: 50px;
  flex-shrink: 0;
  margin-right: 1em;
}

/* ページ内リンクボタン */
.link_in_page_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.link_in_page_wrap.type_button .arrow_link_button {
  justify-content: flex-start;
}
.link_in_page_wrap > * {
  width: 400px;
}
.link_in_page_wrap > *:nth-child(n + 3) {
  margin-top: 10px;
}
.link_in_page_wrap.col3type .arrow_link_button {
  justify-content: flex-start;
}
.link_in_page_wrap.col3type > * {
  width: 260px;
  margin-top: 0;
}
.link_in_page_wrap.col3type > *:nth-child(n + 4) {
  margin-top: 10px;
}

/* 9083の施工・納まりなど画像と説明文 */
.const_img_area .head {
  font-size: 1.6rem;
  font-weight: bold;
}
.const_img_area .head * {
  font-weight: inherit;
}
.const_img_area .wrap_block {
  display: flex;
}
.const_img_area .wrap_block > * + * {
  margin-left: 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;
}

/* w600で中央表示 */
.w600_auto_block {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.w600_block {
  max-width: 600px;
}

.w620_block {
  max-width: 620px;
}

.w500_to_full {
  max-width: 500px;
}

.max_w500 {
  max-width: 500px;
}

/* 画像 テキスト回り込み sp時は1カラム */
.wraparound_to_1::after {
  content: "";
  display: block;
  clear: both;
}
.wraparound_to_1 .image_right {
  float: right;
  margin: 0 0 .5em 20px;
  width: 400px;
}
.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;
}

/* 9898 */
/*サムネイルありアンカーリンク用ボタン*/
.anchor_button_block02 {
  display: flex;
  justify-content: space-between;
}
.anchor_button_block02 > * {
  width: 400px;
}
.anchor_button_block02 .button {
  border: 1px solid #b5b5b5;
  background-color: #fff;
  color: inherit;
  display: block;
}
.anchor_button_block02 .button:hover {
  text-decoration: none;
  background-color: #00508e;
  color: #fff;
}
.anchor_button_block02 .button:hover .anchor_name svg {
  fill: #fff;
}
.anchor_button_block02 .text_area {
  padding: 1.5em 1em 1.2em;
}
.anchor_button_block02 .anchor_name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  padding-left: .8em;
  position: relative;
}
.anchor_button_block02 .anchor_name svg {
  width: 6px;
  height: 10px;
  margin: .2em .5em 0 0;
  fill: #00508e;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(90deg);
}
.anchor_button_block02.ver_col3 > * {
  width: 260px;
}
.anchor_button_block02 .insul_icon {
  text-align: center;
  border-bottom: 1px solid #b5b5b5;
  padding: 10px;
}
.anchor_button_block02 .insul_icon img {
  height: 100px;
}

.insulpak_table {
  /* tableの中のdivにheight:100%;を効かせてセルの縦幅いっぱいにするには、tableとtd、divそれぞれにheight:100%;を指定する必要があるようだ。*/
  height: 100%;
}
.insulpak_table th, .insulpak_table td {
  text-align: center;
  font-size: 1.4rem;
}
.insulpak_table .type_icon {
  width: 65px;
  margin: 0 auto;
}
.insulpak_table .type_icon02 {
  width: 40px;
}
.insulpak_table .s_font {
  font-size: 1.1rem;
}
.insulpak_table .icon_box {
  display: flex;
  align-items: center;
}
.insulpak_table .icon_box > * + * {
  margin-left: .5em;
  flex-grow: 1;
}
.insulpak_table .slash {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+");
  background-position: 100%;
  text-align: left;
  height: 100%;
}
.insulpak_table .slash .type {
  text-align: right;
}
.insulpak_table .slash .place {
  margin-top: auto;
}
.insulpak_table .slash .wrap {
  height: 100%;
}
.insulpak_table .slash .text_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: .5em .5em;
}
.insulpak_table .text_link_arrow {
  font-size: 1.2rem;
  text-align: left;
}
.insulpak_table .text_link_arrow a {
  padding-left: 10px;
}
.insulpak_table .text_link_arrow a::before {
  width: 5px;
  height: 8px;
}
.insulpak_table .text_link_arrow a::after {
  width: 12px;
  height: 10px;
}
.insulpak_table .product_name th {
  font-size: 1.2rem;
}

.bold {
  font-weight: bold;
}
.bold * {
  font-weight: inherit;
}

.border_top {
  border-top: 1px solid #dedede;
}

.artshade_table {
  table-layout: fixed;
}
.artshade_table th {
  background-color: #f3f3f3;
}
.artshade_table th, .artshade_table td {
  padding: 5px 5px;
  vertical-align: top;
  font-size: 1.3rem;
}
.artshade_table .slash,
.artshade_table .arrow_link_button {
  font-size: 1.5rem;
}
.artshade_table .slash {
  width: 20%;
}
.artshade_table .black_wrap {
  background-color: #000;
  color: #fff;
}
.artshade_table .blue_wrap {
  background-color: #e0f1fd;
  vertical-align: middle;
}
.artshade_table .text_wrap {
  padding-left: 1em;
  padding-right: 1em;
}

.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%;
}

/* 9910 */
.col2_260img_to1 .gray_area {
  padding: 15px;
}

.arrow_eq2col.feature9910 .col_block {
  width: 230px;
  position: relative;
}
.arrow_eq2col.feature9910 .col_block:first-child .image_wrap::after {
  position: absolute;
  right: -40px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  width: 30px;
  height: 33px;
  display: block;
  background: url(/shared/images/product/icon/arrow.gif) no-repeat center center;
  background-size: contain;
}

/* 9918 間に「→」ありの3カラムからSP時1カラム*/
.arrow_3col_9918 {
  display: flex;
}
.arrow_3col_9918 .col_block {
  width: 234px;
}
.arrow_3col_9918 .img_wrap {
  border: 1px solid #e1e1e1;
}
.arrow_3col_9918 .img_wrap + * {
  margin-top: 5px;
}
.arrow_3col_9918 .img_wrap img {
  display: block;
  margin: 0 auto;
}
.arrow_3col_9918 .arrow_box {
  width: 43px;
  height: 147px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.arrow_3col_9918 .arrow_box img {
  width: 60%;
}

/* 9919 */
.icon_wrap_9919 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.icon_wrap_9919 .icon {
  width: calc(110 / 300 * 100%);
}
.icon_wrap_9919 .green_icon {
  width: calc(170 / 300 * 100%);
}

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

.light_blue {
  color: #009ee5;
}

/* 9922 */
.equal02_to_1Img {
  /* 2カラムの中に2カラムが矢印あり */
}
.equal02_to_1Img > .col_block .has_arrow_2col_to1 .col_block {
  width: 180px;
}
.equal02_to_1Img > .col_block .has_arrow_2col_to1 .arrow_box {
  width: 40px;
  padding: 0 10px;
}
.equal02_to_1Img .feature9922 .img_wrap,
.equal02_to_1Img .feature9922 .arrow_box {
  height: 121px;
}
.equal02_to_1Img .feature9922 .img_wrap {
  display: flex;
  align-items: flex-end;
}
.equal02_to_1Img .feature9922 .img_wrap img {
  width: 100%;
}

.icon_head {
  display: flex;
  margin-bottom: 20px;
}
.icon_head .icon {
  width: 60px;
  flex-shrink: 0;
}
.icon_head .head_text {
  padding-top: 5px;
  margin-left: 1em;
}
.icon_head .heading {
  font-weight: bold;
}
.icon_head .self_c {
  padding-top: 0;
  align-self: center;
}

/* カタログサムネイルとリンク */
.catalog_2col {
  display: flex;
}
.catalog_2col .thumbnail {
  width: 87px;
  margin-right: 20px;
}
.catalog_2col .thumbnail img {
  border: 1px solid #dedede;
}

.catalog_2col_to1 {
  display: flex;
  justify-content: space-between;
}
.catalog_2col_to1 > * + * {
  margin: 0 0 0 20px;
}
.catalog_2col_to1 .thumbnail {
  flex-shrink: 0;
  width: 87px;
}
.catalog_2col_to1 .thumbnail img {
  border: 1px solid #dedede;
}

/* 9396など大きい画像と小さい画像を下揃え */
.large_and_small {
  display: flex;
  justify-content: space-between;
}
.large_and_small .img_wrap {
  display: flex;
  align-items: flex-end;
}
.large_and_small .img_wrap img {
  width: 100%;
}
.large_and_small .img_large {
  width: 60%;
}
.large_and_small .img_small {
  width: 35%;
}
.large_and_small .caption {
  margin-top: 5px;
}

/* 9923 小さい画像の2カラム（w400内） */
.img_set2col {
  display: flex;
  justify-content: space-between;
}
.img_set2col > *:first-child {
  margin-right: calc(10 / 400 * 100%);
}
.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;
}

/* 9925など特有 */
/*サムネイルありのリンク用ボタン*/
.thumbnail_link_button {
  display: flex;
  justify-content: space-around;
}
.thumbnail_link_button > * {
  width: 400px;
}
.thumbnail_link_button .button {
  border: 1px solid #b5b5b5;
  background-color: #fff;
  color: inherit;
  padding: 20px;
  display: flex;
}
.thumbnail_link_button .button:hover {
  text-decoration: none;
  background-color: #00508e;
  color: #fff;
}
.thumbnail_link_button .button:hover .anchor_name svg {
  fill: #fff;
}
.thumbnail_link_button .thumnail {
  flex-shrink: 0;
  width: 100px;
}
.thumbnail_link_button .text_area {
  margin-left: 1em;
}
.thumbnail_link_button .anchor_name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  padding-left: .8em;
  position: relative;
}
.thumbnail_link_button .anchor_name svg {
  width: 6px;
  height: 10px;
  margin: .2em .5em 0 0;
  fill: #00508e;
  position: absolute;
  left: 0;
  top: 0;
}
.thumbnail_link_button .text01 {
  font-size: 1.3rem;
  margin-bottom: .5em;
}
.thumbnail_link_button .text02 {
  margin-top: .5em;
}

/* 9936など */
.photo_wrap_insul {
  display: flex;
}
.photo_wrap_insul .photo_box {
  width: 200px;
}
.photo_wrap_insul .color_box {
  width: 200px;
}

/* 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: .5em .5em .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: .2em .5em;
}
.someno_area .box02 .tel_list {
  padding-right: .5em;
  width: auto;
}
.someno_area .inner_box {
  border-left: 1px solid #e1e1e1;
}
.someno_area .inner_box > * {
  display: inline-block;
  margin: 0 .5em 0 0;
}
.someno_area .label {
  background-color: #e1e1e1;
  padding: .2em .4em .1em;
  display: inline-block;
}

/* 9942など */
.color_and_caption {
  display: flex;
}
.color_and_caption > *:not(:first-child) {
  margin-left: 20px;
}
.color_and_caption .w100_image {
  width: 100px;
  flex-shrink: 0;
}

/* 9943 */
.lumberju_icon_set {
  overflow: hidden;
}
.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: 1.2rem;
  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;
}

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

/* ノラプランなど */
.nora_logo_block {
  display: flex;
  gap: 0 calc(20 / 820 * 100%);
}

.nora_logo_wrap {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  width: 335px;
  gap: 2em 15px;
}
.nora_logo_wrap > * {
  min-width: calc(157 / 335 * 100%);
}

/* ファストラ */
/* equal2_colの変形*/
.fastra_img_wrap {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.fastra_img_wrap .col_block {
  width: 320px;
}
.fastra_img_wrap .col_block:not(:first-child) {
  margin-left: 20px;
}

/* リグナム */
.documents_box {
  display: flex;
  justify-content: space-between;
}
.documents_box > *:not(:first-child) {
  margin-left: 20px;
}
.documents_box .documents_3col {
  display: flex;
}
.documents_box .documents_3col > * {
  width: 150px;
}
.documents_box .documents_3col > *:not(:first-child) {
  margin-left: 10px;
}

.download_head {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.download_head::before {
  content: "";
  display: block;
  width: 19px;
  height: 25px;
  background: url("/shared/images/common/icon_download_black.svg") no-repeat left center;
  background-size: 100%;
  margin-right: .8em;
  flex-shrink: 0;
}
.download_head > * {
  font-weight: inherit;
}

/* 9972 インターバイザーキャノピー仕様 */
.lead_textimg {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

/* 9943など木材保護塗料 */
.mokuzai_icon_heading {
  display: flex;
  align-items: center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2.2rem;
  margin-bottom: .8em;
}
.mokuzai_icon_heading .icon {
  display: block;
  width: 50px;
  flex-shrink: 0;
}
.mokuzai_icon_heading .text {
  font-weight: bold;
  padding: 0 0 0 .5em;
}

/* 9987 均等3カラム変則 */
.anomaly3col_to2 {
  display: flex;
  flex-wrap: wrap;
}
.anomaly3col_to2 > * + * {
  margin-left: 20px;
}
.anomaly3col_to2 .col {
  width: 260px;
}
.anomaly3col_to2 .col_large {
  width: 100%;
}
.anomaly3col_to2 .has2col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 540px;
}

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

.ctal_fuki02 {
  margin: 60px 0 0 -40px;
}

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

/* 8029 アットランダム */
/* アンカーリンク　間に＞ */
.flow_btn_link {
  display: flex;
}
.flow_btn_link .arrow_link_button {
  justify-content: flex-start;
  height: 100%;
}
.flow_btn_link.btn2_to_1 {
  gap: 10px 34px;
}
.flow_btn_link.btn2_to_1 > * {
  flex-grow: 1;
  max-width: 393px;
}
.flow_btn_link.btn2_to_1 > * + * {
  position: relative;
}
.flow_btn_link.btn2_to_1 > * + *::before {
  position: absolute;
  right: calc(100% + 10px);
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 14px;
  border-color: transparent transparent transparent #00508e;
  display: block;
}

/* ボタンで画像切り替えはタブ切り替えを応用した */
.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: 1.6rem;
}
.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: .2em .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: .95em;
  padding-right: .95em;
}

/* 耐風圧強度計算など */
.bdr_area_consul {
  border: 1px solid #aaa;
  border-radius: 8px;
  padding: 19px;
}
.bdr_area_consul .head_text {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: .5em;
}
.bdr_area_consul .icon_column {
  display: flex;
}
.bdr_area_consul .icon_column .circle_img {
  flex-shrink: 0;
  width: 140px;
}
.bdr_area_consul .icon_column .text_block {
  flex-grow: 1;
}
.bdr_area_consul .icon_column > * + .text_block {
  margin-left: 20px;
}

/* 8031 インサル基礎防蟻ジョイントハード */
.balloon_box {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  position: relative;
  padding: 1em;
}
.balloon_box::after, .balloon_box::before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
}
.balloon_box.side_deco::before, .balloon_box.side_deco::after {
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.balloon_box.side_deco {
  margin-right: 20px;
}
.balloon_box.side_deco::before, .balloon_box.side_deco::after {
  left: 100%;
}
.balloon_box.side_deco::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-width: 18px;
  border-right-width: 18px;
  border-left-color: #FFFFFF;
}
.balloon_box.side_deco::before {
  border-color: rgba(191, 191, 191, 0);
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 20px;
  border-right-width: 20px;
  border-left-color: #BFBFBF;
}
.balloon_box.left_deco {
  margin-right: 0;
  margin-left: 20px;
}
.balloon_box.left_deco::before, .balloon_box.left_deco::after {
  left: auto;
  right: 100%;
  transform: scale(-1, 1);
}

.bg_bougi {
  background: #FBFDE7;
  padding: 1em;
}

.product_link {
  display: block;
}
.product_link .img_wrap + * {
  margin-top: 0.5em;
}
.product_link .link_text {
  background: url(/shared/images/common/icon_arr_right_blue.svg) no-repeat left 6px;
  background-size: 6px 10px;
  padding-left: 12px;
  font-weight: bold;
  color: #333;
}
.product_link:hover {
  opacity: .7;
}
.product_link:hover .link_text {
  color: #00508e;
}

/* 8043とか */
.waku_txt {
  border: 1px solid #333;
  padding: .3em .5em .15em;
}

.moderate_block02 {
  /* 適度に区切るためのブロック */
}
.moderate_block02 + .moderate_block02 {
  margin-top: 5.5em;
}

/* 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;
}

/* BIMデータお問い合わせ */
.bim_btnwrap {
  display: flex;
  gap: 1em 20px;
}

.bim_entry_example {
  background: #f8f7f7;
  padding: 30px;
}
.bim_entry_example .entry_example {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bim_entry_example .entry_example > * {
  flex-shrink: 0;
}
.bim_entry_example .entry_example .capture_img {
  width: 460px;
}
.bim_entry_example .entry_example .fuki_img {
  width: 310px;
  margin: 0 0 0 -30px;
}

.boldheading {
  font-size: 1.6rem;
  font-weight: bold;
}

/* 外注css */
.ao9887_bdrBlueArea {
  border: 2px solid #4f81bd;
  padding: 1em;
}

/* takane対応 */
.detail_contents .maintenance {
  color: #a40404;
  font-size: 14px;
  border: 1px solid #b5b5b5;
  margin: 20px 0 30px;
  padding: 30px 40px;
}

.arrow_9896 {
  /* →あり画像横幅不ぞろい SP時縦積み */
  display: flex;
  align-items: flex-start;
}
.arrow_9896 .arrow {
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}

.consultation_block_image.left_img {
  margin-left: 0;
  margin-right: 30px;
}

/* Vamp対応 */
.cms_source.vamp .indent1emList li .text_link_arrow {
  display: block;
}
.cms_source.vamp .indent1emList li .text_link_arrow a {
  padding-left: 1.5em;
}
.cms_source.vamp .text_link_arrow_inlist a {
  display: table-cell;
  padding-left: 26px;
}
.cms_source.vamp .visualpaper .image_wrapper {
  border: 1px solid #e1e1e1;
  height: 170px;
  position: relative;
}
.cms_source.vamp .visualpaper .image_wrapper a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cms_source.vamp .visualpaper .image_wrapper img {
  max-height: calc(100% - 2px);
  max-width: calc(100% - 2px);
  flex-shrink: 0;
}
.cms_source.vamp .visualpaper .image_wrapper + * {
  margin-top: 5px;
}
.cms_source.vamp .set_width_250 .colBlock {
  width: 250px;
}
.cms_source.vamp .other_sub_title {
  color: #000;
  font-size: 80%;
}
.cms_source.vamp .col_block_arrow.arrow_9712 .col_block {
  width: 365px;
}
.cms_source.vamp .col_block_arrow.arrow_9712 .col_block:not(:first-of-type) {
  margin-left: 90px;
}
.cms_source.vamp .col_block_arrow.arrow_9712 .col_block:not(:first-of-type)::before {
  background-image: url(/shared/images/product/icon/arrow.gif);
  height: 50px;
  top: calc(50% - 25px);
  left: calc((-55 / 340) * 100%);
  width: 36px;
}
.cms_source.vamp .col_block_arrow.arrow_9806, .cms_source.vamp .col_block_arrow.arrow_9825 {
  justify-content: space-between;
}
.cms_source.vamp .col_block_arrow.arrow_9806 .col_block:not(:first-of-type), .cms_source.vamp .col_block_arrow.arrow_9825 .col_block:not(:first-of-type) {
  margin-left: 65px;
}
.cms_source.vamp .col_block_arrow.arrow_9806 .col_block, .cms_source.vamp .col_block_arrow.arrow_9825 .col_block {
  margin: 0;
  width: 230px;
}
.cms_source.vamp .col_block_arrow.arrow_9806 .col_block:not(:first-of-type)::before, .cms_source.vamp .col_block_arrow.arrow_9825 .col_block:not(:first-of-type)::before {
  background-image: url(/shared/images/product/icon/arrow.gif);
  height: 33px;
  top: calc(50% - 20px);
  left: calc((-48 / 230) * 100%);
  width: 30px;
}
.cms_source.vamp .col_block_arrow.arrow_9799 {
  justify-content: space-between;
}
.cms_source.vamp .col_block_arrow.arrow_9799 .col_block:not(:first-of-type) {
  margin-left: 65px;
}
.cms_source.vamp .col_block_arrow.arrow_9799 .col_block {
  margin: 0;
  width: 230px;
}
.cms_source.vamp .col_block_arrow.arrow_9799 .col_block:not(:first-of-type)::before {
  background-image: url(/shared/images/product/9799/icon_arw_pro01.gif);
  height: 22px;
  top: calc(45% - 11px);
  left: calc((-38 / 230) * 100%);
  width: 12px;
}
.cms_source.vamp .adequateColor {
  border: 1px solid #a6a6a6;
  padding: 2em;
}
.cms_source.vamp .adequateColor .equal03Img {
  justify-content: space-between;
  padding: 0 4em;
}
.cms_source.vamp .adequateColor .equal03Img .colBlock {
  width: 25%;
}
.cms_source.vamp .consultation_block_image.other_margin {
  margin-left: 0;
}
.cms_source.vamp .tblCol_9738 {
  flex-wrap: wrap;
}
.cms_source.vamp .tblCol_9738 .colBlock .image {
  display: table-cell;
  vertical-align: bottom;
}
.cms_source.vamp .tblCol_9738 .colBlock.nonContents {
  width: 100px;
}
.cms_source.vamp .tblCol_9661 {
  padding-left: 100px;
}
.cms_source.vamp .tblCol_9661 + .tblCol_9661 {
  padding-left: 0;
  padding-right: 100px;
}
.cms_source.vamp .colBlock.max240 {
  max-width: 240px;
}
.cms_source.vamp .colBlock.max190 {
  max-width: 190px;
}
.cms_source.vamp .before_after {
  display: table;
}
.cms_source.vamp .before_after .col2 {
  display: flex;
  justify-content: space-between;
}
.cms_source.vamp .flow_txt {
  width: 55%;
}
.cms_source.vamp .ml5em {
  margin-left: 12em;
}
.cms_source.vamp .albottom9700 {
  display: flex;
  align-items: flex-end;
}

/* WWS対応 */
/* 9870
-------------------------------------------------------------*/
.wws_9870 #sec_features .sec_features_col {
  display: flex;
  justify-content: flex-start;
  text-indent: 0;
}
.wws_9870 #sec_features .sec_features_col_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.5em;
}
.wws_9870 #sec_features .sec_features_col_arrow img {
  margin: 0;
  padding: 0 5px;
}
.wws_9870 #sec_features .sec_features_caution {
  margin-top: 1em;
}
.wws_9870 #sec_features .sec_features_caution li {
  font-size: 86%;
  padding-left: 2em;
  text-indent: -2em;
}
.wws_9870 #sec_construction .sec_construction_col {
  display: flex;
  justify-content: space-between;
  text-indent: 0;
}
.wws_9870 #sec_construction .sec_construction_col_photo {
  width: 250px;
}
.wws_9870 #sec_construction .sec_features_col_arrow {
  padding: 10px;
  text-align: center;
}
.wws_9870 #sec_construction .sec_construction_col_text {
  width: 550px;
}
.wws_9870 #sec_construction .sec_construction_col_list li {
  padding-left: 1em;
  text-indent: -1em;
}

/* 9871
-------------------------------------------------------------*/
.wws_9871 #sec_construction_flow .sec_construction_flow_col {
  display: flex;
  justify-content: center;
  text-indent: 0;
}
.wws_9871 #sec_construction_flow .sec_construction_flow_col_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 1.5em;
}

.wws_9870 #sec_construction_flow .sec_construction_flow_col_arrow img {
  margin: 0;
  padding: 0 5px;
  height: 34px;
}
.wws_9870 #sec_construction_flow .sec_construction_flow_caution {
  margin-top: 1em;
}

@media print {
  #sideFixed {
    /*追従ナビは印刷しない？*/
  }

  .equal2_col,
  .equal02Img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* flexだと羅列時印刷切れるためinline-blockへ変更、隙間消すためフォントサイズ 0 */
    font-size: 0;
    /* emだと余白空かないため基本フォントサイズ数値 */
  }
  .equal2_col.mt1em,
  .equal02Img.mt1em {
    margin-top: 15px !important;
  }
  .equal2_col.mt2em,
  .equal02Img.mt2em {
    margin-top: calc(15px * 2);
  }
  .equal2_col.mt3em,
  .equal02Img.mt3em {
    margin-top: calc(15px * 3);
  }
  .equal2_col.mt4em,
  .equal02Img.mt4em {
    margin-top: calc(15px * 4);
  }
  .equal2_col.mb1em,
  .equal02Img.mb1em {
    margin-bottom: 15px !important;
  }
  .equal2_col.mb2em,
  .equal02Img.mb2em {
    margin-bottom: calc(15px * 2);
  }
  .equal2_col.mb3em,
  .equal02Img.mb3em {
    margin-bottom: calc(15px * 3);
  }
  .equal2_col.mb4em,
  .equal02Img.mb4em {
    margin-bottom: calc(15px * 4);
  }
  .equal2_col .col_block,
  .equal2_col .colBlock,
  .equal02Img .col_block,
  .equal02Img .colBlock {
    /* inline-block、親要素フォントサイズ 0のため基本フォントサイズ指定 */
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
  }
  .equal2_col .col_block:nth-child(even),
  .equal2_col .colBlock:nth-child(even),
  .equal02Img .col_block:nth-child(even),
  .equal02Img .colBlock:nth-child(even) {
    margin-left: 20px;
  }
  .equal2_col.wrap365 .col_block,
  .equal2_col.wrap365 .colBlock,
  .equal02Img.wrap365 .col_block,
  .equal02Img.wrap365 .colBlock {
    width: 365px;
  }
  .equal2_col.wrap355 .col_block,
  .equal2_col.wrap355 .colBlock,
  .equal02Img.wrap355 .col_block,
  .equal02Img.wrap355 .colBlock {
    width: 355px;
  }
  .equal2_col.wrap325 .col_block,
  .equal2_col.wrap325 .colBlock,
  .equal02Img.wrap325 .col_block,
  .equal02Img.wrap325 .colBlock {
    width: 325px;
  }
  .equal2_col.wrap300 .col_block,
  .equal2_col.wrap300 .colBlock,
  .equal02Img.wrap300 .col_block,
  .equal02Img.wrap300 .colBlock {
    width: 300px;
  }

  .equal03Img {
    /* flexだと羅列時印刷切れるためinline-blockへ変更、隙間消すためフォントサイズ 0 */
    display: block;
    font-size: 0;
    /* emだと余白空かないため基本フォントサイズ数値 */
  }
  .equal03Img.mt1em {
    margin-top: 15px !important;
  }
  .equal03Img.mt2em {
    margin-top: calc(15px * 2);
  }
  .equal03Img.mt3em {
    margin-top: calc(15px * 3);
  }
  .equal03Img.mt4em {
    margin-top: calc(15px * 4);
  }
  .equal03Img.mb1em {
    margin-bottom: 15px !important;
  }
  .equal03Img.mb2em {
    margin-bottom: calc(15px * 2);
  }
  .equal03Img.mb3em {
    margin-bottom: calc(15px * 3);
  }
  .equal03Img.mb4em {
    margin-bottom: calc(15px * 4);
  }
  .equal03Img .col_block,
  .equal03Img .colBlock {
    /* inline-block、親要素フォントサイズ 0のため基本フォントサイズ指定 */
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    margin-right: 20px;
  }
  .equal03Img .col_block:nth-child(3n),
  .equal03Img .colBlock:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  /* SP用は別ファイルで。商品詳細ページコンテンツ部分（MTでソースを入力する範囲） */
}

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