/* ---------- 共通パーツ --------------- */

/* button1 */
.button1 {
	width: 330px;
	display: table;
	margin: 0 auto;
}
.button1 a {
  position: relative;
  z-index: 2;
	overflow: hidden;
	text-decoration: none;
	border: solid 1px #0073bd;
	text-align: center;
}
.button1 a:before,
.button1 a:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button1 a,
.button1 a:before,
.button1 a:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button1 a:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button1 a:hover {
	opacity: 1;
	filter: alpha(opacity=100);  
}
.button1 a:hover span {
  color: #fff;
	background-image: url(../images/btn_arrow_wr.png);
}
.button1 a:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #0073bd;
}

.button1 span {
	color: #0073bd;
	font-size: 16px;
	font-weight: 500;
	line-height: 60px;
	background-image: url(../images/btn_arrow_br.png);
	background-repeat: no-repeat;
	background-position: right 0px center;
	padding-right: 23px;
}

.button1.site span {background-image: url(../images/ic_page.png);}
.button1.site a:hover span { background-image: url(../images/ic_page_w.png);}

.button1.back span {
	background-image: url(../images/btn_arrow_br.png);
	line-height: 40px;
}
.button1.back a:hover span {
	background-image: url(../images/btn_arrow_wr.png);
}


/* download */
.download {
	width: 320px;
	display: table;
	margin: 0 auto;
}
.download a {
	background: rgb(255,147,19); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,147,19,1) 0%, rgba(255,178,30,1) 50%, rgba(255,147,19,1)); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,147,19,1) 0%,rgba(255,178,30,1) 50%, rgba(255,147,19,1)); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,147,19,1) 0%, rgba(255,178,30,1) 50%, rgba(255,147,19,1)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9313', endColorstr='#ffb21e',GradientType=1 ); /* IE6-9 */


	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	box-shadow: 0 0 8px rgba(5,5,5,0.2);
	text-align: center;
	text-decoration: none;

	background-position: left center;
	background-size: 200% 100%;
	-webkit-transition: background-position .3s ease;
	transition: background-position .3s ease;
}
.download a:hover {
	background-position: right center;
	opacity: 1;
	filter: alpha(opacity=100);  
}

.download span {
	background-image: url(../images/btn_arrow_wr.png);
	background-repeat: no-repeat;
	background-position: right 0px center;
	
	line-height: 70px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	padding-right: 23px;
}


/* txt_link */
.txt_link {}
.txt_link a {
	background-image: url(../images/btn_arrow_br.png);
	background-repeat: no-repeat;
	background-position: left 0px center;
	color: #0073bd;
	display: inline-block;
	padding-left: 23px;
}


/* method_ttl */
.method_ttl {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color: #0073bd;
	padding-left: 30px;
	margin-bottom: 20px;
}
.method_ttl:before {
	content: '';
	border-bottom: solid 1px #0073bd;
	width: 20px;
	height: 1px;
	position: absolute;
	top: 15px;
	left: 0;
}


/* border_ttl */
.border_ttl {
  position: relative;
  border-bottom: 2px solid #dcdcdc;
	color: #0073bd;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.border_ttl:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #0073bd;
}

/* leftborder_ttl */
.leftborder_ttl {
	color: #0073bd;
	font-size: 20px;
	font-weight: bold;
	border-left: solid 3px #007bc5;
	padding-left: 13px;
	margin-bottom: 20px;
}


/* grad_ttl */
.grad_ttl {
  position: relative;
	color: #0073bd;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 140%;
	padding-bottom: 13px;
	margin-bottom: 45px;
}
.grad_ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
	right: 0;
	margin: auto;
  z-index: 2;
  content: '';
  width: 60px;
  height: 5px;
  background: -moz-linear-gradient(left, #00397d, #0091d8);
  background: -webkit-linear-gradient(left, #00397d, #0091d8);
  background: linear-gradient(to right, #00397d, #0091d8);
}


/* first_field */
#first_field {
	max-width: 1050px;
	width: 100%;
	padding: 90px 0 50px;
	box-sizing: border-box;
	margin: -70px auto 0;
	background-color: #FFF;
	position: relative;
	z-index: 1;
}
#first_field:before,
#first_field:after {
	content: '';
	width: 1px;
	height: 40px;
	z-index: 3000;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#first_field:before {
	background-color: #FFF;
	top: -40px;
}
#first_field:after {
	background-color: #0192d9;
	top: 0;
}

#first_field .inner {}
#first_field .top_txt {
	width: 820px;
	margin: 0 auto 50px;
}
#first_field .top_txt.desc { font-size: 16px;}
#first_field .bn_prod_no {
	position: absolute;
	top: -60px;
	right: 0;
}


/* method_and_system */

#end_list {
	background-color: #eaf6fd !important;
	padding-top: 80px;
}

#method_and_system {
	width: 1050px;
	margin:0 auto;
	padding-bottom: 90px;
}
#method_and_system .box {
}

#method_and_system h3 {
	display: flex;
	align-items: center;
	
	color: #535353;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px;
}
#method_and_system h3:before,
#method_and_system h3:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #e6e9ec;
	margin:0 40px; 
}

#method_and_system ul {
	border-top: solid 1px #eeeeee;
	border-left: solid 1px #eeeeee;
}
#method_and_system ul li {
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	width: 173px;
	height: 130px;
	text-align: center;
	float: left;
}
#method_and_system ul li a {
	position: relative;

	background-color: #FFF;
	text-decoration: none;
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
	width: 100%;
}
#method_and_system ul li a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
	right: 0;
  left: 0;
  z-index: 0;
  background: rgba(0,115,189,0.4);
  transform-origin: left top;
  transform: scale(0, 1);
  transition: transform .3s;
}

#method_and_system ul li a:hover:before {transform: scale(1, 1);}

#method_and_system ul li .icon {
	position: relative;
	z-index:1;
	margin: 27px auto 10px;
}
#method_and_system ul li p {
	position: relative;
	z-index:1;
	font-size: 13px;
	line-height: 130%;
}


/* use_industry_list */
#use_industry_list {
	width: 820px;
	margin:0 auto;
	padding-bottom: 70px;
}
#use_industry_list .inner {
	font-size: 0;
}

#use_industry_list h3 {
	display: flex;
	align-items: center;
	
	color: #535353;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px;
}
#use_industry_list h3:before,
#use_industry_list h3:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #e6e9ec;
	margin:0 40px; 
}
#use_industry_list ul {
	display: inline-block;
	margin-right: 70px;
}
#use_industry_list ul:last-of-type { margin-right: 0;}

#use_industry_list ul li {
	margin-bottom: 20px;
}
#use_industry_list ul li:nth-child(4n) { margin-right: 0;}

#use_industry_list ul li a {
	-webkit-transition: 0.15s ease-in-out;  
	transition: 0.15s ease-in-out;  

	background-image: url(../images/btn_gray_right.png);
	background-repeat: no-repeat;
	background-position: left top 6px;
	color: #606060;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
}
#use_industry_list ul li a:hover {
	background-image: url(../images/btn_blue_right.png);
	text-decoration: underline;
	color: #0073bd;
}












/* ---------- home ---------------------------------------- */


.home_area_ttl {
	color: #0073bd;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.home_area_ttl span {
	font-size: 16px;
	display: block;
	padding-top: 5px;
}


/* slider */
.home .slider {
	min-width: 960px;
	position: relative;
	height: auto;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.home .slider:before,
.home .slider:after {
	content: '';
	width: 1px;
	height: 50px;
	z-index: 3000;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.home .slider:before {
	background-color: #FFF;
	bottom: 50px;
}
.home .slider:after {
	background-color: #0192d9;
	bottom: 0;
}

.home .slider .catchcopy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	text-shadow: 1px 1px 5px rgba(5,59,125,0.63);
	z-index: 1000;
	
	color: #FFF;
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	line-height: 120%;
	width: 100%;
	text-align: center;
}
.home .slider .catchcopy span {
	display: block;
	font-size: 20px;
	font-weight: 500;
}


.home .slider li {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	height: 100%;
}


.home .slider .bx-viewport,
.home .slider .bx-wrapper{
	position:relative;
	width:100%;
	height:100% !important;
	top:0;
	left:0;
}
.home .slider .bx-wrapper ul {
	padding-bottom: 50%;
	height: 100%;
}


/* ページャー */
.home .slider .bx-wrapper .bx-pager {
		text-align: center;
		position: absolute;
		right: 25px;
		bottom: 5px;
		z-index: 9000;
}
.home .slider .bx-wrapper .bx-pager .bx-pager-item,
.home .slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}
.home .slider .bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    background:#FFF;
}
.home .slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.home .slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#263a83;
}


/* slider scroll */
#top_slider .scroll {
	font-family: 'Abel', sans-serif;
  position: absolute;
  bottom: 150px;
  left: 0;
	right: 0;
  z-index: 100;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	margin: auto;
}
#top_slider .scroll span {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	width: 24px;
	height: 24px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
	margin: auto;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}






.home #system_area {
	background-image: url(../images/home/bg_system.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: auto 100%;
	padding-bottom: 70px;
}
.home #system_area ul {}
.home #system_area ul li {
	width: 220px;
	height: 156px;
	float: left;
	box-sizing: border-box;
	margin-right: 25px;
	margin-bottom: 25px;
	text-align: center;
}
.home #system_area ul li:nth-child(4n) { margin-right: 0;}

.home #system_area ul li a {
	background-color: #FFF;
	border: solid 1px #ccc;

	height: 100%;
	text-decoration: none;
	position: relative;
	display: block;

}
.home #system_area ul li a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
	right: 0;
  left: 0;
  z-index: 0;
  background: rgba(0,115,189,0.4);
  transform-origin: left top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.home #system_area ul li a:hover:before {
  transform: scale(1, 1);
}

.home #system_area ul li .icon {
	margin-bottom: 13px;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}
.home #system_area ul li p {
	background-image: url(../images/btn_gray_under.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	position: relative;
	z-index: 2;
	display: table;
	margin: 0 auto;
	font-size: 15px;
	font-weight: 600;
	color: #000;
}


.home #products_area {
	padding: 90px 0;
	background-image: url(../images/home/bg_product.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.home #products_area h2 {
	color: #FFF;
}
.home #products_area .button1 a {
	background-color: #FFF;
	border: none;
}


.home #news_area {padding: 70px 0;}
.home #news_area h2 {}
.home #news_area ul {
	border-top: solid 1px #c9c9c9;
	width: 820px;
	margin: 0 auto 40px;
}
.home #news_area ul li {
	border-bottom: solid 1px #c9c9c9;
}
.home #news_area ul li a {
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	color: #595959;
/*	width: 530px; */
	width: 480px;
	display: inline-block;
	vertical-align: middle;
	padding: 27px 0;
}
.home #news_area ul li a:hover { text-decoration: underline;}

.home #news_area ul li .data {
	display: inline-block;
	vertical-align: middle;
	color: #808080;
	font-size: 16px;
	font-weight: 500;
	margin-right: 60px;
	margin-left: 10px;
}
.home #news_area ul li .category {
	display: inline-block;
	vertical-align: middle;
	
	background-color: #ffa800;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	padding: 0 13px;
	margin-right: 20px;
}


.home #company_area {
	background-color: #eaf6fd;
	padding: 70px 0 90px;
}
.home #company_area .box { width: 820px;}

.home #company_area .left_blk {
	float: left;
}
.home #company_area .left_blk .logo { margin-bottom: 10px;}
.home #company_area .left_blk p {
	margin-bottom: 20px;
	font-size: 14px;
	color: #595959;
}
.home #company_area .left_blk .tel {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-size: 14px;
	color: #595959;
	background-image: url(../images/ic_tel.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}
.home #company_area .left_blk .gmap {
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/ic_pin.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 21px;
}
.home #company_area .left_blk .gmap a {
	font-size: 14px;
	color: #595959;
}

.home #company_area .comp_btn {
	float: right;
	width: 280px;
	margin-top: 30px;
}
.home #company_area .comp_btn a {
	background: rgb(0,74,155); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(0,73,155,1) 0%, rgba(0,145,216,1) 50%, rgba(0,74,155,1)); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,74,155,1) 0%,rgba(0,145,216,1) 50%, rgba(0,74,155,1)); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,74,155,1) 0%, rgba(0,145,216,1) 50%, rgba(0,74,155,1)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a9b', endColorstr='#0091d8',GradientType=1 ); /* IE6-9 */

	text-align: center;
	text-decoration: none;
	background-position: left center;
	background-size: 200% 100%;
	-webkit-transition: background-position .3s ease;
	transition: background-position .3s ease;
	
	display: block;
}
.home #company_area .comp_btn a:before {}
.home #company_area .comp_btn a:after {}

.home #company_area .comp_btn a:hover {background-position: right center;}


.home #company_area .comp_btn a span {
	font-size: 16px;
	font-weight: 500;
	line-height: 60px;
	color: #FFF;
	background-image: url(../images/btn_arrow_wr.png);
	background-repeat: no-repeat;
	background-position: right 0px center;
	padding-right: 23px;
}







/* ---------- 分野別でみる産業資材 ---------------------------------------- */


.indu #first_field .box {}
.indu #first_field dl {
	font-size: 0;
	text-align: right;
	width: 470px;
	float: left;
	margin-bottom: 60px;
}
.indu #first_field dl:nth-of-type(2) {
	margin-right: 0;
	float: right;
}

.indu #first_field dl dt,
.indu #first_field dl dd {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.indu #first_field dl dt {
	width: 170px;
	font-size: 13px;
	font-weight: 500;
	padding-right: 10px;
}
.indu #first_field dl dd {}
.indu #first_field dl dd .btn {
	width: 300px;
}
.indu #first_field dl dd .btn a {
  position: relative;
	background-image: url(../images/btn_arrow_br.png);
	background-position: right 20px center;
	background-repeat: no-repeat;
	color: #0073bd;
	text-decoration: none;
	text-align: center;
	background-color: #f1f1f1;
	line-height: 50px;
	font-weight: 600;
}
.indu #first_field dl dd .btn a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	
	color: #FFF;
	background-color: #0073bd;
	background-image: url(../images/btn_arrow_wr.png);
}

.indu #first_field dl dd .btn.new {}
.indu #first_field dl dd .btn.new a::before {
	content: '';
	width: 47px;
	height: 23px;
	background-image: url("../images/new_mark.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 47px auto;
	position: absolute;
	top: -4px;
	left: -4px;
	z-index: 10;
}

.indu #method_block_list {margin-bottom: 130px;}
.indu .method_block {
	margin: 0 auto 80px;
}

.indu .method_block .use {
	font-size: 18px;
	color: #535353;
	font-weight: bold;
	border-top: solid 1px #e6e9ec;
	border-bottom: solid 1px #e6e9ec;
	background-image: url(../images/btn_gray_right.png);
	background-repeat: no-repeat;
	background-position: left 13px center;
	background-color: #eaf6fd;
	clear: both;
	padding: 10px 0 10px 35px;
	margin-bottom: 30px;
}
.indu .method_block .method {
	margin-bottom: 50px;
	clear: both;
}
.indu .method_block .method a {
	display: block;
	height: 100%;
  position: relative;
}
.indu .method_block .method h4.method_ttl {}
.indu .method_block .method h4.method_ttl {
	margin-right: 15px;
	float: left;
}
.indu .method_block .method ul {padding-top: 5px;}
.indu .method_block .method ul li {
	font-size: 14px;
	font-weight: 500;
	float: left;
}
.indu .method_block .method ul li::before {
	padding: 0 5px;
	content: "/";
}
.indu .method_block .method ul li:first-child:before { display: none;}
.indu .method_block .method .photo {
	background-color: #000;
	overflow: hidden;
	width: 320px;
	height: 210px;
	float: left;
}
.indu .method_block .method .photo img {
	max-width: 100%;
	height: auto;
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;
}
.indu .method_block .method a:hover .photo img {
	transform: scale(1.1);	/*画像の拡大率*/
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.indu .method_block .method .txt_right {
	display: inline-block;
	width: 600px;
	margin-left: 30px;
	vertical-align: top;
}
.indu .method_block .method .txt_right p {
	margin-bottom: 30px;
}
.indu .method_block .method .txt_right .detail {
	background-image: url(../images/btn_arrow_br.png);
	background-repeat: no-repeat;
	background-position: left 0px center;
	color: #0073bd;
	display: inline-block;
	padding-left: 23px;
	text-decoration: underline;
}
.indu .method_block .method a:hover .txt_right .detail { text-decoration: none;}

.indu .method_block .method.new a::before {
	content: '';
	width: 72px;
	height: 36px;
	background-image: url("../images/new_mark.png");
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 40px;
	left: -10px;
	z-index: 10;
}





/* ---------- 用途別でみる産業資材 ---------------------------------------- */
.use_method {}
.use_method .method_blk {
	width: 380px;
	float: left;
	margin-right: 60px;
	margin-bottom: 60px;
}
.use_method .method_blk:nth-of-type(2n) { margin-right: 0;}
.use_method .method_blk a {
	text-decoration: none;
  display: block;
  position: relative;
}
.use_method .method_blk .method_ttl { margin-bottom: 10px;}
.use_method .method_blk .photo {
	width: 380px;
	height: 250px;
	overflow: hidden;
	background-color: #000;
	margin-bottom: 15px;
}
.use_method .method_blk .photo img {
	width: 100%;
	height: auto;
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;
}
.use_method .method_blk a:hover .photo img {
	transform: scale(1.1);	/*画像の拡大率*/
	opacity: 0.7;
	filter: alpha(opacity=70);
}


.use_method .method_blk p {
	font-size: 14px;
	margin-bottom: 20px;
}
.use_method .method_blk .txt_link {
	background-image: url(../images/btn_arrow_br.png);
	background-repeat: no-repeat;
	background-position: left 0px center;
	color: #0073bd;
	display: inline-block;
	padding-left: 23px;
	text-decoration: underline;
}
.use_method .method_blk a:hover .txt_link { text-decoration: none;}


.use_method .method_blk.new a::before {
	content: '';
	width: 72px;
	height: 36px;
	background-image: url("../images/new_mark.png");
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
	left: -10px;
	z-index: 10;
}



/* ---------- 工法・システム ---------------------------------------- */
.system_pattern .bg_blue {
	background-color: #0073bd !important;
	padding-bottom: 90px;
	margin-bottom: 80px;
}
.system_pattern #first_field {
	box-shadow: 0 0 5px rgba(5,5,5,0.3);
}

.system_top .photos {
	margin-bottom: 40px;
}
.system_top .photos .photo {
	float: left;
	margin-right: 60px;
	margin-bottom: 30px;
}
.system_top .photos .photo:nth-child(2n) { margin-right: 0;}

.system_top .photos3 { margin-bottom: 40px;}
.system_top .photos3 .photo {
	float: left;
	margin-right: 15px;
}
.system_top .photos3 .photo:nth-child(3n) { margin-right: 0;}


.system_top .photos .photo img {}
.system_top .txt_blk {margin-bottom: 50px;}
.system_top .txt_blk .border_ttl {}
.system_top .txt_blk p { margin-bottom: 1em;}
.system_top .txt_blk ul {}
.system_top .txt_blk ul li {
	list-style-type: none;
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
}
.system_top .photos .video {
	clear: both;
	display: block;
	margin: 0 auto;
	position: relative;
	/* width: 100%;
	height: 0; */
	padding-top: 321px;
}
.system_top .photos .video iframe {
	position: absolute;
	/* width: 100%;
	height: 100%; */
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.system_top .txt_blk ul li:before {
  content: '';
  position: absolute;
  top: 8px;
	left: 0;

  display: inline-block;
  width: 6px;
  height: 6px;
	background-color: #0073bd;
}
.system_top .txt_blk ul li span {
	display: block;
	color: #0073bd;
}
.system_top .txt_blk .blue_bold {
	color: #0073bd;
	font-size: 17px;
	font-weight: bold;
	margin: 40px 0 10px;
	text-align: left;
}  

.system_top .catalog_dl {
	text-align: center;
	margin: 60px auto 30px;
}
.system_top .catalog_dl p {
	display: table;
	font-size: 22px;
	color: #ff9313;
	font-weight: bold;
	margin: 0 auto 20px;
}
.system_top .catalog_dl .btn {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	width: 280px;
}

.system_top .txt_blk .proof { margin-top: 10px;}
.system_top .txt_blk .proof .logo {
	float: right;
}
.system_top .txt_blk .proof p {}


.system_top .about_waterproof { margin-bottom: 50px;}
.system_top .about_waterproof .leftborder_ttl {}
.system_top .about_waterproof p { margin-bottom: 30px;}
.system_top .about_waterproof .method_ttl { font-size: 15px;}
.system_top .about_waterproof .method_ttl:before {top: 10px;}
.system_top .about_waterproof .example {
	width: 790px;
}
.system_top .about_waterproof .example h5 {
	font-size: 15px;
	color: #000000;
	font-weight: 500;
	border-top: solid 1px #e6e9ec;
	border-bottom: solid 1px #e6e9ec;
	padding: 10px 0;
	margin-bottom: 25px;
}
.system_top .about_waterproof .example .photo {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.system_top .about_waterproof .example .photo:nth-of-type(2n) { margin-right: 0;}

.system_top .button1.d39 {
	width: auto;
}
.system_top .button1.d39 a {
	border: none;
}

#first_field .space_area {height: 80px;}



/* ----- ポリエチレン製ガス導管 ----- */

#prod_3gas1 .catalog_dl {margin: 40px auto 80px;}

.system_top .leaflet {}
.system_top .leaflet ol {}
.system_top .leaflet ol li {
	margin-bottom: 20px;
}
.system_top .leaflet ol li span {
	display: block;
	color: #0073bd;
}

.system_top .leaflet ol.img {
	margin-top: 80px;
	margin-left: 0px;
  padding-bottom: 30px;
}
.system_top .leaflet ol.img li {
	float: left;
	margin-right: 20px;
}
.system_top .leaflet ol.img li:nth-child(4n) { margin-right: 0;}
.system_top .leaflet ol.img li:before {
	margin-left: 0;
	top: -25px;
}




.system_top .leaflet .app_area {
  text-align: center;
  margin-bottom: 40px;
}
.system_top .leaflet .app_area .ttl {
  color: #0073bd;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}
.system_top .leaflet .app_area p {
  text-align: left;
}
.system_top .leaflet .app_area .about { padding: 15px 0;}
.system_top .leaflet .app_area .about .item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.system_top .leaflet .app_area .about .txt {
  display: inline-block;
  vertical-align: middle;

}
.system_top .leaflet .app_area .about .txt p { margin-bottom: 5px;}
.system_top .leaflet .app_area .about .txt p span {font-weight: bold; padding-right: 10px;}
.system_top .leaflet .app_area .app {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-bottom: 10px;
}
.system_top .leaflet .app_area .app.google {margin-right: 70px;}

.system_top .leaflet .app_area .app .bn {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-right: 22px;
}
.system_top .leaflet .app_area .app .bn img {
  height: 80px;
  width: auto;
}
.system_top .leaflet .app_area .app .qr {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.system_top .leaflet .app_area .app .qr img {
  height: 105px;
  width: auto;
}












.system_top .zumen_list { margin-bottom: 20px;}
.system_top .zumen_list .leftborder_ttl {
	background-color: #eaf6fd;
	padding: 9px 15px;
	margin-bottom: 30px;
}
.system_top .zumen_list ul {
	font-size: 0;
}
.system_top .zumen_list ul li {
	width: 140px;
	display: inline-block;
	vertical-align: top;
	padding-left: 0;
	margin-right: 28px;
	margin-bottom: 30px;
}
.system_top .zumen_list ul li:nth-child(5n) { margin-right: 0;}
.system_top .zumen_list ul.item4 {}
.system_top .zumen_list ul.item4 li:first-child {width: 310px;}
.system_top .zumen_list ul.item4 li:nth-child(4n) { margin-right: 0;}

.system_top .zumen_list ul li:before {
	display: none;
}
.system_top .zumen_list ul li img { margin-bottom: 5px;}
.system_top .zumen_list ul li .name {
	font-size: 14px;
	margin-bottom: 3px;
}
.system_top .zumen_list ul li .zumen {}
.system_top .zumen_list ul li .zumen a {
	font-size: 14px;
	color: #0073bd;
}



/* example_slideer */
#example_area {
	margin-top: 70px;
	margin-bottom: 70px;
}
#example_slideer {
	position: relative;
	height: auto;
}
#example_slideer .slider {
	position:relative;
}

#example_slideer .slider li {
	position: relative;
	width: 340px;
	height: 223px;
	margin-right: 50px;
	box-shadow: 0 0 5px rgba(5,5,5,0.3);
}
#example_slideer .slider li img {
	max-width: 100%;
	height: auto;
}
#example_slideer .slider li a:before {
	-webkit-transition: 0.15s ease-in-out;  
	transition: 0.15s ease-in-out;  

	content: ' ';
	background-color: rgba(0,0,0,1);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
#example_slideer .slider li a:hover:before {
	opacity: 0.3;
	filter: alpha(opacity=30);  
}
#example_slideer .slider li a:after {
	content: ' ';

	-webkit-transition: 0.15s ease-in-out;  
	transition: 0.15s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: url(../images/ic_full-size.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 22px;
	height: 22px;
	margin: auto;
}
#example_slideer .slider li a:hover:after {
	opacity: 1;
	filter: alpha(opacity=100);  
}


#example_slideer .slider .bx-viewport,
#example_slideer .slider .bx-wrapper{
	position: static !important;
}
#example_slideer .slider .bx-viewport {
	padding: 5px;
}

/* 前へ・次へ　ボタン */
#example_slideer .slider .bx-wrapper .bx-prev:hover {}
#example_slideer .slider .bx-wrapper .bx-next:hover {}

#example_slideer .slider .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	
	text-decoration: none;
	z-index: 10;
}
#example_slideer .slider .bx-wrapper a.bx-prev {
	background-image: url(../images/arrow_prev.png);
	left: 0;
}

#example_slideer .slider .bx-wrapper a.bx-next {
	background-image: url(../images/arrow_next.png);
	right: 0;
}
#example_slideer .slider .bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}

#practical_service {
	margin-bottom: 80px;
}
#practical_service p { margin-bottom: 30px;}
#practical_service dl { margin-bottom: 60px;}
#practical_service dl dt {
	color: #0073bd;
	font-size: 16px;
	font-weight: bold;
}
#practical_service dl dd {
	margin-bottom: 20px;
}
#practical_service {}

#nintei {
	padding-top: 70px;
	margin-bottom: 80px;
}
#nintei p { margin-bottom: 40px;}
#nintei h4 {
	color: #0073bd;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#nintei .btn {}


#use_products {
	padding: 70px 0 210px;
	margin-bottom: -130px;
	background-color: #eaf6fd !important;
}
#use_products ul {
	text-align: left;
	font-size: 0;
	margin: 0 auto;
	display: table;
}
#use_products ul li {
	text-align: center;
	width: 270px;
	display: inline-block;
	vertical-align: top;
	margin-right: 1px;
}
#use_products ul li:nth-child(3n) { margin-right: 0;}
#use_products ul li:nth-child(n+4) {	margin-top: 2px;}

#use_products ul li a {
	-webkit-transition: 0.15s ease-in-out;  
	transition: 0.15s ease-in-out;  

	height: 100%;
	padding: 30px 0;
	color: #000000;
	background-color: #FFF;
	display: block;
}
#use_products ul li a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);  
}
#use_products ul li a.no_link:hover {
	opacity: 1;
}

#use_products ul li .photo {}
#use_products ul li .photo img {}
#use_products ul li p {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
	margin-top: 15px;
	display: inline-block;
}
#use_products ul li p span {
	background-image: url(../images/btn_arrow_br.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
	margin-top: 15px;
	text-decoration: underline;
  text-align: left;
	display: inline-block;
}
#use_products ul li a.no_link p {
	padding-left: 0;
	margin-top: 30px;
}

#use_products.app {margin-top: -180px;}
#use_products.app .app_dl {
	margin: 30px auto;
}
#use_products.app .app_dl .txt {
	display: inline-block;
	vertical-align: middle;
}
#use_products.app .app_dl .txt p {padding-bottom: 5px;}
#use_products.app .app_dl .txt p span {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}
#use_products.app .app_dl .item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}




#use_area {
	background-color: #eaf6fd;
	padding: 70px 0;
	margin-bottom: 80px;
}
#use_area .inner { width: 725px;}

#use_area ul {
	text-align: left;
	font-size: 0;
	margin: 0 auto;
	display: table;
}
#use_area ul li {
	width: 230px;
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	margin-bottom: 15px;
}
#use_area ul li:nth-child(3n) { margin-right: 0;}
#use_area ul li:last-child { margin-right: 0;}

#use_area ul li a {
	background-color: #FFF;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	text-align: center;
	text-decoration: none;
	text-align: left;
	color: #535353;
	font-weight: bold;
	padding: 15px 25px;
	background-image: url(../images/btn_arrow_br.png);
	background-repeat: no-repeat;
	background-position: right 25px center;
}



#information {
  background: -moz-linear-gradient(left, #ff9313, #ffb21e);
  background: -webkit-linear-gradient(left, #ff9313, #ffb21e);
  background: linear-gradient(to right, #ff9313, #ffb21e);
	box-shadow: 0px 0px 10px rgba(5,5,5,0.2);


	max-width: 1050px;
	width: 100%;
	margin: 0 auto 90px;
	padding: 80px 0;
	text-align: center;
}
#information h3 {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
#information p {
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 17px;
}
#information .download {
	display: inline-block;
	vertical-align: top;
	width: 260px;
	margin: 0 10px;
}
#information .download a {
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  

	border: solid 2px #FFF;
	box-shadow: 1px 1px 5px rgba(5,5,5,0.2);
	background: #FFF !important;
}
#information .download span {
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  
	color: #ff9313;
	background-image: url(../images/btn_arrow_or.png);
}
#information .download a:hover {
	background-color: #ff9313 !important;
}
#information .download a:hover span {
	color: #FFF;
	background-image: url(../images/btn_arrow_wr.png);
}

#describe {
	padding: 0 0 210px;
	margin-bottom: -130px;
}
#describe .border_ttl {}
#describe p { margin-bottom: 30px;}
#describe .p_gallery {}
#describe .p_gallery .photo {
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}
#describe .p_gallery .photo:nth-of-type(3n) { margin-right: 0;}

#describe .p_gallery .photo img {}



#other_method {
	margin-bottom: 80px;
}
#other_method .grad_ttl {}
#other_method section {
	margin-bottom: 40px;
	position: relative;
}
#other_method section .border_ttl {
	padding-top: 10px;
}
#other_method section .bn_prod_no {
	position: absolute;
	right: 0;
	top: 0;
}
#other_method section p { margin-bottom: 20px;}
#other_method section .p_gallery {}
#other_method section .p_gallery .photo {
	float: left;
	margin-right: 30px;
}
#other_method section .p_gallery .photo:nth-of-type(3n) { margin-right: 0;}
#other_method section .p_gallery .photo img {}



#products_info {
	box-shadow: 0px 0px 20px rgba(5,5,5,0.2);
	padding: 70px 0;
	margin-bottom: 80px;
	text-align: center;
}
#products_info h3 {
	color: #ff9313;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
#products_info p {
	color: #ff9313;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 17px;
}
#products_info .download {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	margin: 0 10px;
}
#products_info .download a {}
#products_info .download span {}




#pickup {
	position: relative;
	padding: 80px 0 100px;
}
#pickup:before {
	content: '';
	background-color: #f1f1f1 !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 85%;
}

#pickup .inner {
	box-shadow: 1px 1px 10px rgba(5,5,5,0.2);
	position: relative;
	width: 1050px;
	margin: 0 auto;
	background-color: #FFF;
	padding: 70px 115px 20px;
	box-sizing: border-box;
}
#pickup .grad_ttl {
	color: #000000;
}
#pickup .grad_ttl:after { background: #000 !important;}
#pickup section { margin-bottom: 20px;}
#pickup section .method_ttl { color: #000;}
#pickup section .method_ttl:before { border-bottom: solid 1px #000;}
#pickup section .method_blk {
	width: 380px;
	float: left;
	margin-right: 60px;
	margin-bottom: 40px;
}
#pickup section .method_blk:nth-of-type(2n) { margin-right: 0;}

#pickup section .method_blk a {
	text-decoration: none;
}
#pickup section .method_blk a:hover {
	opacity: 1;
	filter: alpha(opacity=100);  
}

#pickup section .method_blk h5 {
	background-color: #353535;
	background-image: url(../images/btn_arrow_wr.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 10px 20px;
}
#pickup section .method_blk .photo {
	margin-bottom: 10px;
	width: 380px;
	height: 250px;
	background-color: #000;
	overflow: hidden;
}
#pickup section .method_blk .photo img {
	display: block;
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  
}
#pickup section .method_blk a:hover .photo img {
	transform: scale(1.1);	/*画像の拡大率*/
	opacity: 0.7;
	filter: alpha(opacity=70);  
}

#pickup section .method_blk p {}



/* 木材保護含浸塗料／ノンロット® */
.system_pattern .site {
	margin:0 auto 60px;
	width: 350px;
}
.system_pattern .site a {
	background-color: #0073bd;
}
.system_pattern .site span {
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/ic_page_w.png);
}
.system_pattern .site a:hover span {
  color: #0073bd;
	background-image: url(../images/ic_page.png);
}
.system_pattern .site a:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
	background-color: #FFF;
}

/* リマスター®工法 */
#remaster .bg_blue { margin-bottom: 0;}
#remaster #pickup {}
#remaster #pickup .border_ttl {
	margin-bottom: 30px;
}
#remaster #pickup section {margin-bottom: 60px;}
#remaster #pickup section .leftborder_ttl {
	margin-bottom: 12px;
	font-size: 18px;
}
#remaster #pickup section p { margin-bottom: 30px;}
#remaster #pickup section .item {
	margin-bottom: 40px;
	text-align: center;
}


/* ---------- 災害から守る・復旧する ---------------------------------------- */
.repo #contents { 
	background-color: #f1f1f1;
}

.repo #first_field {
	padding: 90px 0;
	margin-bottom: 60px;
}
.repo #first_field ul {}
.repo #first_field ul li {
	border-bottom: solid 1px #c9c9c9;
}
.repo #first_field ul li a {
	position: relative;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #0073bd;
	padding: 15px 190px 15px 15px;
}

.repo #first_field ul li .ctgr {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	position: absolute;
	top: 10px;
	right: 0;
	background-color: #eaf6fd;
	font-weight: 500;
	font-size: 14px;
	text-align: left;
	color: #535353;
	padding: 10px 20px;
	background-image: url(../images/btn_arrow_br.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	padding-right: 23px;
	width: 160px;
	box-sizing: border-box;
}

.report_area {
	max-width: 1050px;
	width: 100%;
	padding: 80px 0 70px;
	box-sizing: border-box;
	margin: 0 auto 60px;
	background-color: #FFF;
}
.report_area .repo_ttl {
	position: relative;
	border-bottom: 2px solid #dcdcdc;
	margin-bottom: 30px;
}
.report_area .repo_ttl:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 2px;
	background-color: #0073bd;
}
.report_area .repo_ttl h3 {
	color: #0073bd;
	font-size: 20px;
	font-weight: bold;
	padding-right: 160px;
	padding-bottom: 5px;
}
.report_area .repo_ttl .ctgr {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	position: absolute;
	right: 0;
	bottom: 5px;
	background-color: #eaf6fd;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #535353;
	padding: 7px 30px;
	box-sizing: border-box;
}

.postbody {}
.postbody dl { margin-bottom: 50px;}
.postbody dl dt {
	background-color: #0073bd;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	min-width: 110px;
	float: left;
	margin-right: 20px;
	padding-left: 8px;
	padding-right: 8px;
}
.postbody dl dd {
	padding-left: 150px;
}
.postbody dl dt, .postbody dl dd {
	margin-bottom: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}


.postbody section  {
	margin-bottom: 50px;
}
.postbody section .method_ttl { margin-bottom: 10px;}
.postbody section .photos .photo {
	float: left;
	max-width: 400px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.postbody section .photos .photo:last-of-type { margin-right: 0;}

.postbody section .photos .photo img {
	max-width: 100%;
	height: auto;
	margin-bottom: 7px;
}
.postbody section .photos .photo p {
	font-size: 13px;
	line-height: 150%;
	margin-bottom: 5px;
}


.postbody section .system_blk {
	border: solid 1px #dcdcdc;
	width: 400px;
	float: left;
	margin-right: 20px;
	box-sizing: border-box;
	padding: 30px;
}
.postbody section .system_blk:last-of-type { margin-right: 0;}

.postbody section .system_blk .txt_link { margin-bottom: 10px;}
.postbody section .system_blk .photo {
	text-align: center;
	margin-bottom: 20px;
}
.postbody section .system_blk .photo img {}
.postbody section .system_blk p {
	font-size: 14px;
}


.postbody section.use .system_blk {
	width: auto;
	text-align: center;
}
.postbody section.use .system_blk .txt_link a { color: #000;}





/* wp-pagenavi */
.wp-pagenavi {
	width: 1050px;
	margin: 0 auto;
	padding: 20px 0 80px;
	text-align: center;
	font-size: 0;
	position: relative;
}
.result-box .wp-pagenavi {
	width: auto;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-left: 15px;
	background-color: #FFF;
	text-decoration: none;
	color: #000;
	font-size: 13px;
	line-height: 40px;
	transition: all 0.1s ease 0s;
	border: solid 1px #dcdcdc;
}
.news .wp-pagenavi a,
.news .wp-pagenavi span {}
.item .wp-pagenavi a,
.item .wp-pagenavi span {}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
	color: #000;
	background-color: #dcdcdc;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width: auto;
	padding: 0 10px;
}
.wp-pagenavi span.pages {
	border: none;
	width: auto;
	color: #000;
	background: none;
	paddiing: 0;
	font-size: 14px;
	margin-right: 40px;
}








/* ---------- 会社案内 ---------------------------------------- */
.comp #contents {}

.comp .comp_top_about {
	position: relative;
	padding-bottom: 42%;
	margin-bottom: 60px;
}
.comp .comp_top_about:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 820px;
	height: 340px;
	margin: auto;
	background-color: #eaf6fd;
}
.comp .comp_top_about .photo {
	position: absolute;
	right: 0;
	top: 100px;

}
.comp .comp_top_about .txt_blk {
	position: absolute;
	top: 0;
	left: 60px;
	z-index:1;
	box-shadow: 0px 0px 20px rgba(5,5,5,0.2);
	box-sizing: border-box;
	background-color: #FFF;
	padding: 60px;
	width: 640px;
	
}
.comp .comp_top_about .txt_blk h3 {
	color: #0073bd;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}

.comp .comp_top_about.about2 .photo {
	right: auto;
	left: 0;
}
.comp .comp_top_about.about2 .txt_blk {
	right: 60px;
	left: auto;
}

.comp .comp_top_about.about3 .photo {
	top: 0;
}
.comp .comp_top_about.about3 .txt_blk {
	top: auto;
	bottom: 0;
}




.comp .comp_top_about .txt_blk p {}


.comp .comp_top_menu {
	background-color: #f1f1f1;
	padding: 80px 0;
}
.comp .comp_top_menu .btn {
	box-shadow: 0px 0px 10px rgba(5,5,5,0.2);

	width: 300px;
	float: left;
	background-color: #FFF;
	margin-right: 30px;
}
.comp .comp_top_menu .btn:nth-of-type(3) { margin-right: 0;}

.comp .comp_top_menu .btn a {
	text-decoration: none;
}
.comp .comp_top_menu .btn .photo {
	display: inline-block;
	vertical-align: middle;
}
.comp .comp_top_menu .btn h3 {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #0073bd;
	font-weight: bold;
	line-height: 140%;
	width: 180px
}
.comp .comp_top_menu .btn h3 span {
	display: block;
	font-size: 14px;
	padding-top: 3px;
}


.comp .comp_top_menu {	padding: 50px 0 60px;}
.comp .comp_top_menu .comp_ttl {
	color: #0073bd;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.comp .comp_top_menu ul {
	text-align: center;
	font-size: 0;
	display: table;
	margin:0 auto;
	border-right: solid 1px #000;
}
.comp .comp_top_menu ul li {
	display: inline-block;
	vertical-align: middle;
	border-left: solid 1px #000;
}
.comp .comp_top_menu ul li a {
	text-align: center;
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	padding: 0 25px;
	line-height: 130%;
}
.comp .comp_top_menu ul li a:hover { text-decoration: underline;}


/* 生産・販売製品名一覧 */

.products_list { margin-bottom: 80px;}
.products_list ul {}
.products_list ul li {
	width: 196px;
	float: left;
	text-align: center;
	margin-right: 12px;
	margin-bottom: 15px;
}
.products_list ul li:nth-child(4n) { margin-right: 0;}
.products_list ul li a {
	-webkit-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;

	box-sizing: border-box;
	display: block;
	border: solid 1px #dcdcdc;
	color: #000000;
	padding: 20px;
  position: relative;
}
.products_list ul li a.none {pointer-events: none;}
.products_list ul li a:hover {
	box-shadow: inset 0 0 0 5px #0073bd;
	color: #0073bd;
}

.products_list ul li img {
	background-color: #CCC;
	margin-bottom: 15px;
}
.products_list ul li .txt_link {
	display: table;
	margin: 0 auto;
	font-size: 14px;
	background-image: url(../images/btn_arrow_br.png);
	background-repeat: no-repeat;
	background-position: left top 5px;
	padding-left: 18px;
	text-align: left;
	background-size: 14px auto;
}

.products_list ul li.new a {
  border: solid 1px #ffcd83;
}
.products_list ul li.new a::before {
	content: '';
	width: 52px;
	height: 26px;
	background-image: url("../images/new_mark.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 56px auto;
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 10;
}


/* 会社情報 */
.comp .glee {}
.comp .glee .catch {
	text-align: center;
	color: #0073bd;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 25px;
}
.comp .glee p {margin-bottom: 30px;}
.comp .glee p.name {
	text-align: right;
}
.comp .glee p.name span {
	font-size: 18px;
	padding-left: 15px;
}

.comp .comp_area { margin-bottom: 100px;}
.comp .comp_area table th,
.comp .comp_area table td { font-size: 14px;}
.comp .comp_area .border_ttl { margin-bottom: 40px;}
.comp .comp_area .outline {
	margin-bottom: 50px;
}
.comp .comp_area .photo {
	float: right;
	margin-right: 50px;
}
.comp .comp_area table.office {
	border-top: none;
	width: 460px;
}
.comp .comp_area table.office th {
	color: #0073bd;
	border-bottom: solid 1px #0073bd !important;
	width: 100px;
	font-size: 15px;
}
.comp .comp_area table.office td {	font-size: 15px;}
.comp .comp_area .method_ttl {
	margin-bottom: 10px;
	font-size: 18px;
}
.comp .comp_area .method_ttl:before {top: 12px;}

.comp .comp_area .parentheses {}

.comp .comp_area #history {}
.comp .comp_area .date {
	font-weight: bold;
	margin-bottom: 10px;
}
.comp .comp_area #history table { margin-bottom:40px;}
.comp .comp_area #history table .year {width: 70px;}
.comp .comp_area #history table .month {
	font-weight: bold;
	text-align: right;
	width: 40px;
	padding-right: 30px;
	padding-left: 10px !important;
}




/* 事業所・生産拠点 */
.comp #main_office {}
.comp #main_office p {
	margin-bottom: 10px;
}
.comp #main_office p strong {}
.comp .comp_area .gmap { display: inline-block;}
.comp .comp_area .gmap a {
	color: #000;
	background-image: url(../images/ic_pin.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 21px;
	
	display: block;
}

.comp #office table {}
.comp #office table th {width: 170px;}
.comp #office table td {}
.comp #office table td.map {
	vertical-align: middle;
	text-align: right;
}
.comp #office table td .gmap a {
	font-size: 13px;
}
.comp #office table.offi {}
.comp #office table.offi th {width: 120px;}
.comp #office table.offi td {}




/* ---------- お問い合わせ ---------------------------------------- */

.cont .cont_area {
	margin-bottom: 60px;
}
.cont .cont_area .border_ttl {}
.cont .cont_area p {
	margin-bottom: 20px;
}
.cont .cont_area .button1 {
	margin: 0 0 30px;
}
.cont .cont_area .method_ttl {
	font-size: 18px;
	margin-bottom: 10px;
}
.cont .cont_area .method_ttl:before {top: 13px;}

.cont #cont_about ul {}
.cont #cont_about ul li {
	list-style-type: none;
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
}
.cont #cont_about ul li:before {
  content: '';
  position: absolute;
  top: 8px;
	left: 0;

  display: inline-block;
  width: 6px;
  height: 6px;
	background-color: #0073bd;
}
.cont #cont_about ul li a { display: inline-block;}




/* ---------- 個人情報の取り扱いについて ---------------------------------------- */
.priv #contents #first_field .block { margin-bottom: 50px;}





/* ---------- サイトマップ ---------------------------------------- */
.site .pageblock {
	margin-bottom: 50px;
}
.site .pageblock .index {}
.site .pageblock .index a {
	background-image: url(../images/btn_gray_right.png);
	background-repeat: no-repeat;
	background-position: left top 6px;
	border-bottom: solid 1px #0073bd;
	margin-bottom: 15px;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	text-decoration: none;
	display: block;
}
.site .pageblock .index a.none {pointer-events: none;}

.site .pageblock .index a:hover {	color: #0073bd;}

.site .pageblock .sub_menu {}
.site .pageblock .sub_menu ul {
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	width: 210px;
}
.site .pageblock .sub_menu ul li {
	margin-bottom: 4px;
}
.site .pageblock .sub_menu ul li a:before {
	content:'';
	position:absolute;
	top: 8px;
	left: 0;
	height:0;
	width:0;
	border-style: solid;
	border-width: 3px 0 3px 5px;
	border-color: transparent transparent transparent #535353;
}
.site .pageblock .sub_menu ul li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	padding-left: 12px;
}
.site .pageblock .sub_menu ul li a:hover {
	text-decoration: underline;
	color: #0073bd;
}

.site .pageblock .sub_menu ul li.ctgr a {
	font-weight: bold;
}
.site .pageblock .sub_menu ul li.sub {margin-left: 12px;}
.site .pageblock .sub_menu ul li.sub a {
	padding-left: 17px;
}
.site .pageblock .sub_menu ul li.sub a:before {
	content: '└';
	border-style: none;
	border-width: 0;
	border-color: inherit;

	position: absolute;
	top: 1px;
}

.site .pageblock .sub_menu .block {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: dotted 1px #CCC;
}
.site .pageblock .sub_menu .block:last-of-type { border-bottom: none;}

.site .pageblock .sub_menu .block ul:last-of-type { margin-right: 0;}

























@media only screen and (max-width: 1050px) {



.button1 {
	width: 100%;
	margin: 0 auto;
	max-width: 400px;
}
.button1 a:hover:after {
  -webkit-transform: none !important;
  transform: none !important;
  background: #0073bd;
}
.button1 span {
	font-size: 13px;
	line-height: 55px;
	background-size: 12px auto;
	padding-right: 17px;
}


/* download */
.download {
	width: 100%;
	display: table;
	margin: 0 auto;
}
.download span {
	line-height: 60px;
	font-size: 17px;
	padding-right: 23px;
}



/* first_field */
#first_field {
	max-width: 100%;
	width: auto;
	padding: 60px 0 40px;
	margin: -25px 4% 10px;
}
#first_field::before, #first_field::after {height: 30px;}
#first_field::before {top: -30px;}


#first_field .top_txt {
	width: auto;
	margin: 0 4% 35px;
}
#first_field .top_txt.desc {font-size: 15px;}

#first_field .bn_prod_no {
	position: inherit;
	top: 0;
	right: 0;
	text-align: left;
	padding: 0 4%;
	margin-bottom: 15px;
	width: 170px;
	height: auto;
}
#first_field .bn_prod_no img {
	width: 100%;
	height: auto;
}
#first_field .system_top {
	padding: 0 4%;
}




/* txt_link */
.txt_link a {
	background-size: 13px auto;
	padding-left: 21px;
	font-size: 13px;
}



/* method_ttl */
.method_ttl {
	position: relative;
	font-size: 17px;
	font-weight: bold;
	color: #0073bd;
	padding-left: 25px;
	margin-bottom: 13px;
}
.method_ttl::before {
	width: 15px;
	top: 12px;
}

/* border_ttl */
.border_ttl {
	font-size: 17px;
	padding-bottom: 3px;
	margin-bottom: 15px;
}


/* leftborder_ttl */
.leftborder_ttl {
	font-size: 16px;
	padding-left: 10px;
	margin-bottom: 15px;
}


/* grad_ttl */
.grad_ttl {
	font-size: 18px;
	padding-bottom: 8px;
	margin-bottom: 35px;
}
.grad_ttl:after {
  width: 50px;
  height: 3px;
}

/* method_and_system */
#method_and_system {
	width: auto;
	margin: 0 auto;
	padding: 0 4% 60px;
}
#method_and_system h3 {
	font-size: 17px;
	margin-bottom: 30px;
	display: block;
	text-align: center;
}
#method_and_system h3::before, #method_and_system h3::after { display: none;}

#method_and_system ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#method_and_system ul li {
	width: 50%;
	height: auto;
	float: left;
	box-sizing: border-box;
}
#method_and_system ul li a:before { display: none;}
#method_and_system ul li a:hover { background: rgba(0,115,189,0.4);}
#method_and_system ul li .icon {
	margin: 22px auto 10px;
}
#method_and_system ul li .icon img {
	height: 40px;
	width: auto;
}
#method_and_system ul li p { margin-bottom: 18px;}


/* use_industry_list */
#use_industry_list {
	width: auto;
	padding: 0 4% 40px;
}
#use_industry_list h3 {
	font-size: 17px;
	margin-bottom: 30px;
	display: block;
	text-align: center;
}
#use_industry_list h3::before, #use_industry_list h3::after { display: none;}
#use_industry_list ul {
	margin-right: 0;
	font-size: 0;
	text-align: left;
	display: block;
}
#use_industry_list ul li {
	margin-bottom: 15px;
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
#use_industry_list ul li a {
	display: block;
	font-size: 13px;
	background-position: left top 4px;
	background-size: 11px auto;
	padding-left: 18px;
}











/* ---------- home ---------------------------------------- */

/* slider */
.home .slider {
	min-width: auto;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.home .slider .bx-wrapper ul {
	padding-bottom: 100%;
	height: 100%;
}
.home .slider .catchcopy {
	font-size: 21px;
}
.home .slider .catchcopy span {
	font-size: 15px;
	line-height: 150%;
}
.home .slider::before, .home .slider::after {
	height: 25px;
}
.home .slider::before {
	bottom: 25px;
}
#top_slider .scroll {
	bottom: 90px;
	font-size: 14px;
}
#top_slider .scroll span {
	top: 5px;
	width: 18px;
	height: 18px;
}



.home_area_ttl {
	font-size: 18px;
	margin-bottom: 30px;
}
.home_area_ttl span {
	font-size: 13px;
	line-height: 150%;
}

.home #system_area {
	padding-bottom: 60px;
}
.home #system_area ul {
	font-size: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.home #system_area ul li {
	width: 48%;
	height: auto;
	float: none;
	margin-right: 3.5%;
	margin-bottom: 3%;
	display: inline-block;
	vertical-align: top;
}
.home #system_area ul li:nth-child(2n) { margin-right: 0;}
.home #system_area ul li a::before { display: none;}
.home #system_area ul li a:hover { background: rgba(0,115,189,0.4);}
.home #system_area ul li .icon {margin-top: 27px;}
.home #system_area ul li .icon img {
	height: 50px;
	width: auto;
}
.home #system_area ul li p {
	padding-right: 14px;
	margin: 0 auto 20px;
	font-size: 13px;
	background-size: 10px auto;
}


.home #products_area {
	padding: 60px 0;
}



.home #news_area {
	padding: 50px 4% 60px;
}
.home #news_area ul {
	width: auto;
	margin: 0 auto 40px;
}
.home #news_area ul li {padding: 12px 0 0;}
.home #news_area ul li .data {
	font-size: 13px;
	margin-right: 20px;
	margin-left: 0;
}
.home #news_area ul li .category {
	font-size: 11px;
	line-height: 25px;
	padding: 0 10px;
	margin-right: 0px;
}
.home #news_area ul li a {
	font-size: 13px;
	width: auto;
	display: block;
	padding: 13px 0;
}


.home #company_area .box {
	width: auto;
	padding: 0;
}
.home #company_area {
	padding: 50px 4% 60px;
}
.home #company_area .left_blk {
	float: none;
	display: table;
}
.home #company_area .left_blk .logo {width: 70%;}
.home #company_area .left_blk .logo img {
	max-width: 100%;
	height: auto;
}
.home #company_area .left_blk p {
	margin-bottom: 20px;
	font-size: 13px;
}
.home #company_area .left_blk .tel {
	margin-right: 2%;
	font-size: 13px;
	padding-left: 22px;
	background-size: 16px auto;
}
.home #company_area .left_blk .tel a {color: #595959;}

.home #company_area .left_blk .gmap {
	padding-left: 19px;
	background-size: 12px auto;
}
.home #company_area .left_blk .gmap a {
	font-size: 13px;
}

.home #company_area .comp_btn {
	float: none;
	width: 100%;
	margin: 40px auto -20px;
	max-width: 400px;
}
.home #company_area .comp_btn a span {
	font-size: 13px;
	line-height: 57px;
	background-size: 12px auto;
	padding-right: 17px;
}










/* ---------- 分野別でみる産業資材 ---------------------------------------- */

.indu #first_field dl {
	width: auto;
	float: none;
	margin-bottom: 0px;
	text-align: left;
}
.indu #first_field dl:nth-of-type(2) {
	float: none;
}
.indu #first_field dl dt, .indu #first_field dl dd {
	width: auto;
	display: block;
}
.indu #first_field dl dt {
	font-size: 12px;
	padding-right: 0;
	margin-bottom: 5px;
}
.indu #first_field dl dt br { display: none;}

.indu #first_field dl dd {
	margin-bottom: 15px;
}
.indu #first_field dl dd .btn {width: auto;}
.indu #first_field dl dd .btn a {
	font-size: 13px;
	background-size: 12px auto;
	line-height: 45px;
}

.indu #method_block_list {margin-bottom: 80px;}
.indu .method_block {margin: 0 auto 60px;}
.indu .method_block .use {
	font-size: 15px;
	background-size: 11px auto;
	background-position: left 10px center;
	padding: 7px 0 7px 30px;
	margin-bottom: 20px;
}
.indu .method_block .method a {text-decoration: none;}
.indu .method_block .method h4.method_ttl {
	margin-right: 0;
	float: none;
}
.indu .method_block .method ul {
	margin-bottom: 10px;
	padding-top: 0;
}
.indu .method_block .method ul li {
	font-size: 12px;
	float: none;
	display: inline-block;
	margin-bottom: 2px;
}
.indu .method_block .method .photo {
	background-color: inherit;
	width: auto;
	height: auto;
	float: none;
	text-align: center;
	margin-bottom: 15px;
}
.indu .method_block .method .txt_right {
	display: block;
	width: auto;
	margin-left: 0;
	vertical-align: top;
}
.indu .method_block .method .txt_right p {margin-bottom: 15px;}


.indu .method_block .method.new a::before {
  width: 56px;
  height: 28px;
  background-size: 56px auto;
  top: 34px;
  left: -6px;
}
  

#end_list {
	padding-top: 50px;
}






/* ---------- 用途別でみる産業資材 ---------------------------------------- */
.use_method {
	padding: 0 4%;
}
.use_method .method_blk {
	width: auto;
	float: none;
	margin-right: 0;
	margin-bottom: 50px;
}
.use_method .method_blk:last-of-type { margin-bottom: 20px;}

.use_method .method_blk .photo {
	width: auto;
	height: auto;
	margin-bottom: 15px;
}
.use_method .method_blk p {
	font-size: 14px;
	margin-bottom: 15px;
}

.use_method .method_blk.new a::before {
	width: 56px;
	height: 28px;
	background-size: 56px auto;
  top: 30px;
  left: -10px;
}


/* ---------- 工法・システム ---------------------------------------- */
.system_pattern .bg_blue {
	padding-bottom: 70px;
	margin-bottom: 50px;
}

.system_top .photos {
	margin-bottom: 40px;
}
.system_top .photos .photo {
	float: none;
	text-align: center;
	margin-right: 0px !important;
	margin-bottom: 20px;
}
.system_top .photos .photo img {
	max-width: 100%;
	height: auto;
}
.system_top .photos .video {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.system_top .photos .video iframe {
	width: 100%;
	height: 100%;
	left: 0;
	transform: none;
}

.system_top .photos3 .photo {
	float: none;
	margin-right: 0;
	margin-bottom: 15px;
}
.system_top .photos3 .photo img {
	width: 100%;
	height: auto;
}

.system_top .txt_blk {margin-bottom: 40px;}
.system_top .txt_blk ul li {padding-left: 12px;}
.system_top .txt_blk ul li::before {
	top: 8px;
	width: 4px;
	height: 4px;
}
.system_top .txt_blk .blue_bold {
	font-size: 15px;
}  
.system_top .catalog_dl {
	margin: 40px auto 20px;
}
.system_top .catalog_dl p {
	font-size: 18px;
	margin: 0 auto 5px;
}
.system_top .catalog_dl .btn {
	display: inline-block;
	width: 100%;
	margin: 15px auto 0;
	max-width: 300px;
}


#first_field .space_area {height: 40px;}





#example_area {margin-bottom: 60px;}
#example_slideer .slider li {
	width: 340px;
	height: auto;
	margin-right: 20px !important;
}
#example_slideer .slider .bx-viewport {
	padding: 5px;
	left: -4px;
	position: relative !important;
}
#example_slideer .slider .bx-wrapper .bx-controls-direction a {
	width: 35px;
	height: 35px;
	background-size: 35px auto;
}
#example_slideer .slider .bx-wrapper a.bx-next {right: 0;}
#example_slideer .slider .bx-wrapper a.bx-prev {left: 0;}


#practical_service {margin-bottom: 70px;}
#practical_service p {margin-bottom: 20px;}
#practical_service dl {margin-bottom: 40px;}
#practical_service dl dt {font-size: 15px;}
#practical_service dl dd {margin-bottom: 15px;}



#describe {padding: 0 0 180px;}
#describe p {margin-bottom: 20px;}
#describe .p_gallery .photo {
	float: none;
	margin-right: 0;
	margin-bottom: 15px;
}
#describe .p_gallery .photo img {
	width: 100%;
	height: auto;
}


#use_products {
	padding: 60px 4% 130px;
	margin-bottom: -70px;
}
#use_products ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#use_products ul li {
	width: 50%;
	margin: 0 auto !important;
	display: block;
	float: left;
	border: solid 1px #eaf6fd;
	box-sizing: border-box;
}
#use_products ul li:nth-child(n+4) {margin-top: 0;}
#use_products ul li a {
	padding: 20px 4%;
	box-sizing: border-box;
}
#use_products ul li .photo img {
	height: 80px;
	width: auto;
}
#use_products ul li p {
	padding-left: 17px;
	margin-top: 14px;
	background-size: 13px auto;
	font-size: 12px;
	text-align: left;
}

#use_products.app .box { padding: 0px;}
#use_products.app {margin-top: -120px;}
#use_products.app .app_dl {margin: 20px auto 10px;}
#use_products.app .app_dl .item {
	margin-right: 15px;
	width: 100px;
	height: auto;
}
#use_products.app .app_dl .item img {
	width: 100%;
	height: auto;
}
#use_products.app .app_dl .txt p span {
	padding-bottom: 0px;
}


#use_area {
	padding: 50px 4%;
	margin-bottom: 70px;
}
#use_area .inner {width: auto;}
#use_area ul {
	text-align: center;
	width: 100% !important;
}
#use_area ul li {
	width: 48%;
	max-width: 200px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 15px;
}
#use_area ul li:nth-child(2n) { margin-right: 0;}
#use_area ul li:nth-child(3n) {
	margin-right: 10px;
}
#use_area ul li a {
	padding: 12px 15px;
	font-size: 13px;
	background-position: right 15px center;
	background-size: 13px auto;
}







#information {
	max-width: 100%;
	width: auto;
	margin: 0 4% 60px;
	padding: 45px 4% 35px;
}
#information h3 {
	font-size: 18px;
	margin-bottom: 25px;
}
#information .download {
	display: inline-block;
	width: 100%;
	margin: 0 auto 15px;
	max-width: 300px;
}
#information .download a {
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  
}
#information .download span {
	-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  
}
#information p {
	font-size: 15px;
	margin-bottom: 15px;
}


#products_info {
	max-width: 100%;
	width: auto;
	margin: 0 4% 60px;
	padding: 45px 4%;
}
#products_info h3 {
	font-size: 18px;
	margin-bottom: 25px;
}
#products_info .download {
	display: inline-block;
	width: 100%;
	margin: 0 10px 15px;
	max-width: 260px;
}
#products_info .download {
	width: 100%;
	margin: 0 auto 15px;
	max-width: 300px;
}


#other_method section {
	margin-bottom: 40px;
}
#other_method section .p_gallery .photo {
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}
#other_method section .p_gallery .photo img {
	width: 100%;
	height: auto;
}
#other_method section .bn_prod_no {
	width: 160px;
	height: auto;
}
#other_method section .bn_prod_no img {
	width: 100%;
	height: auto;
}



#pickup {padding: 60px 0 80px;}
#pickup::before {height: 85%;}
#pickup .inner {
	width: auto;
	margin: 0 4%;
	padding: 50px 4% 10px;
}
#pickup section .method_blk {
	width: auto;
	float: none;
	margin-right: 0;
	margin-bottom: 40px;
}
#pickup section .method_blk h5 {
	background-position: right 20px center;
	font-size: 15px;
	padding: 10px 12px;
}
#pickup section .method_blk .photo {
	margin-bottom: 10px;
	width: auto;
	height: auto;
}
#pickup section .method_blk .photo img {
	width: 100%;
	height: auto;
}



/* FRP防水工法 */
#frp .use_method {
	padding: 0;
}
#frp .use_method .method_blk {
	margin-bottom: 35px;
}
.system_top .about_waterproof .example {
	width: auto;
}
.system_top .about_waterproof .example h5 {
	font-size: 14px;
	padding: 8px 0;
	margin-bottom: 20px;
}
.system_top .about_waterproof .example .photo {
	float: none;
	margin-right: 0;
	margin-bottom: 25px;
}
.system_top .about_waterproof .example .photo img {
	width: 100%;
	height: auto;
}
#nintei {
	padding-top: 0px;
	margin-bottom: 60px;
}
#nintei .grad_ttl {margin-bottom: 25px;}
#nintei p {margin-bottom: 30px;}
#nintei h4 {
	font-size: 16px;
	margin-bottom: 8px;
}


/* 木材保護含浸塗料／ノンロット® */
.system_pattern .site {
	margin:0 auto 40px;
	width: 92%;
}



/* リマスター®工法 */
#remaster .bg_blue {
	margin-bottom: 0;
	padding-bottom: 50px;
}
#remaster .system_top .txt_blk {margin-bottom: 0px;}
#remaster #pickup section {margin-bottom: 40px;}
#remaster #pickup section .leftborder_ttl {
	margin-bottom: 10px;
	font-size: 16px;
}
#remaster #pickup section .item {
	margin-bottom: 25px;
}
#remaster #pickup section .item img {
	width: 100%;
	height: auto;
}



/* ----- ポリエチレン製ガス導管 ----- */

#prod_3gas1 .system_top .txt_blk:last-of-type { margin-bottom:0;}
.system_top .leaflet ol li {
	margin-bottom: 13px;
}
.system_top .leaflet ol.img li {
	width: 45%;
	margin-right: 10%;
	margin-bottom: 50px;
}
.system_top .leaflet ol.img li:nth-of-type(2n) { margin-right: 0;}

.system_top .leaflet ol.img li img {
	width: 100%;
	height: auto;
}
  .system_top .leaflet ol.img {
	margin-top: 60px;
	margin-left: 0px;
	padding-bottom: 0px;
}

.system_top .leaflet .app_area .about {padding: 15px 0 30px;}
.system_top .leaflet .app_area .ttl {
	font-size: 15px;
}  
.system_top .leaflet .app_area .about .item {
	display: block;
	margin-right: 0;
}
.system_top .leaflet .app_area .app {
	width: 45%;
}
.system_top .leaflet .app_area .app.google {margin-right: 0;}
.system_top .leaflet .app_area .app .bn {
	margin-right: 0;
  margin-bottom: 8px;
  display: block;
}
.system_top .leaflet .app_area .app .bn img {
  width: 85%;
	height: auto;
}
.system_top .leaflet .app_area .app.apple .bn img {width: 73%;}

.system_top .leaflet .app_area .app .qr img {height: 90px;}
.system_top .leaflet .app_area .kome { font-size: 13px;}

  
  
  
  
#prod_3gas1 .catalog_dl {
	margin: 0 auto 50px;
}


.system_top .zumen_list ul {
	text-align: center;
	font-size: 0;
}
.system_top .zumen_list ul li {
	width: 130px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 0;
	margin: 0 2% 20px;
}
.system_top .zumen_list ul li:nth-child(5n) {margin-right: 2%;}
.system_top .zumen_list ul.item4 li:first-child {width: 260px;}
.system_top .zumen_list ul.item4 li:nth-child(4n) { margin-right: 2%;}
.system_top #pipe.zumen_list  ul li {width: auto;}


.system_top .zumen_list ul li img {
	width: auto;	
	height: 130px;
}
.system_top .zumen_list ul li .name {
	font-size: 13px;
}
.system_top .zumen_list ul li .zumen a {
	font-size: 12px;
	color: #0073bd;
}




/* ---------- 災害から守る・復旧する ---------------------------------------- */
.repo #first_field {
	padding: 50px 4% 50px;
	margin-bottom: 60px;
}
.repo #first_field ul li a {
	font-size: 16px;
	padding: 50px 5px 5px 5px;
}
.repo #first_field ul li .ctgr {
	font-size: 10px;
	width: auto;
	background-size: 11px auto;
	padding: 5px 27px 5px 15px;
	background-position: right 10px center;
	top: 15px;
	left: 0;
	right: auto;
}
.report_area {
	max-width: 100%;
	width: auto;
	padding: 40px 4% 30px;
	margin: 0 4% 40px;
}
.report_area .repo_ttl h3 {
	font-size: 16px;
	padding: 35px 5px 5px 5px;
}
.report_area .repo_ttl .ctgr {
	font-size: 10px;
	width: auto;
	background-size: 11px auto;
	padding: 5px 20px;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
}
.postbody dl {margin-bottom: 30px;}
.postbody dl dt {
	font-size: 12px;
	width: 40%;
	float: none;
	max-width: 150px;
}
.postbody dl dd {padding: 0 0 10px;}
.postbody section {margin-bottom: 40px;}
.postbody section .photos .photo {
	float: none;
	margin-right: 0;
	margin-bottom: 15px;
	text-align: center;
	max-width: 400px;
	width: 100%;
}
.postbody section .photos .photo img {
	max-width: 100%;
	height: auto;
}
.postbody section .system_blk {
	width: 100%;
	float: none;
	margin-right: 0;
	padding: 20px;
	margin-bottom: 25px;
	max-width: 400px;
}
.postbody section .system_blk .photo img {
	max-width: 100%;
	height: auto;
}
.postbody section .photos .photo p {
	font-size: 12px;
	text-align: left;
}


.wp-pagenavi {
	width: auto;
	padding: 0px 0 60px;
}
.wp-pagenavi span.pages {
	font-size: 13px;
	display: block;
	margin-right: 0;
	margin-bottom: 15px;
}
.wp-pagenavi a, .wp-pagenavi span {
	width: 35px;
	height: 35px;
	margin-left: 10px;
	font-size: 11px;
	line-height: 35px;
	margin-bottom: 10px;
}








/* ---------- 会社案内 ---------------------------------------- */


.comp .comp_top_about {
	margin-bottom: 50px;
	padding: 0 4% 0;
}
.comp .comp_top_about:last-of-type { margin-bottom: 20px;}

.comp .comp_top_about::before { display: none;}
.comp .comp_top_about .txt_blk {
	position: inherit;
	top: 0;
	left: 0;
	padding: 30px 25px;
	width: auto;
}
.comp .comp_top_about.about2 .txt_blk {
	right: auto;
	left: auto;
}
.comp .comp_top_about .txt_blk h3 {
	font-size: 18px;
	margin-bottom: 12px;
}
.comp .comp_top_about .photo {
	position: inherit;
	right: 0;
	top: auto;
	bottom: 0;
}
.comp .comp_top_about .photo img {
	width: 100%;
	height: auto;
}

.comp .comp_top_menu {padding: 50px 0px;}
.comp .comp_top_menu .btn {
	width:100%;
	max-width: 360px;
	float: none;
	margin: 0 auto 25px !important;
}
.comp .comp_top_menu .btn h3 {width: 60%;}
.comp .comp_top_menu .btn h3 br { display: none;}



.comp .glee .catch {
	font-size: 17px;
	margin-bottom: 20px;
}
.comp .glee p {margin-bottom: 20px;}
.comp .glee p.name { margin-bottom: 0;}
.comp .glee p.name span {
	font-size: 16px;
	padding-left: 10px;
}
.comp .comp_area {
	margin-bottom: 50px;
	padding: 0 4%;
}
.comp .comp_area .outline {
	margin-bottom: 40px;
}
.comp .comp_area .photo {
	float: none;
	text-align: center;
	margin-right: 0;
	margin-bottom: 20px;
}
.comp .comp_area table.office {width: 100%;}
.comp .comp_area table.office th {
	width: 25%;
	font-size: 14px;
}
.comp .comp_area table.office td {
	font-size: 14px;
}
.comp .comp_area .method_ttl {
	margin-bottom: 5px;
	font-size: 17px;
}

.comp .comp_area #history table .year {width: 50px;}
.comp .comp_area #history table .month {
	width: 20%;
	padding-right: 2%;
	padding-left: 2% !important;
	vertical-align: middle;
}
.comp .comp_area table th, .comp .comp_area table td {font-size: 13px;}
.comp .comp_top_menu .comp_ttl {
	font-size: 17px;
	margin-bottom: 20px;
}
.comp .comp_top_menu ul {border-right: none;}
.comp .comp_top_menu ul li {
	margin-bottom: 15px;
	width: 45%;
}
.comp .comp_top_menu ul li:nth-child(2n) {border-right: solid 1px #000;}

.comp .comp_top_menu ul li a {
	font-size: 14px;
	padding: 0 20px;
	line-height: 150%;
}






.products_list {
	margin-bottom: 60px;
}
.products_list ul {
	font-size: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.products_list ul li {
	width: 48%;
	height: auto;
	float: none;
	margin-right: 3.5%;
	margin-bottom: 3%;
	display: inline-block;
	vertical-align: top;
}
.products_list ul li:nth-child(2n) { margin-right: 0;}

.products_list ul li a {
	padding: 15px 10px;
}
.products_list ul li img {
	width: auto;
	height: 80px;
}
.products_list ul li .txt_link {
	font-size: 12px;
	background-position: left center;
	padding-left: 18px;
	background-size: 12px auto;
	text-decoration: underline;
}
  
.products_list ul li.new a::before {
	width: 42px;
	height: 24px;
	background-size: 50px auto;
	top: 10px;
	left: 10px;
}


.comp #products_info {
	margin: 0 4% 30px;
}


.comp #office.comp_area {margin-bottom: 20px;}
.comp .comp_area .border_ttl {
	margin-bottom: 25px;
}
.comp #office table th {
	width: 35%;
}
.comp #office table.offi th,
.comp #office table.offi td {
	display: inline-block;
	width: 100%;
}
.comp #office table.offi th {
	border-bottom: none;
	padding: 13px 0 0 !important;
}
.comp #office table.offi td {
	padding-left: 0 !important;
	border-bottom: none;
}
.comp #office table td.map {
	padding: 0 0 13px !important;
	border-bottom: solid 1px #dcdcdc;
}
.comp #office table td .gmap a {
	font-size: 11px;
	text-align: left;
	padding-left: 16px;
	background-size: 10px auto;
}





/* ---------- お問い合わせ ---------------------------------------- */
.cont .cont_area {
	margin-bottom: 50px;
	padding: 0 4%;
}
.cont #cont_about {	margin-bottom: 10px;}




/* ---------- 個人情報の取り扱いについて ---------------------------------------- */
.priv #contents #first_field .block {
	margin-bottom: 35px;
	padding: 0 4%;
}



/* ---------- サイトマップ ---------------------------------------- */
.site .pageblock {
	margin-bottom: 30px;
}
.site .pageblock .index a {
	background-position: left top 4px;
	margin-bottom: 15px;
	padding-left: 18px;
	padding-bottom: 4px;
	font-size: 14px;
}
.site .pageblock .sub_menu ul {
	float: none;
	margin-left: 20px;
	margin-right: 0;
	width: auto;
}
.site #yoto.pageblock .sub_menu ul {	margin-bottom: 15px;}

.site .pageblock .sub_menu ul li a {
	font-size: 13px;
}
.site .pageblock .sub_menu .block {
	margin-bottom: 0;
	padding-bottom: 0px;
	border-bottom: none;
}




}