/* mainVisual */
.l-content .mainVisual {
  width: 1200px;
  height: 100px;
  margin-bottom: 30px;
  background: url(/pr/machining/video/img/main_20220118.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* ancNav */
.l-content .ancNav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 30px;
}
.l-content .ancNav::before,
.l-content .ancNav::after {
  content: "";
  display: block;
}
.l-content .ancNav::before {
  content: "";
  display: block;
  order: 1;
}
.l-content .ancNav::before,
.l-content .ancNav::after,
.l-content .ancNav > li a {
  width: 289px;
}
.l-content .ancNav > li:not(:nth-last-child(-n+4)) {
  margin-bottom: 14px;
}

.l-content h2 {
  display: flex;
  align-items: center;
  background: #e5f0f9;
  height: 49px;
  margin-bottom: 25px;
  padding: 0 10px;
  border-top: 1px solid #0167c3;
  font-size: 18px;
  font-weight: bold;
}
.l-content h2::before {
  content: "";
  background: #0167c3;
  width: 5px;
  height: 24px;
  margin-right: 12px;
}

.l-content .section {
  margin-bottom: 40px;
}

.l-content .item_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1200px;
  margin: 0 auto;
}
/* 最後左寄せ */
.l-content .item_list::before,
.l-content .item_list::after {
  content: "";
  display: block;
  width: 289px;
}
.l-content .item_list::before {
  order: 1;
}
.l-content .item_list > li .inner {
  width: 289px;
  padding: 30px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.l-content .item_list > li:not(:nth-last-of-type(-n+4)) {
  margin-bottom: 14px;
}
.l-content .item_list > li .video_wrapper {
  margin-bottom: 12px;
  text-align: center;
}
.l-content .item_list > li .video_wrapper a.various {
  position: relative;
}
.l-content .item_list > li .video_wrapper a.various::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAABwlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////aQXEwAAAAlXRSTlMAAQIDBAUGBwkLDA4PEBITFBUZGhscHR4hIyQlJicoKiwtLi8xODs8PT5AQ0RFRkdISUpLTE9RU1RVWFlbXF1fYGFiY2Rsb3Fzdnh6e4GEhoeMj5CTlJWam5ydoKanqKmqq6ytrq+wtLW9v8TFxsfIztHS1dbX2Nna29zd3t/h4+Xm5+jp6+7v8PHy8/X29/n6+/z9/tnf1voAAAOCSURBVFjDrZjpWxNJEIcLwqGiAgrxiAeIAgoqomtWEWWD7uEJHriSlV1IFK9VySIGjSLISkCXQ3z/3/0wExMn09PdPPa3TNfz5umuql9VtYhylTT0XEuk3i3AwrtU4lpPQ4lYr82xu7N41uxQrNqGUdp5fxnftXy/s9QQUnZugoA10VNmQjnyEs16eUQLqf8rb/4mfinaWFclUlXXGL0Uz+R3huuDKdG5nOV4f8S7Gekfz+3O/RgAqbyZM0u2+lu0JnMWNytVlJrHrklij/qvdidcoyc1imtxHfTqcPDB2yddl/leUL17hXfKtRHxu2OZ8eHUOn5e7TYJiu7PjudrvRsVz5x4bzcL0XYnU55VeL47PppqMc2XlikAbnniBYD3LeZ51/IegGjht7oswFKbTf62LQFkwwWfhgHottOSMwA8yH846njaVpPuAPDDV3mZAJgst8WUpwAmQu7P0wC020tkMwBdruamAJJemwc79ZwkQMrR6GMANHlNWOrfpMPsA6BTRESGAEaLTIB/e3XCOwowJCKycRHgoB8Gnh8KxrQCLG4UkRhARvwxMLwtkJMBiInIPYDrSgz/Xd0QgLkOcE8kNAcQUWNguktdLyMA2ZA0AbyQIAw8PaDkvHDc3AswqMHwJb5FgRkE6JUbAD/rMPDx8jpfzC/O1Y4CHNdjIHPSD3Pcibox3xD2w8Cj/cVmTQBjMgOwxQzD6kBRcdoKMC0LAFWGGJj71aPiVQALjrUYY2C8w8fOHvOPL8b2UBfKfA9ldcUryiu2cfjDvUqHm4ffZFD4GSfDbxVByWCWmquDmtQ0E4r9OqEIZbWy9dZAtvQiemWdgYhqJP3LH4aSHlxgmk0LTEC5m46Zlzu3+O7zKb4bbIqvohVIWrYC0vVdGpNcm1RqSyn5tk2SDgAGbDED3zZtuRYyakeJeltIqZ9fa0M7X9jQylkAZmza6xm/JthpTqeajZ005dsEV65t9Cga8WrTAHw2G4RWAEjXqsey2yEdJHRbPZaJhN0hcVJzsLa0OySGFSPrE1epRnapIZER1+jvGoMBWuGyZoMBWkROFYzzO7ybO/LjfPZU8MHDwwXtVfxitHHreqnYvL0pejH+Or8zEtY682ha99SR7jB6ePkp+OElVmYY6aUn1M9AJ6xkqfr8UPGj1J/nq+0lsqShpy+Rmv7E8ofMWKIv8Insf+dVMRcM6+j4AAAAAElFTkSuQmCC);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
}
.l-content .item_list > li .maker {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.l-content .item_list > li a {
  display: block;
  text-decoration: none;
}
.l-content .item_list > li a > span {
  display: block;
}
.l-content .item_list > li a .pic {
  margin-bottom: 10px;
}
.l-content .item_list > li a .name {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.l-content .item_list > li a .m-btnLink--conversion {
  margin: 0 auto;
}
.l-content .item_list > li a:hover .pic,
.l-content .item_list > li a:hover .m-btnLink--conversion {
  opacity: 0.75;
}