.mv-background {
  background: url("../img/Equipment-introduction_mv__li_v2.JPG");
  width: 100%;
  height: 470px;
  background-position: center;
  background-size: cover;
}

.container{
  padding: 0px;
}
.equipment-btn {
    width: 100%;
    margin: 0 auto;
    padding: 100px 25px 0px 25px;
    max-width: 1050px;
}
.btn-top, .btn-btoom {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  gap: 15px; /* 横・縦の間隔を自動で取る！ */
}
.btn-top li {
  flex: 0 1 300px; /* ★ 幅300pxで折り返し、でも可変 */
  display: flex;
  justify-content: center;
}
.btn-top{
  padding-bottom: 40px;
}
.btn-btoom {
  width: 300px;
  margin-left: 0;
}

.btn-top li:hover,.btn-btoom li:hover{
  transform: scale(1.05);
}

@media screen and (max-width: 670px) {
  .equipment-btn{
    text-align: center;
    padding: 60px 25px 0px 25px;
  }
  .btn-top li{
        display: block;
    gap:20px;
  }
  .btn-top{
     justify-content: center;
  }
  .btn-btoom{
   margin: 0 auto;
  }
}

.equipment-info{
  padding: 0 15px 150px;
}

.section-title{
   width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 2.4rem;
  font-weight: bold;
  font-family:"Noto Sans JP", sans-serif;
  padding-top: 100px;
  
}
@media screen and (max-width: 670px){
  .section-title{  padding-top: 60px;}
}

.line-1{
 display: block;
    width: 200px;
    height: 2px;
    background-color: var(--gray-color);
    margin-bottom: 27px;
}

.line-2{
 display: block;
    width: 332px;
    height: 2px;
    background-color: var(--gray-color);
    margin-bottom: 27px;
}
.line-3{
   display: block;
    width: 237px;
    height: 2px;
    background-color: var(--gray-color);
    margin-bottom: 27px;
}
table {
  border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;

}
table:not(.has-border-color) :where(th, td) {
  border: 1px solid var(--mid-light-gray-color);
}
 table td {
  padding: 8px 20px;
}
table tr:nth-of-type(2n+1) {
    background-color:var(--white-color);
  
}
.title {
  background: var(--breadcrumb-background);
  color: var(--white-color);
  padding: 15px 20px;
  text-align: center;
}
.title-min{
  background: var(--breadcrumb-background);
  color: var(--white-color);
  padding: 0px 10px;
  text-align: center;
}

@media screen and (max-width: 670px){
  .title{
      padding: 0px;
  }
  table td {
 padding: 4px 2px;
  }
}

/* 濃くする */
.light-color{
  background-color: var(--super-light-gray);
font-weight: 600;
   text-align: left;
}
/* 薄くする */
.lidht-color {
  background-color: var(--white-gray-color);
font-weight: 600;
   text-align: left;
}

.table-center{
  text-align: center;
}
/*機械IMG */
.machine-img{
  display: flex;
  max-width: 1000px;
  justify-content: space-between;
  margin:  0 auto;
  padding-top: 40px
}
.machine-img img
{
  max-width: 430px;
  width: 100%;
  padding-bottom: 15px;
}

@media screen and (max-width: 670px) {
  .machine-img{
    display: block;
    margin: 0 auto;
  }
  .machine-img img{
    max-width: 100%;
  }
}