@charset "utf-8";
/* ----------------------------------------
ability-list
------------------------------------------- */
.ability-list li{
position: relative;
border-bottom: 2px dotted #bfbfbf;
padding: 40px 0 40px 130px;
}
.ability-list li:last-child{
border-bottom: none;
}
.ability-list li::before{
position: absolute;
display: block;
content: "";
width: 100px;
height: 100px;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.ability-list li:nth-child(1)::before{
background: url("../images/inspection-images/icon01.png") 50% 50% no-repeat;
background-size: cover;
}
.ability-list li:nth-child(2)::before{
background: url("../images/inspection-images/icon02.png") 50% 50% no-repeat;
background-size: cover;
}
.ability-list li:nth-child(3)::before{
background: url("../images/inspection-images/icon03.png") 50% 50% no-repeat;
background-size: cover;
}
.ability-list li:nth-child(4)::before{
background: url("../images/inspection-images/icon04.png") 50% 50% no-repeat;
background-size: cover;
}
.ability-list li:nth-child(5)::before{
background: url("../images/inspection-images/icon05.png") 50% 50% no-repeat;
background-size: cover;
}
.ability-list li:nth-child(6)::before{
background: url("../images/inspection-images/icon06.png") 50% 50% no-repeat;
background-size: cover;
}
.ability-list li h3{
color: #825b50;
font-size: min(1.7777vw, 2.4rem);
margin-bottom: 10px;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1350px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1349px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
  /* ----------------------------------------
 
------------------------------------------- */
.ability-list li h3{
font-size: 1.8rem;
}

}