.xmt-container {
  display: flex;
  flex-wrap: wrap;
}

.xmt-item {
  line-height: 1.5;
  text-align: center;
  border: 0.0625em solid #dddddd;
  background-color: #ffffff;
}

.bm-ewm-container {
  position: relative;
}
.bm-ewm-container img {
  height: 100%;
  object-fit: contain;
  opacity: 1;
  transition: all 0.4s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.bm-ewm-container img:nth-of-type(2) {
  opacity: 0;
}
.bm-ewm-container:hover img:first-of-type {
  opacity: 0;
}
.bm-ewm-container:hover img:nth-of-type(2) {
  opacity: 1;
}

.bm-name {
  position: relative;
  z-index: 1;
}

.xmt-item {
  width: calc(16.6666666667% - 16.6666666667px);
  padding: 20px 20px 0;
  margin-top: 20px;
  margin-right: 20px;
}
.xmt-item:nth-of-type(6n) {
  margin-right: 0;
}

.bm-ewm-container {
  height: calc((1200px - 6 * (20px + 0.0625em) * 2 - 100px) / 6);
}
.bm-ewm-container img {
  width: calc((1200px - 6 * (20px + 0.0625em) * 2 - 100px) / 6);
}

.bm-name {
  padding: calc(20px - 0.25em) 0;
}

.old_type .xmt-item {
  width: calc(25% - 22.5px);
  padding: 30px 30px 0;
  margin-top: 30px;
  margin-right: 30px;
}
.old_type .xmt-item:nth-of-type(6n) {
  margin-right: 30px;
}
.old_type .xmt-item:nth-of-type(4n) {
  margin-right: 0;
}
.old_type .bm-ewm-container {
  height: calc((1200px - 4 * (30px + 0.0625em) * 2 - 90px) / 4);
}
.old_type .bm-ewm-container img {
  width: calc((1200px - 4 * (30px + 0.0625em) * 2 - 90px) / 4);
}
.old_type .bm-name {
  padding: calc(30px - 0.25em) 0;
}

.mobile_type .xmt-item {
  width: calc(33.3333333333% - 2.1333333333vw);
  padding: 3.2vw 3.2vw 0;
  margin-top: 3.2vw;
  margin-right: 3.2vw;
}
.mobile_type .xmt-item:nth-of-type(6n) {
  margin-right: 3.2vw;
}
.mobile_type .xmt-item:nth-of-type(3n) {
  margin-right: 0;
}
.mobile_type .bm-ewm-container {
  height: calc((93.6vw - 3 * (3.2vw + 0.0625em) * 2 - 6.4vw) / 3);
}
.mobile_type .bm-ewm-container img {
  width: calc((93.6vw - 3 * (3.2vw + 0.0625em) * 2 - 6.4vw) / 3);
}
.mobile_type .bm-name {
  padding: calc(3.2vw - 0.25em) 0;
}

.title-list-container {
  margin-top: 30px;
}
.title-list-container:first-of-type {
  margin-top: 0;
}

.old_type .title-list-container {
  margin-top: 50px;
}
.old_type .title-list-container:first-of-type {
  margin-top: 0;
}

.mobile_type .title-list-container {
  margin-top: 3.2vw;
}
.mobile_type .title-list-container:first-of-type {
  margin-top: 0;
}