@charset "UTF-8";

/*****************************
archive
*****************************/
.machinelist li {
  padding: 2rem;
}
.machinelist li:not(:last-child) {
  margin-bottom: 8rem;
}
.machinelist .ftxtbox {
  width: 63%;
}
.machinelist .fimgbox {
  width: 32%;
}
.machinelist .fimgbox a {
  display: block;
  height: 100%;
}
.machinelist .fimgbox img {
  aspect-ratio: 1/1;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.machinelist .ftxtbox .txtbox {
  margin-bottom: 2rem;
}
.machinelist .dlbox dl {
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
}
.machinelist .dlbox dt,
.machinelist .dlbox dd {
  padding: 1rem;
}
.machinelist .dlbox dt:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.machinelist .dlbox dd:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.machinelist .dlbox dt {
  background: #8FC224;
  width: 100px;
}
.machinelist .dlbox dd {
  background: rgb(0, 0, 0, .3);
  width: calc(100% - 100px);
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .machinelist .flexbox2 {
    flex-direction: column-reverse;
  }
  .machinelist .ftxtbox {
    width: 100%;
  }
  .machinelist .fimgbox {
    margin-bottom: 2rem;
    width: 100%;
  }
  .machinelist .fimgbox img {
    aspect-ratio: 1/.8;
    object-fit: contain;
    height: auto;
    width: 100%;
  }
}