@charset "UTF-8";
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

/*--------------------------
共通パーツ
---------------------------*/
section:nth-child(even) {
  background-color: #f6f6f6; }

#section01 {
  padding: 50px 0; }
  @media only screen and (max-width: 1023px) {
    #section01 {
      padding: 20px 0; } }

.products_detail_head {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 1023px) {
    .products_detail_head {
      display: block; } }
  .products_detail_head .products_pic {
    text-align: right;
    order: 2;
    /*width: 330px;*/
    width: 100%;
    padding-left: 30px;
	background-size: contain!important;}
    @media only screen and (max-width: 1023px) {
      .products_detail_head .products_pic {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0;
        text-align: center; } }
  .products_detail_head .products_text {
    /*width: 840px;*/
	width: 100%;
	/*margin-right: 20px;*/
      line-height: 20px;
  }
  .products_detail_head .products_info{
      line-height: 30px;
  }
  .products_detail_head .products_text .products_info div br{
      /*display: none;*/
  }
    @media only screen and (max-width: 1023px) {
      .products_detail_head .products_text {
        width: 100%; } }
    .products_detail_head .products_text .products_info .h_sec {
      font-size: 30px;
      line-height: 1.1;
      color: #1a1b1b;
      margin-bottom: 40px;
      font-weight: normal;}
      @media only screen and (max-width: 1023px) {
        .products_detail_head .products_text .products_info .h_sec {
          font-size: 32px;
          margin-bottom: 10px; } }
    .products_detail_head .products_text .products_info em {
      font-weight: 700;
      font-style: normal;
      font-size: 24px;
      line-height: 1.2;
      margin-bottom: 20px;
      display: block; }
    .products_detail_head .products_text .products_info p {
      font-size: 16px;
      line-height: 25px; }
    .products_detail_head .products_text .products_features {
      margin-top: 40px; }
      @media only screen and (max-width: 1023px) {
        .products_detail_head .products_text .products_features {
          margin-top: 30px; } }
      .products_detail_head .products_text .products_features .heading, .products_info .heading {
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        background: #8b8a8a;
        padding: 10px;
        display: block; }
      .products_detail_head .products_text .products_features .tag {
        margin-top: 15px; }
        .products_detail_head .products_text .products_features .tag span, .products_detail_head .products_text .products_features .tag a {
          border: 1px #8a8a8a solid;
          border-radius: 100px;
          padding: 7px 13px;
          display: inline-block;
          margin: 0 8px 8px 0;
			transition: all 0.4s;}
.products_detail_head .products_text .products_features .tag a:hover{
	background: #8a8a8a;
  	color: #fff;
}

section.bg_gray {
  background-color: #f6f6f6; }
section .section_heading {
  color: #fff;
  font-size: 28px;
  text-align: center;
  background: #b90000;
  padding: 10px; }
  @media only screen and (max-width: 1023px) {
    section .section_heading {
      font-size: 24px; } }
section .simple_heading {
  font-size: 28px;
  text-align: center;
  color: #666;
  margin-bottom: 30px; }
  @media only screen and (max-width: 1023px) {
    section .simple_heading {
      font-size: 24px; } }

/*--------------------------
section01
---------------------------*/
/*--------------------------
section02
---------------------------*/
#section02 {
  padding: 30px 0; }
  @media only screen and (max-width: 1023px) {
    #section02 {
      padding: 30px 0; } }
  #section02 .tbl_layout {
    padding: 30px 0 0; }
    #section02 .tbl_layout dl {
      display: table;
      width: 100%;
      border-top: 1px #a9a9a9 solid; }
      @media only screen and (max-width: 1023px) {
        #section02 .tbl_layout dl {
          display: block; } }
      #section02 .tbl_layout dl:last-child {
        border-bottom: 1px #a9a9a9 solid; }
      #section02 .tbl_layout dl dt, #section02 .tbl_layout dl dd {
        font-size: 18px;
        border-left: 1px #a9a9a9 solid;
        padding: 10px;
        display: table-cell;
        vertical-align: middle; }
        @media only screen and (max-width: 1023px) {
          #section02 .tbl_layout dl dt, #section02 .tbl_layout dl dd {
            display: block; } }
      #section02 .tbl_layout dl dt {
        font-weight: 700;
        background: #e7e7e7;
        width: 300px; }
        @media only screen and (max-width: 1023px) {
          #section02 .tbl_layout dl dt {
            width: 100%;
            border-right: 1px #a9a9a9 solid; } }
      #section02 .tbl_layout dl dd {
        line-height: 1.2;
        border-right: 1px #a9a9a9 solid;
        background: #fff; }
        #section02 .tbl_layout dl dd span {
          font-size: 16px; }
        #section02 .tbl_layout dl dd sup {
          font-size: 12px; }
  #section02 .list_block {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 1023px) {
      #section02 .list_block {
        display: block; } }
    #section02 .list_block .item h3 {
      color: #666;
      font-size: 24px;
      padding: 0 0 0 30px;
      margin: 20px 0;
      position: relative; }
      @media only screen and (max-width: 1023px) {
        #section02 .list_block .item h3 {
          font-size: 20px;
          padding: 0 0 0 25px; } }
      #section02 .list_block .item h3:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 24px;
        height: 24px;
        background: #ffafaa;
        border-radius: 100%; }
        @media only screen and (max-width: 1023px) {
          #section02 .list_block .item h3:after {
            width: 20px;
            height: 20px; } }
    #section02 .list_block .item figure figcaption {
      color: #666;
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 10px; }
      @media only screen and (max-width: 1023px) {
        #section02 .list_block .item figure figcaption {
          font-size: 18px; } }
      #section02 .list_block .item figure figcaption span {
        display: inline-block;
        font-size: 14px;
        float: right;
        margin-top: 6px; }
    #section02 .list_block .item figure img {
      width: 100%; }
    #section02 .list_block .pic {
      padding-left: 20px;
      text-align: center; }
      @media only screen and (max-width: 1023px) {
        #section02 .list_block .pic {
          padding-left: 0;
          margin-top: 20px; } }

/*--------------------------
section03
---------------------------*/
#section03 {
  padding: 30px 0; }
  @media only screen and (max-width: 1023px) {
    #section03 {
      padding: 30px 0; } }
  #section03 .holder {
    color: #666;
    margin: 40px 0; }
    #section03 .holder:last-child {
      margin-bottom: 0; }
    #section03 .holder h3 {
      font-size: 24px;
      padding: 0 0 0 30px;
      margin: 0 0 20px;
      position: relative; }
      @media only screen and (max-width: 1023px) {
        #section03 .holder h3 {
          font-size: 20px;
          padding: 0 0 0 25px; } }
      #section03 .holder h3:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 24px;
        height: 24px;
        background: #ffafaa;
        border-radius: 100%; }
        @media only screen and (max-width: 1023px) {
          #section03 .holder h3:after {
            width: 20px;
            height: 20px; } }
    #section03 .holder p {
      font-size: 18px;
      line-height: 1.4;
      margin-bottom: 10px; }
      #section03 .holder p sup, #section03 .holder p sub {
        font-size: 12px; }
    #section03 .holder figure figcaption {
      font-size: 18px;
      margin-bottom: 5px; }
      #section03 .holder figure figcaption span {
        font-size: 14px;
        display: block; }
    #section03 .holder figure img {
      width: auto; }

/*--------------------------
section04
---------------------------*/
#section04 {
  padding: 30px 0; }
  @media only screen and (max-width: 1023px) {
    #section04 {
      padding: 30px 0; } }
  #section04 .applications {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px; }
    #section04 .applications li {
      font-size: 18px;
      color: #666;
      border: 1px #a9a9a9 solid;
      background: #e8e8e8;
      padding: 15px 20px;
      margin-bottom: 20px;
      width: 570px; }
      @media only screen and (max-width: 1023px) {
        #section04 .applications li {
          width: 100%;
          margin-bottom: 10px; }
          #section04 .applications li:last-child {
            margin-bottom: 0; } }
      #section04 .applications li img {
        max-width: 100px;
        margin-right: 16px; }

/*--------------------------
section05
---------------------------*/
#section05 {
  padding: 30px 0; }
  @media only screen and (max-width: 1023px) {
    #section05 {
      padding: 30px 0; } }
  #section05 .btn_block {
    text-align: center;
    font-size: 0; }
    #section05 .btn_block a {
      font-size: 16px;
      line-height: 1.2;
      color: #666;
      background: #fff;
      border-radius: 5px;
      width: 280px;
      height: 76px;
      margin: 8px 6px;
      padding: 8px 20px 8px 76px;
      border: 1px solid #d0d0d0;
      position: relative;
      display: inline-block;
      vertical-align: top;
      text-align: left;
      transition: all 0.3s ease-in-out 0s; }
#section05 .pro_list{
	width: 400px;
  	margin: 0 auto;
}
#section05 .pro_list > a{
  	width: 100%!important;
	height: auto;
  	margin: 0;
  	padding-left: 20px;
  	background: #e20226;
  	border-radius: 0;
}
.pro_list .related_tx:before{
	content: "\e819";
    font-family: "fontello";
    color: #fff;
    font-size: 30px;
    font-weight: normal;
  	margin-right: 10px;
}
#section05 .pro_list > a:after{
	color: #fff!important;
}
.pro_list .related_tx span{
	display: inline-block!important;
    border: 0!important;
    position: relative;
    top: -5px;
  	color: #fff;
}
.pro-list{
	max-height: 0;
  	transition: all 0.4s;
}
.pro-list.active{
	max-height: 1000px;
}
.pro-list a{
  	width: 100%!important;
	height: auto!important;
  	margin: 0!important;
  	padding: 8px 20px!important;
  	border-top: 0!important;
}
      @media only screen and (max-width: 1023px) {
        #section05 .btn_block a {
          width: 100%;
          margin: 5px 0; } }
      #section05 .btn_block a .related_img {
        position: absolute;
        top: 8px;
        left: 8px;
        width: 60px;
        height: 60px; }
      #section05 .btn_block a .related_tx {
        display: table-cell;
        height: 60px;
        vertical-align: middle; }
      #section05 .btn_block a span {
        font-size: 14px;
        font-weight: 400;
        display: block;
        padding: 5px;
        margin-top: 3px;
        border: 1px #d0d0d0 solid; }
      #section05 .btn_block a::before, #section05 .btn_block a::after {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
      #section05 .btn_block a::before {
        color: #dcb3b3;
        font-size: 30px;
        left: 10px; }
      #section05 .btn_block a::after {
        color: #e20226;
        right: 10px; }
      #section05 .btn_block a.btn_search::after {
        content: "\f105"; }
      #section05 .btn_block a.btn_search_material::before {
        content: "\e81b";
        font-size: 50px;
        left: 13px; }
      #section05 .btn_block a.btn_search_property::before {
        content: "\e81a";
        font-size: 38px;
        left: 14px; }
      #section05 .btn_block a.btn_search_category::before {
        content: "\e845"; }
      #section05 .btn_block a:hover {
        color: #fff;
        background: #e20226; }
        #section05 .btn_block a:hover span {
          border-color: #fff; }
        #section05 .btn_block a:hover::before, #section05 .btn_block a:hover::after {
          color: #fff; }

/*--------------------------
section06
---------------------------*/
#section06 {
  padding: 30px 0 200px; }
  @media only screen and (max-width: 1023px) {
    #section06 {
      padding: 30px 0 60px; } }
  #section06 .dwld_block {
    text-align: center; }
    #section06 .dwld_block a {
      font-size: 20px;
      border-radius: 5px;
      border: 1px #d0d0d0 solid;
      background: #fff;
      display: inline-block;
      vertical-align: bottom;
      transition: all 0.3s ease-in-out 0s; }
      @media only screen and (max-width: 1023px) {
        #section06 .dwld_block a {
          width: 100%;
          margin-bottom: 10px; } }
      #section06 .dwld_block a:hover.btn_pdf .st-Icon-Pdf:before {
        color: #fff; }
      #section06 .dwld_block a.btn_pdf {
        color: #666;
        width: 334px;
        height: 76px;
        padding: 0 15px 0 60px;
        margin: 0 6px;
        position: relative; }
        @media only screen and (max-width: 1023px) {
          #section06 .dwld_block a.btn_pdf {
            margin-left: 0;
            margin-right: 0;
            width: 100%;
            margin-bottom: 10px; } }
        #section06 .dwld_block a.btn_pdf .st-Icon-Pdf {
          position: absolute;
          top: 50%;
          left: 10px;
          transform: translateY(-50%);
          margin-top: 2px; }
          #section06 .dwld_block a.btn_pdf .st-Icon-Pdf:before {
            font-size: 48px;
            color: #dcb3b3;
            transition: all 0.3s ease-in-out 0s; }
        #section06 .dwld_block a.btn_pdf .pdf_tx {
          display: table-cell;
          height: 74px;
          vertical-align: middle;
          font-size: 16px;
          line-height: 1.2;
          text-align: left;
          /*&:before {
            @include fontSet_icon;
            font-size: 30px;
            color:#dcb3b3;
            content:"\e82b";
            position: absolute;
            top: 50%;
            left: 20px;
            transform: translateY(-50%);
            @include transition;
          }*/ }
          #section06 .dwld_block a.btn_pdf .pdf_tx:after {
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            text-align: center;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px;
            content: "\f105";
            color: #e20226;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            transition: all 0.3s ease-in-out 0s; }
          #section06 .dwld_block a.btn_pdf .pdf_tx span {
            display: block;
            font-size: 12px;
            margin-top: 3px; }
      #section06 .dwld_block a.btn_catalog {
        position: relative;
        color: #e20226;
        text-align: center;
        line-height: 74px;
        min-width: 294px;
        margin: 0 6px;
        height: 76px; }
        @media only screen and (max-width: 1023px) {
          #section06 .dwld_block a.btn_catalog {
            margin-left: 0; } }
        #section06 .dwld_block a.btn_catalog::before, #section06 .dwld_block a.btn_catalog::after {
          font-family: "fontello";
          font-style: normal;
          font-weight: normal;
          speak: none;
          display: inline-block;
          text-decoration: inherit;
          text-align: center;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
        #section06 .dwld_block a.btn_catalog::before {
          left: 20px;
          color: #dcb3b3;
          content: "\e819";
          font-size: 30px;
          transition: all 0.3s ease-in-out 0s; }
        #section06 .dwld_block a.btn_catalog:after {
          font-size: 16px;
          right: 10px;
          color: #e20226;
          content: "\f105";
          transition: all 0.3s ease-in-out 0s; }
      #section06 .dwld_block a:hover {
        color: #fff;
        background: #e20226; }
        #section06 .dwld_block a:hover.btn_pdf .pdf_tx:before, #section06 .dwld_block a:hover.btn_pdf .pdf_tx:after {
          color: #fff; }
        #section06 .dwld_block a:hover.btn_catalog::before, #section06 .dwld_block a:hover.btn_catalog:after {
          color: #fff; }

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