@charset "UTF-8";
/* 767px以下SP
--------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	#quality .mainimg {
		background: url("../img/quality/mainv_quality_sp.png") center 50% no-repeat;
		background-size: cover;
	}
	
	.pg_quality{
		padding-top: 50px;
	}
	ul.list_tab {
		width: 100%;
		margin: 0 auto 30px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	ul.list_tab li {
		box-sizing: border-box;
		width: calc(100% / 3);
		font-size: clamp(0.75rem, 0.630rem + 0.51vw, 0.875rem); /*12-14px*/
		
		text-align: center;
		border-bottom: 1px solid #666;
	}
	ul.list_tab li:not(:nth-child(3n)) {
		border-right: 1px solid #666;
	}
	ul.list_tab li a {
		display: block;
		padding: 10px 0;
		color: #231815;
		letter-spacing: 0 !important;
		background-color: #ffffff;
		transition: .5s;
	}
ul.list_tab li.showtabbox a{
		background-color:#231815;
		color: #9e855b;
	}

.item_img {
width: 100%;
margin: 0 auto 10px;
}
.item_name {
font-size: 14px;

padding-bottom: 10px;
text-align: center;
}
.item_name span {
font-size: 80%;
}
.item_honbun {
font-size: 13px;

}
.item_honbun span {
font-size: 11px;
}

ul.item_list {
width: 100%;
margin: 50px auto 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul.item_list li {
width: 48%;
margin-bottom: 30px;
}
	ul.item_list_res{
		margin-top: 0;
		display: block;
	}
	ul.item_list_res li{
		width: 100%;
	}
		ul.item_list_res .item_name{
			margin-bottom: 10px;
			border-bottom:solid 1px #231815;
	}
	/* SECURITY */
	ul.item_list_sec li{
    margin-top: 50px;
    }
	
	/* EQUIPMENT */
	.block_equipment	ul.item_list{
		justify-content: space-around;
			margin-top: 0;
	}
	.block_equipment	ul.item_list li {
		width: 30%;
}
    
}
/* 768px以上 PC
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
	#quality .mainimg {
		background: url("../img/quality/mainv_quality.png") center 50% no-repeat;
		background-size: cover;
	}
	
	.pg_quality{
		margin: 0 auto;
		padding-top: 80px;
	}	
	ul.list_tab {
		width: 1000px;
		margin: 0 auto 30px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	ul.list_tab li {
		box-sizing: border-box;
		width: calc(100% / 3);
		font-size: clamp(0.875rem, 0.792rem + 0.173vw, 1rem); /*14-16px*/
		
		text-align: center;
		border-bottom: 1px solid #666;
	}
	ul.list_tab li:not(:last-child) {
		border-right: 1px solid #666;
	}
	ul.list_tab li a {
		display: block;
		padding: 10px 0;
		color: #231815;
		letter-spacing: 0 !important;
		background-color: #ffffff;
		transition: .5s;
	}
	ul.list_tab li.showtabbox a,ul.list_tab li a:hover{
		background-color:#231815;
		color: #9e855b;
		
	}


.item_img {
width: 100%;
margin: 0 auto 10px;
}
.item_name {
font-size: 18px;

padding-bottom: 10px;
letter-spacing: 0!important;
}
.item_name span {
font-size: 80%;
}
.item_honbun {
font-size: 15px;

}
.item_honbun span {
font-size: 12px;
}
ul.item_list {
width: 100%;
margin: 50px auto 20px;
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: 30px;
}
ul.item_list li {
width: 30%;
margin-bottom: 30px;
}

ul.item_list li.item_half {
width: 48%;
	margin-bottom: 50px;
}
	ul.item_list_res{
		margin-top: 0;
	}
		ul.item_list_res .item_name{
			margin-bottom: 10px;
			border-bottom:solid 1px #231815;
	}
/* SECURITY */
	ul.item_list_sec {
    width: 100%;
    margin: 50px auto 20px;
    display: flex;
    justify-content: space-between;
    }
    ul.item_list_sec li.item_half {
    width: 48%;
				display: flex;
    justify-content: space-between;
					align-items: flex-start;
    }
    ul.item_list_sec li.item_half .item_img {
    width: 40%;
				margin: 0;
    }
	ul.item_list_sec li.item_half .item_txtbox{
		width: 57%;		
	}
	/*
    .item_ttl {
    font-size: 20px;    
    padding-bottom: 5px;
    }
	
	*/
	
	
	
	
	
	
/* EQUIPMENT */
	.block_equipment	ul.item_list{
		/*justify-content: space-around;
		column-gap: 30px;*/
		margin: 50px auto 20px;
		width: 1030px;
		display: flex;
  justify-content: center; /* 水平方向の中央寄せ */
	}
.block_equipment	ul.item_list li {
	width : calc((100% - 90px)/4) ;
	margin: 0 0 30px;
}
	
	

    
}