@charset "UTF-8";
@media screen and (max-width: 767px) {
  .ml_auto_sp {
    margin-left: auto !important;
  }

  .tel_link {
    pointer-events: auto;
    color: #00508e;
  }

  /*　フッターのページトップボタンを非表示　*/
  footer .pageTop {
    display: none !important;
  }
  footer .pageTop.on {
    display: block !important;
    opacity: 1 !important;
  }

  .sp_bottom_nav {
    pointer-events: none;
  }
  .sp_bottom_nav .slide_btn {
    cursor: pointer;
  }
  .sp_bottom_nav * {
    pointer-events: auto;
  }

  .sp_flex_order {
    /* SP時に順番を入れ替え（ひとまず3まで用意） */
  }
  .sp_flex_order .order01 {
    order: 1;
  }
  .sp_flex_order .order02 {
    order: 2;
  }
  .sp_flex_order .order03 {
    order: 3;
  }

  .sp_flex_wrap {
    /*sp時は折り返す*/
    flex-wrap: wrap;
  }

  .sp_displayblock {
    /* SP時にflexをblockにしたい*/
    display: block;
  }
  .sp_displayblock.tblCol > * {
    margin-left: 0;
  }
  .sp_displayblock.tblCol > *:not(:first-child) {
    margin-top: 2em;
  }

  .sp_inline_block {
    display: inline-block;
  }

  /* 見出し */
  .square_head_b {
    font-size: 1.8rem;
  }
  .square_head_b + .indent_block {
    margin-left: 1.8rem;
  }

  .square_head_b_indent {
    margin-left: 1.8rem;
  }

  .square_head_m_gray {
    font-size: 1.65rem;
  }
  .square_head_m_gray + .indent_block {
    margin-left: 1.65rem;
  }

  .square_head_m_line {
    font-size: 1.65rem;
  }
  .square_head_m_line + .indent_block {
    margin-left: 1.65rem;
  }

  .square_head_m {
    font-size: 1.5rem;
  }
  .square_head_m + .indent_block {
    margin-left: 1.5rem;
  }

  .font_sans_head_m {
    font-size: 1.6rem;
  }

  .font_sans_head_m02 {
    font-size: 1.7rem;
  }

  .font_sans_head_m03 {
    font-size: 1.7rem;
  }

  [class^="square_head"] .font_basic,
  [class^="font_sans"] .font_basic {
    font-size: 1.4rem;
  }

  /* ＞とテキストのボタン */
  .arrow_link_button svg {
    width: 6px;
    height: 10px;
  }

  /* pdfリンクボタン */
  .pdf_link_button > *::before {
    width: 22px;
    height: 28px;
    margin-right: 1em;
  }

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

  .font_large01 {
    font-size: 1.5rem;
    /* SPでは1.5rem */
  }

  .font_large {
    font-size: 1.6rem;
  }

  .font_s {
    font-size: 1.3rem;
  }

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

  .disptable_auto100 {
    /* pc時autoで浮かす。SP時は幅いっぱい */
    width: 100%;
  }

  .sp_img100per {
    /*SPの時、画像引き延ばす*/
  }
  .sp_img100per img {
    width: 100%;
  }

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

  /* 商品名 */
  h1.heading_title {
    /* 商品名のアイコン */
  }
  h1.heading_title .icon {
    padding: .3em .5em .2em;
    margin: -4px 0 0 5px;
    font-size: 1.4rem;
  }

  /* 商品名のNEWアイコン */
  .new_icon::after {
    padding: .3em .5em .2em;
    margin: -4px 0 0 5px;
    width: auto;
    font-size: 1.4rem;
  }

  /* 無機アイコン */
  #sec_icon_muki .button_wrap {
    width: calc(500 / 670 * 100%);
    margin: 15px auto 0;
  }

  .icon_muki img {
    height: 36px;
  }
  .icon_muki .icons {
    padding-bottom: 5px;
  }
  .icon_muki .icons:not(:first-child) {
    padding-top: 20px;
  }
  .icon_muki .icons > ul > li {
    padding: 0 5px;
    margin-bottom: 15px;
  }
  .icon_muki .icons > ul > li p {
    font-size: 1rem;
    margin-top: .38em;
  }
  .icon_muki.revision {
    /* 2019年8月改定 */
  }
  .icon_muki.revision img {
    height: auto;
  }
  .icon_muki.revision .icons > ul > li {
    width: 43px;
    padding: 0;
    margin-right: 12px;
  }
  .icon_muki.revision .icons > ul > li:nth-child(12n) {
    margin-right: 12px;
  }
  .icon_muki.revision .list01 > ul > li.wider {
    width: 86px;
  }

  /* 庇などアイコン 9972など */
  .icon_hardware > li {
    margin: 0 12px 12px 0;
  }
  .icon_hardware .icon {
    width: 68px;
    height: 43px;
  }

  /* セラミックタイルの一部受注輸入品など四角テキスト */
  .productIconArea {
    align-items: flex-start;
  }
  .productIconArea .commentsNote {
    padding-top: .4em;
  }

  /* セラミックタイルアイコン */
  #sec_icon_ceramic_tile .button_wrap {
    width: calc(500 / 670 * 100%);
  }

  .ceramicIcons .icons {
    gap: 10px;
    margin-bottom: 10px;
  }
  .ceramicIcons .icons > li {
    width: 45px;
  }

  /* 長尺シートタイルアイコン 9786 アンビアンスなど */
  #sec_icon_interior .iconArea .icons > ul > li {
    width: 45px;
    margin: 0 10px 10px 0;
  }
  #sec_icon_interior .iconArea .icons > ul > li:nth-child(12n) {
    margin-right: 10px;
  }
  #sec_icon_interior + .product_section {
    margin-top: 2em;
  }

  /* 複数カラム（均等） */
  .col_block .image + * {
    margin-top: .5em;
  }

  .equal2_col,
  .equal02Img {
    /* emだと余白空かないため基本フォントサイズ数値 */
  }
  .equal2_col .col_block,
  .equal2_col .colBlock,
  .equal02Img .col_block,
  .equal02Img .colBlock {
    width: 47.8%;
  }
  .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: 4.4%;
  }
  .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: calc(30 / 670 * 100%);
  }
  .equal2_col.wrap365, .equal2_col.wrap355, .equal2_col.wrap325, .equal2_col.wrap300,
  .equal02Img.wrap365,
  .equal02Img.wrap355,
  .equal02Img.wrap325,
  .equal02Img.wrap300 {
    width: 100%;
  }
  .equal2_col.wrap365 .col_block,
  .equal2_col.wrap365 .colBlock, .equal2_col.wrap355 .col_block,
  .equal2_col.wrap355 .colBlock, .equal2_col.wrap325 .col_block,
  .equal2_col.wrap325 .colBlock, .equal2_col.wrap300 .col_block,
  .equal2_col.wrap300 .colBlock,
  .equal02Img.wrap365 .col_block,
  .equal02Img.wrap365 .colBlock,
  .equal02Img.wrap355 .col_block,
  .equal02Img.wrap355 .colBlock,
  .equal02Img.wrap325 .col_block,
  .equal02Img.wrap325 .colBlock,
  .equal02Img.wrap300 .col_block,
  .equal02Img.wrap300 .colBlock {
    width: 47.8%;
  }
  .equal2_col.sp_w100per,
  .equal02Img.sp_w100per {
    /* SP時100％で1カラムにする */
  }
  .equal2_col.sp_w100per .col_block,
  .equal02Img.sp_w100per .col_block {
    width: 100%;
  }
  .equal2_col.sp_w100per .col_block + .col_block,
  .equal02Img.sp_w100per .col_block + .col_block {
    margin-top: 2em;
    margin-left: 0;
  }

  /* 間に「→」ありの2カラム */
  .has_arrow_2col .col_block,
  .has_arrow_2col .colBlock {
    width: 46.25%;
  }
  .has_arrow_2col .arrow_box {
    width: 7.5%;
    padding: 0 .3em;
  }

  /* 間に「→」ありの2カラムからSP時1カラム*/
  /* 間に「→」ありの3カラムからSP時1カラム*/
  .has_arrow_2col_to1,
  .has_arrow_3col_to1 {
    display: block;
  }
  .has_arrow_2col_to1 .col_block,
  .has_arrow_3col_to1 .col_block {
    width: auto;
  }
  .has_arrow_2col_to1 .arrow_box,
  .has_arrow_3col_to1 .arrow_box {
    width: auto;
    padding: 1em .5em;
  }
  .has_arrow_2col_to1 .arrow_box img,
  .has_arrow_3col_to1 .arrow_box img {
    transform: rotate(90deg);
    width: auto;
  }
  .has_arrow_2col_to1.img_three_two, .has_arrow_2col_to1.img_five_four,
  .has_arrow_2col_to1 .img_four_three,
  .has_arrow_3col_to1.img_three_two,
  .has_arrow_3col_to1.img_five_four,
  .has_arrow_3col_to1 .img_four_three {
    /* 画像の比率が3：2などで画像下にキャプションある時の矢印真ん中のための高さ */
  }
  .has_arrow_2col_to1.img_three_two .arrow_box, .has_arrow_2col_to1.img_five_four .arrow_box,
  .has_arrow_2col_to1 .img_four_three .arrow_box,
  .has_arrow_3col_to1.img_three_two .arrow_box,
  .has_arrow_3col_to1.img_five_four .arrow_box,
  .has_arrow_3col_to1 .img_four_three .arrow_box {
    height: auto;
  }

  /* 間に「→」ありの均等2カラムからSP時1カラム */
  .arrow_eq2col_to1 {
    display: block;
  }
  .arrow_eq2col_to1 .col_block {
    width: 100% !important;
  }
  .arrow_eq2col_to1 .col_block:first-child + * .image_wrap::before {
    content: "";
    width: 33px;
    height: 30px;
    display: block;
    margin: 1em auto;
    background: url("/shared/images/product/icon/arrow_down.gif") no-repeat center center;
    background-size: contain;
    position: static;
  }

  /* 間に「→」ありの均等3カラムからSP時1カラム */
  .arrow_eq3col_to1 {
    display: block;
  }
  .arrow_eq3col_to1 .col_block {
    width: 100% !important;
  }
  .arrow_eq3col_to1 .col_block:not(:first-child) {
    margin-left: 0;
  }
  .arrow_eq3col_to1 .col_block:not(:first-child)::before {
    content: "";
    width: 33px;
    height: 30px;
    display: block;
    margin: 1em auto;
    background: url("/shared/images/product/icon/arrow_down.gif") no-repeat center center;
    background-size: contain;
  }
  .arrow_eq3col_to1 .col_block:not(:first-child) .image_wrap::before {
    display: none;
  }

  /* 間に「→」ありの均等2カラムのままSP */
  .arrow_eq2col .col_block {
    width: calc(310 / 670 * 100%);
  }

  .equal03Img .col_block,
  .equal03Img .colBlock {
    flex-shrink: 0;
    width: 31%;
    margin-right: 3.5%;
  }
  .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;
  }

  .anchor_box {
    border: 0;
    padding: 0;
  }
  .anchor_box .pc_list {
    display: none;
  }
  .anchor_box .sp_list {
    display: block;
    color: #00508e;
  }
  .anchor_box select {
    padding: 1.3rem 2.5em 1.3rem 1.3rem;
    border: 1px solid #b5b5b5;
    background-size: 12px 7px;
    /* ↓ ios勝手に拡大対策 */
    font-size: 16px;
  }
  .anchor_box option {
    font-family: inherit;
    /* ↓ ios勝手に拡大対策 */
    font-size: 16px;
  }

  /* カラー画像のテーブル */
  .color_table {
    /* 旧ソースを何とか利用したい */
    width: 100%;
    display: block;
  }
  .color_table tbody {
    /* 実際のソースに記述無い場合でもブラウザが表示の際にtbodyを補完してしまうので必要 */
    width: 100%;
    display: block;
  }
  .color_table + .color_table {
    margin-top: 15px;
  }
  .color_table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .color_table td {
    display: block;
  }
  .color_table .w100 {
    border-right: 0;
    margin-right: 3.5%;
    width: 22.375%;
  }
  .color_table .w100 table tr {
    display: block;
  }
  .color_table .w100 table a img {
    width: 100%;
  }
  .color_table .w100:last-child {
    border-right: 0;
  }
  .color_table .w100 > * {
    width: 100%;
  }
  .color_table .w100:nth-child(4n) {
    margin-right: 0;
  }

  .equal07Img {
    /* SP時4カラム */
  }
  .equal07Img .col_block,
  .equal07Img .colBlock {
    width: 22.375%;
  }
  .equal07Img .col_block:nth-child(n + 1),
  .equal07Img .colBlock:nth-child(n + 1) {
    margin-right: 3.5%;
  }
  .equal07Img .col_block:nth-child(4n),
  .equal07Img .colBlock:nth-child(4n) {
    margin-right: 0;
  }
  .equal07Img .col_block:nth-child(n + 5),
  .equal07Img .colBlock:nth-child(n + 5) {
    margin-top: 15px;
  }

  .equal05Img {
    /* SP時4カラム */
  }
  .equal05Img .col_block,
  .equal05Img .colBlock {
    width: 22.375%;
  }
  .equal05Img .col_block:nth-child(n + 1),
  .equal05Img .colBlock:nth-child(n + 1) {
    margin-right: 3.5%;
  }
  .equal05Img .col_block:nth-child(4n),
  .equal05Img .colBlock:nth-child(4n) {
    margin-right: 0;
  }
  .equal05Img .col_block:nth-child(n + 5),
  .equal05Img .colBlock:nth-child(n + 5) {
    margin-top: 15px;
  }

  .equal04Img {
    /* SP時4カラム */
    display: flex;
    flex-wrap: wrap;
  }
  .equal04Img .col_block,
  .equal04Img .colBlock {
    width: 22.375%;
    margin-right: 3.5%;
  }
  .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: 15px;
  }

  /* PCは2カラム、SPで1カラム(幅100％) */
  .equal02_to_1Img,
  .equal03_to_1Img {
    display: block;
  }
  .equal02_to_1Img > .col_block,
  .equal02_to_1Img > .colBlock,
  .equal03_to_1Img > .col_block,
  .equal03_to_1Img > .colBlock {
    width: 100%;
  }
  .equal02_to_1Img > .col_block:not(:first-child),
  .equal02_to_1Img > .colBlock:not(:first-child),
  .equal03_to_1Img > .col_block:not(:first-child),
  .equal03_to_1Img > .colBlock:not(:first-child) {
    margin-top: 1.5em;
  }
  .equal02_to_1Img > .col_block:nth-child(n + 3),
  .equal02_to_1Img > .colBlock:nth-child(n + 3),
  .equal03_to_1Img > .col_block:nth-child(n + 3),
  .equal03_to_1Img > .colBlock:nth-child(n + 3) {
    margin-top: 1.5em;
  }
  .equal02_to_1Img.two_col,
  .equal03_to_1Img.two_col {
    /* 不ぞろいの2カラム1枚は3カラムの時の幅 */
  }
  .equal02_to_1Img.two_col .wider,
  .equal03_to_1Img.two_col .wider {
    width: 100%;
  }
  .equal02_to_1Img.two_col > .col_block:not(:first-child),
  .equal03_to_1Img.two_col > .col_block:not(:first-child) {
    margin-top: 1.5em;
  }

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

  /* PCは4カラム、SPで2カラム */
  .equal04_to_2Img {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .equal04_to_2Img .col_block,
  .equal04_to_2Img .colBlock {
    width: calc(320 / 670 * 100%);
    margin-right: 0;
  }
  .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 + 3),
  .equal04_to_2Img .colBlock:nth-child(n + 3) {
    margin-top: 1.5em;
  }

  /* PCは3カラム、SPで2カラム */
  .equal03_to_2Img {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5em 0;
  }
  .equal03_to_2Img .col_block,
  .equal03_to_2Img .colBlock {
    width: calc(320 / 670 * 100%);
    margin-right: 0;
  }
  .equal03_to_2Img.has_sp_column_drop .column_drop {
    width: 100%;
  }
  .equal03_to_2Img.has_sp_column_drop .column_drop > * {
    width: calc(320 / 670 * 100%);
  }

  /* PCは5カラム、SPで3カラム */
  .equal05_to_3Img .col_block,
  .equal05_to_3Img .colBlock {
    width: calc(210 / 670 * 100%);
    margin-right: 2.98507462686567%;
  }
  .equal05_to_3Img .col_block:nth-child(3n),
  .equal05_to_3Img .colBlock:nth-child(3n) {
    margin-right: 0;
  }
  .equal05_to_3Img .col_block:nth-child(5n),
  .equal05_to_3Img .colBlock:nth-child(5n) {
    margin-right: 2.98507462686567%;
  }
  .equal05_to_3Img .col_block:nth-child(n + 4),
  .equal05_to_3Img .colBlock:nth-child(n + 4) {
    margin-top: 2em;
  }

  /* PCは6カラム、SPで2カラム */
  .equal06_to_2Img {
    justify-content: space-between;
  }
  .equal06_to_2Img .col_block,
  .equal06_to_2Img .colBlock {
    width: calc(320 / 670 * 100%);
    margin-right: 0;
  }
  .equal06_to_2Img .col_block:nth-child(even),
  .equal06_to_2Img .colBlock:nth-child(even) {
    margin-right: 0;
  }
  .equal06_to_2Img .col_block:nth-child(n + 3),
  .equal06_to_2Img .colBlock:nth-child(n + 3) {
    margin-top: 2em;
  }

  /* w300などの画像、SPで1カラム */
  .col2_300img_to1,
  .col2_200img_to1,
  .col2_240img_to1,
  .col2_260img_to1 {
    display: block;
  }
  .col2_300img_to1 > * + *,
  .col2_200img_to1 > * + *,
  .col2_240img_to1 > * + *,
  .col2_260img_to1 > * + * {
    margin-left: 0;
    margin-top: 20px;
  }
  .col2_300img_to1 .text_box,
  .col2_200img_to1 .text_box,
  .col2_240img_to1 .text_box,
  .col2_260img_to1 .text_box {
    /**/
  }
  .col2_300img_to1 .image_box,
  .col2_300img_to1 .image_box200,
  .col2_300img_to1 .image_box250,
  .col2_300img_to1 .w300box,
  .col2_200img_to1 .image_box,
  .col2_200img_to1 .image_box200,
  .col2_200img_to1 .image_box250,
  .col2_200img_to1 .w300box,
  .col2_240img_to1 .image_box,
  .col2_240img_to1 .image_box200,
  .col2_240img_to1 .image_box250,
  .col2_240img_to1 .w300box,
  .col2_260img_to1 .image_box,
  .col2_260img_to1 .image_box200,
  .col2_260img_to1 .image_box250,
  .col2_260img_to1 .w300box {
    width: auto;
  }

  .col2_260img {
    /* SP時も2カラム */
  }
  .col2_260img > * + * {
    margin-left: 3.5%;
  }
  .col2_260img .image_box {
    width: 31%;
  }

  /* w190などの画像、SPでは均等2カラム */
  .col2_190img_to_eq2 {
    justify-content: space-between;
  }
  .col2_190img_to_eq2 > * + * {
    margin-left: 0;
  }
  .col2_190img_to_eq2 .text_box {
    flex-grow: 0;
    width: 47.5%;
  }
  .col2_190img_to_eq2 .image_box {
    width: 47.5%;
  }

  /* 9875などアースデッキ系特有 */
  .earth_deck_2col {
    justify-content: space-between;
    max-width: calc(650 / 670 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
  .earth_deck_2col .col_block {
    width: calc(300 / 650 * 100%);
  }
  .earth_deck_2col .col_block:not(:first-child) {
    margin-left: 0;
    width: calc(320 / 650 * 100%);
  }

  /* 半分の大きさ左寄せからSP時auto */
  .half_col_sp_center {
    width: calc(320 / 670 * 100%);
    margin-left: auto;
    margin-right: auto;
  }

  /* ＞付きのテキストリンク */
  .text_link_arrow_d {
    background-position: left .6em;
  }

  /* 取得資格アイコンのtable */
  /* tableの場合のソースもそのまま使用したい*/
  /* table sp時画像と別窓へリンクの囲み */
  .sp_different_window {
    display: none;
  }

  .sp_table_block {
    display: block;
  }
  .sp_table_block + .sp_different_window + .sp_table_block {
    margin-top: 2em;
  }
  .sp_table_block .wid_full {
    width: 100%;
  }

  /* SP時表を拡大するボタン */
  .enlarge_link_button {
    display: block;
    border: 1px solid #b5b5b5;
    background-color: #fff;
    padding: .7em 1em .6em .9em;
    text-decoration: none;
    color: inherit;
    line-height: 1.2;
    width: calc(500 / 670 * 100%);
    margin: 15px auto 0;
  }
  .enlarge_link_button p {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .enlarge_link_button p::before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background: url("/shared/images/common/icon_enlargement.png") no-repeat left center;
    background-size: 100%;
    margin-right: 1em;
    flex-shrink: 0;
  }
  .enlarge_link_button span {
    display: block;
  }
  .enlarge_link_button:hover {
    text-decoration: none;
  }

  /* table */
  .spec th,
  .spec td,
  .spec2 th,
  .spec2 td,
  .spec00 th,
  .spec00 td,
  .spec001 th,
  .spec001 td,
  .grayBack th,
  .grayBack td,
  .grayBack02 th,
  .grayBack02 td {
    padding: .4em;
  }

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

  /* 商品詳細ページコンテンツ部分（MTでソースを入力する範囲） */
  /* 商品詳細ページコンテンツ部分 */
  .product_detail {
    width: 100%;
    font-size: 1.4rem;
  }
  .product_detail .detail_wrap {
    display: block;
  }
  .product_detail .cms_source {
    /*MTでこのブロックごとソースを入力 このクラス自体にスタイルをつけないようにしてみる*/
  }
  .product_detail .unit_block {
    /* 適度に囲みたいときの目印用 これ自体にはスタイルを付けないようにしたい */
  }
  .product_detail .padding_wrap {
    padding: 0 calc(40 / 750 * 100%);
  }
  .product_detail .please_read {
    /*合わせてお読みください*/
    padding: 1.5em calc(40 / 750 * 100%) 2em;
    margin: 3em 0 4em;
  }
  .product_detail .please_read .section_head {
    font-size: 1.8rem;
    margin-bottom: 1em;
  }
  .product_detail .please_read .guideBtnArea {
    display: block;
    width: 100%;
  }
  .product_detail .please_read .guideBtnArea > * {
    width: 100%;
  }
  .product_detail .please_read .guideBtnArea > * + * {
    margin-top: 1em;
  }
  .product_detail .please_read .guideBtnArea + .guideBtnArea {
    margin-top: 1em;
  }
  .product_detail .please_read .guideBtnArea img {
    width: 100%;
  }

  .detail_contents {
    width: 100%;
  }

  .main_slide {
    width: 100%;
  }
  .main_slide + .product_section {
    margin-top: 20px;
  }

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

  .lead_head {
    font-size: 1.8rem;
  }

  .lead_text {
    font-size: 1.6rem;
  }

  /* 各ブロック */
  .product_section + .product_section {
    margin-top: 4.28em;
  }
  .product_section + .anchor_box {
    margin-top: 2.5em;
  }
  .product_section .section_head {
    font-size: 2.1rem;
    padding-bottom: .5em;
    margin-bottom: .8em;
  }

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

  /* 9038 フェロコン、9801 フェロコンハードS散布工法などシリーズ　アイコンの見出しなど */
  .muki_icon_heading {
    margin-bottom: .8em;
  }
  .muki_icon_heading .icon img {
    height: 40px;
  }
  .muki_icon_heading .text {
    font-size: 1.8rem;
  }
  .muki_icon_heading .wider {
    width: 80px;
  }
  .muki_icon_heading.has_ml {
    margin-left: calc(80px - 1em);
  }

  .ferro_con_balloon_set {
    display: block;
  }
  .ferro_con_balloon_set .balloon_wrap {
    width: 91%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    position: relative;
  }
  .ferro_con_balloon_set .balloon_wrap::after, .ferro_con_balloon_set .balloon_wrap::before {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
  }
  .ferro_con_balloon_set .balloon_wrap::after {
    border-color: rgba(255, 255, 255, 0);
    border-top-width: 17px;
    border-bottom-width: 17px;
    border-left-width: 7px;
    border-right-width: 7px;
    margin-left: -7px;
    margin-top: -1px;
    border-top-color: #FFFFFF;
  }
  .ferro_con_balloon_set .balloon_wrap::before {
    border-color: rgba(191, 191, 191, 0);
    border-top-width: 19px;
    border-bottom-width: 19px;
    border-left-width: 8px;
    border-right-width: 8px;
    margin-left: -8px;
    margin-top: 0;
    border-top-color: #BFBFBF;
  }
  .ferro_con_balloon_set .image_wrap .image {
    display: table;
    margin: 0 auto;
  }
  .ferro_con_balloon_set .balloon::after, .ferro_con_balloon_set .balloon::before {
    display: none;
  }
  .ferro_con_balloon_set .inner {
    padding: 1.5em 1em;
    text-align: center;
  }

  .ferro_con_other_product {
    padding: 20px calc(30 / 670 * 100%) 20px;
  }
  .ferro_con_other_product .icon_light_bulb {
    font-size: 1.6rem;
    margin-bottom: .7em;
  }
  .ferro_con_other_product .icon_light_bulb::before {
    width: 36px;
    height: 36px;
  }
  .ferro_con_other_product .col2 {
    display: block;
  }
  .ferro_con_other_product .col2 > *:first-child {
    margin-right: 0;
  }
  .ferro_con_other_product .image_wrap {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .ferro_con_other_product .text_area .text_link_arrow {
    display: table;
  }
  .ferro_con_other_product .text_area .text_link_arrow a {
    font-size: 1.5rem;
  }
  .ferro_con_other_product .text_area .text_link_arrow a::before {
    margin: .2em .5em 0 0;
  }

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

  .recommendFinish {
    padding-left: 0;
  }
  .recommendFinish .demand {
    padding: .8em 1em .7em 1em;
    justify-content: flex-start;
    align-items: center;
  }
  .recommendFinish .iconFinish {
    width: calc(96 / (670 - 6) * 100%);
    min-width: 60px;
    height: auto;
    position: static;
    flex-shrink: 0;
  }
  .recommendFinish .wrap_block {
    padding-left: 1em;
  }

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

  /* マークについて ボタン幅 */
  .about_mark_button {
    width: calc(500 / 670 * 100%);
  }
  .about_mark_button + * {
    margin-top: 25px;
  }

  /* マークについて アイコン群 */
  .about_mark_icon {
    margin-top: 5px;
  }
  .about_mark_icon p {
    font-size: 1.2rem;
    padding: .4em .3em .2em;
    min-width: 20px;
    margin-right: 4px;
  }

  /* **********************SP時も複数カラム */
  .tblCol .w150 {
    width: calc(150 / 670 * 100%);
    flex-shrink: 0;
  }
  .tblCol .w200 {
    width: calc(200 / 670 * 100%);
    flex-shrink: 0;
  }
  .tblCol .w230 {
    width: calc(230 / 670 * 100%);
  }
  .tblCol .w250 {
    width: calc(250 / 670 * 100%);
    flex-shrink: 0;
  }
  .tblCol .w300 {
    width: calc(300 / 670 * 100%);
    flex-shrink: 0;
  }

  /* 画像 テキスト回り込み */
  .wraparound_box .image_box {
    margin: 0 0 .5em 1em;
  }
  .wraparound_box .w250img_wrap {
    width: calc(250 / 750 * 100vw);
  }

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

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

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

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

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

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

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

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

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

  .half_block_sp {
    /* SP時におよそ半分の幅 */
    width: 47.8% !important;
  }

  .w200_to_auto,
  .w300_to_auto {
    width: auto;
  }

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

  .brave_table .colBlock {
    width: calc(180 / 670 * 100%);
  }
  .brave_table .colBlock .image {
    display: table-cell;
    vertical-align: bottom;
  }
  .brave_table .colBlock .image img {
    width: 100%;
  }
  .brave_table + .brave_table {
    margin-top: 20px;
  }
  .brave_table .width02 {
    width: calc(225 / 670 * 100%);
  }
  .brave_table .width03 {
    width: calc(270 / 670 * 100%);
  }
  .brave_table .width04 {
    width: calc(450 / 670 * 100%);
  }
  .brave_table.type02 {
    flex-direction: column;
  }
  .brave_table.type02 .colBlock:not(:first-child) {
    margin: 20px 0 0;
  }

  /* 9738 ストーントラック特有 */
  .col3_9738 {
    flex-wrap: wrap;
  }
  .col3_9738 .colBlock {
    margin-bottom: 20px;
  }
  .col3_9738 .colBlock:last-child {
    margin: 0;
  }
  .col3_9738 .nonContents {
    width: 0;
    margin-right: 0;
  }

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

  /* ケミクリートE 9002など合成樹脂系 */
  .chemi_wrap {
    width: 100%;
  }
  .chemi_wrap + .chemi_wrap {
    margin-top: 2em;
  }
  .chemi_wrap .equal2_col .col_block {
    width: calc((290 / 670) * 100%);
  }
  .chemi_wrap .col_block:nth-child(even) {
    margin-left: 13%;
  }

  .chemi_arr .col_block {
    margin-left: auto;
    margin-right: auto;
  }

  .chemi_arr02 {
    display: block;
  }
  .chemi_arr02 .col_block {
    width: 100%;
  }
  .chemi_arr02 .larger .image_wrap::before {
    position: static;
    margin: 1em auto;
    transform: rotate(90deg);
  }

  .col_block_arrow .col_block:not(:first-of-type)::before {
    width: calc((30 / 260) * 100%);
    height: calc((33 / 260) * 100%);
    top: calc(50% - 7px);
    left: calc((-55 / 260) * 100%);
  }

  /* ファンコートGH 9794特有 */
  .fan_coat_comparison {
    width: auto;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
  .fan_coat_comparison .col2 {
    width: 100%;
  }
  .fan_coat_comparison .col2 .col_block {
    width: calc(200 / 420 * 100%);
  }

  /* ご相談ください（PC右画像2カラム、SP時1カラム） */
  .consultation_block {
    display: block;
  }
  .consultation_block > *:not(:first-child) {
    margin-left: 0;
    margin-top: 1em;
  }
  .consultation_block_image img {
    width: 100%;
  }
  .consultation_block .image_420 {
    width: auto;
  }

  .image_200_to_auto,
  .image_300_to_auto {
    /* PC幅ありSP幅無し */
    width: auto;
  }

  .chemi_other_product {
    padding: 20px calc(30 / 670 * 100%) 20px;
  }
  .chemi_other_product .icon_light_bulb {
    font-size: 1.6rem;
    margin-bottom: .7em;
  }
  .chemi_other_product .icon_light_bulb::before {
    width: 36px;
    height: 36px;
  }
  .chemi_other_product .col2 {
    display: block;
  }
  .chemi_other_product .col2 > *:first-child {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
  .chemi_other_product [class*="image_wrap"] {
    width: 100%;
  }
  .chemi_other_product .arrow_link_button {
    /*min-width: calc((360 / 610) * 100%);*/
  }

  /* 9786アンビアンスなど、長尺シートタイル系 */
  .lead_area .lead {
    font-size: 1.8rem;
  }
  .lead_area .lead + .lead_text {
    margin-top: .8em;
  }

  .sheettileHeading {
    font-size: 1.8rem;
  }
  .sheettileHeading .icon {
    width: 45px;
  }
  .sheettileHeading .text,
  .sheettileHeading h3 {
    padding: 0 0 0 1em;
  }

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

  /* 9561コーリアンシート */
  .just_2col_to1 {
    /*ただの2カラムからSP時は1カラム*/
    display: block;
  }
  .just_2col_to1 > * {
    max-width: 100%;
  }
  .just_2col_to1 > *:not(:first-child) {
    margin-left: 0;
  }
  .just_2col_to1 .image_block {
    margin-top: 2em;
  }

  .resilience_area {
    margin-top: 1em;
  }
  .resilience_area [class$="_link_button"] {
    width: calc(340 / 610 * 100%);
    min-width: 186px;
  }
  .resilience_area .catalog_img {
    width: calc(164 / 610 * 100%);
    margin-left: auto;
    margin-right: auto;
  }

  .corian_newcolor {
    display: block;
  }
  .corian_newcolor > * + * {
    margin: 2em 0 0;
  }
  .corian_newcolor .catalog_block {
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .corian_newcolor .catalog_block .text_wrap {
    margin-top: 1em;
  }
  .corian_newcolor .catalog_block .img_wrap {
    margin: 0;
    width: 100%;
  }
  .corian_newcolor .catalog_img {
    margin: 0 auto;
  }

  /* カラー一覧 ボタン箇所 */
  .corian_color_button_wrap {
    display: block;
  }
  .corian_color_button_wrap .col {
    width: 100%;
  }
  .corian_color_button_wrap .col:not(:first-child) {
    margin-left: 0;
    margin-top: 2em;
  }
  .corian_color_button_wrap .image_box {
    width: 100%;
  }

  /*大判イメージ*/
  .corian_2col_img {
    display: block;
  }
  .corian_2col_img .col_block {
    width: 100%;
  }
  .corian_2col_img .col_block:not(:first-child) {
    margin-left: 0;
    margin-top: 1.333em;
  }
  .corian_2col_img .col2_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .corian_2col_img .col2_wrap .col {
    width: 22.375%;
  }
  .corian_2col_img .col2_wrap .large {
    width: 44.75%;
    margin-left: 3.5%;
  }
  .corian_2col_img + .corian_2col_img {
    margin-top: 1.6em;
  }

  /*施工事例写真 特殊*/
  .corian_example {
    width: 100%;
  }
  .corian_example .block .box {
    width: calc(300 / 670 * 100%);
  }
  .corian_example .block .has2_img {
    width: calc(360 / 670 * 100%);
  }
  .corian_example .block + .block {
    margin-top: calc(12 / 670 * 100%);
  }
  .corian_example .block.ver02 .box {
    width: calc(308 / 670 * 100%);
  }
  .corian_example .block.ver02 .has2_img {
    width: calc(352 / 670 * 100%);
  }

  /* コーリアン 画像の下にテキスト回り込み */
  .corian_wraparound .image_box {
    width: calc(320 / 670 * 100%);
    margin-left: calc(20 / 670 * 100%);
  }
  .corian_wraparound .image img {
    width: 100%;
  }
  .corian_wraparound.ver02 .image_box {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .corian_wraparound.ver02 .image_box + * {
    margin-top: 1em;
  }
  .corian_wraparound.ver02 .img01 {
    width: calc(250 / 670 * 100%);
  }
  .corian_wraparound.ver02 .img02 {
    width: calc(400 / 670 * 100%);
  }

  /*アイコン説明など*/
  .marble_icontbl .ico_th {
    width: auto;
    max-width: 80px;
  }
  .marble_icontbl .taiou_th {
    width: auto;
    max-width: 80px;
  }
  .marble_icontbl .ico_wrap {
    width: 40px;
    min-height: 40px;
  }
  .marble_icontbl .ico_note {
    font-size: 4rem;
  }
  .marble_icontbl .ico_gentei {
    width: 60px;
  }

  /* 9771 フラップ キャンチ 特有 */
  .flapp .counterSize table tr {
    display: block;
  }
  .flapp .counterSize table tr > * {
    display: inline;
  }
  .flapp .people_number {
    display: flex;
    margin: 0 0 2em 1em;
  }
  .flapp .people_number > * {
    width: 14px;
  }
  .flapp .people_number > *:not(:first-child) {
    margin-left: 10px;
  }
  .flapp .size_image .tbl_2Col {
    width: 100%;
    justify-content: space-between;
  }
  .flapp .size_image .tbl_2Col > *:not(:first-child) {
    margin-left: 0;
    margin-left: 10px;
  }
  .flapp .size_image .img01 {
    width: calc(298 / 670 * 100%);
    width: calc(298 / 750 * 100vw);
  }
  .flapp .size_image .img02 {
    width: calc(209 / 670 * 100%);
    width: calc(209 / 750 * 100vw);
  }
  .flapp .size_image .img03 {
    width: calc(304 / 670 * 100%);
    width: calc(304 / 750 * 100vw);
  }
  .flapp .size_image.people03 .img01 {
    width: calc(448 / 670 * 100%);
    width: calc(430 / 750 * 100vw);
  }
  .flapp .size_image.people03 .img03 {
    width: calc(395 / 670 * 100%);
  }
  .flapp .size_image.people04 .img01 {
    width: calc(454 / 670 * 100%);
    width: calc(450 / 750 * 100vw);
  }
  .flapp .size_image.people04 .img02 {
    width: calc(154 / 670 * 100%);
    width: calc(170 / 750 * 100vw);
  }
  .flapp .size_image.people04 .img03 {
    width: calc(404 / 670 * 100%);
    width: calc(434 / 750 * 100vw);
  }
  .flapp .size_image.people05 .img01 {
    width: calc(506 / 670 * 100%);
    width: calc(484 / 750 * 100vw);
  }
  .flapp .size_image.people05 .img02 {
    width: calc(144 / 670 * 100%);
    width: calc(144 / 750 * 100vw);
  }
  .flapp .size_image.people05 .img03 {
    width: calc(462 / 670 * 100%);
    width: calc(462 / 750 * 100vw);
  }
  .flapp .size_image.people03_2 .img01 {
    width: calc(440 / 670 * 100%);
    width: calc(395 / 750 * 100vw);
  }
  .flapp .size_image.people03_2 .img02 {
    width: calc(192 / 670 * 100%);
    width: calc(192 / 750 * 100vw);
  }
  .flapp .size_image.people03_2 .img03 {
    width: calc(386 / 670 * 100%);
    width: calc(386 / 750 * 100vw);
  }
  .flapp .size_image.people05_2 .img01 {
    width: calc(503 / 750 * 100vw);
  }
  .flapp .size_image.people05_2 .img02 {
    width: calc(152 / 750 * 100vw);
  }
  .flapp .size_image.people05_2 .img03 {
    width: calc(498 / 750 * 100vw);
  }

  .flapp_2col_to1 {
    display: block;
    width: 100%;
  }
  .flapp_2col_to1 .img01 {
    width: 100%;
  }
  .flapp_2col_to1 .img02 {
    width: 100%;
    margin-top: 2em;
  }

  .flapp_button {
    width: 134px;
  }

  /* 9818 インサルセリオンなど特有 */
  /*アンカーリンク用ボタン*/
  .anchor_button_block {
    display: block;
  }
  .anchor_button_block > * {
    width: 100%;
  }
  .anchor_button_block .button {
    padding: 15px;
  }
  .anchor_button_block .button:not(:first-child) {
    margin-top: 1em;
  }
  .anchor_button_block .thumnail {
    width: calc(100 / (640 - 2) * 100%);
    min-width: 70px;
  }
  .anchor_button_block .anchor_name {
    font-size: 1.5rem;
  }
  .anchor_button_block .anchor_name svg {
    width: 6px;
    height: 10px;
    margin: .2em .5em 0 0;
  }
  .anchor_button_block .text01 {
    font-size: 1.1rem;
  }

  .hasthum_links {
    display: block;
  }
  .hasthum_links > * {
    width: 100%;
  }
  .hasthum_links > *:not(:first-child) {
    margin-top: 1em;
  }
  .hasthum_links .button {
    padding: 15px;
  }
  .hasthum_links .thumnail {
    width: calc(100 / 750 * 100vw);
    min-width: 70px;
    max-width: 100px;
  }
  .hasthum_links .text_area {
    align-self: center;
    margin-left: 1em;
  }
  .hasthum_links .anchor_name {
    font-size: 1.5rem;
  }
  .hasthum_links .text01 {
    font-size: 1.1rem;
  }
  .hasthum_links .cream_img {
    max-width: calc(160 / 750 * 100vw);
  }
  .hasthum_links .cream_img02 {
    max-width: calc(120 / 750 * 100vw);
  }

  .serion_col2_to1 {
    /* 臭いのイラスト箇所 */
    display: flex;
    flex-direction: column-reverse;
  }
  .serion_col2_to1 .image_box {
    float: none;
    margin-left: 0;
    width: auto;
    padding: 10px 0 0 0;
  }

  .serion_image_area {
    justify-content: space-between;
  }
  .serion_image_area .pc_img {
    display: none;
  }
  .serion_image_area .sp_img {
    display: block;
  }
  .serion_image_area .image_box {
    width: calc(250 / 670 * 100%);
    margin-left: 1em;
    float: right;
  }

  .serion_image_area02 {
    flex-direction: column;
  }
  .serion_image_area02 .image_box {
    width: 100%;
  }
  .serion_image_area02 .image_box img {
    width: 100%;
  }
  .serion_image_area02 .image_box02 {
    width: 100%;
    text-align: center;
    order: 1;
    margin: 1em 0 0 0;
  }

  .serion_image_area03 {
    display: block;
  }
  .serion_image_area03 .col_block {
    width: 100%;
  }
  .serion_image_area03 .col_block + .col_block {
    margin-top: 2em;
  }
  .serion_image_area03 .image_box {
    width: 47.8%;
  }

  .serion_image_area04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .serion_image_area04 .col_block {
    width: 100%;
  }
  .serion_image_area04 .col_block:not(:first-child) {
    margin-top: 2em;
  }

  .serion_image_area05 {
    display: block;
  }
  .serion_image_area05 .image_wrap {
    margin: 1em 0 0 0;
  }
  .serion_image_area05 .image_wrap .col_block {
    width: 47.8%;
    flex-shrink: 0;
  }
  .serion_image_area05 .image_wrap .col_block:not(:first-child) {
    margin-left: 0;
  }
  .serion_image_area05 .image_wrap02 {
    width: 100%;
    margin: 2em 0 0 0;
  }

  .serion_1col_img {
    width: 100%;
  }

  /* 9804 ノンシュリンク シリーズ特有 */
  .nonShrinkLineup .strong22 {
    font-size: 1.8rem;
  }
  .nonShrinkLineup .lineup_image_box {
    max-width: calc((224 / 670) * 100%);
  }

  /* 9279 アーキパンションSシリーズ特有 */
  .archi_lead_image {
    padding: 0 calc(20 / 750 * 100vw);
  }

  .archi_wraparound {
    display: flex;
    flex-wrap: wrap;
  }
  .archi_wraparound .sp_top_box {
    order: 0;
  }
  .archi_wraparound .image_box {
    order: 1;
    width: 100%;
    float: none;
    margin: 1em 0 0;
  }
  .archi_wraparound .image_box.w410, .archi_wraparound .image_box.w300_to_auto {
    width: 100%;
  }
  .archi_wraparound .sp_bottom_box {
    order: 2;
  }

  .archi_button .pdf_link_button {
    min-width: calc((470 / 670) * 100%);
  }

  /* 9009 タフクリートMH 特有 */
  .mh_icons_wrap {
    display: block;
    width: 100%;
  }

  .mh_icons {
    flex-wrap: wrap;
    width: 285px;
    margin: 0 auto;
  }
  .mh_icons > li {
    margin-bottom: 1em;
  }
  .mh_icons > li img {
    width: 70px;
  }
  .mh_icons > li p {
    font-weight: bold;
    margin-top: 10px;
  }

  .gray_area {
    padding: calc(40 / 670 * 100%) calc(30 / 670 * 100%);
  }

  .white_block {
    padding: calc(30 / 610 * 100%);
  }
  .white_block.w400 {
    width: 100%;
  }

  /* 9822 かるてん特有 */
  .karuten .rootArea {
    width: 100%;
  }
  .karuten .rootArea_head {
    font-size: 1.4rem;
  }
  .karuten .baloon:before, .karuten .baloon:after {
    border-width: 10px 4px 0 4px;
  }
  .karuten .baloon:before {
    bottom: -10px;
  }
  .karuten .baloon:after {
    bottom: -8px;
  }
  .karuten .baloon.left_side:before, .karuten .baloon.left_side:after {
    left: calc(160 / 670 * 100%);
  }
  .karuten .baloon .inner {
    margin-bottom: 1em;
    padding: .8em 1em .7em;
  }
  .karuten .karutenClearance {
    flex-direction: column-reverse;
  }
  .karuten .karutenClearance_image {
    order: 1;
    width: calc(232 / 670 * 100%);
    margin-right: calc(70 / 670 * 100%);
    margin-bottom: 1em;
    margin-left: calc(408 / 670 * 100%);
  }
  .karuten .enlarged_view {
    width: 100%;
  }
  .karuten .structural_drawing {
    width: 100%;
  }
  .karuten .cofa_img {
    width: 100%;
  }

  /* 吹き出し（真ん中にツノ） */
  .baloon_fuki .baloon .inner {
    padding: 1em;
  }

  /* 9118 パークコートゴムチップカラー特有 */
  .otherVariation .image_block {
    flex-wrap: wrap;
  }
  .otherVariation .image_block .col_block {
    width: 31%;
    margin-right: 3.5%;
  }
  .otherVariation .image_block .col_block:nth-child(3n) {
    margin-right: 0;
  }
  .otherVariation .image_block .col_block:nth-child(n + 4) {
    margin-top: 2em;
  }
  .otherVariation .image_block .col_block.figure_img {
    width: 31%;
  }
  .otherVariation .image_block.ver02 {
    /* 2カラム */
    justify-content: space-between;
  }
  .otherVariation .image_block.ver02 .col_block {
    width: calc(320 / 670 * 100%);
    margin-right: 0;
  }
  .otherVariation .image_block.ver02 .col_block:nth-child(3n) {
    margin-right: 0;
  }
  .otherVariation .image_block.ver02 .col_block:nth-child(n + 3) {
    margin-top: 2em;
  }
  .otherVariation .image_block.ver02 .col_block.figure_img {
    width: calc(320 / 670 * 100%);
  }
  .otherVariation .image_block.ver02 .col_block.long_width {
    width: calc(320 / 670 * 100%);
    flex-grow: 0;
  }

  /* 9851 防食材シリーズ特有 */
  .boshoku .btnArea {
    flex-wrap: wrap;
  }
  .boshoku .btnArea > li {
    width: calc(320/ 670 * 100%);
  }
  .boshoku .btnArea > li:nth-child(n + 3) {
    margin-top: calc(30/ 670 * 100%);
  }
  .boshoku .btnArea > li dd p {
    font-size: 1.5rem;
  }
  .boshoku .btnArea > li dd p::before {
    width: 5px;
    height: 9px;
  }

  /* 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 .equal2_col {
    display: block;
  }
  .float_core .featureBox .equal2_col > * {
    margin-left: 0;
  }
  .float_core .featureBox .col_block {
    width: 100%;
  }
  .float_core .featureBox .col_block + .col_block {
    margin-top: 1em;
  }
  .float_core .featureBox .image_box {
    width: 120px;
  }

  #fcSwitching {
    width: auto;
    max-width: 402px;
  }

  /* 9057 デザインクリート特有 */
  .dc_fuki {
    min-width: 100px;
    align-self: flex-end;
  }

  .dc_simubox {
    display: block;
  }
  .dc_simubox > * + * {
    margin: 20px 0 0;
  }
  .dc_simubox .simu_head {
    font-size: 1.5rem;
  }
  .dc_simubox .img_wrap {
    margin-left: auto;
    margin-right: auto;
  }
  .dc_simubox .btn_dcsimu {
    font-size: 1.8rem;
    padding: 0.5em 1em;
    margin-left: auto;
    margin-right: auto;
  }
  .dc_simubox .btn_dcsimu .text {
    text-align: left;
    font-weight: bold;
  }

  /* ---------------------------- */
  /* ▼「続きを読む」ボタンの装飾 */
  /* ---------------------------- */
  .readmore-button-box a {
    padding: 0.5em 1em;
    font-size: 1.8rem;
  }

  /* 9819 RCガードシリーズ特有 */
  .rc_fontGreen > * {
    font-size: 1.6rem;
  }

  /* 9775 ABC無機アンカー特有*/
  .muki_anchor_icon .iconInd01 {
    background-size: 22px;
  }
  .muki_anchor_icon dt {
    font-size: 1.8rem;
  }

  .muki_anchor .r_arr {
    vertical-align: middle;
  }

  /* 9852 モドリック特有 */
  .anchor_modric {
    display: block;
  }
  .anchor_modric .head {
    margin-right: 0;
    min-width: 0;
  }
  .anchor_modric .anchor_list {
    flex-wrap: wrap;
  }
  .anchor_modric + .anchor_modric {
    margin-top: 1em;
  }

  .anchor_modric02 .anchor_list {
    justify-content: space-between;
  }
  .anchor_modric02 .anchor_list li {
    width: calc((100% - 1em) / 2);
    margin: 0 0 0 0;
  }
  .anchor_modric02 .anchor_list li:nth-child(3n) {
    margin-right: 0;
  }
  .anchor_modric02 .anchor_list li:nth-child(n + 3) {
    margin-top: 1em;
  }

  .modric_table .image_block {
    max-width: calc(320 / 670 * 100%);
  }
  .modric_table.ver02 .image_block {
    width: calc(320 / 670 * 100%);
    max-width: 200px;
    flex-direction: column;
  }
  .modric_table.ver02 .col {
    width: 100%;
    max-width: 200px;
    min-height: 0%;
  }
  .modric_table.ver02 .col + .col {
    margin-top: 1em;
  }

  .modric_table02 {
    justify-content: space-between;
  }
  .modric_table02 > * {
    margin-right: 0;
    width: 22.375%;
  }

  .modric_line_up {
    flex-direction: column;
  }
  .modric_line_up .image_block {
    width: calc(400 / 670 * 100%);
    min-width: 234px;
    min-height: 0%;
    margin: 0 auto;
  }
  .modric_line_up .text_block {
    width: 100%;
    margin-top: 1em;
  }

  /* 9869 ワイティープルーフW */
  .yt_features_icon .icon {
    width: calc(103 / 670 * 100%);
    max-width: 103px;
    min-width: 80px;
  }
  .yt_features_icon .text_area {
    padding-top: .5em;
  }

  .equal2_col .yt_img_vertical .img_vertical {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  /* 9876 サイルストーンなど */
  .square_head_m_gray.logo_title .img_txt {
    height: 1.8rem;
  }
  .square_head_m_gray.logo_title .img_txt2 {
    height: 3.2rem;
  }
  .square_head_m_gray.logo_title::before {
    position: static;
    display: flex;
  }

  .sileiconblock.pc {
    display: none;
  }
  .sileiconblock.sp {
    display: block;
  }

  /* 9895デクトン */
  .dektoniconblock.pc {
    display: none;
  }
  .dektoniconblock.sp {
    display: block;
  }

  /* 9357 e・wool（イーウール） 防音パネル */
  .e_wool .simulation_block {
    display: block;
  }
  .e_wool .simulation_block > *:not(:first-child) {
    margin-left: 0;
  }
  .e_wool .simulation {
    max-width: 400px;
    margin: 0 auto 1em;
  }
  .e_wool .simu01 .text_free {
    font-size: 1.6rem;
  }
  .e_wool .simu01 .inner_wrap .image {
    margin-right: 1em;
  }
  .e_wool .simu01 .inner_wrap .text_link_arrow {
    margin-bottom: 1.5em;
  }
  .e_wool .borderHead {
    /* 上下にボーダーの見出し */
  }
  .e_wool .type_block {
    display: block;
  }
  .e_wool .type_block .colBlock {
    width: 100%;
  }
  .e_wool .type_block .colBlock + .colBlock {
    margin-top: 2em;
  }
  .e_wool .type_block .image_block {
    width: calc(120 / 670 * 100%);
    min-width: 80px;
  }
  .e_wool .procedure .image_box {
    width: calc(150 / 670 * 100%);
    min-width: 80px;
  }
  .e_wool .irregular2col {
    /* e・woolはSP時1カラムへ */
    display: block;
  }
  .e_wool .irregular2col .leftArea {
    width: auto;
  }
  .e_wool .irregular2col .rightArea {
    margin-top: 2em;
    width: auto;
  }

  /* 9621 フラップ */
  .col1_banner {
    width: 100%;
  }

  .flapp9621 .size_image .img01 {
    width: calc(348 / 670 * 100%);
    width: calc(348 / 750 * 100vw);
  }
  .flapp9621 .size_image .img02 {
    width: calc(230 / 670 * 100%);
    width: calc(230 / 750 * 100vw);
  }
  .flapp9621 .size_image .img03 {
    width: calc(304 / 670 * 100%);
    width: calc(304 / 750 * 100vw);
  }
  .flapp9621 .size_image.people03 .img01 {
    width: calc(436 / 670 * 100%);
    width: calc(436 / 750 * 100vw);
  }
  .flapp9621 .size_image.people03 .img02 {
    width: calc(202 / 670 * 100%);
    width: calc(202 / 750 * 100vw);
  }
  .flapp9621 .size_image.people03 .img03 {
    width: calc(380 / 670 * 100%);
    width: calc(380 / 750 * 100vw);
  }
  .flapp9621 .size_image.people04 .img01 {
    width: calc(460 / 670 * 100%);
  }
  .flapp9621 .size_image.people04 .img02 {
    width: calc(165 / 670 * 100%);
  }
  .flapp9621 .size_image.people04 .img03 {
    width: calc(404 / 670 * 100%);
  }
  .flapp9621 .size_image.people05 .img01 {
    width: calc(506 / 670 * 100%);
    width: calc(475 / 750 * 100vw);
  }
  .flapp9621 .size_image.people05 .img01_2 {
    width: calc(460 / 670 * 100%);
    width: calc(460 / 750 * 100vw);
  }
  .flapp9621 .size_image.people05 .img02 {
    width: calc(144 / 670 * 100%);
    width: calc(144 / 750 * 100vw);
  }
  .flapp9621 .size_image.people05 .img03 {
    width: calc(450 / 670 * 100%);
    width: calc(450 / 750 * 100vw);
  }
  .flapp9621 .size_image.people01 .tbl_2Col {
    justify-content: center;
  }
  .flapp9621 .size_image.people01 .img01 {
    width: calc(222 / 670 * 100%);
    width: calc(222 / 750 * 100vw);
  }
  .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: calc(365 / 670 * 100%);
  }
  .flapp9682 .size_image .img02 {
    width: calc(209 / 670 * 100%);
  }
  .flapp9682 .size_image .img03 {
    width: calc(304 / 670 * 100%);
  }
  .flapp9682 .size_image.people03 .img01 {
    width: calc(448 / 670 * 100%);
    width: calc(448 / 750 * 100vw);
  }
  .flapp9682 .size_image.people03 .img02 {
    width: calc(193 / 670 * 100%);
    width: calc(193 / 750 * 100vw);
  }
  .flapp9682 .size_image.people03 .img03 {
    width: calc(395 / 670 * 100%);
    width: calc(395 / 750 * 100vw);
  }
  .flapp9682 .size_image.people05 .img01 {
    width: calc(510 / 670 * 100%);
    width: calc(490 / 750 * 100vw);
  }
  .flapp9682 .size_image.people05 .img01_2 {
    width: calc(478 / 670 * 100%);
    width: calc(478 / 750 * 100vw);
  }
  .flapp9682 .size_image.people05 .img02 {
    width: calc(144 / 670 * 100%);
    width: calc(144 / 750 * 100vw);
  }
  .flapp9682 .size_image.people05 .img03 {
    width: calc(478 / 670 * 100%);
    width: calc(478 / 750 * 100vw);
  }

  /* 8006 フラップMO */
  .flapp8006 .size_image .img01 {
    width: calc(348 / 750 * 100vw);
  }
  .flapp8006 .size_image .img02 {
    width: calc(230 / 750 * 100vw);
  }
  .flapp8006 .size_image .img03 {
    width: calc(304 / 750 * 100vw);
  }
  .flapp8006 .size_image.people03 .img01 {
    width: calc(436 / 750 * 100vw);
  }
  .flapp8006 .size_image.people03 .img02 {
    width: calc(202 / 750 * 100vw);
  }
  .flapp8006 .size_image.people03 .img03 {
    width: calc(380 / 750 * 100vw);
  }
  .flapp8006 .size_image.people04 .img01 {
    width: calc(460 / 670 * 100%);
  }
  .flapp8006 .size_image.people04 .img02 {
    width: calc(165 / 670 * 100%);
  }
  .flapp8006 .size_image.people04 .img03 {
    width: calc(404 / 670 * 100%);
  }
  .flapp8006 .size_image.people05 .img01 {
    width: calc(475 / 750 * 100vw);
  }
  .flapp8006 .size_image.people05 .img01_2 {
    width: calc(460 / 750 * 100vw);
  }
  .flapp8006 .size_image.people05 .img02 {
    width: calc(144 / 750 * 100vw);
  }
  .flapp8006 .size_image.people05 .img03 {
    width: calc(450 / 750 * 100vw);
  }
  .flapp8006 .size_image.people01 .tbl_2Col {
    justify-content: center;
  }
  .flapp8006 .size_image.people01 .img01 {
    width: calc(222 / 750 * 100vw);
  }

  /* 9282 アーキウェイブ Eシリーズ */
  .archi9282 {
    /* 間に「→」ありの2カラム */
  }
  .archi9282 .bdrArea.table_box_to_1col {
    display: block;
  }
  .archi9282 .bdrArea.table_box_to_1col > * {
    display: block;
  }
  .archi9282 .bdrArea.table_box_to_1col > *:not(:first-child) {
    padding-left: 0;
  }
  .archi9282 .test_image .block {
    width: calc(343 / 750 * 100%);
  }
  .archi9282 .test_image .block img {
    width: 100%;
  }
  .archi9282 .test_image .middle_img {
    width: calc(64 / 750 * 100%);
  }
  .archi9282 .test_image .middle_img img {
    width: 100%;
  }
  .archi9282 .constPointImg_wrap {
    max-width: 100%;
  }
  .archi9282 .constPointImg {
    width: 100%;
  }
  .archi9282 .constPointImg > *:not(:first-child) {
    margin-left: 2.4%;
  }
  .archi9282 .wraparound_box .rightArea {
    width: auto;
    max-width: 400px;
    margin: 0 auto 1em;
    float: none;
  }
  .archi9282 .wraparound_box.clean {
    max-width: 750px;
  }
  .archi9282 .wraparound_box.clean .table_img {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
  }
  .archi9282 .has_arrow_img_wrap {
    width: 100%;
  }
  .archi9282 .has_arrow_img_wrap .has_arrow_img {
    width: calc(320 / 670 * 100%);
  }
  .archi9282 .has_arrow_img_wrap .has_arrow_img .arrow_box {
    width: calc(104 / 320 * 100%);
  }
  .archi9282 .has_arrow_img_wrap .has_arrow_img .block01 {
    width: calc(216 / 320 * 100%);
  }
  .archi9282 .has_arrow_img_wrap .block02 {
    width: calc(350 / 670 * 100%);
  }

  /* 9894 RCガードCE TYPE-Li */
  .fractionWrap.pc {
    display: none;
  }
  .fractionWrap .textLarge {
    font-size: 2rem;
  }

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

  .modricHeightImg02 .colBlock {
    margin-left: 2.99%;
  }
  .modricHeightImg02 .colBlock.large_img {
    width: calc(380 / 670 * 100%);
  }
  .modricHeightImg02 .colBlock.small_img {
    width: calc(269 / 670 * 100%);
  }

  /* 9892 アーキウェイブ Eシリーズ 床タイプ */
  .archi_lead_image.ver9892 {
    width: auto;
  }
  .archi_lead_image.ver9892 img {
    display: block;
    margin: 0 auto;
  }

  .archi9892 .arrowDown .arrowDownTxt {
    font-size: 1.6rem;
  }
  .archi9892 .designBox {
    display: block;
  }
  .archi9892 .designBox .col {
    display: block;
    width: 100%;
  }
  .archi9892 .designBox .colArrow {
    display: block;
  }

  /* 9798 ブリンカース LDシリーズ */
  .remarks_table {
    /* 備考のテーブル */
    width: auto;
  }
  .remarks_table tr {
    display: block;
    font-size: 0;
  }
  .remarks_table tr > td {
    display: inline-block;
    font-size: 1.4rem;
  }

  /* 9823 シーライン */
  .width500 {
    width: auto;
    max-width: 500px;
  }

  /* 9805 ダミエラ */
  .example9805 * {
    min-height: 0%;
  }
  .example9805 .large_img {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .example9805 .large_img .caption {
    margin: 0 0 5px;
    order: -1;
  }
  .example9805 .iconV {
    margin-top: 5px;
  }
  .example9805 .image02 {
    flex-direction: column;
  }
  .example9805 .small_img {
    width: 75%;
    margin: 1em 0 0;
  }
  .example9805 .small_img img {
    width: 100%;
  }

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

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

  /* 9868 ライシェル */
  .col2_to_1 {
    /* ただの均等2カラムからSP時1カラム */
    display: block;
  }
  .col2_to_1 > * {
    width: 100% !important;
  }
  .col2_to_1 > * + * {
    margin-top: 2em;
    margin-left: 0 !important;
  }

  .col3_to_1 {
    /* ただの均等3カラムからSP時1カラム */
    display: block;
  }
  .col3_to_1 > * {
    width: 100%;
  }
  .col3_to_1 > * + * {
    margin-top: 2em;
  }

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

  .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: auto;
    width: calc(622 / 670 * 90%);
  }
  .intavisor_lead img {
    display: block;
    margin: 0 auto;
  }

  .eavesLabel_area {
    display: block;
  }
  .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;
  }

  /* 9296 アソートカウンター */
  .img_and_text .col2_wrap {
    justify-content: space-between;
  }
  .img_and_text .col2_wrap > * {
    width: calc(320 / 670 * 100%);
    margin: 0;
  }

  /* 9853 スティートデュオ */
  .steetOsamari_box {
    display: block;
  }
  .steetOsamari_box > *:first-child {
    margin-right: 0;
    margin-bottom: 2em;
  }
  .steetOsamari_box .small_img {
    width: 64.948453608%;
  }
  .steetOsamari_box .large_img {
    width: 100%;
  }
  .steetOsamari_box.type02 .small_img {
    width: auto;
  }
  .steetOsamari_box.type02 .small_img img {
    width: calc(330 / 470 * 100%);
  }
  .steetOsamari_box.type02 .large_img {
    width: 100%;
  }

  .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: block;
  }
  .irregular3col_9297 > * {
    width: 100%;
  }
  .irregular3col_9297 > * + * {
    margin-top: 2em;
  }
  .irregular3col_9297 .large_img {
    width: 100%;
  }

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

  /* 断熱・耐火・遮音仕様 */
  .archi9893 .product_section .sp_block {
    /* 断熱仕様 h2タイトル */
    display: block;
  }
  .archi9893 .thermal_transmittance {
    /* 「省エネルギー基準」における地域区分 */
    display: block;
  }

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

  .apm_table {
    display: block;
  }
  .apm_table .apm_box {
    width: 100%;
  }
  .apm_table .apm_box + .apm_box {
    width: 100%;
    border-top: none;
    border-left: none;
  }
  .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: 10px;
  }
  .apm_table .table_inner {
    width: 100%;
  }
  .apm_table .table_inner + .table_inner {
    width: 100%;
    margin-top: 25px;
  }
  .apm_table .table_inner + .table_inner .apm_box {
    border-left: none;
  }
  .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: 10px;
  }
  .apm_table.double_image .apm_image {
    display: block;
  }
  .apm_table.double_image .apm_image .image_inner {
    width: 100%;
  }
  .apm_table.double_image .apm_image .image_inner + .image_inner {
    width: 100%;
    border-top: 1px solid #9f9f9f;
    border-left: none;
    padding-right: 10px;
  }
  .apm_table .apm_photo_r {
    padding: 10px;
  }

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

  .sp_mt5 {
    /* sp時だけ効かす */
    margin-top: 5px;
  }

  .sp_mt1em {
    /* sp時だけ効かす */
    margin-top: 1em;
  }

  .sp_mt2em {
    /* sp時だけ効かす */
    margin-top: 2em;
  }

  .sp_mb0 {
    margin-bottom: 0 !important;
  }

  .sp_mb1em {
    /* sp時だけ効かす */
    margin-bottom: 1em;
  }

  .sp_mb2em {
    /* sp時だけ効かす */
    margin-bottom: 2em;
  }

  .sp_max200 {
    max-width: 200px;
  }

  .sp_max300 {
    max-width: 300px;
  }
  .sp_max300.m_auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sp_max400auto {
    max-width: 400px !important;
    margin-left: auto;
    margin-right: auto;
  }

  .pc_h400 {
    /* SP時はなりいき */
    max-height: 100%;
  }

  .sp_img_auto {
    /* sp時の画像をなりいきで真ん中浮かす */
  }
  .sp_img_auto img {
    display: block;
    margin: 0 auto;
  }

  .sp_m_auto {
    margin-left: auto;
    margin-right: auto;
  }

  /* 9784 マクモ */
  .makumo_fuki_img {
    padding: 0;
  }
  .makumo_fuki_img img {
    width: 56%;
    min-width: 260px;
  }

  /* 9018 カラートップSR 矢印付きの箇所 SP時は縦積み */
  .arrow_9018 {
    display: block;
    width: auto;
  }
  .arrow_9018 .col_block {
    width: 100%;
  }
  .arrow_9018 .arrow {
    height: auto;
    padding: 10px 10px;
    justify-content: center;
  }

  /* 9700とか 均等2カラム で真ん中に→三角 SP時は縦積み*/
  .arrow_2column {
    display: block;
  }
  .arrow_2column .col_block {
    width: 100%;
  }
  .arrow_2column .arrow {
    height: auto;
    padding: 10px 10px;
    justify-content: center;
  }
  .arrow_2column.arrow_9700, .arrow_2column.arrow_9064, .arrow_2column.arrow_9065 {
    /* ラバクリートの矢印部分の高さ */
  }
  .arrow_2column.arrow_9700 .arrow, .arrow_2column.arrow_9064 .arrow, .arrow_2column.arrow_9065 .arrow {
    height: auto;
  }

  /* 9064 シリケートハードナーJPなど画像を幅いっぱいに広げず真ん中浮き */
  .sp_max400 {
    width: calc(400 / 670 * 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .arrow_9896 {
    /* →あり画像横幅不ぞろい SP時縦積み */
    display: block;
  }
  .arrow_9896 .image_box {
    /* 画像なりいき真ん中浮かし */
  }
  .arrow_9896 .image_box img {
    display: block;
    margin: 0 auto;
  }
  .arrow_9896 .arrow {
    height: auto;
    padding: 10px 0;
  }

  /* カラクリート */
  .kara_col2_to1 {
    display: block;
  }
  .kara_col2_to1 .col_block,
  .kara_col2_to1 .colBlock {
    width: 100%;
    margin-right: 0;
  }
  .kara_col2_to1 .col_block:not(:first-child),
  .kara_col2_to1 .colBlock:not(:first-child) {
    margin-top: 1.5em;
    margin-left: 0;
  }
  .kara_col2_to1 .col_block:nth-child(n + 3),
  .kara_col2_to1 .colBlock:nth-child(n + 3) {
    margin-top: 1.5em;
  }
  .kara_col2_to1 .col_block.sp_w150,
  .kara_col2_to1 .colBlock.sp_w150 {
    width: calc((100% - 3.65853658536585%) / 2);
    max-width: 150px;
  }

  /* フロートユニ */
  .equal2_col.example_9820 {
    display: block;
  }
  .equal2_col.example_9820 > * {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .equal2_col.example_9820 > *:not(:first-child) {
    margin-top: 2em;
  }

  /* 9902 インサルパック 1液タイプ */
  .insul_work_place {
    display: block;
  }
  .insul_work_place .image_box {
    width: 50%;
    margin: 0 auto;
  }
  .insul_work_place .image_box + .text_area {
    margin-top: .5em;
  }
  .insul_work_place .text_area + .image_box {
    margin-top: .5em;
  }

  .insul_work_place3col > .col_block .image_wrap {
    width: 50%;
    margin: 0 auto;
  }

  .insul_use_block {
    /* 用途 */
  }
  .insul_use_block .use_block .use_head {
    font-size: 1.5rem;
  }
  .insul_use_block .insul_use_wrap {
    display: block;
  }
  .insul_use_block .insul_use_wrap .use_block {
    width: 100%;
  }
  .insul_use_block .insul_use_wrap .use_block + .use_block {
    margin-top: 2em;
  }

  .anchor_box02 > ul {
    display: block;
  }
  .anchor_box02 > ul li {
    width: 100%;
  }
  .anchor_box02 > ul li:not(:first-child) {
    margin-top: 1em;
  }

  .insul_line_up .line_up_title .photo img {
    width: 90px;
  }
  .insul_line_up .icon {
    height: 45px;
    margin-bottom: 1em;
  }
  .insul_line_up .green_icon {
    height: 45px;
    margin-bottom: 1em;
  }
  .insul_line_up .icons_wrap {
    min-width: 212px;
  }
  .insul_line_up .icons_wrap .button_wrapper {
    margin-bottom: 1em;
  }
  .insul_line_up .aco_trigger {
    margin-left: auto;
  }
  .insul_line_up .aco_trigger > p {
    cursor: pointer;
    padding: .5em 1em;
    text-align: center;
    background-color: #bfbfbf;
  }
  .insul_line_up .aco_trigger > p:hover {
    opacity: .7;
  }
  .insul_line_up .aco_body {
    padding-top: 1em;
    overflow: hidden;
  }
  .insul_line_up .open {
    display: block;
  }
  .insul_line_up .close {
    display: none;
  }
  .insul_line_up .toggle + .aco_body {
    height: auto;
    padding-top: 1em;
  }
  .insul_line_up .toggle .open {
    display: none;
  }
  .insul_line_up .toggle .close {
    display: block;
  }

  .has_w120img_to_1 {
    display: block;
  }
  .has_w120img_to_1 .image_box {
    width: 100%;
  }
  .has_w120img_to_1 > *:not(:first-child) {
    margin-left: 0;
    margin-top: 20px;
  }

  .has_w120img .image_box {
    width: calc(120 / 750 * 100vw);
    min-width: 100px;
  }

  .insul_how_to_use {
    /* 9902試作変則3カラム　アイコンとテキスト */
    flex-wrap: wrap;
  }
  .insul_how_to_use .box {
    width: 48.5%;
  }
  .insul_how_to_use .box:not(:first-child) {
    margin-left: 3%;
  }
  .insul_how_to_use .box:first-child {
    margin-bottom: 1em;
  }
  .insul_how_to_use .note {
    margin-left: 10;
    flex-grow: 1;
  }
  .insul_how_to_use .note + .box {
    margin-left: 0;
  }
  .insul_how_to_use.normal .box:nth-child(3n) {
    margin-left: 0;
  }

  /* ページ内リンクボタン */
  .link_in_page_wrap > * {
    width: 100%;
  }
  .link_in_page_wrap > *:not(:first-child) {
    margin-top: 10px;
  }
  .link_in_page_wrap.col3type > * {
    width: 100%;
  }

  /* 9083の施工・納まりなど画像と説明文 */
  .const_img_area .head {
    font-size: 1.5rem;
  }
  .const_img_area .wrap_block {
    display: block;
  }
  .const_img_area .wrap_block > * + * {
    margin-left: 0;
    margin-top: 15px;
  }
  .const_img_area .image_block {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    flex-shrink: 0;
  }
  .const_img_area + .const_img_area {
    margin-top: 30px;
  }

  /* SP時最大w600で中央表示 */
  .sp_w600_auto_block {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .w500_to_full {
    max-width: 100%;
    width: 100%;
  }

  /* 画像 テキスト回り込み sp時は1カラム */
  .wraparound_to_1 .image_right {
    float: none;
    margin: 0 0 1em 0;
    width: auto;
  }
  .wraparound_to_1.sp_flex_column {
    display: flex;
    flex-direction: column;
  }
  .wraparound_to_1.sp_flex_column .sp_last {
    order: 1;
    margin-top: 1em;
  }

  /* 9898 */
  /*サムネイルありアンカーリンク用ボタン*/
  .anchor_button_block02 {
    display: block;
  }
  .anchor_button_block02 > * {
    width: auto;
  }
  .anchor_button_block02 > *:not(:first-child) {
    margin-top: 1em;
  }
  .anchor_button_block02 .button {
    display: flex;
    padding: 15px;
  }
  .anchor_button_block02 .thumnail {
    width: calc(150 / (640 - 2) * 100%);
    min-width: 70px;
    margin-right: 1em;
  }
  .anchor_button_block02 .text_area {
    padding: 0;
  }
  .anchor_button_block02 .anchor_name {
    font-size: 1.5rem;
  }
  .anchor_button_block02 .anchor_name svg {
    width: 6px;
    height: 10px;
    margin: .2em .5em 0 0;
  }
  .anchor_button_block02.ver_col3 > * {
    width: auto;
  }
  .anchor_button_block02 .insul_icon {
    text-align: center;
    border-bottom: 0;
    padding: 0;
  }
  .anchor_button_block02 .insul_icon img {
    height: auto;
  }

  /* 9910 */
  .col2_260img_to1 .gray_area {
    padding: calc(15 / 750 * 100vw);
  }

  .arrow_eq2col.feature9910 .col_block {
    width: calc(300 / 750 * 100vw);
  }

  /* 9918 間に「→」ありの3カラムからSP時1カラム*/
  .arrow_3col_9918 {
    display: block;
  }
  .arrow_3col_9918 .col_block {
    width: auto;
  }
  .arrow_3col_9918 .arrow_box {
    width: auto;
    height: auto;
    padding: 1em .5em;
  }
  .arrow_3col_9918 .arrow_box img {
    width: auto;
    transform: rotate(90deg);
  }

  /* 9919 */
  .photo_wrap_9919 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .photo_wrap_9919 .photo_box {
    max-width: 120px;
  }
  .photo_wrap_9919 .color_box {
    max-width: 280px;
  }
  .photo_wrap_9919.type02 {
    display: flex;
    justify-content: center;
  }
  .photo_wrap_9919.type02 .color_box {
    max-width: 200px;
  }

  /* 9922 */
  .equal02_to_1Img {
    /* 2カラムの中に2カラムが矢印あり */
  }
  .equal02_to_1Img > .col_block .has_arrow_2col_to1 .col_block {
    width: auto;
  }
  .equal02_to_1Img > .col_block .has_arrow_2col_to1 .arrow_box {
    width: auto;
    padding: 1em .5em;
  }
  .equal02_to_1Img > .col_block .has_arrow_2col_to1 .arrow_box + .col_block {
    margin-top: 0;
  }
  .equal02_to_1Img .feature9922 .img_wrap,
  .equal02_to_1Img .feature9922 .arrow_box {
    height: auto;
  }
  .equal02_to_1Img .feature9922 .img_wrap img {
    width: auto;
    display: block;
    margin: 0 auto;
  }

  .icon_head {
    display: flex;
    margin-bottom: 20px;
  }
  .icon_head .icon {
    width: 50px;
  }

  .catalog_2col_to1 {
    display: block;
  }
  .catalog_2col_to1 > * + * {
    margin: 15px 0 0;
  }
  .catalog_2col_to1 .thumbnail {
    margin-left: auto;
    margin-right: auto;
  }

  /* 9923 小さい画像の2カラム（w400内） */
  .img_set2col .img_wrap {
    width: calc(150 / 670 * 100%);
    min-width: 100px;
  }

  /* 9818 インサルセリオンなど特有 */
  /*アンカーリンク用ボタン*/
  .thumbnail_link_button {
    display: block;
  }
  .thumbnail_link_button > * {
    width: 100%;
  }
  .thumbnail_link_button .button {
    padding: 15px;
  }
  .thumbnail_link_button .button:not(:first-child) {
    margin-top: 1em;
  }
  .thumbnail_link_button .thumnail {
    width: calc(100 / (640 - 2) * 100%);
    min-width: 70px;
  }
  .thumbnail_link_button .anchor_name {
    font-size: 1.5rem;
  }
  .thumbnail_link_button .anchor_name svg {
    width: 6px;
    height: 10px;
    margin: .2em .5em 0 0;
  }
  .thumbnail_link_button .text01 {
    font-size: 1.1rem;
  }

  /* 9936など */
  .photo_wrap_insul {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .photo_wrap_insul .photo_box {
    max-width: 200px;
  }
  .photo_wrap_insul .color_box {
    max-width: 200px;
  }

  /* 9891 染野製作所 */
  .someno_area .box a {
    color: #00508e;
  }
  .someno_area .box02 {
    display: block;
  }
  .someno_area .box02 > * {
    display: block;
  }
  .someno_area .box02 .tel_list {
    border-bottom: 1px solid #e1e1e1;
  }
  .someno_area .inner_box {
    border-left: 0;
    padding: .5em;
  }
  .someno_area .inner_box > * {
    display: block;
    margin: 0;
  }
  .someno_area .inner_box > * + * {
    margin-top: .6em;
  }
  .someno_area .label {
    background-color: #e1e1e1;
    padding: .2em .4em .1em;
    display: inline-block;
  }

  /* 9943 */
  .lumberju_icon_set {
    display: flex;
    flex-direction: column;
  }
  .lumberju_icon_set .icon_box {
    width: 60px;
    margin-right: 15px;
  }
  .lumberju_icon_set .icon_box .text {
    font-size: 1.2rem;
  }
  .lumberju_icon_set .image_block {
    width: auto;
  }
  .lumberju_icon_set .f_right {
    float: none;
    margin: 20px 0 0 0;
    order: 1;
  }

  /* ノラプランなど */
  .nora_logo_block {
    flex-direction: column;
    gap: 15px 0;
  }

  .nora_logo_wrap {
    width: auto;
    margin: 0 auto;
    max-width: 335px;
    font-size: min(calc(28 / 750 * 100vw), 1.4rem);
  }

  /* ファストラ */
  /* equal2_colの変形*/
  .fastra_img_wrap .col_block,
  .fastra_img_wrap .colBlock {
    max-width: 320px;
  }

  /* リグナム */
  .documents_box {
    display: block;
  }
  .documents_box > *:not(:first-child) {
    margin-left: 0;
    margin-top: 1.5em;
  }
  .documents_box .documents_3col > * {
    width: 31%;
  }
  .documents_box .documents_3col > *:not(:first-child) {
    margin-left: 3.5%;
  }

  /* 9987 均等3カラム変則 */
  .anomaly3col_to2 {
    display: block;
  }
  .anomaly3col_to2 > * + * {
    margin-left: 0;
    margin-top: 20px;
  }
  .anomaly3col_to2 .col {
    width: calc(320 / 670 * 100%);
  }
  .anomaly3col_to2 .col_large {
    width: 100%;
  }
  .anomaly3col_to2 .has2col {
    width: 100%;
  }

  /* 8029 アットランダム */
  /* アンカーリンク　間に＞ */
  .flow_btn_link.btn2_to_1 {
    display: block;
  }
  .flow_btn_link.btn2_to_1 > * {
    max-width: 100%;
  }
  .flow_btn_link.btn2_to_1 > * + * {
    margin-top: 30px;
  }
  .flow_btn_link.btn2_to_1 > * + *::before {
    right: 0;
    left: 0;
    top: auto;
    bottom: calc(100% + 10px);
    border-width: 10px 9px 0 9px;
    border-color: #00508e transparent transparent transparent;
  }

  .img_change_component {
    /* ボタンで画像切り替え */
  }
  .img_change_component button {
    font-size: 1.4rem;
  }

  /* 耐風圧強度計算など */
  .bdr_area_consul {
    padding: 14px;
  }
  .bdr_area_consul .head_text {
    font-size: 1.6rem;
  }
  .bdr_area_consul .icon_column {
    display: block;
  }
  .bdr_area_consul .icon_column .circle_img {
    margin-left: auto;
    margin-right: auto;
  }
  .bdr_area_consul .icon_column > * + * {
    margin-top: 15px;
  }
  .bdr_area_consul .icon_column > * + .text_block {
    margin-left: 0;
  }

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

  /* BIMデータお問い合わせ */
  .bim_btnwrap {
    display: block;
    width: calc(500 / 670 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
  .bim_btnwrap > * + * {
    margin-top: 1em;
  }

  .bim_entry_example {
    padding: 25px calc(40 / 750 * 100vw);
  }
  .bim_entry_example .entry_example {
    display: block;
  }
  .bim_entry_example .entry_example .capture_img {
    width: 100%;
  }
  .bim_entry_example .entry_example .fuki_img {
    width: calc(510 / 750 * 100vw);
    margin: calc(-10 / 750 * 100vw) auto 0;
  }

  /* 外注css */
  /* takane対応 */
  /* Vamp対応 */
  .cms_source.vamp .visualpaper .image_wrapper {
    height: calc(136 / 750 * 100vw);
  }

  .cms_source.vamp .col_block_arrow.arrow_9712 .col_block {
    width: 100%;
  }
  .cms_source.vamp .col_block_arrow.arrow_9712 .col_block:not(:first-of-type) {
    margin-top: 50px;
  }
  .cms_source.vamp .col_block_arrow.arrow_9712 .col_block:not(:first-of-type):before {
    top: -55px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    transform: rotate(90deg);
  }

  .cms_source.vamp .col_block_arrow.arrow_9018 {
    width: auto;
  }

  .cms_source.vamp .col_block_arrow.arrow_9018 .col_block {
    width: 100%;
  }
  .cms_source.vamp .col_block_arrow.arrow_9018 .col_block:not(:first-of-type) {
    margin-top: 50px;
  }
  .cms_source.vamp .col_block_arrow.arrow_9018 .col_block:not(:first-of-type):before {
    top: -40px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    transform: rotate(90deg);
  }

  .cms_source.vamp .col_block_arrow.arrow_9806 .col_block, .cms_source.vamp .col_block_arrow.arrow_9825 .col_block {
    width: 100%;
  }
  .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-top: 60px;
  }
  .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 {
    top: -50px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    transform: rotate(90deg);
  }
  .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: 0;
  }

  .cms_source.vamp .col_block_arrow.arrow_9064 .col_block {
    width: 100%;
  }
  .cms_source.vamp .col_block_arrow.arrow_9064 .col_block:not(:first-of-type) {
    margin-top: 90px;
  }
  .cms_source.vamp .col_block_arrow.arrow_9064 .col_block:not(:first-of-type):before {
    top: -75px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    transform: rotate(90deg);
  }

  .cms_source.vamp .col_block_arrow.arrow_9799 .col_block {
    width: 100%;
  }
  .cms_source.vamp .col_block_arrow.arrow_9799 .col_block:not(:first-of-type) {
    margin-top: 40px;
    margin-left: 0;
  }
  .cms_source.vamp .col_block_arrow.arrow_9799 .col_block:not(:first-of-type):before {
    top: -30px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    transform: rotate(90deg);
  }

  .cms_source.vamp .adequateColor .equal03Img {
    padding: 0;
  }
  .cms_source.vamp .adequateColor .equal03Img .colBlock {
    width: 30%;
  }

  .cms_source.vamp .consultation_block_image.other_margin {
    margin: 0 0 1em;
  }

  .cms_source.vamp.page9700 .other_margin {
    margin: 0 auto 1em;
    max-width: 250px;
  }
  .cms_source.vamp.page9700 .fuki {
    margin: 0 auto 1em;
    width: calc(320 / 670 * 100%);
  }

  .cms_source.vamp .tblCol_9738 .colBlock:last-of-type {
    margin: 1em 0 0;
  }

  .cms_source.vamp .tblCol_9667 {
    flex-wrap: wrap;
  }
  .cms_source.vamp .tblCol_9667 .colBlock:last-of-type {
    margin: 1em 0 0;
  }

  .cms_source.vamp .tblCol_9661 {
    padding: 0 !important;
  }

  .cms_source.vamp .flow_image {
    max-width: 45%;
  }

  /* WWS対応 */
  /* 9871
  -------------------------------------------------------------*/
  .wws_9871 #sec_construction_flow .sec_construction_flow_col_arrow {
    padding: 0 5px 1.5em;
  }

  .wws_9870 #sec_features .sec_features_col_arrow {
    width: 17vw;
    padding-bottom: 8vw;
  }
  .wws_9870 #sec_features .sec_features_col_arrow img {
    padding: 0 3px;
  }
  .wws_9870 #sec_construction .sec_construction_col_photo {
    width: 30vw;
  }
  .wws_9870 #sec_construction .sec_construction_col_photo img {
    /*width: 100%;*/
  }
  .wws_9870 #sec_construction .sec_features_col_arrow img {
    width: 6vw;
  }
  .wws_9870 #sec_construction .sec_construction_col_text {
    width: 52vw;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 374px) {
  /* ノラプランなど */
}

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