@charset "utf-8";
/*###############PC first###############*/
/*--京pages.css--*/
/*--------PCここから--------*/
.item_list ,
.service_quality_wrap {
	width: 870px;
	margin: 0 auto 60px;
}
.item_list {
	border-bottom: 1px dotted #222;
	padding: 0 10px 20px;
}

	.item_list ul {
		text-align: center;
		font-size: 0;
	}
		.item_list ul li {
			width: 260px;
			display: inline-block;
			margin: 0 40px 40px 0;
			font-size: 14px;
		}
		
		.item_list ul li:nth-child(3n) {
			margin-right: 0;
		}
		
		.item_list.material_list ul li {
			margin: 0 40px 40px 40px;
		}
		
		.item_list.material_list ul li:nth-child(3n) {
			margin-right:40px;
		}
		

		
	.service_quality_wrap ul {
		text-align: center;
		font-size: 0;
	}
		.service_quality_wrap ul li {
			width: 410px;
			display: inline-block;
			vertical-align: top;
			margin: 0 50px 0 0;
			font-size: 14px;
		}
		.service_quality_wrap ul li:nth-child(2n) {
			margin-right: 0;
		}
			.item_list ul li a ,
			.service_quality_wrap ul li a {
				display: block;
				text-decoration: none;
				color: #222;
				transition: all ease .3s;
				-webkit-transition: all ease .3s;
				-moz-transition: all ease .3s;
			}
			
			
			.item_list ul li a:hover ,
			.service_quality_wrap ul li a:hover {
				opacity: 0.8;
			}
			
			.item_list.product_list ul a .goto_detail{
					background:#296450;
					color:#fff;
					display:inline-block;
					height:30px;
					line-height:30px;
					padding:0 30px;
					border-radius:15px;
				}
			
				.item_list ul li dl ,
				.service_quality_wrap ul li dl {
					text-align: left;
				}
						.item_list ul li dl dt .content_img {
							/*width: 260px;*/
							display: block;
						}
						.service_quality_wrap ul li dl dt .content_img {
							width: 410px;
							height: 120px;
							display: block;
							background: #fff;
						}
						.item_list ul li dl dt .content_txt ,
						.service_quality_wrap ul li dl dt .content_txt {
							display: block;
							font-size: 17px;
							padding: 10px 0 0 0;
						}
					.item_list ul li a dl dd ,
					.service_quality_wrap ul li dl dd {
						padding: 8px 5px 16px 5px;
						line-height: 1.8em;
					}
.contact_bn {
	clear: both;
	margin: 0 auto;
}
.category_nav {
	width: 900px;
	overflow: hidden;
	margin: 50px auto;
}
	.category_nav .category_title {
		width: 160px;
		display: block;
		float: left;
	}
	.category_nav .category_list {
		width: 730px;
		display: block;
		float: right;
	}
		.category_nav .category_list ul {
		}
			.category_nav .category_list ul li {
				width: 320px;
				border: 1px solid #999;
				padding: 15px;
				display: inline-block;
				vertical-align: top;
				margin: 0 21px 30px 0;
				background: url(../product_service/images/category_list_arr.gif) right bottom no-repeat;
			}
			.category_nav .category_list ul li:nth-child(2n) {
				margin-right: 0;
			}
				.category_nav .category_list ul li a {
					display: inline-block;
					text-decoration: none;
					color: #222;
				}
					.category_nav .category_list ul li a .cat_list_img_title {
						display: block;
						position: relative;
					}
						.category_nav .category_list ul li a .cat_list_img_title .cat_list_img {
							display: block;
							width: 320px;
							height: 120px;
							background: #ccc;
							border-bottom: 1px dotted #666;
							margin-bottom: 5px;
						}
						.category_nav .category_list ul li a .cat_list_img_title .cat_list_title {
							display: block;
							position: absolute;
							top: 50%;
							left: 15px;
							font-size: 1.3em;
							font-weight: bold;
						}
					.category_nav .category_list ul li a .cat_list_txt {
						display: block;
						padding: 5px;
					}
.category_item {
	padding-top: 5px;
}
	.category_item h3 {
		clear: both;
	}
	.category_item ul {
		width: 840px;
		overflow: hidden;
		margin: 0 auto 30px;
		padding: 0 20px 40px;
		border-bottom: 1px dotted #999;
	}
		.category_item ul li {
			width: 260px;
			float: left;
			margin: 0 30px 40px 0;
		}
		.category_item ul li:nth-child(3n) {
			margin-right: 0;
		}
			.category_item ul li .item_img {
				width: 260px;
				height: 120px;
				background: #fff;
				display: block;
				margin-bottom: 15px;
			}
			.category_item ul li .item_neme {
				display: block;
				font-size: 18px;
				padding: 5px;
				margin-bottom: 10px;
			}
			.category_item ul li .item_txt {}

/*#pagecatch_contents_area {}
	#pagecatch_contents_area #pagecatch_head {
		margin: 0 0 20px;
		text-align: center;
	}
		#pagecatch_contents_area #pagecatch_head h3 {
			color: #e66428;
			font-size: 26px;
			font-weight: bold;
			line-height: 1.8em;
		}
	#pagecatch_contents_area #pagecatch_inner {}
		#pagecatch_contents_area #pagecatch_inner p {
			font-size: 1.1em;
			line-height: 2em;
		}*/
/* サービス一覧 */
.service_box {
	overflow: hidden;
	padding: 0 20px 20px;
	margin-bottom: 60px;
	border-bottom: 1px dotted #999;
}
.service_box:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}
	.service_box h3 {
		color: #e66428;
		font-size: 26px;
		font-weight: bold;
		line-height: 1.8em;
		padding: 0;
		text-align: center;
	}
	.service_box h3:before {
		content: none !important;
	}
	.service_box p {
		line-height: 1.8em;
	}
	.service_box .service_img {
		width: 300px;
		height: 250px;
		padding: 2px;
		float: left;
		border: 1px solid #ccc;
		background: #fff;
	}
		.service_box .service_img img {
		}
	.service_box .service_ttl_txt {
		width: 500px;
		height: 250px;
		float: right;
	}
		.service_box .service_ttl_txt dl {}
			.service_box .service_ttl_txt dl dt {
				font-size: 17px;
				margin-bottom: 15px;
				padding: 3px 5px 10px 15px;
				border-bottom: 1px dotted #999;
				position: relative;
			}
			.service_box .service_ttl_txt dl dt:before {
				content: "";
				position: absolute;
				top: 3px;
				left: 1px;
				display: block;
				width: 7px;
				height: 20px;
				background: #276550;
			}
			.service_box .service_ttl_txt dl dd {
				line-height: 1.8em;
				padding: 0 5px;
			}
	
	#tatami_planning .box_head {}
	#tatami_planning .box_inner {
		margin-bottom: 20px;
	}
		#tatami_planning .box_inner p {
			line-height: 1.8em;
		}
	#tatami_planning .box_bottom {}
		#tatami_planning .box_bottom img {
			float: right;
		}

/*20191030*/
.item_list .product_list_inner{
	margin-bottom:30px;
}

.item_list .product_list_inner > .box_header,
.item_list .material_list_inner > .box_header{
	margin-bottom:1.7em;
}

	#main_content .item_list .product_list_inner > .box_header h2,
	#main_content .item_list .material_list_inner > .box_header h2{
		padding-left:0;
		text-align:center;
		font-size:22px;
		margin-bottom:0;
	}
	
	#main_content .item_list .product_list_inner > .box_header h2:before,
	#main_content .item_list .material_list_inner > .box_header h2:before{
		content:none;
	}
	
	#main_content .item_list .product_list_inner > .box_header .shogeki_kanwa_subtitle{
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.1em;
		font-weight:bold;
		margin-top:0.5em;
		line-height:1;
	}
	
		#main_content .item_list .product_list_inner > .box_header .shogeki_kanwa_subtitle .jis_mark{
			height:1.8em;
		}
		
			#main_content .item_list .product_list_inner > .box_header .shogeki_kanwa_subtitle .jis_mark img.img-responsive{
				height:100%;
				width:auto;
				max-width:auto;
				max-width:initial;
			}
		
		#main_content .item_list .product_list_inner > .box_header .shogeki_kanwa_subtitle .jis_txt{
			padding:0.1em 0 0 0.5em;
			color:#FA194B;
		}
	
.item_list .product_list_inner > .box_inner ul{
	display:flex;
	justify-content:center;
}

	.item_list .product_list_inner > .box_inner ul li{
		/*width:360px;*/
	}
	
	.item_list .product_list_inner > .box_inner ul li:nth-child(3n){
		margin-right:0;
	}
	
		.item_list .product_list_inner > .box_inner ul li dl dt{
			text-align:center;
		}
		
			.item_list .product_list_inner > .box_inner ul li dl dt img.img-responsive{
				display:inline-block;
			}
			
.goto_jis{
	text-align:center;
	margin-bottom:1em;
}

	.goto_jis a{
		display:inline-block;
		line-height:1;
		padding:0.6em 2em 0.5em 2em;
		box-sizing:border-box;
		border:1px solid #296450;
		color:#296450;
		text-decoration:none;
		border-radius:1.1em;
		background:#fff;
		font-weight:bold;
		transition:.3s all ease;
	}
	
	.goto_jis a:hover{
		background:#296450;
		color:#fff;
	}
	
.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list{}

	.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li{
		width:430px;
	}
	
	.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li:last-child{
		margin-right:0;
	}
	
		.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a{
			display:block;
		}
		
			.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a .prd_name_img{
				display:flex;
				justify-content:space-between;
				align-items:center;
				font-size:1.4em;
				font-weight:bold;
				margin-bottom:0.6em;
				line-height:1em;
				padding:10px;
				color:#fff;
				background:#296450;
				border-radius:2px;
				position:relative;
			}
		
			.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a .prd_name{
				width:calc(100% - 184px);
				/*
				display:block;
				font-size:1.2em;
				font-weight:bold;
				margin-bottom:0.6em;
				line-height:1em;
				padding:1.1em 4em 1em 4em;
				color:#fff;
				background:#296450;
				border-radius:2px;
				position:relative;
				*/
			}
			
				.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a .prd_name:after{
					font-family: FontAwesome;
					content:"\f105";
					margin-left:1em;
				}
			
			.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a .prd_desc{
				display:block;
				text-align:center;
				line-height:1.8;
			}
			
.item_list .product_list_inner > .box_inner .goto_shogeki_kanwa{
	text-align:center;
	margin-bottom:5em;
}

	.item_list .product_list_inner > .box_inner .goto_shogeki_kanwa a{
		display:inline-block;
		line-height: 1;
		padding: 0.6em 2em 0.5em 2em;
		border: 1px solid #286450;
		background: #fff;
		color: #286450;
		border-radius: 1.1em;
		font-weight: bold;
		text-decoration: none;
		transition: .3s all ease;
	}
	
	.item_list .product_list_inner > .box_inner .goto_shogeki_kanwa a:hover{
		background:#286450;
		color:#fff;
	}
	
		.item_list .product_list_inner > .box_inner .goto_shogeki_kanwa a .sp{
			display:none;
		}
	
		
/*--------PCここまで--------*/
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
/*--------SPここから--------*/
.item_list ,
.service_quality_wrap {
	width: inherit;
	margin: 0 auto 10px;
}
.item_list {
	padding: 0 0 1.5em;
	margin-bottom: 1.5em;
}
	.item_list ul {
		text-align: center;
		font-size: 0;
	}
		.item_list ul li {
			width: inherit;
			display: block;
			margin: 0 0 15px 0;
			font-size: 14px;
		}
		.item_list ul li:nth-child(3n) {
			margin-right: 0;
		}
		.item_list ul li:last-child {
			margin-bottom: 0;
		}
	.service_quality_wrap ul {
		text-align: center;
		font-size: 0;
	}
		.service_quality_wrap ul li {
			clear: both;
			width: inherit;
			display: inline-block;
			vertical-align: top;
			margin: 0 0 1.8em;
			font-size: 14px;
		}
		.service_quality_wrap ul li:nth-child(2n) {
			margin-right: 0;
		}
		
					.item_list ul li a dl dt {
						border-bottom: 0;
					}
					.service_quality_wrap ul li a dl dt {
						padding: 0 3px 3px;
					}
						.item_list ul li dl dt .content_img {
							width: 35%;
							height: auto;
							display: block;
							float: left;
							margin-right: 10px;
						}
						.service_quality_wrap ul li dl dt .content_img {
							width: inherit;
							height: 120px;
							display: block;
							background: #fff;
							margin-bottom: 10px;
						}
						.item_list ul li dl dt .content_txt ,
						.service_quality_wrap ul li a dl dt .content_txt {
							font-size: 1.1em;
							padding: 0;
						}
					.item_list ul li dl dd ,
					.service_quality_wrap ul li dl dd {
						padding: 5px;
						line-height: 1.5em;
						font-size: 0.9em;
					}
.contact_bn {
	margin: 0 auto;
}
.category_nav {
	width: inherit;
	overflow: hidden;
	margin: 10px auto;
}
	.category_nav .category_title {
		width: 160px;
		display: block;
		float: none;
		margin:0 auto;
		text-align:center;
	}
	
	.category_nav .category_title img{
		display:inline-block;
	}
	
	.category_nav .category_list {
		width: inherit;
		display: block;
		float: none;
	}
		.category_nav .category_list ul {
		}
			.category_nav .category_list ul li {
				width: inherit;
				border: 1px solid #999;
				padding: 15px;
				display: inline-block;
				margin: 10px;
				background: url(../product_service/images/category_list_arr.gif) right bottom no-repeat;
			}
			.category_nav .category_list ul li:nth-child(2n) {
				margin-right: 10px;
			}
				.category_nav .category_list ul li a {
					display: inline-block;
					text-decoration: none;
					color: #222;
				}
					.category_nav .category_list ul li a .cat_list_img_title {
						display: block;
						position: relative;
					}
						.category_nav .category_list ul li a .cat_list_img_title .cat_list_img {
							display: block;
							width: inherit;
							height: 120px;
							background: #ccc;
							border-bottom: 1px dotted #666;
							margin-bottom: 5px;
						}
						.category_nav .category_list ul li a .cat_list_img_title .cat_list_title {
							display: block;
							position: absolute;
							top: 50%;
							left: 15px;
							font-size: 1.3em;
							font-weight: bold;
						}
					.category_nav .category_list ul li a .cat_list_txt {
						display: block;
						padding: 5px;
					}
.category_item {
	padding-top: 5px;
}
	.category_item h3 {
		clear: both;
	}
	.category_item ul {
		width: inherit;
		overflow: hidden;
		margin: 0 auto 30px;
		padding: 0 20px 40px;
		border-bottom: 1px dotted #999;
	}
		.category_item ul li {
			width: inherit;
			float: none;
			margin: 0;
		}
		.category_item ul li:nth-child(3n) {
			margin-right: 0;
		}
			.category_item ul li .item_img {
				width: inherit;
				height: 120px;
				background: #fff;
				display: block;
				margin-bottom: 15px;
			}
			.category_item ul li .item_neme {
				display: block;
				font-size: 18px;
				padding: 5px;
				margin-bottom: 10px;
			}
			.category_item ul li .item_txt {}
			
/*20191030*/
#main_content .item_list .product_list_inner > .box_header h2,
#main_content .item_list .material_list_inner > .box_header h2{
	font-size:5vw;
}

	#main_content .item_list .product_list_inner > .box_header h2 .txt_jis_kaigo{
		display:block;
	}

.item_list .product_list_inner > .box_inner ul{
	flex-direction:column;
}

	.item_list .product_list_inner > .box_inner ul li{
		width:100%;
		margin-bottom:10vw;
	}
	
		.item_list .product_list_inner > .box_inner ul li dl dt{
			display:flex;
			flex-direction:column;
		}
		
		.item_list .product_list_inner ul li dl dt .content_img{
			width:100%;
			margin-bottom:2vw;
			margin-right:0;
		}
		
		.item_list ul li a dl dd{
			padding:0 2vw 1vw 2vw;
		}
		
	.item_list .material_list_inner > .box_inner ul li{
		width:100%;
		margin:0 0 6vw 0;
	}
	
.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li{
	width:100%;
	margin-bottom:5vw;
}

	.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a .prd_name_img{
		padding:2vw;
	}

	.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a .prd_name{
		margin:0;
		width:60%;
	}
	
	.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a .prd_img{
		width:40%;
	}
	
	.item_list .product_list_inner > .box_inner ul.shogeki_kanwa_list li a .prd_desc{
		text-align:left;
		line-height:1.6;
	}
	
	.item_list .product_list_inner > .box_inner .goto_shogeki_kanwa{
		margin:1em auto 4em auto;
	}
	
		.item_list .product_list_inner > .box_inner .goto_shogeki_kanwa a{
			display:block;
			box-sizing:border-box;
			padding: 0.5em 0;
			font-size: 1em;
		}
		
		.item_list .product_list_inner > .box_inner .goto_shogeki_kanwa a .sp{
			display:inline;
		}



/*--------SPここまで--------*/
}