@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pc { display: block; }

.sp { display: none; }

img.pc { display: inline; }

img.sp { display: none; }

table.pc { display: table; }

table.sp { display: none; }

.property-bg { margin-top: 20px; background: #074b8c; }

.property .c-btn { padding: 6px 10px 6px 10px; }

.font-nsj { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

.font-yg { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.mab70 { margin-bottom: 70px; }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico2-arrow-w::before { content: url("../../assets/img/common/ico_arrow_w.svg"); }

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

/* ==================================================================================================== idx
==================================================================================================== */
.topLead { padding: 160px 0 175px; border-bottom: 1px solid #fff; background: url(/img/ja/property/ttl_bg001.gif) no-repeat center top; background-size: cover; color: #fff; text-align: center; }

.topLead .ttl-property-en { margin-bottom: 20px; font-size: 114%; font-style: italic; font-family: "Lato", sans-serif; }

.topLead .ttl-property { font-size: 285%; font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; letter-spacing: 0.3rem; }

.idx { padding: 70px 0 75px; }

.idx .ttl-box { margin-bottom: 90px; color: #fff; text-align: center; }

.idx .ttl-box .ttl-lead { margin-bottom: 60px; font-size: 171%; }

.idx .ttl-box .lead { margin-bottom: 30px; line-height: 1.6; }

.idx .ttl-box .more { width: 280px; margin: 0 auto; text-align: left; }

.idx .ttl-box .more a { display: block; padding: 15px; border: 1px solid #fff; background: #074b8c url(/img/ja/property/arrow_i001.png) no-repeat right 15px center; color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-decoration: none; }

.idx .ttl-box .more a:hover { opacity: 0.7; }

.idx .ttl-box .ttl-box-nav { display: flex; justify-content: space-between; max-width: 940px; margin-inline: auto; }
.idx .ttl-box .ttl-box-nav a { display: flex; justify-content: center; align-items: center; column-gap: 10px; width: 47.8723404255%; height: 5em; border: 1px solid #fff; color: #fff; font-size: 2.4rem; line-height: 1.4; text-decoration: none; }
@media screen and (max-width: 767px) { .idx .ttl-box .ttl-box-nav a { font-size: 1.6rem; } }
.idx .ttl-box .ttl-box-nav a .ico { width: 1.2rem; }

.idx .box { position: relative; margin-bottom: 70px; }

.idx .box01 .photo, .idx .box03 .photo { text-align: right; }

.idx .box .lead { position: absolute; top: 50%; width: 550px; margin-top: -10%; background: #fff; }

.idx .box .lead .copy { margin-bottom: 20px; color: #074b8c; font-size: 2.4rem; font-weight: 700; }

.idx .box .lead .number { margin-bottom: 35px; }

.idx .box .lead .txt { margin-bottom: 20px; color: #074b8c; font-size: 150%; font-weight: bold; line-height: 1.8; }

.idx .box .more { width: 280px; }

.idx .box .more a { display: block; padding: 10px 15px; background: #0059af url(/img/ja/property/arrow_i001.png) no-repeat right 15px center; color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-decoration: none; }

.idx .box .more a:hover { opacity: 0.7; }

.idx .box01 .lead { left: 0; padding: 45px 65px; }

.idx .box02 .lead { right: 0; padding: 60px 65px; }

.idx .box03 .lead { left: 0; padding: 45px 65px; }

.idx .box04 .lead { right: 0; padding: 75px 65px 85px; }

/* ==================================================================================================== about
==================================================================================================== */
.about { padding: 70px 0; }

.about .box { max-width: 860px; margin: 0 auto; padding: 60px 0; background: #fff; }

.about .box .inner { width: 81.39%; margin: 0 auto; }

.about .box .ttl-about { margin-bottom: 20px; font-size: 285%; color: #1b5893; font-weight: bold; text-align: center; }

.about .box .line { width: 80px; margin: 0 auto 70px; border: 2px solid #074b8c; }

.about .box dl { margin-bottom: 55px; }

.about .box dt { margin-bottom: 20px; font-size: 128%; color: #074b8c; font-weight: bold; }

.about .box dd { line-height: 1.8; }

/* ==================================================================================================== imitation
==================================================================================================== */
.imitation { padding: 70px 0; }

.imitation .box { max-width: 860px; margin: 0 auto; padding: 60px 0; background: #fff; }

.imitation .box .inner { width: 81.39%; margin: 0 auto; }

.imitation .box .ttl-imitation { margin-bottom: 20px; font-size: 285%; color: #1b5893; font-weight: bold; text-align: center; }

.imitation .box .line { width: 80px; margin: 0 auto 70px; border: 2px solid #074b8c; }

.imitation .box .lead { margin-bottom: 60px; }
.imitation .box .subttl { margin-bottom: 20px; color: #074b8c; font-size: 128%; font-weight: bold; }
.imitation .box .overview { margin-bottom: 60px; }
.imitation .box .overview figure { margin-bottom: 40px; }
.imitation .box .overview .overview-ttl { margin-bottom: 15px; padding: 6px 5px 3px; background-color: #C31212; color: #fff; font-size: 2.2rem; text-align: center; }
@media screen and (max-width: 767px) { .imitation .box .overview .overview-ttl { font-size: 1.8rem; } }
.imitation .box .links { margin-bottom: 40px; }
.imitation .box .links .links-box { margin-bottom: 40px; }
.imitation .box .links .links-box._last { margin-bottom: 5px; }
.imitation .box .links .links-ttl { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #074B8C; color: #074B8C; }
.imitation .box .links dl { margin-bottom: 30px; }
.imitation .box .links dl:last-child { margin-bottom: 0; }
.imitation .box .links dl dd { margin-bottom: 30px; }
.imitation .box .links dl dd:last-child { margin-bottom: 0; }
.imitation .box .links .ico { margin-left: 5px; }
.imitation .box .links .txt-cap { font-size: 1.4rem; }
.imitation .box .example .example-box { margin-bottom: 30px; }
.imitation .box .example .example-box:last-child { margin-bottom: 0; }
.imitation .box .example figure { max-width: 400px; margin: 0 auto 20px; }
.imitation .box .example .txt-cap { font-size: 1.4rem; }

/* ==================================================================================================== 共通
==================================================================================================== */
.no { padding: 0 0 70px; }

.no .cmn-ttl { position: relative; }

.no .cmn-ttl .photo { text-align: right; }

.no .cmn-box { position: absolute; top: 50%; left: 0; width: 550px; margin-top: -10%; background: #fff; }

.no .cmn-box .copy { margin-bottom: 15px; color: #074b8c; font-size: 2.4rem; font-weight: 700; }

.no .cmn-box .number { margin-bottom: 5px; }

.no .cmn-box dt { margin-bottom: 25px; color: #074b8c; font-size: 171%; font-weight: bold; line-height: 1.8; }

.no .cmn-box dd { line-height: 1.8; }

.no .box { max-width: 855px; margin: 0 auto 40px; padding: 50px 80px; background: #fff; }

.no .box .ttl-box { margin-bottom: 45px; color: #1b5893; text-align: center; }

.no .box .ttl-box .ttl-sub { margin-bottom: 10px; font-weight: bold; }

.no .box .ttl-box .ttl-main { margin-bottom: 10px; font-size: 285%; font-weight: bold; }

.no .box .ttl-box .line { width: 80px; margin: 0 auto; border: 1px solid #074b8c; }

.no .box .ttl-txt { margin-bottom: 15px; font-size: 128%; color: #1b5893; font-weight: bold; }

.no .box .txt { margin-bottom: 50px; line-height: 1.8; }

.no .box .img { margin-bottom: 40px; text-align: center; }

.no .box .pdf { width: 340px; margin: 0 auto 40px; }

.no .box .pdf a { display: block; padding: 10px 15px; background: #0059af url(/img/ja/property/arrow_i001.png) no-repeat right 15px center; color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

.no .box .pdf a:hover { opacity: 0.7; }

.no .products { border: 1px solid #074b8c; }

.no .products .ttl-products { cursor: pointer; padding: 20px 45px; background: url(/img/ja/property/arrow_i002.png) no-repeat left 15px center; }

.no .products .ttl-products.active { background: url(/img/ja/property/arrow_i003.png) no-repeat left 15px center; }

.no .products .inner-products { display: none; }

.no .products ul { width: 85.71%; margin: 0 auto; }

.no .products ul li { float: left; width: 46.66%; margin-right: 5.5%; margin-bottom: 25px; }

.no .products ul li:nth-child(2n) { margin-right: 0; }

.no .products ul figcaption { margin-top: 10px; }

/* ==================================================================================================== 切断機（シンカットマスター）
==================================================================================================== */
.no01 .cmn-ttl { margin-bottom: 100px; }

.no01 .cmn-box { padding: 35px 50px; }

.no01 .list { max-width: 700px; margin: 0 auto 80px; }

.no01 .list .ttl-list { margin-bottom: 10px; font-size: 171%; color: #fff; }

.no01 .list ul { margin-bottom: 20px; }

.no01 .list ul li a { display: block; padding: 15px 15px 15px 45px; border: 1px solid #fff; border-bottom: none; background: url(/img/ja/property/arrow_i001.png) no-repeat left 15px center; color: #fff; }

.no01 .list ul li a:hover { text-decoration: underline; }

.no01 .list ul li:last-child a { border-bottom: 1px solid #fff; }

/* ==================================================================================================== 赤色絵具
==================================================================================================== */
.no02 .cmn-ttl { margin-bottom: 140px; }

.no02 .cmn-box { padding: 50px 50px 50px; }

.no02 .lead { max-width: 870px; margin: 0 auto 115px; color: #fff; }

.no02 .lead dl { float: left; width: 59.77%; }

.no02 .lead dt { margin-bottom: 30px; font-size: 171%; font-weight: bold; }

.no02 .lead dd { line-height: 1.8; }

.no02 .lead .photo { float: right; width: 34.48%; }

.no02 .box-inner { position: relative; width: 81.39%; margin: 0 auto; padding: 25px 0; border-bottom: 1px solid #e8e8e8; }

.no02 .ttl-inner { margin-bottom: 20px; color: #1b5893; font-size: 128%; font-weight: bold; }

.no02 .box-inner .img { text-align: center; }

.no02 .noline { border-bottom: none; }

.no02 .slide-box { max-width: 345px; margin: 70px auto 40px; }

.no02 .slide-box .slick-dots { position: absolute; bottom: -30px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.no02 .slide-box .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; }

.no02 .slide-box .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.no02 .slide-box .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.no02 .slide-box .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: ''; text-align: center; border: 1px solid #2c6eb2; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.no02 .slide-box .slick-dots li.slick-active button:before { background: #2c6eb2; }

.no02 .box-inner .slick-btn { cursor: pointer; position: absolute; top: 50%; }

.no02 .box-inner .slick-btn:hover { opacity: 0.7; }

.no02 .box-inner .prev { left: 0; }

.no02 .box-inner .next { right: 0; }

/* ==================================================================================================== 高分散チタン酸バリウムフィラー
==================================================================================================== */
.no03 .cmn-ttl { margin-bottom: 120px; }

.no03 .cmn-box { padding: 45px 50px 60px; }

.no03 .lead { max-width: 870px; margin: 0 auto 90px; color: #fff; }

.no03 .lead dt { margin-bottom: 30px; font-size: 171%; font-weight: bold; }

.no03 .lead dd { line-height: 1.8; }

.no03 .box-inner { position: relative; width: 100%; margin: 0 auto; padding: 30px 3.95% 40px; border-bottom: 1px solid #e8e8e8; }

.no03 .ttl-inner { margin-bottom: 20px; color: #1b5893; font-size: 128%; font-weight: bold; }

.no03 .box-inner .img { text-align: center; }

.no03 .noline { padding-bottom: 0; border-bottom: none; }

.no03 .noline .pdf { margin-bottom: 20px; }

.no03 .noline .pdf:last-child { margin-bottom: 0; }

.no03 .box-pic { margin-bottom: 25px; }

.no03 .box-pic dl:first-child { float: left; width: 51.25%; }

.no03 .box-pic dl:last-child { float: right; width: 45.78%; }

.no03 .box-pic dt { margin-bottom: 10px; }

.no03 .box-feature { margin-bottom: 40px; }

.no03 .box-feature li { margin-top: 5px; }

.no03 .txt-name { margin-bottom: 30px; }

/* ==================================================================================================== クーラント濾過システム（エポックセパレーター）
==================================================================================================== */
.no04 .cmn-ttl { margin-bottom: 140px; }

.no04 .cmn-box { padding: 60px 50px 90px; }

.no04 .lead { max-width: 870px; margin: 0 auto 115px; color: #fff; }

.no04 .lead dl { float: left; width: 59.77%; }

.no04 .lead dt { margin-bottom: 30px; font-size: 171%; font-weight: bold; }

.no04 .lead dd { line-height: 1.8; }

.no04 .lead .photo { float: right; width: 34.48%; }

.no04 .box-inner { position: relative; width: 81.39%; margin: 0 auto; padding: 25px 0; border-bottom: 1px solid #e8e8e8; }

.no04 .ttl-inner { margin-bottom: 20px; color: #1b5893; font-size: 128%; font-weight: bold; }

.no04 .box-inner .img { text-align: center; }

.no04 .noline { border-bottom: none; }

.no04 .slide-box { max-width: 345px; margin: 70px auto 40px; }

.no04 .slide-box .slick-dots { position: absolute; bottom: -30px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.no04 .slide-box .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; }

.no04 .slide-box .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.no04 .slide-box .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.no04 .slide-box .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: ''; text-align: center; border: 1px solid #2c6eb2; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.no04 .slide-box .slick-dots li.slick-active button:before { background: #2c6eb2; }

.no04 .box-inner .slick-btn { cursor: pointer; position: absolute; top: 50%; }

.no04 .box-inner .slick-btn:hover { opacity: 0.7; }

.no04 .box-inner .prev { left: 0; }

.no04 .box-inner .next { right: 0; }

@media screen and (max-width: 1035px) { /* ==================================================================================================== idx ==================================================================================================== */
  .idx .box .photo img { width: 100%; height: auto; }
  .idx .box .lead { position: static; top: 0; width: 100%; margin-top: 0; } }
@media screen and (max-width: 767px) { .property-bg { margin-top: 0; }
  /* ==================================================================================================== idx ==================================================================================================== */
  .topLead { padding: 5% 0; }
  .topLead .ttl-property-en { margin-bottom: 5px; }
  .topLead .ttl-property { font-size: 185%; }
  .idx { padding: 15% 0; }
  .idx .ttl-box { margin-bottom: 10%; }
  .idx .ttl-box .more { width: 100%; }
  .idx .box { margin-bottom: 10%; }
  .idx .box .lead .number { width: 20%; margin-bottom: 5%; }
  .idx .box .lead .txt { font-size: 114%; }
  .idx .box .more { width: 100%; }
  .idx .box01 .lead { padding: 5%; }
  .idx .box02 .lead { padding: 5%; }
  .idx .box03 .lead { padding: 5%; }
  /* ==================================================================================================== about ==================================================================================================== */
  .about { padding: 15% 0; }
  .about .box { padding: 10% 0; }
  .about .box .inner { width: 90%; }
  .about .box .ttl-about { font-size: 185%; }
  .about .box .line { width: 80px; margin: 0 auto 15%; }
  /* ==================================================================================================== imitation ==================================================================================================== */
  .imitation { padding: 15% 0; }
  .imitation .box { padding: 10% 0; }
  .imitation .box .inner { width: 90%; }
  .imitation .box .ttl-imitation { font-size: 185%; }
  .imitation .box .line { width: 80px; margin: 0 auto 15%; }
  /* ==================================================================================================== 共通 ==================================================================================================== */
  .no { padding: 0 0 15%; }
  .no .cmn-ttl { margin-bottom: 10%; }
  .no .cmn-ttl .photo img { width: 100%; height: auto; }
  .no .cmn-box { position: static; width: 100%; margin-top: 0; padding: 5%; }
  .no .cmn-box .number { width: 20%; margin-bottom: 3%; }
  .no .cmn-box dt { margin-bottom: 3%; font-size: 145%; }
  .no .box { max-width: 855px; margin: 0 auto 10%; padding: 5%; }
  .no .box .ttl-box { margin-bottom: 10%; }
  .no .box .ttl-box .ttl-main { font-size: 185%; }
  .no .box .ttl-txt { margin-bottom: 3%; }
  .no .box .txt { margin-bottom: 5%; }
  .no .box .img { margin-bottom: 5%; }
  .no .box .pdf { width: 100%; margin: 0 auto 10%; }
  /* ==================================================================================================== 切断機（シンカットマスター） ==================================================================================================== */
  .no01 .cmn-ttl { margin-bottom: 10%; }
  .no01 .cmn-box { padding: 5%; }
  .no01 .list { margin: 0 auto 15%; }
  /* ==================================================================================================== 赤色絵具 ==================================================================================================== */
  .no02 .cmn-ttl { margin-bottom: 10%; }
  .no02 .cmn-box { padding: 5%; }
  .no02 .lead { margin: 0 auto 10%; }
  .no02 .lead dl { float: none; width: 100%; }
  .no02 .lead dt { margin-bottom: 3%; font-size: 151%; }
  .no02 .lead .photo { float: none; width: 100%; margin-bottom: 3%; }
  .no02 .lead .photo img { width: 100%; height: auto; }
  .no02 .box-inner { width: 90%; }
  .no02 .box-inner .img { text-align: center; }
  .no02 .slide-box { width: 65%; margin: 10% auto 10%; }
  .no02 .box-inner .prev { left: -10%; }
  .no02 .box-inner .next { right: -10%; } }

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