@charset "UTF-8";
/* Variables
****************************************************************************/
/* Media Queries
****************************************************************************/
/* Utilities
****************************************************************************/
/*ブロック要素のセンタリング*/
/*ブロック要素の右寄せ*/
/*
リンクアンダーライン非表示、ホバーで表示
a要素の親に設定
*/
/*
リンクアンダーライン非表示
a要素の親に設定
*/
/*
リンクカラー設定
a要素の親に設定
*/
/*ブロック要素内テキスト非表示*/
/*font-smoothing*/
/*clearfix*/
/*要素へホバーエフェクト追加*/
/* set some element's line-height to 1em because of adjust text margin */
/*set fontfamily*/
/* 縦書きテキスト */
/* ボックス下の3pxシャドー*/
/* ==========================================================================

    PRODUCT - 製品情報

   ========================================================================== */
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}


.l-subpage-top {
  background: url(../img/top_bg.jpg) no-repeat center top; }

.subpage-top {
  background: none;
  height: auto; }

.subpage-top__title .main, .subpage-top__title .sub {
  color: #1a1a1a; }

.subpage-top__title .main {
  margin-bottom: 10px;

}

.product-top__catch {
  font-size: 48px;
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
  padding: 100px; }

.product-top__lead {
  margin-left: auto;
  margin-right: auto;
  width: 930px;
  margin-bottom: 100px; }
  .product-top__lead:after {
    content: "";
    clear: both;
    display: block; }
  .product-top__lead .icon {
    float: left;
    width: 135px; }
    .product-top__lead .icon img {
      width: 100%; }
  .product-top__lead .text {
    float: right;
    width: 764px; }

.l-product-chart {
  background: url(../img/chart_bg.png);
  margin-bottom: 100px; }

.product-chart {
  color: #fff;}
  @media print {
    .product-chart {
      color: #1a1a1a;
      }
    }


@media print{
    @media print and (-webkit-min-device-pixel-ratio:0) {
        .product-chart {
      color: #fff !important;
      }
    }
}



.product-chart__title {
  text-align: center;
  font-size: 44.8px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1em;
  padding: 55px 0 30px; }

.product-chart__figure {
  position: relative;
  padding-bottom: 2%; }
  .product-chart__figure .text {
    position: absolute;
    left: 0;
    padding: 1.5% 0 0 3%;
    width: 40%; }
  .product-chart__figure .figure img {
    width: 100%;}

/* -------------------------------------------------------------------------
	特徴ブロック
   -------------------------------------------------------------------------*/
.l-product-block {
  margin-bottom: 100px; }

.l-product-block--smlfig .l-box-l {
  width: 70%; }

.l-product-block--smlfig .l-box-r {
  width: 30%; }

/* -------------------------------------------------------------------------
	特徴ブロック - 単発レイアウト
   -------------------------------------------------------------------------*/
.l-ind-container1 {
  margin-bottom: 30px; }
  .l-ind-container1:after {
    content: "";
    clear: both;
    display: block; }
  .l-ind-container1 .l-box-l {
    float: left;
    width: 93px; }
  .l-ind-container1 .l-box-r {
    padding-left: 113px; }
  .l-ind-container1 .title {
    color: #0066cc;
    font-size: 32px;
    font-size: 2.0rem;
    font-weight: bold;
    letter-spacing: -.03em;
    margin-bottom: .5em; }

.l-ind-container2 {
  padding: 15px;
  border: 1px solid #e70000;
  margin-bottom: 10px; }

.l-ind-container3:after {
  content: "";
  clear: both;
  display: block; }

.l-ind-container3 .l-box-l {
  float: left;
  width: 80%; }

.l-ind-container3 .l-box-r {
  float: right;
  width: 20%; }

.l-ind-container4:after {
  content: "";
  clear: both;
  display: block; }

.l-ind-container4 .l-box-l {
  float: left;
  width: 60%; }

.l-ind-container4 .l-box-r {
  float: right;
  width: 40%; }

.block03__sub-title {
  margin-left: auto;
  margin-right: auto;
  width: 692px;
  margin-top: 20px;
  margin-bottom: 30px; }

.l-product-block .u-text-m1 {
  text-indent: -1.2em;
  padding-left: 1.2em;
  margin-bottom: 10px;
}

.m-head-img{
  text-align: center;
  margin-bottom: 50px;
}

.m-head-img img {
  margin: 0 auto;
  text-align: center;
  width: 181px;
  height: auto;
}

.m-boxed-article {
  margin-bottom: 20px;
  padding-bottom: 20px;
}