@charset "UTF-8";
#guide .heading04 {
  font-size: 2.8rem;
}
#guide .breadcrumb_list br {
  display: none;
}

#articleList .listBlock br {
  display: none;
}

#columnContents {
  margin-bottom: 100px;
}

a {
  text-decoration: none;
  color: #00508e;
}
a:hover {
  text-decoration: underline;
}

/********************************************************************************************
　記事一覧
********************************************************************************************/
.column_list_box {
  margin: 40px 0 0;
}
.column_img_box {
  position: relative;
  padding: 0 0 0 355px;
  min-height: 146px;
}
.column_img_box a {
  color: #333;
  text-decoration: none;
  font-size: 1.8rem;
}
.column_img_box a:hover figure {
  opacity: .7;
}
.column_img_box a:hover span {
  opacity: .7;
  text-decoration: underline;
  color: #00508e;
}
.column_img_box figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 335px;
}
.column_img_box img {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  background: #fff;
  padding: 2px;
}
.column_img_box span {
  padding: 0 0 0 1em;
  font-weight: bold;
  display: block;
  line-height: 1.2;
}
.column_img_box span.new {
  padding: 0 45px 0 1em;
  background: url(/shared/images/common/icon_new03.png) no-repeat right 1px;
  background-size: 40px;
}
.column_img_box span::before {
  content: '';
  position: absolute;
  top: .3em;
  left: 355px;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 1px solid #00508e;
  border-right: 1px solid #00508e;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.column_img_box .txt_area {
  margin-top: 1em;
  line-height: 1.6667;
  line-height: calc(25 /15);
  font-size: 1.5rem;
}
.column_img_box:not(:first-of-type) {
  margin: 40px 0 0;
}

@media screen and (max-width: 767px) {
  #guide .section_inner {
    padding: 15px calc((40 / 750) * 100%);
  }
  #guide .heading04 {
    font-size: 2.1rem;
  }

  .column_list_box {
    margin: 25px 0 0;
  }
  .column_img_box {
    padding: 0 0 25px;
    min-height: inherit;
    border-bottom: 1px solid #01508e;
  }
  .column_img_box dt {
    position: relative;
  }
  .column_img_box a {
    display: block;
    margin: 1em 0 0;
  }
  .column_img_box a::after {
    width: 100%;
    height: 100%;
  }
  .column_img_box a:hover {
    opacity: inherit;
  }
  .column_img_box a:hover::before {
    background-color: transparent;
  }
  .column_img_box figure {
    position: static;
    width: 100%;
    padding: 0 0 1em;
  }
  .column_img_box span {
    position: relative;
    line-height: calc(42 / 32);
    font-size: 1.6rem;
  }
  .column_img_box span::before {
    top: 0.35em;
    left: 0;
  }
  .column_img_box .txt_area {
    font-size: 1.4rem;
  }
  .column_img_box:not(:first-of-type) {
    margin: 25px 0 0;
  }
}
/********************************************************************************************
　記事詳細
********************************************************************************************/
#articleWrap {
  display: flex;
  justify-content: flex-start;
}
#articleWrap > * {
  vertical-align: top;
}
#articleWrap h1 {
  margin-bottom: 40px;
  border-color: #989797;
  text-align: left;
  font-size: 2.8rem;
}
#articleWrap h1.new:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 70px;
  height: 26px;
  background: url(/shared/images/common/icon_new03.png) no-repeat center left;
  margin: 0 0 2px .5em;
}

#article {
  width: 650px;
}

/* 建材活用ガイド一覧                                                                     */
#articleList {
  width: calc(100% - 650px);
  padding-left: 35px;
}
#articleList .guideHead {
  margin-bottom: 15px;
  padding: .7em .8em .5em;
  background: #666;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.4;
}
#articleList .listBlock li {
  position: relative;
  margin-top: 10px;
  padding: 5px 10px 4px 20px;
}
#articleList .listBlock li::before {
  content: '';
  position: absolute;
  top: 1.3em;
  left: .6em;
  width: 7px;
  height: 7px;
  border-top: 1px solid #00508e;
  border-right: 1px solid #00508e;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
#articleList .listBlock li:first-child {
  margin-top: 0;
}
#articleList .listBlock li a {
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.6667;
  line-height: calc(25/15);
  color: #333;
}
#articleList .listBlock li a:hover {
  text-decoration: underline;
  color: #00508e;
}
#articleList .listBlock li a.new {
  padding: 0 53px 0 0;
  background: url(/shared/images/common/icon_new03.png) no-repeat right 0;
  background-size: auto 16px;
}
#articleList .listBlock li.current {
  pointer-events: none;
  cursor: default;
  background-color: #00508e;
}
#articleList .listBlock li.current::before {
  border-color: #fff;
}
#articleList .listBlock li.current a {
  color: #fff;
}
#articleList .listBlock li.current a:hover {
  opacity: 1;
  cursor: default;
  text-decoration: none;
}

/* 記事内容                                                                            */
.plainText {
  font-size: 1.5rem;
  line-height: 1.6666;
}

.noteTxt {
  font-size: 1.4rem;
}

#descriptionArea {
  /* 背景色グレー */
  /* 背景色ピンク */
  /* 背景色グリーン */
  /* 背景色パープル */
  /* 背景色オレンジ */
  /* 背景色ブルー */
}
#descriptionArea .c_heading {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #01508e;
  font-family: 'Noto Sans Japanese', sans-serif;
  line-height: 1.583;
  line-height: calc(38 / 24);
  letter-spacing: -.04em;
  color: #333;
  font-size: 2.4rem;
  font-weight: 500;
}
#descriptionArea .c_heading * {
  font-weight: inherit;
}
#descriptionArea .commentsNote {
  color: #e36c0a;
  font-weight: bold;
}
#descriptionArea .img_col01 {
  margin-bottom: 30px;
  text-align: center;
}
#descriptionArea .img_col01 > figure {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  text-align: left;
}
#descriptionArea .img_col01 > figure > img {
  width: 100%;
}
#descriptionArea .img_col01 > figure figcaption {
  margin-top: .5em;
}
#descriptionArea .c_heading02 {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  color: #333;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.2;
}
#descriptionArea .c_heading02 .strong {
  font-weight: bold;
}
#descriptionArea .c_heading02 .smaller {
  font-size: 1.5rem;
  font-weight: inherit;
}
#descriptionArea .c_heading02 sub {
  position: static;
  vertical-align: sub;
}
#descriptionArea .c_heading03 {
  margin-bottom: 1em;
  padding: .25em .5em .25em 1em;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  background: #9f9f9f;
}
#descriptionArea .c_heading03_02 {
  margin-bottom: 1em;
  padding: .25em .5em .25em 1em;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  background: #d99694;
}
#descriptionArea .c_heading03_03 {
  margin-bottom: 1em;
  padding: .25em .5em .25em 1em;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  background: #00b050;
}
#descriptionArea .c_heading03_04 {
  margin-bottom: 1em;
  padding: .25em .5em .25em 1em;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  background: #cc66ff;
}
#descriptionArea .c_heading03_05 {
  margin-bottom: 1em;
  padding: .25em .5em .25em 1em;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  background: #f79646;
}
#descriptionArea .c_heading03_06 {
  margin-bottom: 1em;
  padding: .25em .5em .25em 1em;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  background: #149bdf;
}
#descriptionArea .c_heading04 {
  padding: 8px 5px 5px 5px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  border-top: 2px dotted #9f9f9f;
  border-bottom: 2px dotted #9f9f9f;
}

/* アンカーリスト                                                                         */
.anchorArea {
  margin: 40px 0;
}
.anchorArea .titArea {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.anchorArea .titArea p {
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 1em;
}
.anchorArea .titArea .readTime {
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0 0 0 auto;
}

.anchorBox {
  padding: 20px 20px 20px 15px;
  border: 1px solid #b5b5b5;
  background: #fff;
  font-size: 1.5rem;
  line-height: 1.66;
}
.anchorBox > ul > li {
  position: relative;
}
.anchorBox > ul > li a {
  color: currentColor;
}
.anchorBox > ul > li:not(:first-of-type) {
  margin-top: 1em;
}
.anchorBox > ul > li > a {
  padding-left: 1.4em;
  text-decoration: none;
  display: block;
}
.anchorBox > ul > li > a::before {
  content: '';
  position: absolute;
  top: .4em;
  left: .3em;
  content: '';
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-right: 1px solid #00508e;
  border-bottom: 1px solid #00508e;
  /*transform: rotate(135deg);*/
  transform: rotate(45deg);
}
.anchorBox > ul > li > a:hover {
  text-decoration: underline;
  color: #00508e;
}
.anchorBox > ul > li .left_mgn {
  margin-left: 1.4em;
}

/* その他                                                                                 */
.recommendChoice {
  display: flex;
  justify-content: space-between;
}
.recommendChoice .lookFor {
  display: flex;
  flex-direction: column;
  width: calc((100% - 20px) / 2);
  padding: 20px 15px;
  background-color: #f8f7f7;
}
.recommendChoice .lookFor dl dt {
  line-height: 1.5625;
  line-height: calc(25 / 16);
  font-weight: bold;
  font-size: 1.6rem;
}
.recommendChoice .lookFor dl dd {
  margin-top: .5em;
  line-height: 1.6667;
  line-height: calc(25 / 15);
  font-size: 1.5rem;
}
.recommendChoice .lookFor .btn {
  margin-top: auto;
  text-align: center;
}
.recommendChoice .lookFor .btn a {
  display: inline-block;
  padding: 18px 31px 15px;
  border: 1px solid #b5b5b5;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  color: #333;
  font-size: 1.5rem;
}
.recommendChoice .lookFor .btn a span {
  position: relative;
  padding-left: 20px;
}
.recommendChoice .lookFor .btn a span::before {
  content: '';
  position: absolute;
  top: .5em;
  left: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid #00508e;
  border-right: 1px solid #00508e;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.recommendChoice .lookFor .btn a:hover {
  background-color: #00508e;
  color: #fff;
}
.recommendChoice .lookFor .btn a:hover span::before {
  border-color: #fff;
}
.recommendChoice .lookFor .btn.anchor a span::before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  top: .4em;
}

.colSet {
  margin: 0 0 30px;
}
.colSet::after {
  content: "";
  display: table;
  clear: both;
}
.colSet .colImgR {
  float: right;
  margin-left: 15px;
}
.colSet .colImgL {
  float: left;
  margin-right: 15px;
}
.colSet p {
  font-size: 1.5rem;
  line-height: 1.6667;
  line-height: calc(25/15);
}

/* table sp時画像と別窓へリンクの囲み */
.sp_different_window {
  display: block;
}

.sp_table_block {
  display: none;
}

/* table                                                                                  */
.spec001 {
  background-color: #fff;
  border: 2px solid #333;
  font-size: 1.5rem;
}
.spec001 th,
.spec001 td {
  padding: .4em;
  vertical-align: middle;
  line-height: 1.6667;
  line-height: calc(25/15);
}
.spec001 th {
  text-align: center;
  border: 1px solid #333;
  background-color: #f3f3f3;
}
.spec001 td {
  border: 1px solid #333;
}
.spec001 td a {
  text-decoration: none;
  color: #00508e;
}
.spec001 td a:hover {
  text-decoration: underline;
}
.spec001 td.emphasisTd {
  text-align: center;
}
.spec001 td.emphasisTd > p {
  font-weight: bold;
  font-size: 2.2rem;
}
.spec001.text_all_center th, .spec001.text_all_center td {
  text-align: center;
}
.spec001 .font_s {
  font-size: 1.2rem;
}

.font_smaller_tbl {
  font-size: 1.3rem;
}

.product_table_area,
.guide_table_area {
  /* 別窓リンクのテーブル */
  margin: 0 auto;
  width: 650px;
}

.kisoshTable .wid01 {
  width: 104px;
}
.kisoshTable .wid02 {
  width: 272px;
}
.kisoshTable .imgWrap {
  margin: 0 auto;
  width: 200px;
}
.kisoshTable .comparisonText {
  display: flex;
}
.kisoshTable .comparisonText .text {
  text-align: center;
  flex-grow: 1;
}

.flex {
  display: flex;
}

.shrink0 {
  flex-shrink: 0;
}

.flex_center {
  /*テキスト折り返すと左揃え*/
  display: flex;
  justify-content: center;
}

.equalImg {
  display: flex;
  flex-wrap: wrap;
}
.equalImg li {
  width: calc((100% - (55px*2)) / 3);
  margin: 0 55px 40px 0;
}
.equalImg li:nth-of-type(3n) {
  margin-right: 0;
}
.equalImg .colBlock img {
  border: 1px solid #e1e1e1;
}
.equalImg .colBlock p {
  font-size: 1.5rem;
  line-height: 1.6667;
  line-height: calc(25/15);
}
.equalImg .colBlock p.strong {
  margin-top: .5em;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.6rem;
}

.lede_description {
  margin-bottom: 20px;
}
.lede_description dt {
  line-height: 1.6667;
  line-height: calc(25/16);
  font-weight: bold;
  font-size: 1.6rem;
}
.lede_description dd {
  margin-top: 1em;
  font-size: 1.5rem;
  line-height: 1.5625;
  line-height: calc(25/15);
}

.disp_table {
  display: table;
}

.arr_link_button {
  display: block;
  border: 1px solid #b5b5b5;
  background-color: #fff;
  padding: 1.1em 1em 0.9em .9em;
  text-decoration: none;
  color: inherit !important;
  line-height: 1.2;
  font-size: 1.5rem;
}
.arr_link_button p {
  position: relative;
  padding: 0 0 0 1em;
}
.arr_link_button p::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  left: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid #00508e;
  border-right: 1px solid #00508e;
  transform: rotate(45deg);
  vertical-align: middle;
}
.arr_link_button.arr_down p::before {
  transform: rotate(135deg);
  top: calc(50% - 6px);
}
.arr_link_button:hover {
  background-color: #00508e;
  text-decoration: none !important;
  color: #fff !important;
}
.arr_link_button:hover p::before {
  border-color: #fff;
}

.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;
  font-size: 1.5rem;
}
.pdf_link_button:hover {
  background-color: #00508e;
  text-decoration: none;
}
.pdf_link_button p {
  padding: .7em 0 .6em 34px;
  position: relative;
}
.pdf_link_button p::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 p:hover {
  color: #fff;
}

.flagship_table_area .spec001 {
  border: none;
}
.flagship_table_area .spec001 th {
  background-color: #e0e0e0;
  padding: .2em;
}
.flagship_table_area .spec001 td {
  padding: .2em;
}
.flagship_table_area .spec001 a {
  display: block;
}
.flagship_table_area .spec001 .circle {
  color: #ba641e;
}
.flagship_table_area .spec001 .relation, .flagship_table_area .spec001 .discript {
  vertical-align: top;
  border: none;
  background: none;
  font-weight: normal;
  padding: 0 5px;
  text-align: left;
}
.flagship_table_area .spec001 .function, .flagship_table_area .spec001 .commodity_title {
  border: none;
}
.flagship_table_area .spec001 .table_title_color th {
  border-top: 4px solid #231916;
  border-right: 1px solid #231916;
  border-left: 1px solid #231916;
  border-bottom: none;
  text-align: center;
  vertical-align: top;
}
.flagship_table_area .spec001 .table_title_color.second_color {
  background-color: #f3f3f3;
}
.flagship_table_area .spec001 .table_title_color.second_color .table_left_title {
  background-color: #f3f3f3;
}
.flagship_table_area .spec001 .table_title_color.second_color th.all_data {
  border-right: none;
  border-left: 1px solid #231916;
  border-top: 1px solid #231916;
  border-bottom: 4px solid #231916;
  vertical-align: middle;
}
.flagship_table_area .spec001 .table_title_color th.table_left_title {
  padding: .8em;
  border: 1px solid #231916;
  border-bottom: none;
  border-collapse: collapse;
  vertical-align: middle;
  line-height: 15px;
}
.flagship_table_area .spec001 .table_title_color.last {
  border-bottom: 4px solid #231916;
}

/* 追加分                                                                                 */
.img_3col_list {
  display: flex;
  flex-wrap: wrap;
}
.img_3col_list .box {
  width: 204px;
  margin: 0 19px 0 0;
}
.img_3col_list .box:nth-child(3n) {
  margin-right: 0;
}
.img_3col_list .box:nth-child(n + 4) {
  margin-top: 20px;
}
.img_3col_list .box img {
  border: 1px solid #e1e1e1;
  width: 100%;
}
.img_3col_list .end {
  margin: 0 0 0 0;
}

.thumb_2col_01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.thumb_2col_01 .box {
  width: calc( (100% - 10px ) / 2);
  margin: 0 0 20px 0;
}
.thumb_2col_01 .box img {
  border: 1px solid #e1e1e1;
  width: 100%;
}
.thumb_2col_01 .box:last-child {
  margin: 0 0 0 0;
}

/* 画像付きテキスト（SP時に1カラムレイアウト） */
.img_with_txt01 {
  overflow: hidden;
}
.img_with_txt01 .img_area.fl {
  float: left;
  margin: 0 15px 15px 0;
}
.img_with_txt01 .img_area.fr {
  float: right;
  margin: 0 0 15px 15px;
}

.img_with_txt02 {
  overflow: hidden;
}
.img_with_txt02 .img_area.fl {
  float: left;
  margin: 0 15px 15px 0;
}
.img_with_txt02 .img_area.fr {
  float: right;
  margin: 0 0 15px 15px;
}

.img_with_txt03 {
  overflow: hidden;
}
.img_with_txt03 .btn_area {
  padding-right: 50px;
}
.img_with_txt03 .btn_area a {
  display: block;
  padding: 5px 20px;
  color: #ffffff !important;
  font-size: 17px;
  font-weight: bold;
}
.img_with_txt03 .btn_area a:hover {
  opacity: 0.7;
}
.img_with_txt03 .btn_area.fl {
  float: left;
}
.img_with_txt03 .btn_area.fr {
  float: right;
}

.img_col02 {
  display: flex;
  justify-content: center;
}

.w400_fig {
  max-width: 400px;
}

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

.img_col03 {
  overflow: hidden;
}
.img_col03 .img01 {
  float: left;
  width: 387px;
  margin: 0 10px 0 0;
}
.img_col03 .img02 {
  float: left;
  width: 253px;
}

.img_col04 ul {
  font-size: 0;
}
.img_col04 ul li {
  vertical-align: top;
  display: inline-block;
  width: 122px;
  margin: 0 10px 10px 0;
}
.img_col04 ul li:last-child {
  margin: 0 0 10px 0;
}

.img_col05 {
  overflow: hidden;
}
.img_col05 .img01 {
  float: left;
  width: 192px;
  margin: 0 10px 0 0;
}
.img_col05 .img02 {
  float: left;
  width: 210px;
  margin: 0 10px 0 0;
}
.img_col05 .img03 {
  float: left;
  width: 228px;
}

.img_col06 {
  overflow: hidden;
}
.img_col06 .img01 {
  float: left;
  width: 205px;
  margin: 0 10px 0 0;
}
.img_col06 .img02 {
  float: left;
  width: 435px;
}

.img_col07 {
  overflow: hidden;
}
.img_col07 .img01 {
  float: left;
  width: 237px;
  margin: 0 10px 0 0;
}
.img_col07 .img02 {
  float: left;
  width: 199px;
  margin: 0 10px 0 0;
}
.img_col07 .img03 {
  float: left;
  width: 194px;
}

.img_col08 {
  overflow: hidden;
}
.img_col08 .img01 {
  float: left;
  width: 259px;
  margin: 0 10px 0 0;
}
.img_col08 .img02 {
  float: left;
  width: 246px;
  margin: 0 10px 0 0;
}
.img_col08 .img03 {
  float: left;
  width: 125px;
}

.movieArea {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movieArea iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.movieArea2 {
  position: relative;
  width: 100%;
  padding-top: 63.15%;
}
.movieArea2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.mainte_box dd {
  overflow: hidden;
  margin: 20px 0;
}
.mainte_box dd .img_area {
  float: left;
  width: 317px;
}
.mainte_box dd .img_area_02 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mainte_box dd .txt_area {
  float: left;
  width: 333px;
}
.mainte_box dd .txt_area p {
  position: relative;
  left: -60px;
  width: 393px;
}
.mainte_box .box1 .txt_area {
  margin-top: 5em;
}
.mainte_box .box2 .txt_area {
  margin-top: 7em;
}
.mainte_box .box3 .txt_area {
  margin-top: 5em;
}
.mainte_box .box4 .txt_area {
  margin-top: 7em;
}
.mainte_box .box5 .txt_area {
  margin-top: 7em;
}
.mainte_box .box6 .txt_area {
  margin-top: 5em;
}

.dotBox {
  padding: 1em 0;
  border-top: 2px dotted #9f9f9f;
  border-bottom: 2px dotted #9f9f9f;
}

/* 風船型 */
.balloon_box_01 {
  overflow: hidden;
}
.balloon_box_01 .img_area {
  width: 168px;
}
.balloon_box_01 .img_area.fl {
  float: left;
}
.balloon_box_01 .img_area.fr {
  float: right;
}
.balloon_box_01 .txt_area {
  width: calc(100% - 168px);
  text-align: justify;
  background: #f2dcdb;
  border: 20px solid #f2dcdb;
  border-radius: 20px;
}

.balloon_box_02 {
  overflow: hidden;
}
.balloon_box_02 .img_area {
  width: 160px;
  float: left;
}
.balloon_box_02 .img_area .tsuno_q {
  float: right;
  padding-top: 20px;
}
.balloon_box_02 .txt_area {
  float: right;
  width: calc(100% - 160px);
  text-align: justify;
  background: #f2dcdb;
  border: 20px solid #f2dcdb;
  border-radius: 20px;
}
.balloon_box_02 .txt_area .answer {
  font-size: 1.7rem;
  font-weight: bold;
}
.balloon_box_02 .question_area {
  float: right;
  width: calc(100% - 160px);
  text-align: justify;
  background: #d7e4bd;
  border: 20px solid #d7e4bd;
  border-radius: 20px;
}
.balloon_box_02 .question_area .question {
  font-size: 1.7rem;
  font-weight: bold;
}

.noSide_tbl_01 {
  border-collapse: collapse;
}
.noSide_tbl_01 th, .noSide_tbl_01 td {
  padding: 5px;
  border: 1px solid #999999;
}
.noSide_tbl_01 th {
  font-weight: bold;
  vertical-align: middle;
  border-left: none;
}
.noSide_tbl_01 td {
  border-right: none;
}

/* テーブル（点線） */
.dot_tbl_01 {
  border-collapse: collapse;
}
.dot_tbl_01 th, .dot_tbl_01 td {
  border: 2px dotted #9f9f9f;
  padding: 5px 10px;
  font-size: 1.5rem;
  line-height: calc( 25 / 15);
}
.dot_tbl_01 th {
  width: 85px;
  font-weight: bold;
  text-align: center;
}
.dot_tbl_01 caption {
  caption-side: bottom;
  text-align: right;
}

.unit_box_01 .unit_box_inner {
  overflow: hidden;
}
.unit_box_01 .img_area {
  float: left;
  width: 236px;
  margin-right: 20px;
}
.unit_box_01 .img_area img {
  border: 1px solid #e1e1e1;
}
.unit_box_01 .txt_area {
  float: right;
  width: 394px;
}
.unit_box_01 .txt_area dt {
  font-size: 1.7rem;
}

.unit_box_02 .unit_box_inner {
  overflow: hidden;
}
.unit_box_02 .img_area {
  float: left;
  width: 200px;
  margin-right: 15px;
}
.unit_box_02 .txt_area {
  float: right;
  width: 435px;
}
.unit_box_02 .txt_area dl dt {
  display: inline-block;
  width: 100px;
  margin-right: 10px;
  vertical-align: top;
}
.unit_box_02 .txt_area dl dd {
  display: inline-block;
  width: 321px;
  vertical-align: middle;
}
.unit_box_02 .txt_area .bd_dot {
  border-bottom: 2px dotted #9f9f9f;
}

.unit_box_03 {
  overflow: hidden;
}
.unit_box_03 .fl {
  float: left;
  width: 265px;
  margin: 0 20px 0 0;
}
.unit_box_03 .fr {
  float: right;
  width: 365px;
}

.unit_box_04 dl {
  margin-bottom: 20px;
}
.unit_box_04 dl dt {
  color: #9f9f9f;
  font-weight: bold;
}
.unit_box_04 dl dd {
  overflow: hidden;
}
.unit_box_04 dl dd .img_area {
  float: right;
  margin-left: 10px;
}

.unit_box_05 {
  overflow: hidden;
}
.unit_box_05 .img_area {
  float: right;
  width: 265px;
  margin: 0 0 0 15px;
}
.unit_box_05 .txt_area {
  float: left;
  width: 370px;
}
.unit_box_05 .txt_area table tbody tr td {
  min-width: 195px;
}

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

.unit_box_06 dd ul {
  overflow: hidden;
}
.unit_box_06 dd ul li {
  float: left;
  width: calc( (100% - (15px * 4 ) ) / 5 );
  margin: 0 15px 15px 0;
}
.unit_box_06 dd ul li:nth-child(5n) {
  margin: 0 0 15px 0;
}
.unit_box_06 dd ul .c_img {
  width: 100%;
  border: 1px solid #e1e1e1;
}

.unit_box_07 dl {
  margin: 0 0 20px 0;
}
.unit_box_07 dl dt {
  max-width: 260px;
  padding: 0 0 0 10px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #ff9249;
  background-color: #ff9249;
}
.unit_box_07 dl dd {
  overflow: hidden;
}
.unit_box_07 dl dd .img_area {
  float: right;
  margin: 0 0 0 10px;
}
.unit_box_07 dl:last-child {
  margin: 0;
}

.chart_box_01 {
  max-width: 395px;
  margin: 0 auto;
}
.chart_box_01 dl dd {
  display: table-cell;
  vertical-align: middle;
}

.chart_box_02 {
  max-width: 440px;
  margin: 0 auto;
}
.chart_box_02 dl dd {
  display: table-cell;
  vertical-align: top;
}
.chart_box_02 dl dd.arrow {
  padding-top: 10%;
}

.chart_box_03 {
  max-width: 500px;
  margin: 0 auto;
}
.chart_box_03 dl dt {
  padding: .5em .5em .45em 1em;
  border: 2px solid #58e365;
  border-radius: 5px;
  background: #cefbc7;
}
.chart_box_03 dl dd {
  text-align: center;
}

.qa_box dl dt {
  font-size: 1.7rem;
  font-weight: bold;
  padding-left: 2.5em;
  text-indent: -2.5em;
}
.qa_box dl dt::before {
  content: 'Q.';
  color: #43a9f8;
  font-size: 3rem;
  padding-right: 5px;
}
.qa_box dl dd {
  margin-left: 4em;
}
.qa_box dl dd p {
  display: table;
  padding-left: -0.5em;
}
.qa_box dl dd p::before {
  display: table-cell;
  content: 'A.';
  color: #f65828;
  font-size: 3rem;
  font-weight: bold;
  padding-right: 5px;
}
.qa_box dl dd table {
  width: auto;
  margin-left: 2.5em;
}
.qa_box dl dd table tr th {
  white-space: nowrap;
}

#sec_before_selection .colset {
  display: flex;
  justify-content: space-between;
}
#sec_before_selection .colset + .colset {
  margin-top: 20px;
}
#sec_before_selection .colset .img_area {
  width: 48%;
}

#sec_method_features .method_area {
  display: flex;
  justify-content: space-between;
}
#sec_method_features .method_area .col {
  width: 49.5%;
  padding: 10px 6px;
}
#sec_method_features .method_area .monolithic {
  border-radius: 10px;
  border: 2px solid #fac090;
}
#sec_method_features .method_area .curing {
  border-radius: 10px;
  border: 2px solid #9bbb59;
}

.refurbishment_record .txt_area dl dt, .refurbishment_record .txt_area dl dd {
  display: inline;
}
.refurbishment_record .img_area {
  display: table;
  margin: 0 auto;
}
.refurbishment_record .img_area figure {
  display: table-cell;
  vertical-align: middle;
}
.refurbishment_record .img_area figure.arrow {
  padding: 0 10px 0 15px;
}
.refurbishment_record .img_area figure figcaption {
  text-align: right;
}

.configuration_point5 {
  display: flex;
  justify-content: space-between;
}
.configuration_point5 + .configuration_point5 {
  margin-top: 30px;
}
.configuration_point5 .col {
  width: 48%;
}
.configuration_point5 dt {
  text-decoration: underline;
  font-weight: bold;
  margin-top: 5px;
}

.equal2col {
  display: flex;
}
.equal2col .col + .col {
  border-left: 1px solid #9f9f9f;
}
.equal2col .col:nth-child(1) {
  padding-right: 10px;
}
.equal2col .col:nth-child(2) {
  padding-left: 10px;
}

.useProductSelection .toCustomers > .inner {
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.useProductSelection .toCustomers > .inner .img {
  float: left;
}
.useProductSelection .toCustomers > .inner .balloon {
  float: left;
}
.useProductSelection .toCustomers > .inner .balloon dl {
  position: relative;
  margin-left: 19px;
  border: 1px solid #a5a5a5;
  padding: 15px 25px 15px 32px;
  border-radius: 10px;
}
.useProductSelection .toCustomers > .inner .balloon dl::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -20px;
  bottom: 15px;
  border-top: 10px solid transparent;
  border-right: 20px solid #a5a5a5;
  border-bottom: 10px solid transparent;
}
.useProductSelection .toCustomers > .inner .balloon dl:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -18px;
  bottom: 15px;
  border-top: 10px solid transparent;
  border-right: 20px solid #fff;
  border-bottom: 10px solid transparent;
}
.useProductSelection .anchorArea {
  margin: 30px 0 40px;
  padding-bottom: 40px;
}
.useProductSelection .anchorArea .title {
  color: #ffffff;
  font-size: 2.0rem;
  padding: 8px 0 5px 10px;
  margin-bottom: 15px;
  line-height: 1;
}
.useProductSelection .anchorArea .title.orange {
  background: #f79646;
}
.useProductSelection .anchorArea .title.green {
  background: #9bbb5a;
}
.useProductSelection .anchorArea .title.blue {
  background: #4f81bc;
}
.useProductSelection .anchorArea .title.light_orange {
  background: #ffb011;
}
.useProductSelection .anchorArea .arr_link {
  position: relative;
  padding-left: 12px;
}
.useProductSelection .anchorArea .arr_link:not(:first-of-type) {
  margin-top: 1em;
}
.useProductSelection .anchorArea .arr_link::before {
  position: absolute;
  top: .6em;
  left: .6em;
  content: '';
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-top: 1px solid #00508e;
  border-right: 1px solid #00508e;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.useProductSelection .anchorArea .arr_link a {
  padding-left: 12px;
  text-decoration: none;
  color: #333;
  line-height: 1.66;
  font-size: 1.5rem;
}
.useProductSelection .anchorArea .arr_link a:hover {
  text-decoration: underline !important;
  color: #00508e;
}

.productsArea .inner {
  overflow: hidden;
  margin: 0 0 30px 0;
  padding-bottom: 50px;
}
.productsArea .inner .text {
  float: left;
  width: 401px;
}
.productsArea .inner .text .name {
  display: table;
  width: 100%;
  border-bottom: 1px solid #a5a5a5;
  margin-bottom: 5px;
}
.productsArea .inner .text .name p {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 5px;
}
.productsArea .inner .text .name p span {
  font-weight: bold;
}
.productsArea .inner .text .name p span::before {
  content: "■";
}
.productsArea .inner .text .disp_table a {
  max-width: 401px;
}
.productsArea .inner .img {
  float: right;
  width: 234px;
  margin: 0 0 0 15px;
}
.productsArea .inner .img img + img {
  margin-top: 10px;
}

.bg_heading_01 {
  padding: .5em .5em .45em .5em;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

/* 背景色ピンク */
.bg_heading_01 {
  padding: .5em .5em .45em .5em;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  background: #d99694;
}

/* 背景色ブルー */
.bg_heading_02 {
  padding: .5em .5em .45em .5em;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  background: #149bdf;
}

/* 背景色イエロー */
.bg_heading_03 {
  padding: .5em .5em .45em .5em;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  background: #ffc000;
}

a.linkInherit {
  color: #333;
  font-size: 1.7rem;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.6;
}
a.linkInherit:hover {
  border-bottom: 2px solid #333;
}

.thumb_box_01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.thumb_box_01 dl {
  width: calc( (100% - (20px * 2) ) / 3);
}
.thumb_box_01 dl dt {
  min-height: 150px;
}
.thumb_box_01 dl dd .height125px {
  min-height: 125px;
}
.thumb_box_01 dl dd img {
  border: 1px solid #e1e1e1;
}

/*メンテナンス動画　POPUP*/
#pop_body {
  margin: 6px auto 30px;
  max-width: 640px;
  width: 80%;
  box-sizing: border-box;
}
#pop_body .text02 {
  margin: 0 0 20px;
  padding: 9px 6px 12px 6px;
  text-align: left;
  font-size: 1.6rem !important;
  font-weight: bold;
  line-height: 1;
  border-bottom: 1px dotted #e1e1e1;
}
#pop_body .contents {
  margin-bottom: 30px;
}
#pop_body .movieArea_wpapper {
  width: 100%;
}
#pop_body .movieArea {
  margin-bottom: 20px;
}
#pop_body dt, #pop_body dd {
  border-bottom: 1px solid #e1e1e1;
  font-size: 1.5rem;
  line-height: 1.6667;
  line-height: calc(25/15);
}
#pop_body dd {
  padding: 10px 0;
}
#pop_body .attention {
  padding: 10px;
  text-align: left;
  color: #999999;
  font-size: 1.5rem;
  line-height: 1.6667;
  line-height: calc(25/15);
  background: #F5F5F5;
}

/* 合わせてお読みください                                                                 */
#sec_please_read {
  margin: 6em 0 8em;
  padding: 30px 20px;
  background-color: #f8f7f7;
}
#sec_please_read .read_title {
  margin: 0 auto 30px;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  font-size: 2rem;
}
#sec_please_read.pleaseRead {
  font-size: 1.5rem;
}
#sec_please_read.pleaseRead .guideBtnArea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#sec_please_read.pleaseRead .guideBtnArea > * {
  width: 300px;
  border: 1px solid #bfbfbf;
}
#sec_please_read.pleaseRead .guideBtnArea > * a {
  display: block;
}
#sec_please_read.pleaseRead .guideBtnArea > * a:hover {
  opacity: .7;
}
#sec_please_read.pleaseRead .guideBtnArea > *:nth-child(n + 3) {
  margin-top: 1em;
}
#sec_please_read.pleaseRead .guideBtnArea + .guideBtnArea {
  margin-top: 1em;
}

/* カタログを取り寄せる                                                                   */
.catalog_area {
  margin-bottom: 70px;
  margin-top: 40px;
}
.catalog_area .area_title {
  border-bottom: 1px dotted #b8b8b8;
  font-size: 2rem;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 auto 30px;
  padding-bottom: 10px;
}
.catalog_area .area_title svg {
  width: 32px;
  height: 32px;
  vertical-align: text-bottom;
  margin-right: 8px;
}
.catalog_area .area_title svg .st0 {
  fill: #3d3d3d;
}
.catalog_area .col2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.catalog_area .col2 li {
  display: flex;
  width: calc((100% - 20px) / 2);
  margin: 0 20px 30px 0;
}
.catalog_area .col2 li:nth-child(2n) {
  margin-right: 0;
}
.catalog_area .col2 li .img_link {
  margin-right: 20px;
}
.catalog_area .col2 li .img_link a {
  display: block;
  width: 83px;
}
.catalog_area .col2 li .img_link a:hover {
  opacity: 0.7;
}
.catalog_area .col2 li .img_link img {
  outline: 1px solid #bfbfbf;
}
.catalog_area .col2 li dl {
  display: block;
  letter-spacing: 0.05em;
}
.catalog_area .col2 li dl dt {
  display: block;
  margin-bottom: 8px;
}
.catalog_area .col2 li dl dt a {
  display: block;
  color: #333;
  font-size: 1.3rem;
  line-height: 1.7;
  text-decoration: none;
}
.catalog_area .col2 li dl dt a span {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
  padding-left: 1em;
  position: relative;
}
.catalog_area .col2 li dl dt a span::before {
  content: '';
  border-top: 2px solid #00508e;
  border-right: 2px solid #00508e;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0.5em;
  left: 0;
}
.catalog_area .col2 li dl dt a:hover span {
  text-decoration: underline;
  color: #00508e;
}
.catalog_area .col2 li dl dd {
  font-size: 1.5rem;
  line-height: 1.6;
}
.catalog_area .issue-txt {
  display: table;
  margin: 0.5em 0 0 auto;
}
.catalog_area .limit3 {
  color: #ff0000;
}

/* お問い合わせ                                                                           */
.contact_area {
  margin-bottom: 130px;
}
.contact_area .area_title {
  border-bottom: 1px dotted #b8b8b8;
  font-size: 2rem;
  letter-spacing: .05em;
  text-align: center;
  margin: 0 auto 30px;
  padding-bottom: 10px;
}
.contact_area .col6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-bottom: 80px;
}
.contact_area .col6 li {
  width: 150px;
  text-align: center;
  margin: 0 16px 16px 0;
}
.contact_area .col6 li:nth-child(4n) {
  margin-right: 0;
}
.contact_area .col6 li a {
  background-color: #00508e;
  border: 1px solid #00508e;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: 140px;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: .05em;
  text-decoration: none;
  padding: 27px 0 15px;
}
.contact_area .col6 li a svg {
  height: 50px;
}
.contact_area .col6 li a svg .st0 {
  fill: #fff;
}
.contact_area .col6 li a .icon_phone {
  fill: #00508e;
  stroke: #fff;
  stroke-width: 1.9649;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 22.9256;
}
.contact_area .col6 li a .icon_webcatalog {
  width: 50px;
  margin: 0 auto;
}
.contact_area .col6 li a .icon_webcatalog.off {
  display: block;
}
.contact_area .col6 li a .icon_webcatalog.on {
  display: none;
}
.contact_area .col6 li a:hover {
  background-color: #fff;
  color: #00508e;
}
.contact_area .col6 li a:hover svg .st0 {
  fill: #00508e;
}
.contact_area .col6 li a:hover .icon_phone {
  fill: #fff;
  stroke: #00508e;
}
.contact_area .col6 li a:hover .icon_webcatalog.off {
  display: none;
}
.contact_area .col6 li a:hover .icon_webcatalog.on {
  display: block;
}
.contact_area .guideContact_txt {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.5rem;
  line-height: 1.6;
}

.productName dt {
  width: 4em;
  display: inline-block;
  vertical-align: top;
}
.productName dd {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

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

.data_dl {
  display: flex;
}
.data_dl > dt {
  white-space: nowrap;
}

.text_table {
  width: auto;
}

.section_block {
  font-size: 1.5rem;
}
.section_block + .section_block {
  margin-top: 40px;
}

.equal2_column {
  /* 常時均等2カラム*/
  display: flex;
  justify-content: space-between;
}
.equal2_column > * {
  width: 318px;
}

.equal2col_to_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.equal2col_to_1 > * {
  width: 48.93%;
  max-width: 318px;
}
.equal2col_to_1 > *:nth-child(n + 3) {
  margin-top: 20px;
}
.equal2col_to_1 .height_fix {
  max-height: 318px;
}
.equal2col_to_1.center1col {
  justify-content: center;
}

.bg_blue {
  background-color: #e0f1fd;
  padding: 14px;
}
.bg_blue .equal2col_to_1 > * {
  max-width: 304px;
}

.equal6col_to_4 {
  /* PC6カラムSP4カラム */
  display: flex;
  flex-wrap: wrap;
}
.equal6col_to_4 > * {
  width: 100px;
}
.equal6col_to_4 > *:nth-child(n + 1) {
  margin-right: 10px;
}
.equal6col_to_4 > *:nth-child(6n) {
  margin-right: 0;
}
.equal6col_to_4 > *:nth-child(n + 7) {
  margin-top: 20px;
}

.equal3col_to_2 {
  /* PC3カラムSP2カラム */
  display: flex;
  flex-wrap: wrap;
}
.equal3col_to_2 > * {
  width: 210px;
}
.equal3col_to_2 > *:nth-child(n + 1) {
  margin-right: 10px;
}
.equal3col_to_2 > *:nth-child(3n) {
  margin-right: 0;
}
.equal3col_to_2 > *:nth-child(n + 4) {
  margin-top: 20px;
}

.equal3col {
  /* PC3カラムSP3カラム */
  display: flex;
  flex-wrap: wrap;
}
.equal3col > * {
  width: 210px;
  margin-right: 10px;
}
.equal3col > *:nth-child(3n) {
  margin-right: 0;
}
.equal3col > *:nth-child(n + 4) {
  margin-top: 20px;
}

.equal4col_to_2 {
  /* PC4カラムSP2カラム */
  display: flex;
  flex-wrap: wrap;
}
.equal4col_to_2 > * {
  width: 155px;
}
.equal4col_to_2 > *:nth-child(n + 1) {
  margin-right: 10px;
}
.equal4col_to_2 > *:nth-child(4n) {
  margin-right: 0;
}
.equal4col_to_2 > *:nth-child(n + 5) {
  margin-top: 20px;
}

.col2_to_1 {
  display: flex;
}
.col2_to_1 > *:not(:first-child) {
  margin: 0 0 0 10px;
}
.col2_to_1 > *:not([class*="img"]) {
  flex-grow: 1;
}
.col2_to_1 .img_wrap {
  flex-shrink: 0;
}
.col2_to_1 .w220 {
  width: 220px;
}

.arrow_eq2col_to1 {
  /* →ありの均等2カラム */
  display: flex;
  justify-content: space-between;
}
.arrow_eq2col_to1 > * {
  width: 300px;
}
.arrow_eq2col_to1 > *:first-child .image_wrap {
  position: relative;
}
.arrow_eq2col_to1 > *: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/guide/arrow.gif") no-repeat center center;
  background-size: contain;
}
.arrow_eq2col_to1.no_arrow .image_wrap::after {
  display: none;
}

.seibu_col2 {
  /* SP時順番変更 */
  display: flex;
  flex-wrap: wrap;
}
.seibu_col2 .before_block {
  width: 240px;
  flex-shrink: 0;
}
.seibu_col2 .info_text {
  max-width: 390px;
  margin: 0 0 0 15px;
}
.seibu_col2 .after_block {
  width: 100%;
  margin: 15px 0 0;
}

.has_label {
  position: relative;
}
.has_label .label {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  padding: .5em;
  position: absolute;
  top: 0;
}
.has_label .right {
  right: 0;
}
.has_label .left {
  left: 0;
}

.plain_table {
  width: auto;
}
.plain_table th, .plain_table td {
  vertical-align: top;
}
.plain_table .has_colon {
  padding-left: 1em;
  position: relative;
}
.plain_table .has_colon::before {
  content: "：";
  position: absolute;
  top: 0;
  left: 0;
}

.th_not_wrap th {
  white-space: nowrap;
}

.has_slash {
  position: relative;
  padding-left: 1em;
}
.has_slash::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "／";
}

.img_max150 {
  max-width: 150px;
  flex-shrink: 0;
}

.img_w240_to_full {
  width: 240px;
  flex-shrink: 0;
}

.img_w200_to_full {
  width: 200px;
  flex-shrink: 0;
}

/* 画像 テキスト回り込み */
.wraparound_box {
  overflow: hidden;
}
.wraparound_box .image_right {
  float: right;
  margin: 0 0 .5em 15px;
}
.wraparound_box .image_left {
  float: left;
  margin: 0 15px .5em 0;
}

.appeal_txt {
  font-weight: bold;
  font-size: 1.7rem;
}

.bold {
  font-weight: bold;
}

.main_visual + .lead_block {
  margin-top: 30px;
}

.lead_block {
  margin-bottom: 30px;
}

.lead_head {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.lead_head + .lead_head02 {
  margin-top: .5em;
}

.lead_head02 {
  color: #00508e;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.lead_head02 + .lead_head {
  margin-top: .4em;
}

/* 人物画像 テキスト横並び */
.person_2col {
  display: flex;
}
.person_2col > * + * {
  margin-left: 15px;
}
.person_2col figcaption {
  width: 100%;
}

.mt_auto {
  margin-top: auto;
}

.direction_column {
  flex-direction: column;
}

/* 画像とテキスト 下矢印 */
.arrow_down_2col_to_1 {
  display: flex;
}
.arrow_down_2col_to_1 .has_arrow::after {
  content: "";
  background: url("/shared/images/guide/arrow_down.gif") no-repeat top center;
  width: 33px;
  height: 30px;
  display: block;
  margin: 10px auto;
}
.arrow_down_2col_to_1 > *:not(:first-child) {
  margin: 0 0 0 15px;
}
.arrow_down_2col_to_1:last-child .has_arrow::after {
  display: none;
}

/* 採用された商品 */
.adoption_area {
  margin: 40px 0 0;
  padding: 20px;
  background-color: #f8f7f7;
}
.adoption_area .adopted {
  display: table;
}
.adoption_area .adopted > * {
  display: table-cell;
}
.adoption_area .adopted dt {
  width: 210px;
  border-radius: 5px;
  background: #ddd;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.adoption_area .adopted dd {
  padding-left: 1em;
  vertical-align: top;
}
.adoption_area .adopted .button_wrap {
  display: table;
}
.adoption_area .adopted .button_wrap > * + * {
  margin-top: 15px;
}

/* コラムと同じように商品へのリンク */
.products_link {
  margin: 70px 0 40px;
}
.products_link .sectionHead {
  border-bottom: 1px dotted #b8b8b8;
  font-size: 2rem;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 30px auto;
  padding-bottom: 10px;
}
.products_link .productsInduction .categoryHead {
  font-size: 1.8rem;
  line-height: 1.2;
  padding-bottom: .5em;
  margin-bottom: 1.25em;
  border-bottom: 1px solid #e1e1e1;
}
.products_link .productsBox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.products_link .productsBox dl {
  width: 208px;
  margin: 0 13px 30px 0;
}
.products_link .productsBox dl:nth-child(3n) {
  margin-right: 0;
}
.products_link .productsBox dl dt a {
  display: block;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.products_link .productsBox dl dt a img {
  width: 100%;
}
.products_link .productsBox dl dt a span {
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
  padding-left: 1em;
  position: relative;
}
.products_link .productsBox dl dt a span::before {
  content: '';
  border-top: 2px solid #00508e;
  border-right: 2px solid #00508e;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  transform: rotate(45deg);
  position: absolute;
  top: 0.5em;
  left: 0;
  margin-top: -4px;
}
.products_link .productsBox dl dt a:hover {
  color: #00508e;
  opacity: 0.7;
}
.products_link .productsBox dl dt a:hover span {
  text-decoration: underline;
  opacity: 0.7;
}
.products_link .productsBox dl dd {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 10px;
}
.products_link .arrowLink a {
  text-decoration: none;
  color: #333;
  font-size: 1.6rem;
  padding-left: 1em;
  position: relative;
  display: inline-block;
  line-height: 1.3;
}
.products_link .arrowLink a:hover {
  color: #00508e;
  opacity: 0.7;
  text-decoration: underline;
}
.products_link .arrowLink a::before {
  content: '';
  border-top: 2px solid #00508e;
  border-right: 2px solid #00508e;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  transform: rotate(45deg);
  position: absolute;
  top: 0.5em;
  left: 0;
  margin-top: -4px;
}
.products_link .arrow_link_button {
  width: 200px;
  margin: 30px auto 0;
}
.products_link .arrow_link_button a {
  border: 1px solid #b5b5b5;
  background-color: #fff;
  padding: 1em 1em;
  text-decoration: none;
  color: inherit;
  line-height: 1.66;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
}
.products_link .arrow_link_button a::before {
  content: '';
  border-top: 2px solid #00508e;
  border-right: 2px solid #00508e;
  width: 8px;
  height: 8px;
  display: block;
  vertical-align: middle;
  transform: rotate(45deg);
  top: 0.5em;
  left: 0;
  margin: 7px 8px 0 0;
}
.products_link .arrow_link_button a:hover {
  background-color: #00508e;
  text-decoration: none;
  color: #fff;
}
.products_link .arrow_link_button a:hover::before {
  border-color: #fff;
}

.enlarge_link_button {
  background: #fff;
  display: inline-flex;
  border: 1px solid #b5b5b5;
  padding: .7em 1em .6em .9em;
  text-decoration: none;
  color: inherit;
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 15px auto 15px;
}
.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;
  opacity: .7;
}

.otherIntroWrap {
  margin: 80px auto 0;
}

.otherIntroArea {
  font-size: 1.5rem;
  max-width: 650px;
  margin: 0 auto;
}
.otherIntroArea .otherIntro {
  border: 1px solid #b5b5b5;
  background: #fff;
  text-align: center;
}
.otherIntroArea .otherIntro a {
  display: block;
  padding: 15px 25px;
  text-decoration: none;
  color: #333;
}
.otherIntroArea .otherIntro a:hover {
  opacity: .7;
}
.otherIntroArea .otherIntro + .otherIntro {
  margin-top: 20px;
}
.otherIntroArea .otherIntro .nextBtnWrap .next,
.otherIntroArea .otherIntro .nextBtnWrap .prev {
  position: relative;
  display: inline-block;
  line-height: 1.38889;
  font-weight: bold;
  font-size: 1.8rem;
}
.otherIntroArea .otherIntro .nextBtnWrap .next::before,
.otherIntroArea .otherIntro .nextBtnWrap .prev::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-top: 1px solid #00508e;
  border-right: 1px solid #00508e;
}
.otherIntroArea .otherIntro .nextBtnWrap .next::before {
  left: calc(100% + .4em);
  transform: rotate(45deg);
}
.otherIntroArea .otherIntro .nextBtnWrap .prev::before {
  right: calc(100% + .4em);
  transform: rotate(225deg);
}
.otherIntroArea .otherIntro .nextBtnWrap .tit {
  line-height: 1.6667;
}
.otherIntroArea .nextTime {
  display: block;
  margin-top: 20px;
  padding: 15px;
  background-color: #e1e1e1;
  text-align: center;
}
.otherIntroArea .nextTime .txt {
  line-height: 1.6667;
}
.otherIntroArea .nextTime .tit {
  line-height: 1.6667;
  font-weight: bold;
}
.otherIntroArea.noLink {
  background: #e1e1e1;
}

.pagination > ul {
  display: table;
  margin: 40px auto 0;
}
.pagination > ul > li {
  display: inline-block;
  font-size: 1.8rem;
  margin-left: 10px;
}
.pagination > ul > li:first-child {
  margin-left: 0;
}
.pagination > ul > li span {
  display: block;
  padding: 15px 18px 14px;
}
.pagination > ul > li a {
  display: block;
  text-decoration: none;
  color: #333;
}
.pagination > ul > li a:hover {
  background-color: #00508e;
  color: #fff;
}
.pagination > ul .current {
  background: #00508e;
}
.pagination > ul .current a {
  pointer-events: none;
  color: #fff;
}
.pagination .arrowL,
.pagination .arrowR {
  vertical-align: top;
}
.pagination .arrowL span,
.pagination .arrowR span {
  padding: 17px 20px 17px 19px;
  line-height: 0;
}
.pagination .arrowL span img,
.pagination .arrowR span img {
  width: 7px;
  height: 12px;
}
.pagination .arrowL a,
.pagination .arrowR a {
  border: 1px solid #fff;
}
.pagination .arrowL a:hover,
.pagination .arrowR a:hover {
  background-color: #fff;
  border: 1px solid #b5b5b5;
  color: #333;
}
.pagination .arrowL {
  transform: rotate(180deg);
}

.icon_head {
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.icon_head .icon {
  flex-shrink: 0;
  text-align: center;
  line-height: 1.2;
  margin-right: 10px;
}
.icon_head .icon .icon_txt {
  margin-top: 5px;
}
.icon_head .icon_column::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background: url("/shared/images/guide/icon_column.svg") no-repeat top center/contain;
}
.icon_head .head_txt {
  font-size: 1.6rem;
  font-weight: bold;
}

.bgblue_bdr_box {
  background: #e2f1f6;
  border: 1px solid #83c2d9;
  padding: 19px;
}
.bgblue_bdr_box .thumbnail_set {
  display: flex;
}
.bgblue_bdr_box .thumbnail_set > * + * {
  margin: 0 0 0 20px;
}
.bgblue_bdr_box .set_img {
  flex-shrink: 0;
  width: calc(280 / 610 * 100%);
}
.bgblue_bdr_box .set_img img {
  width: 100%;
}
.bgblue_bdr_box .heading_txt {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
}
.bgblue_bdr_box .set_text {
  flex-grow: 1;
}
.bgblue_bdr_box .button_2wrapper_to1 > * {
  width: 300px;
}

.button_wrapper {
  display: table;
}

/* 外装ルーバーランダム張りのご紹介 */
.style_consul img {
  width: 648px;
}

.styleLink_card a {
  color: inherit;
}
.styleLink_card a:hover {
  text-decoration: none;
}
.styleLink_card a.box:hover {
  opacity: .7;
}
.styleLink_card button {
  padding: 0;
  color: inherit;
  font-family: inherit;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  appearance: none;
}
.styleLink_card .property {
  font-size: 1.7rem;
}
.styleLink_card .arrow_txt {
  display: flex;
}
.styleLink_card .arrow_txt::before {
  flex-shrink: 0;
  content: "";
  border-top: 2px solid #00508e;
  border-right: 2px solid #00508e;
  width: .6em;
  height: .6em;
  transform: rotate(45deg);
  margin: .3em .5em 0 0;
}
.styleLink_card .box {
  display: block;
  position: relative;
}
.styleLink_card .textWrap {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 14px 14px 10px;
  line-height: 1.3;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.styleLink_card .caption {
  display: table;
  font-size: 1.3rem;
  margin-left: auto;
}
.styleLink_card .card_body {
  padding: 30px 0;
}
.styleLink_card .card_btn {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 14px 50px 10px 14px;
  line-height: 1.3;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: left;
}
.styleLink_card .card_btn .icon {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.styleLink_card .card_btn .icon::before, .styleLink_card .card_btn .icon::after {
  content: "";
  display: block;
  background: #00508e;
}
.styleLink_card .card_btn .icon::before {
  width: 100%;
  height: 2px;
}
.styleLink_card .card_btn .icon::after {
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.styleLink_card .card_btn .caption {
  margin-left: 0;
}
.styleLink_card.is-open .card_btn .icon::after {
  display: none;
}

.main_head {
  border-bottom: 1px solid #7f7f7f;
  font-size: 2.4rem;
  font-weight: 500;
  font-family: 'Noto Sans Japanese', sans-serif;
  line-height: 1.583;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.main_head * {
  font-weight: inherit;
}

.element_icon_box {
  display: flex;
  align-items: center;
}
.element_icon_box .element_head {
  padding: 0 1em 0 0;
}

.element_icon {
  display: flex;
  line-height: 1.2;
}
.element_icon > * {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #7f7f7f;
  font-weight: bold;
  padding: .7em .5em .6em;
  margin-right: 10px;
}
.element_icon > *.off {
  border-color: transparent;
  background: #d9d9d9;
  color: #7f7f7f;
  font-weight: normal;
}
.element_icon.random {
  flex-grow: 1;
}
.element_icon.random > * {
  flex-grow: 1;
  width: 100%;
}

.img_vertical {
  max-width: 304px;
}

/* アンカーリンク　間に＞ */
.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: 308px;
}
.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;
}

/* 「インサルパック」の使い方 */
.insul_note_area {
  border: 1px solid #e36c0a;
  border-radius: 10px;
  padding: 1em;
}
.insul_note_area .note_head {
  font-size: 1.6rem;
  font-weight: bold;
}

.styleLink_card .has_bdr {
  border: 1px solid #7f7f7f;
}

.insul_card .styleLink_card .textWrap {
  max-width: 400px;
}

.number_head {
  display: flex;
}
.number_head .number {
  padding-right: 0.5em;
}
.number_head * {
  font-weight: inherit;
}

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

.col2_250img_to1 {
  display: flex;
  justify-content: space-between;
}
.col2_250img_to1 > * + * {
  margin-left: 10px;
}
.col2_250img_to1 .text_box {
  flex-grow: 1;
}
.col2_250img_to1 .image_box {
  width: 250px;
  flex-shrink: 0;
}

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

.insul_work_place3col {
  display: flex;
  flex-wrap: wrap;
}
.insul_work_place3col > * {
  flex-shrink: 0;
  width: 200px;
  margin-right: 9px;
}
.insul_work_place3col > *:nth-child(3n) {
  margin-right: 0;
}

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

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

.square_head_m {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 0.3em;
  display: flex;
}
.square_head_m::before {
  content: "■";
  flex-shrink: 0;
}

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

.w600_auto_block {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.qa_pair + .qa_pair {
  margin-top: 40px;
}
.qa_pair .a_head {
  display: flex;
}
.qa_pair .a_head .text {
  flex-grow: 1;
  padding: .4em 0 .6em 0;
  border-bottom: 1px solid #7f7f7f;
  line-height: 1.583;
  margin-bottom: 1em;
}
.qa_pair .icon {
  flex-shrink: 0;
  width: 36px;
  margin-right: 10px;
}
.qa_pair .a_text {
  display: flex;
}
.qa_pair .a_text .body {
  padding: .4em 0 0 0;
}
.qa_pair .qa_2col > * {
  width: 294px;
}
.qa_pair .bdrAreaBlue {
  padding: 1em;
}
.qa_pair .bdrAreaBlue .qa_2col > * {
  width: 282px;
}

/* よくある質問 */
.qa_pair02 button {
  padding: 0;
  color: inherit;
  font-family: inherit;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  appearance: none;
  font-size: inherit;
  text-align: inherit;
}
.qa_pair02 .icon_img {
  flex-shrink: 0;
  width: 36px;
  margin-right: 10px;
}
.qa_pair02 .q_head {
  width: 100%;
  background: #00508e;
  color: #fff;
  display: flex;
  align-items: center;
  font-weight: normal;
  padding: 9px 1em;
}
.qa_pair02 .q_head * {
  font-weight: inherit;
}
.qa_pair02 .q_head .text {
  margin-right: .5em;
}
.qa_pair02 .q_head .icon {
  flex-shrink: 0;
  width: 26px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  margin-left: auto;
  position: relative;
}
.qa_pair02 .q_head .icon::before, .qa_pair02 .q_head .icon::after {
  content: "";
  display: block;
  background: #fff;
}
.qa_pair02 .q_head .icon::before {
  width: 100%;
  height: 4px;
}
.qa_pair02 .q_head .icon::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 4px;
  height: 100%;
}
.qa_pair02.is-open .q_head .icon::after {
  display: none;
}
.qa_pair02 .a_text {
  display: flex;
  padding: 20px 15px 30px;
}
.qa_pair02 .a_text .insul_table {
  table-layout: fixed;
}
.qa_pair02 .qa_2col > * {
  width: 282px;
}
.qa_pair02 .bdrAreaBlue {
  padding: 1em;
}
.qa_pair02 .bdrAreaBlue .qa_2col > * {
  width: 264px;
}

/* 食品工場・厨房に最適な床材は？ */
.tipsArea {
  background: #f5fdff;
  border: 2px solid #00508e;
  padding: 15px;
}

.foodfactory_place {
  position: relative;
}
.foodfactory_place .anc_btn {
  display: inline-block;
  padding: .8em .4em;
  border: 1px solid #b5b5b5;
  background-color: #fff;
  text-decoration: none;
  color: #333;
  font-size: 1.5rem;
  position: absolute;
}
.foodfactory_place .anc_btn .text {
  display: flex;
}
.foodfactory_place .anc_btn .text::before {
  content: '';
  width: 7px;
  height: 7px;
  display: block;
  border-bottom: 1px solid #00508e;
  border-right: 1px solid #00508e;
  transform: rotate(45deg);
  vertical-align: middle;
  margin-right: .5em;
}
.foodfactory_place .anc_btn:hover {
  background-color: #00508e;
  color: #fff;
}
.foodfactory_place .anc_btn:hover .text::before {
  border-color: #fff;
}
.foodfactory_place .a_btn {
  bottom: 70px;
  right: 140px;
}
.foodfactory_place .b_btn {
  top: 214px;
  right: 0;
}
.foodfactory_place .c_btn {
  top: 98px;
  left: 5px;
}
.foodfactory_place .d_btn {
  top: 26px;
  right: 94px;
}

.foodfactory_bnr {
  background: #bdd7ee;
  color: inherit;
  padding: 15px 20px;
  line-height: 1.2;
}
.foodfactory_bnr > a {
  color: inherit;
}
.foodfactory_bnr > a:hover {
  opacity: .7;
  text-decoration: none;
}
.foodfactory_bnr .head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: .2em;
}
.foodfactory_bnr .body {
  background: #deebf7;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.foodfactory_bnr .logo {
  flex-shrink: 0;
  width: 70px;
  margin-left: auto;
}
.foodfactory_bnr .text_wrap {
  flex-grow: 1;
}
.foodfactory_bnr .p_name {
  font-size: 2rem;
  font-weight: bold;
  margin-right: .2em;
}
.foodfactory_bnr .p_subname {
  font-size: 1.4rem;
  margin: .5em 0 0 auto;
}
.foodfactory_bnr .icon_wrap {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  min-height: 70px;
}
.foodfactory_bnr .icon_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 260px;
  margin-right: 10px;
}
.foodfactory_bnr .icon_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #595757;
  border-radius: 6px;
  color: #fff;
  font-size: 1.2rem;
  width: 5em;
  padding: .3em .5em .2em;
  text-align: center;
  margin-right: 5px;
}
.foodfactory_bnr .icon_list li:nth-child(n + 5) {
  margin-top: 5px;
}
.foodfactory_bnr .p-image {
  flex-shrink: 0;
  width: 230px;
  margin-left: 15px;
}
.foodfactory_bnr.bnr2 {
  background: #ffe699;
}
.foodfactory_bnr.bnr2 .body {
  background: #fff2cc;
}

/* 施工事例をさらに見るボタン */
.button_wrap01 {
  display: flex;
  justify-content: center;
}

.example_link_button {
  border: 1px solid #b5b5b5;
  background-color: #fff;
  padding: .8em 1em .7em .9em;
  text-decoration: none;
  color: inherit;
  line-height: 1.2;
  display: flex;
  font-size: 1.5rem;
}
.example_link_button svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  fill: none;
  stroke: #000;
  stroke-width: 1.872;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 22.9256;
  margin-right: .6em;
}
.example_link_button p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.example_link_button:hover {
  background-color: #00508e;
  text-decoration: none;
}
.example_link_button:hover svg {
  fill: #00508e;
  stroke: #fff;
}
.example_link_button:hover p {
  color: #fff;
}
.example_link_button:hover p::before {
  border-color: #fff;
}

/* カタログアイコン リンクボタン */
.cata_link_button {
  border: 1px solid #b5b5b5;
  background-color: #fff;
  padding: .8em 1em .7em .9em;
  text-decoration: none;
  color: inherit;
  line-height: 1.2;
  display: flex;
  font-size: 1.5rem;
}
.cata_link_button svg {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  fill: #333;
  margin-right: .6em;
}
.cata_link_button p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cata_link_button:hover {
  background-color: #00508e;
  text-decoration: none;
}
.cata_link_button:hover svg {
  fill: #fff;
}
.cata_link_button:hover p {
  color: #fff;
}

/* テラゾー商品 比較 */
.bnr_link {
  display: block;
}

.justify_c_center {
  justify-content: center !important;
}

.icon_head2 {
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.icon_head2 .icon {
  flex-shrink: 0;
  line-height: 1.2;
  margin-right: 10px;
}
.icon_head2 .icon::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon_head2 .icon_okunai::before {
  background-image: url("/shared/images/guide/icon_okunai.svg");
}
.icon_head2 .icon_okugai::before {
  background-image: url("/shared/images/guide/icon_okugai.svg");
}
.icon_head2 .head_txt {
  font-size: 1.6rem;
}

.button_3wrapper_to1 {
  display: flex;
  flex-wrap: wrap;
}
.button_3wrapper_to1 > * {
  width: 206px;
}
.button_3wrapper_to1 > *:nth-child(3n - 1) {
  margin-left: 16px;
}
.button_3wrapper_to1 > *:nth-child(3n) {
  margin-left: 16px;
}
.button_3wrapper_to1 > *:nth-child(n + 4) {
  margin-top: 10px;
}

.button_2wrapper_to1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.button_2wrapper_to1 > * {
  width: 317px;
}
.button_2wrapper_to1 > *:nth-child(n + 3) {
  margin-top: 10px;
}

.terrazzo_block {
  line-height: 1.35;
}
.terrazzo_block .block_inner {
  border: 1px solid #7f7f7f;
  padding: 15px;
}
.terrazzo_block .block_inner2 {
  border: 1px solid #7f7f7f;
  border-top: 0;
  background: #e8e8e8;
}
.terrazzo_block .text_wrap {
  flex-grow: 1;
  background: #fff;
}
.terrazzo_block .p_wrapper {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.terrazzo_block .p_heading {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  color: #333;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.2;
}
.terrazzo_block .p_image {
  flex-shrink: 0;
  width: 150px;
}
.terrazzo_block .p_name {
  display: block;
  font-weight: bold;
}
.terrazzo_block .p_subname {
  display: block;
  font-size: 1.4rem;
  margin: 0 0 .5em;
}
.terrazzo_block .inner_head .head_txt {
  font-size: 1.6rem;
}

.ml_auto {
  margin-left: auto !important;
}

.acco_trigger {
  cursor: pointer;
}

.acco_inner {
  display: none;
}

.terrazzo_acco button {
  padding: 0;
  color: inherit;
  font-family: inherit;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  appearance: none;
}
.terrazzo_acco button.inner_head {
  width: 100%;
  position: relative;
  padding: 10px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
}
.terrazzo_acco button.inner_head .icon {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
}
.terrazzo_acco button.inner_head .icon::before, .terrazzo_acco button.inner_head .icon::after {
  content: "";
  display: block;
  background: #00508e;
}
.terrazzo_acco button.inner_head .icon::before {
  width: 20px;
  height: 2px;
}
.terrazzo_acco button.inner_head .icon::after {
  width: 2px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.terrazzo_acco .acco_trigger {
  width: 100%;
}
.terrazzo_acco.is-open .inner_head .icon::after {
  display: none;
}
.terrazzo_acco .acco_inner {
  padding: 10px 19px 19px;
}
.terrazzo_acco .movie1col {
  max-width: 560px;
  margin: 0 auto;
}

.main_head.has_icon {
  display: flex;
  align-items: center;
}
.main_head.has_icon .icon {
  flex-shrink: 0;
  width: 70px;
  margin-left: 15px;
}

.lede_icon_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lede_icon_block .icon_img {
  flex-shrink: 0;
  width: 80px;
}
.lede_icon_block .lede_txt_wrap {
  flex-grow: 1;
  max-width: calc(100% - 90px);
}

.product_page_link {
  display: flex;
  flex-wrap: wrap;
}
.product_page_link > * {
  width: 206px;
}
.product_page_link > *:nth-child(3n - 1) {
  margin-left: 16px;
}
.product_page_link > *:nth-child(3n) {
  margin-left: 16px;
}
.product_page_link > *:nth-child(n + 4) {
  margin-top: 30px;
}
.product_page_link a {
  color: inherit;
  line-height: 1.3;
}
.product_page_link a:hover {
  color: #00508e;
  opacity: 0.7;
}
.product_page_link .name {
  font-weight: bold;
  margin-top: 10px;
  padding-left: 1em;
  position: relative;
}
.product_page_link .name::before {
  content: '';
  border-top: 2px solid #00508e;
  border-right: 2px solid #00508e;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  transform: rotate(45deg);
  position: absolute;
  top: 0.5em;
  left: 0;
  margin-top: -4px;
}

/* 施設別　騒音シミュレーション */
.bg_gray_radius {
  background-color: #e7e7e7;
  border-radius: 8px;
  padding: 15px;
}

.heading_normal {
  font-size: 1.7rem;
}

.colon_after {
  position: relative;
  padding-right: 1em;
}
.colon_after::after {
  content: "：";
  position: absolute;
  right: 0;
  top: 0;
}

/* 「トーカスSi」の使い方 */
.txt_blue {
  color: #4472C4;
}

.voice_box .icon_box {
  display: flex;
  justify-content: space-between;
}
.voice_box .icon_box > * + * {
  margin: 0 0 0 15px;
}
.voice_box .icon_person {
  flex-shrink: 0;
  width: 100px;
}
.voice_box + .voice_box {
  margin-top: 30px;
  border-top: 1px solid #b5b5b5;
  padding-top: 15px;
}

.waku_box {
  border: 2px solid #b5b5b5;
  border-radius: 10px;
  padding: 13px;
}

/* 木目調仕上げ材のバリエーション */
.mokume_icons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 8px;
}
.mokume_icons > * {
  width: 54px;
}
.mokume_icons > *.wide {
  width: 108px;
}

.p_wrapper02 {
  display: flex;
  gap: 0 15px;
}
.p_wrapper02 .p_image02 {
  flex-shrink: 0;
  max-width: 300px;
}
.p_wrapper02 .p_image02.w400 {
  max-width: 400px;
}
.p_wrapper02 .text_wrap02 {
  flex-grow: 1;
}

.flex_to_block {
  display: flex;
  column-gap: 15px;
}
.flex_to_block > * {
  flex-grow: 1;
}

.w42per {
  flex-shrink: 0;
  width: 42%;
}

.other_product {
  background: #e2f1f6;
  border-radius: 8px;
  padding: 20px 20px 30px;
}
.other_product .icon_light_bulb {
  color: #1a5189;
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: .7em;
}
.other_product .icon_light_bulb::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url("/shared/images/guide/icon_light_bulb.png") no-repeat left center;
  flex-shrink: 0;
  margin-right: 10px;
}
.other_product .col2 {
  display: flex;
  gap: 0 15px;
}
.other_product .col2 .image_wrap {
  flex-shrink: 0;
  width: 300px;
}
.other_product .col2 .text_area {
  flex-grow: 1;
}

@media screen and (max-width: 767px) {
  #guide {
    overflow-x: hidden;
  }
  #guide .main {
    overflow-x: hidden;
  }

  #articleWrap {
    display: block;
  }
  #articleWrap > * {
    display: block;
  }
  #articleWrap h1 {
    margin-bottom: 25px;
    font-size: 2.1rem;
  }

  #article {
    width: 100%;
  }

  #articleList {
    width: 100%;
    padding-left: 0;
    /*padding-bottom: 8em;*/
  }
  #articleList .guideHead {
    margin: 0 -2em 15px;
    text-align: center;
  }
  #articleList .listBlock li {
    position: relative;
    margin-top: 10px;
    padding: 5px 10px 4px 20px;
  }
  #articleList .listBlock li::before {
    content: '';
    position: absolute;
    top: 1.3em;
    left: .6em;
    width: 7px;
    height: 7px;
    border-top: 1px solid #00508e;
    border-right: 1px solid #00508e;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
  }
  #articleList .listBlock li:first-child {
    margin-top: 0;
  }
  #articleList .listBlock li a {
    text-decoration: none;
    font-size: 1.5rem;
    line-height: 1.6667;
    line-height: calc(25/15);
    color: #333;
  }
  #articleList .listBlock li a:hover {
    text-decoration: underline;
    color: #00508e;
  }
  #articleList .listBlock li a.new {
    padding: 0 53px 0 0;
    background: url(/shared/images/common/icon_new03.png) no-repeat right 0;
    background-size: auto 16px;
  }
  #articleList .listBlock li.current {
    pointer-events: none;
    cursor: default;
    background-color: #00508e;
  }
  #articleList .listBlock li.current::before {
    border-color: #fff;
  }
  #articleList .listBlock li.current a {
    color: #fff;
  }
  #articleList .listBlock li.current a:hover {
    opacity: 1;
    cursor: default;
    text-decoration: none;
  }

  #descriptionArea .c_heading {
    margin-bottom: 15px;
    line-height: 1.2;
    font-size: 1.9rem;
  }
  #descriptionArea .commentsNote {
    color: #e36c0a;
    font-weight: bold;
  }
  #descriptionArea .img_col01 {
    margin-bottom: 30px;
    text-align: center;
  }
  #descriptionArea .img_col01 > figure {
    display: inline-block;
    line-height: 0;
    font-size: 0;
    text-align: left;
  }
  #descriptionArea .img_col01 > figure > img {
    width: 100%;
  }
  #descriptionArea .img_col01 > figure figcaption {
    margin-top: .5em;
  }
  #descriptionArea .c_heading02 {
    font-size: 1.6rem;
  }
  #descriptionArea .c_heading02 .smaller {
    font-size: 1.4rem;
  }

  .anchorArea {
    margin-top: 15px;
  }
  .anchorArea p {
    font-size: 1.5rem;
  }

  .anchorBox {
    padding: 1em;
    border: none;
    background-color: #f4f4f4;
    line-height: calc(48 / 28);
  }

  .sp_different_window {
    display: none;
  }

  .sp_table_block {
    display: block;
  }

  /* SP時表を拡大するボタン */
  .enlarge_link_button {
    display: block;
    padding: .7em 1em .6em .9em;
    width: calc(500 / 670 * 100%);
    margin: 15px auto 15px;
  }
  .enlarge_link_button:hover {
    opacity: 1;
  }

  .recommendChoice {
    display: block;
  }
  .recommendChoice .lookFor {
    width: 100%;
  }

  .colSet .colImgR {
    width: 25vw;
  }
  .colSet p {
    width: 60vw;
  }

  .equalImg {
    display: block;
  }
  .equalImg li {
    width: 100%;
    margin: 0 55px 40px 0;
  }
  .equalImg li:nth-of-type(3n) {
    margin-right: 0;
  }
  .equalImg .colBlock {
    display: flex;
  }
  .equalImg .colBlock .ccolImg {
    width: 25vw;
    margin-right: 10px;
  }
  .equalImg .colBlock img {
    border: 1px solid #e1e1e1;
  }
  .equalImg .colBlock p {
    font-size: 1.5rem;
    line-height: 1.6667;
    line-height: calc(25/15);
  }
  .equalImg .colBlock p.strong {
    margin-top: 0;
    margin-bottom: .5em;
    font-weight: bold;
    font-size: 1.6rem;
  }

  .img_3col_list .box {
    width: 100%;
    margin-right: 0;
  }
  .img_3col_list .box figure {
    overflow: hidden;
  }
  .img_3col_list .box img {
    width: 45%;
    float: left;
    margin: 0 10px 0 0;
  }
  .img_3col_list .box:not(first-child), .img_3col_list .box:nth-child(n + 4) {
    margin-top: 10px;
  }

  .thumb_2col_01 .box {
    width: 100%;
  }
  .thumb_2col_01 .box img {
    width: 100%;
  }

  .img_with_txt01 .img_area {
    float: none !important;
    margin: 0 0 15px !important;
    text-align: center;
  }
  .img_with_txt01 .img_area figure figcaption {
    text-align: left;
  }

  .img_with_txt02 .img_area.fl {
    margin: 0 10px 10px 0;
  }
  .img_with_txt02 .img_area.fr {
    margin: 0 0 10px 10px;
  }

  .img_with_txt03 .btn_area {
    width: 100%;
    padding: 0 0 30px;
  }
  .img_with_txt03 .btn_area a {
    padding: 5px 10px;
  }
  .img_with_txt03 .img_area {
    text-align: center;
  }

  .img_col04 ul {
    text-align: center;
  }
  .img_col04 ul li {
    margin: 0 10px 10px 0 !important;
  }

  .img_col03,
  .img_col05,
  .img_col06,
  .img_col07,
  .img_col08 {
    text-align: center;
  }
  .img_col03 figure,
  .img_col05 figure,
  .img_col06 figure,
  .img_col07 figure,
  .img_col08 figure {
    float: none !important;
    width: auto !important;
    margin: 0 0 20px !important;
  }
  .img_col03 figure:last-child,
  .img_col05 figure:last-child,
  .img_col06 figure:last-child,
  .img_col07 figure:last-child,
  .img_col08 figure:last-child {
    margin: 0;
  }

  .mainte_box dd {
    margin: 20px 0;
  }
  .mainte_box dd .img_area {
    float: none;
    width: 100%;
    text-align: center;
  }
  .mainte_box dd .img_area_02 {
    display: block;
    text-align: center;
  }
  .mainte_box dd .img_area_02 figure {
    margin-bottom: 20px;
  }
  .mainte_box dd .txt_area {
    float: none;
    width: 100%;
    margin-top: 20px !important;
  }
  .mainte_box dd .txt_area p {
    position: static;
    width: 100%;
  }

  .balloon_box_01 .img_area {
    width: 100px;
  }
  .balloon_box_01 .txt_area {
    width: calc(100% - 100px);
    background: #f2dcdb;
    border: 15px solid #f2dcdb;
    border-radius: 15px;
  }

  .balloon_box_02 .img_area {
    width: 100px;
  }
  .balloon_box_02 .img_area img {
    width: 80px;
  }
  .balloon_box_02 .img_area img.tsuno_q {
    width: 20px;
  }
  .balloon_box_02 .txt_area {
    width: calc(100% - 100px);
    border: 15px solid #f2dcdb;
    border-radius: 15px;
  }
  .balloon_box_02 .txt_area .answer {
    font-size: 1.7rem;
    font-weight: bold;
  }
  .balloon_box_02 .question_area {
    width: calc(100% - 100px);
    border: 15px solid #d7e4bd;
    border-radius: 15px;
  }

  .img_question_02 img {
    width: 150px;
  }

  .unit_box_01 .img_area {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
  }
  .unit_box_01 .img_area figure figcaption {
    text-align: left;
  }
  .unit_box_01 .txt_area {
    float: none;
    width: 100%;
  }

  .unit_box_02 .img_area {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
  .unit_box_02 .txt_area {
    float: none;
    width: 100%;
  }
  .unit_box_02 .txt_area dl dt {
    width: 90px;
    margin-right: 5px;
  }
  .unit_box_02 .txt_area dl dd {
    width: calc(100% - 100px);
  }

  .unit_box_03 .fl {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .unit_box_03 .fr {
    float: none;
    width: 100%;
  }

  .unit_box_05 .img_area {
    float: none;
    width: 100%;
    margin: 0 0 30px;
  }
  .unit_box_05 .txt_area {
    float: none;
    width: 100%;
  }
  .unit_box_05 .txt_area table tbody tr td {
    width: 50%;
  }

  .unit_box_06 dd ul li {
    width: calc( (100% - (15px * 2 ) ) / 3 );
    margin: 0 15px 15px 0 !important;
  }
  .unit_box_06 dd ul li:nth-child(3n) {
    margin: 0 0 15px 0 !important;
  }

  .unit_box_07 dl dt {
    max-width: none;
  }
  .unit_box_07 dl dd .img_area {
    float: none;
    margin: 0 0 10px 0;
    text-align: center;
  }

  .qa_box dl dd {
    margin-left: 0;
  }

  .configuration_point5 {
    display: block;
  }
  .configuration_point5 + .configuration_point5 {
    margin-top: 0;
  }
  .configuration_point5 .col {
    width: 100%;
  }
  .configuration_point5 .col + .col {
    margin-top: 20px;
  }
  .configuration_point5 figure {
    display: table;
    margin: 0 auto;
  }

  .equal2col {
    display: block;
  }
  .equal2col .col + .col {
    border-left: none;
    border-top: 1px solid #9f9f9f;
  }
  .equal2col .col:nth-child(1) {
    padding: 0 0 15px 0;
  }
  .equal2col .col:nth-child(2) {
    padding: 15px 0 0 0;
  }

  .useProductSelection .toCustomers > .inner .img {
    min-width: 60px;
  }
  .useProductSelection .toCustomers > .inner .balloon {
    float: left;
  }
  .useProductSelection .toCustomers > .inner .balloon dl {
    padding: 10px 10px 10px 10px;
  }
  .useProductSelection .toCustomers > .inner .balloon dl::before {
    left: -20px;
    top: 20px;
    bottom: 0;
  }
  .useProductSelection .toCustomers > .inner .balloon dl:after {
    left: -18px;
    top: 20px;
    bottom: 0;
  }
  .useProductSelection .anchorArea .title {
    font-size: 1.6rem;
  }
  .useProductSelection .anchorArea .arr_link a:hover {
    text-decoration: none !important;
    color: #333;
  }

  .productsArea .inner .text {
    float: none;
    width: 100%;
  }
  .productsArea .inner .img {
    float: none;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
  }
  .productsArea .inner .img img {
    max-width: 234px;
    width: 100%;
  }

  #sec_before_selection .colset {
    display: block;
    justify-content: space-between;
  }
  #sec_before_selection .colset .img_area {
    width: 100%;
  }
  #sec_before_selection .colset .img_area + .img_area {
    margin-top: 20px;
  }

  #sec_method_features .method_area {
    display: block;
  }
  #sec_method_features .method_area .col {
    width: 100%;
  }
  #sec_method_features .method_area .monolithic {
    margin-bottom: 10px;
  }

  .refurbishment_record .img_area {
    display: block;
  }
  .refurbishment_record .img_area figure {
    display: table;
    margin: 0 auto;
  }
  .refurbishment_record .img_area figure.arrow {
    padding: 0;
    margin: -15px auto -10px;
    transform: rotateZ(90deg);
  }

  .thumb_box_01 dl {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .thumb_box_01 dl dt {
    min-height: inherit;
  }
  .thumb_box_01 dl dd .height125px {
    min-height: inherit;
  }
  .thumb_box_01 dl:last-child {
    margin: 0;
  }

  .lede_description .colSet .colImgR, .lede_description .colSet .colImgL {
    float: none;
    width: 100%;
    margin: auto;
    margin-bottom: 2em;
    text-align: center;
  }
  .lede_description .colSet p {
    width: 100%;
  }

  .disp_table {
    width: 100%;
  }

  #sec_please_read {
    padding: 1.5em calc(40 / 750 * 100%) 2em;
    margin: 3em -2em 4em;
  }
  #sec_please_read .read_title {
    font-size: 1.8rem;
    margin-bottom: 1em;
  }
  #sec_please_read.pleaseRead .guideBtnArea {
    display: block;
    width: 100%;
  }
  #sec_please_read.pleaseRead .guideBtnArea > * {
    width: 100%;
  }
  #sec_please_read.pleaseRead .guideBtnArea > * + * {
    margin-top: 1em;
  }
  #sec_please_read.pleaseRead .guideBtnArea + .guideBtnArea {
    margin-top: 1em;
  }

  /*メンテナンス動画　POPUP*/
  #pop_body {
    margin: 6px auto 15px;
    width: 93%;
  }
  #pop_body .text02 {
    line-height: 1.2;
  }
  #pop_body .contents {
    margin-bottom: 10px;
  }
  #pop_body .movieArea {
    margin-bottom: 10px;
  }
  #pop_body .attention {
    font-size: 1.2rem;
    margin-bottom: 50px;
  }

  .catalog_area {
    margin-bottom: 60px;
    padding: 0 calc((40 / 750) * 100%);
  }
  .catalog_area .area_title {
    font-size: 1.6rem;
    margin: 0 auto 15px;
  }
  .catalog_area .area_title svg {
    width: 21px;
    height: 21px;
  }
  .catalog_area .col2 {
    display: block;
  }
  .catalog_area .col2 li {
    width: 100%;
    margin: 0 0 30px;
  }
  .catalog_area .col2 li .img_link {
    width: 25%;
    max-width: 166px;
    margin-right: 16px;
  }
  .catalog_area .col2 li .img_link a {
    width: 100%;
  }
  .catalog_area .col2 li .img_link a img {
    width: 100%;
  }
  .catalog_area .col2 li dl {
    max-width: 70%;
  }
  .catalog_area .col2 li dl dt a {
    font-size: 1.1rem;
    line-height: 2;
  }
  .catalog_area .col2 li dl dt a span {
    color: #333;
    font-size: 1.5rem;
    line-height: 1.3;
    text-decoration: none;
  }
  .catalog_area .col2 li dl dt a span::before {
    margin-top: -4px;
  }
  .catalog_area .col2 li dl dd {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-top: 0.5em;
  }

  .contact_area {
    margin-bottom: 60px;
    padding: 0 calc((40 / 750) * 100%);
  }
  .contact_area .area_title {
    font-size: 1.6rem;
    margin: 0 auto 15px;
  }
  .contact_area .col6 {
    justify-content: flex-start;
    margin-bottom: 40px;
  }
  .contact_area .col6 li {
    width: calc((320 / 670) * 100%);
    height: calc((150 / 670) * 100%);
    margin: 0 calc((30 / 670) * 100%) calc((30 / 670) * 100%) 0;
  }
  .contact_area .col6 li:nth-child(2n) {
    margin-right: 0;
  }
  .contact_area .col6 li a {
    background-color: #fff;
    height: auto;
    color: #00508e;
    font-size: 1.4rem;
    padding: calc((30 / 320) * 100%) 0;
  }
  .contact_area .col6 li a svg {
    width: calc((50 / 320) * 100%);
    height: auto;
    max-height: 50px;
    margin: 0 auto calc((15 / 320) * 100%);
  }
  .contact_area .col6 li a svg .st0 {
    fill: #00508e;
  }
  .contact_area .col6 li a .icon_phone {
    fill: #fff;
    stroke: #00508e;
  }
  .contact_area .col6 li a .icon_webcatalog {
    width: calc((50 / 320) * 100%);
    height: calc((50 / 320) * 100%);
    margin: 0 auto calc((15 / 320) * 100%);
  }
  .contact_area .col6 li a .icon_webcatalog.on {
    display: block;
  }
  .contact_area .col6 li a .icon_webcatalog.off {
    display: none;
  }
  .contact_area .col6 li a .icon_sample {
    fill: #00508e;
  }
  .contact_area .col6 br.sp_hide {
    display: none;
  }

  .equal2_column {
    /* 常時均等2カラム*/
    display: flex;
    justify-content: space-between;
  }
  .equal2_column > * {
    width: calc(320 / 750 * 100vw);
  }

  .equal2col_to_1 {
    display: block;
  }
  .equal2col_to_1 > * {
    width: 100%;
    max-width: 100%;
  }
  .equal2col_to_1 > *:not(:first-child) {
    margin: 15px 0 0;
  }
  .equal2col_to_1 .height_fix {
    max-height: 100%;
  }

  .bg_blue {
    padding: 14px calc(20 / 750 * 100vw);
  }
  .bg_blue .equal2col_to_1 > * {
    max-width: 100%;
  }

  .equal6col_to_4 {
    /* PC6カラムSP4カラム */
  }
  .equal6col_to_4 > * {
    width: 22.75%;
  }
  .equal6col_to_4 > *:nth-child(n + 1) {
    margin-right: 3%;
  }
  .equal6col_to_4 > *:nth-child(4n) {
    margin-right: 0;
  }
  .equal6col_to_4 > *:nth-child(n + 5) {
    margin-top: 15px;
  }

  .equal3col_to_2 {
    /* PC3カラムSP2カラム */
    justify-content: space-between;
  }
  .equal3col_to_2 > * {
    width: calc(320 / 750 * 100vw);
  }
  .equal3col_to_2 > *:nth-child(n + 1) {
    margin-right: 0;
  }
  .equal3col_to_2 > *:nth-child(n + 3) {
    margin-top: 20px;
  }

  .equal3col {
    /* PC3カラムSP3カラム */
  }
  .equal3col > * {
    width: calc((100% - 20px) / 3);
  }

  .equal4col_to_2 {
    /* PC4カラムSP2カラム */
    justify-content: space-between;
  }
  .equal4col_to_2 > * {
    width: calc(320 / 750 * 100vw);
  }
  .equal4col_to_2 > *:nth-child(even) {
    margin-right: 0;
  }
  .equal4col_to_2 > *:nth-child(n + 3) {
    margin-top: 20px;
  }

  .col2_to_1 {
    display: block;
  }
  .col2_to_1 > *:not(:first-child) {
    margin: 15px 0 0;
  }
  .col2_to_1 .w220 {
    width: 100%;
  }

  .arrow_eq2col_to1 {
    display: block;
  }
  .arrow_eq2col_to1 > * {
    width: 100%;
  }
  .arrow_eq2col_to1 > *:first-child .image_wrap::after {
    display: none;
  }
  .arrow_eq2col_to1 > *:first-child::after {
    margin: 10px auto;
    content: "";
    width: 33px;
    height: 30px;
    display: block;
    background: url("/shared/images/guide/arrow_down.gif") no-repeat center center;
    background-size: contain;
  }
  .arrow_eq2col_to1.no_arrow > *:first-child::after {
    background: none;
  }

  .seibu_col2 {
    /* SP時順番変更 */
  }
  .seibu_col2 .before_block {
    width: 100%;
    max-width: 70%;
  }
  .seibu_col2 .info_text {
    max-width: 100%;
    width: 100%;
    margin: 15px 0 0;
    order: 1;
  }

  .has_label .label {
    font-size: 1.5rem;
  }

  .img_w240_to_full,
  .img_w200_to_full {
    width: 100%;
  }

  /* 画像 テキスト回り込み */
  .wraparound_box {
    overflow: hidden;
  }
  .wraparound_box .image_right {
    float: right;
    margin: 0 0 .5em 15px;
  }
  .wraparound_box .image_left {
    float: left;
    margin: 0 15px .5em 0;
  }

  .appeal_txt {
    font-weight: bold;
    font-size: 1.7rem;
  }

  .main_visual + .lead_block {
    margin-top: 30px;
  }

  .lead_block {
    margin-bottom: 30px;
  }

  .lead_head {
    font-size: 1.8rem;
  }
  .lead_head + .lead_head02 {
    margin-top: .5em;
  }

  .lead_head02 {
    font-size: 1.6rem;
  }

  /* 人物画像 テキスト横並び */
  .person_2col .img_max150 {
    min-width: 120px;
    width: calc(150 / 750 * 100vw);
  }

  /* 画像とテキスト 下矢印 */
  .arrow_down_2col_to_1 {
    display: block;
  }
  .arrow_down_2col_to_1::after {
    content: "";
    background: url("/shared/images/guide/arrow_down.gif") no-repeat top center;
    width: 33px;
    height: 30px;
    display: block;
    margin: 10px auto;
  }
  .arrow_down_2col_to_1 .has_arrow::after {
    display: none;
  }
  .arrow_down_2col_to_1 > *:not(:first-child) {
    margin: 15px 0 0;
  }
  .arrow_down_2col_to_1:last-child::after {
    display: none;
  }

  /* 採用された商品 */
  .adoption_area {
    padding: calc(20 / 750 * 100vw);
    background-color: #f8f7f7;
  }
  .adoption_area .adopted {
    display: block;
  }
  .adoption_area .adopted > * {
    display: block;
  }
  .adoption_area .adopted dt {
    width: 100%;
    padding: 1em;
    margin-bottom: 1em;
  }
  .adoption_area .adopted dd {
    padding-left: 0;
  }
  .adoption_area .adopted .button_wrap {
    display: block;
  }
  .adoption_area .adopted .button_wrap > * + * {
    margin-top: 15px;
  }

  .products_link .sectionHead {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .products_link .productsBox dl {
    width: calc((100% - 15px) / 2);
    margin: 0 15px 1.5em 0;
  }
  .products_link .productsBox dl:nth-child(even) {
    margin-right: 0;
  }
  .products_link .productsBox dl:nth-child(odd) {
    margin-right: 15px;
  }
  .products_link .arrow_link_button {
    width: calc(500 / 670 * 100%);
    margin: 15px auto 0;
  }

  .otherIntroWrap {
    margin-top: 50px;
  }

  .otherIntroArea.noLink {
    background: #e1e1e1;
  }

  .bgblue_bdr_box .thumbnail_set {
    display: block;
  }
  .bgblue_bdr_box .thumbnail_set > * + * {
    margin: 20px 0 0;
  }
  .bgblue_bdr_box .set_img {
    width: auto;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  .bgblue_bdr_box .heading_txt {
    font-size: 1.6rem;
  }
  .bgblue_bdr_box .button_2wrapper_to1 > * {
    width: 100%;
  }

  /* 外装ルーバーランダム張りのご紹介 */
  .main_head {
    font-size: 1.9rem;
    margin-bottom: 15px;
  }

  .img_vertical {
    max-width: 100%;
  }

  .element_icon_box {
    display: block;
  }
  .element_icon_box .element_head {
    padding: 0 0 1em 0;
  }

  /* アンカーリンク　間に＞ */
  .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;
  }

  /* 「インサルパック」の使い方 */
  .col2_250img_to1 {
    display: block;
  }
  .col2_250img_to1 > * + * {
    margin: 20px 0 0;
  }
  .col2_250img_to1 .image_box {
    width: 100%;
  }

  .col2_200img_to1 {
    display: block;
  }
  .col2_200img_to1 > * + * {
    margin: 20px 0 0;
  }
  .col2_200img_to1 .image_box {
    width: 100%;
  }

  .insul_work_place3col {
    display: block;
  }
  .insul_work_place3col > * {
    width: 100%;
    margin-right: 0;
  }
  .insul_work_place3col > *:not(:first-child) {
    margin-top: 20px;
  }
  .insul_work_place3col > * .image_wrap {
    width: 50%;
    margin: 0 auto;
  }

  .font_sans_head_m02 {
    font-size: 1.7rem;
  }

  .square_head_m {
    font-size: 1.5rem;
  }

  .qa_pair + .qa_pair {
    margin-top: 30px;
  }
  .qa_pair .a_head {
    display: flex;
  }
  .qa_pair .qa_2col > * {
    width: 100%;
  }
  .qa_pair .qa_2col > * {
    width: 100%;
  }
  .qa_pair .bdrAreaBlue .qa_2col > * {
    width: 100%;
  }

  /* よくある質問 */
  .qa_pair02 .icon_img {
    margin-right: 5px;
  }
  .qa_pair02 .q_head {
    padding: 9px 8px;
  }
  .qa_pair02 .a_text {
    padding: 10px 10px 30px;
  }
  .qa_pair02 .a_text .insul_table {
    font-size: 1.3rem;
    table-layout: auto;
  }
  .qa_pair02 .qa_2col > * {
    width: 100%;
  }
  .qa_pair02 .bdrAreaBlue .qa_2col > * {
    width: 100%;
  }

  /* 食品工場・厨房に最適な床材は？ */
  .tipsArea {
    padding: 14px;
  }

  .foodfactory_place .anc_btn {
    padding: .8em .4em;
    font-size: calc(15 / 750 * 100vw);
  }
  .foodfactory_place .anc_btn .text::before {
    width: calc(7 / 750 * 100vw);
    height: calc(7 / 750 * 100vw);
    margin-right: .5em;
  }
  .foodfactory_place .a_btn {
    bottom: calc(70 / 750 * 100vw);
    right: calc(140 / 750 * 100vw);
  }
  .foodfactory_place .b_btn {
    top: calc(214 / 750 * 100vw);
    right: 0;
  }
  .foodfactory_place .c_btn {
    top: calc(98 / 750 * 100vw);
    left: calc(5 / 750 * 100vw);
  }
  .foodfactory_place .d_btn {
    top: calc(26 / 750 * 100vw);
    right: calc(94 / 750 * 100vw);
  }

  .foodfactory_bnr {
    padding: calc(15 / 750 * 100vw) calc(20 / 750 * 100vw);
  }
  .foodfactory_bnr .body {
    padding: calc(10 / 750 * 100vw);
  }
  .foodfactory_bnr .logo {
    width: calc(70 / 750 * 100vw);
  }
  .foodfactory_bnr .text_wrap {
    flex-grow: 1;
  }
  .foodfactory_bnr .text_box {
    font-size: calc(15 / 750 * 100vw);
  }
  .foodfactory_bnr .p_name {
    font-size: 1.8rem;
  }
  .foodfactory_bnr .p_subname {
    font-size: 1.4rem;
  }
  .foodfactory_bnr .icon_wrap {
    margin-bottom: calc(30 / 750 * 100vw);
    min-height: calc(70 / 750 * 100vw);
  }
  .foodfactory_bnr .icon_list {
    margin-right: calc(10 / 750 * 100vw);
  }
  .foodfactory_bnr .icon_list li {
    border-radius: calc(6 / 750 * 100vw);
    font-size: calc(12 / 750 * 100vw);
    margin-right: calc(5 / 750 * 100vw);
  }
  .foodfactory_bnr .icon_list li:nth-child(n + 5) {
    margin-top: calc(5 / 750 * 100vw);
  }
  .foodfactory_bnr .p-image {
    width: calc(230 / 750 * 100vw);
    margin-left: calc(15 / 750 * 100vw);
  }
  .foodfactory_bnr.bnr2 {
    background: #ffe699;
  }
  .foodfactory_bnr.bnr2 .body {
    background: #fff2cc;
  }

  /* テラゾー商品 比較 */
  .button_3wrapper_to1 {
    display: block;
  }
  .button_3wrapper_to1 > * {
    width: 100%;
  }
  .button_3wrapper_to1 > *:not(:first-child) {
    margin: 10px 0 0;
  }

  .button_2wrapper_to1 {
    display: block;
  }
  .button_2wrapper_to1 > * {
    width: 100%;
  }
  .button_2wrapper_to1 > *:not(:first-child) {
    margin-top: 10px;
  }

  .terrazzo_block {
    column-gap: 15px;
  }
  .terrazzo_block .p_heading {
    font-size: 1.6rem;
  }
  .terrazzo_block .p_image {
    width: 75px;
  }
  .terrazzo_block .p_subname {
    font-size: 1.4rem;
  }
  .terrazzo_block .inner_head .head_txt {
    font-size: 1.6rem;
  }

  .terrazzo_acco .acco_inner {
    padding: 10px 14px 19px;
  }

  .lede_icon_block {
    align-items: flex-start;
  }

  .product_page_link {
    justify-content: space-between;
  }
  .product_page_link > * {
    width: calc(327 / 750 * 100vw);
  }
  .product_page_link > *:nth-child(3n - 1) {
    margin-left: 0;
  }
  .product_page_link > *:nth-child(3n) {
    margin-left: 0;
  }
  .product_page_link > *:nth-child(n + 3) {
    margin-top: 25px;
  }
  .product_page_link a {
    color: inherit;
    line-height: 1.3;
  }
  .product_page_link a:hover {
    color: #00508e;
    opacity: 0.7;
  }
  .product_page_link .name {
    font-weight: bold;
    margin-top: 10px;
    padding-left: 1em;
    position: relative;
  }
  .product_page_link .name::before {
    content: '';
    border-top: 2px solid #00508e;
    border-right: 2px solid #00508e;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    transform: rotate(45deg);
    position: absolute;
    top: 0.5em;
    left: 0;
    margin-top: -4px;
  }

  /* 施設別　騒音シミュレーション */
  .bg_gray_radius {
    padding: 14px;
  }

  .heading_normal {
    font-size: 1.6rem;
  }

  /* 「トーカスSi」の使い方 */
  .voice_box > * + * {
    margin: 0 0 0 calc(15 / 750 * 100vw);
  }
  .voice_box .icon_person {
    width: 70px;
  }

  /* 木目調仕上げ材のバリエーション */
  .mokume_icons {
    gap: 15px 8px;
  }
  .mokume_icons > * {
    width: 44px;
  }
  .mokume_icons > *.wide {
    width: 98px;
  }

  .p_wrapper02 {
    display: block;
  }
  .p_wrapper02 > *:not(:first-child) {
    margin-top: 15px;
  }

  .flex_to_block {
    display: block;
  }

  .other_product {
    padding: 20px calc(30 / 670* 100%) 20px;
  }
  .other_product .icon_light_bulb {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .other_product .icon_light_bulb::before {
    width: 36px;
    height: 36px;
  }
  .other_product .col2 {
    display: block;
  }
  .other_product .col2 > * + * {
    margin-top: 15px;
  }
  .other_product .col2 .image_wrap {
    width: 100%;
  }
  .other_product .col2 .text_area {
    flex-grow: 1;
  }
}
/********************************************************************************************
　汎用
********************************************************************************************/
strong, .strong, b {
  font-weight: bold;
}

header.fixed .header_list > span#btn-search b {
  font-weight: normal;
}

em {
  font-style: normal;
  font-weight: bold;
}

.over {
  overflow: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.red {
  color: #FF0000;
}

.widFull {
  width: 100%;
}

.mAuto {
  margin: 0 auto;
}

.notWrap {
  white-space: nowrap;
}

.maxW420 {
  max-width: 420px;
}

.alignCenter,
.align_center {
  text-align: center !important;
}

.alignRight {
  text-align: right !important;
}

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

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

.vAlignB {
  vertical-align: bottom;
}

.vAlignM {
  vertical-align: middle !important;
}

.tblFixed {
  table-layout: fixed;
}

.vAlignImgB {
  display: flex;
  align-items: flex-end;
}

.dispTable {
  display: table;
}

.dispCell {
  display: table-cell;
}

.m0 {
  margin: 0 !important;
}

.pd10 {
  padding: 10px 0;
}

.mt1em {
  margin-top: 1em;
}

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

.mb2em {
  margin-bottom: 2em !important;
}

.mb3em {
  margin-bottom: 3em !important;
}

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

.pad1em {
  padding: 1em;
}

.pad02em {
  padding: .2em !important;
}

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

.padHalfEm {
  padding: .5em;
}

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

.indent2_5em {
  text-indent: -2.5em;
  padding-left: 2.5em;
}

.indent3em {
  text-indent: -3em;
  padding-left: 3em;
}

.indent4em {
  text-indent: -4em;
  padding-left: 4em;
}

/* margin top */
.mt0 {
  margin-top: 0;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

/* margin bottom */
.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

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

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

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

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mrHalf {
  margin-right: .5em !important;
}

/* margin left */
.ml0 {
  margin-left: 0 !important;
}

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

.ml6 {
  margin-left: 6px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.ml15 {
  margin-left: 15px !important;
}

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

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml45 {
  margin-left: 45px !important;
}

/* padding top */
.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 45px !important;
}

.pt1em {
  padding-top: 1em !important;
}

/* padding bottom */
.pb0 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 30px !important;
}

.pb45 {
  padding-bottom: 35px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb1em {
  padding-bottom: 1em !important;
}

/* padding right */
.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

/* padding left */
.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

/* font-size */
.fs10 {
  font-size: 1.0rem !important;
}

.fs12 {
  font-size: 1.2rem !important;
}

.fs16 {
  font-size: 1.6rem !important;
}

.fs17 {
  font-size: 1.7rem !important;
}

.fs20 {
  font-size: 2.0rem !important;
}

.fs14 {
  font-size: 1.4rem;
}

.fs13 {
  font-size: 1.3rem;
}

.pt30_pc_only {
  padding-top: 30px !important;
}

.pb80_pc_only {
  padding-bottom: 80px !important;
}

.td_tr {
  writing-mode: tb-rl;
  line-height: 1em;
}

.sp {
  display: none;
}

/* 文字色 */
.orangeEmphasis {
  color: #e36c0a !important;
  font-weight: bold;
}
.orangeEmphasis * {
  font-weight: inherit;
}

.blueEmphasis {
  color: #1381e8 !important;
  font-weight: bold;
}

.colorBlue {
  color: #1a5189 !important;
}

.colorBlue2 {
  color: #0000fe !important;
}

/* 背景色 */
.bgC001 {
  background: #00b050;
  color: #ffffff;
}

.bgC002 {
  background: #cc66ff;
  color: #ffffff;
}

.bgC003 {
  background: #f79646;
  color: #ffffff;
}

.bgC004 {
  background: #149bdf;
  color: #ffffff;
}

.bgC005 {
  background: #d99694;
  color: #ffffff;
}

.bgC006 {
  background: #ffc000;
  color: #ffffff;
}

.bgC007 {
  background: #e2f0d9;
}

.bgC008 {
  background: #cdfffd;
}

/* ボーダー */
.bdrAreaBlue {
  border: 1px solid #1a5189;
}

.underLine {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: .2em;
}

.bdrBtmDot {
  border-bottom: 2px dotted #9f9f9f;
}

.borderBtm {
  border-bottom: 1px solid #9f9f9f;
}

.bdrNoneLeft {
  border-left: none !important;
}

.bdrNoneRight {
  border-right: none !important;
}

.underLineH {
  background: url(/shared/images/material_temp/bg_ttl_borde.gif) repeat-x left bottom;
}

.w192_pc_only {
  width: 192px;
}

/* hover時 */
.rollovar:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .pt30_pc_only {
    padding-top: 0 !important;
  }

  .pb80_pc_only {
    padding-bottom: 0 !important;
  }

  .sp_w100 {
    width: 100% !important;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .w192_pc_only {
    width: auto;
  }

  .w240_sp_only {
    width: 240px;
  }

  .sp_alignLeft {
    text-align: left !important;
  }

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

  .pt0_sp {
    padding-top: 0 !important;
  }

  .pl1em_sp {
    padding-left: 1em;
  }

  .mt15_sp {
    margin-top: 15px !important;
  }

  .mt30_sp {
    margin-top: 30px !important;
  }
}

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