@charset "utf-8";

.l-content .mvArea {
  width: 950px;
  height: 170px;
  background: url(/maker/misumi/mold/products/injection_molding/screw/img/main_210519.png) no-repeat;
  margin-bottom: 20px;
}
.l-content h1.mainVisual {
  width: 950px;
  height: 134px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*lead*/
.l-content .lp_lead {
  width: 950px;
  height: 36px;
  text-align: center;
  padding-top: 7px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
/*anchorNavi*/
.l-content .anchorNavi {
  display: flex;
  justify-content: center;
}
.l-content .anchorNavi .anchorNavi01 + .anchorNavi01 {
  margin-left: 15px;
}
.l-content .anchorNavi .anchorNavi01 a {
  width: 300px;
  height: 50px;
  padding: 15px 12px 14px;
}

/* sectionTitle */
.l-content .sec_bg {
  background: url(/maker/misumi/mold/products/injection_molding/screw/img/circle_h2.png) no-repeat 0 1px;
}
.l-content .sec_bg.two_lines {
  background-position: 0 8px;
}

/* stage */
.l-content .stage h2 {
  background: #C94E93;
}
.l-content .stage .stageList .stageItem .innerList li {
  position: relative;
}
.l-content .stage .stageList .stageItem .innerList li .sub_name {
  position: absolute;
  top: -27px;
  font-size: 12px;
  line-height: 14px;
}

/* basic */
.l-content .basic .h3_wrapper {
  margin-bottom: 30px;
}
.l-content .basic .h3_wrapper:last-child {
  margin-bottom: 0;
}
.l-content .basic .h3_wrapper h3 {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #000;
}
.l-content .basic .h3_wrapper h3::before {
  content: "";
  display: inline-block;
  background: #C94E93;
  width: 6px;
  height: 20px;
  margin-right: 12px;
}
.l-content .basic .h3_wrapper > p.desc {
  font-size: 14px;
  line-height: 22px;
}

/* how2 */
.l-content .basic .h3_wrapper.how2 .h4_wrapper {
  margin-bottom: 20px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper:last-child {
  margin-bottom: 0;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper h4 {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper h4 img {
  margin-right: 7px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner {
  display: flex;
  justify-content: space-between;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .txt_wrapper {
  margin-right: 15px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .point {
  display: flex;
  align-items: center;
  background: url(/maker/misumi/mold/products/injection_molding/screw/img/bulb_point.png) no-repeat 5px center;
  min-height: 29px;
  margin: 10px 0;
  padding-left: 35px;
  font-size: 14px;
  font-weight: bold;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .txt_wrapper .desc_list > li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 22px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .txt_wrapper .desc_list > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .txt_wrapper .desc_list > li a {
  text-decoration: underline;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .txt_wrapper .desc_list > li a:hover {
  color: #ff730a;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .txt_wrapper .note_list > li {
  position: relative;
  padding-left: 12px;
  font-size: 12px;
  line-height: 18px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .txt_wrapper .note_list > li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner:last-child {
  margin-bottom: 0;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list {
  display: flex;
  flex-wrap: wrap;
  background: #ebebeb;
  width: 210px;
  padding: 10px 0;
  box-sizing: border-box;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list.horizontal {
  width: 415px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list.one_item {
  width: 110px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list.horizontal_3item {
  width: 310px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li {
  width: 90px;
  margin-left: 10px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a.label_video {
  position: relative;
  display: block;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a.label_video::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "使用動画あり";
  background: #555;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 17px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  z-index: 1;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a.label_video:hover::before {
  opacity: 0.75;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list.horizontal > li.u-pr200 {
  padding-right: 200px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li:not(:nth-child(-n+2)) {
  margin-top: 5px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li.img_two {
  width: 190px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li.img_two a > .img_wrapper {
  display: flex;
  justify-content: space-between;
  width: 190px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li.img_three {
  width: 290px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li.img_three a > .img_wrapper {
  display: flex;
  justify-content: space-between;
  width: 290px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li.img_two a > .img_wrapper.img_center {
  justify-content: center;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a span.name {
  display: block;
  padding-top: 3px;
  font-weight: bold;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a span.name.two_lines_height {
  height: calc( 1.5em * 2 );
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a span.name .ls1 {
  letter-spacing: -1px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a span.name .ls2 {
  letter-spacing: -2px;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a:hover img {
  opacity: 0.75;
}
.l-content .basic .h3_wrapper.how2 .h4_wrapper .h4_inner > .pic_wrapper .pic_inner .how2_item_list > li a:hover span.name {
  color: #ff730a;
}

.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper {
  display: flex;
}
.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper .desc_list {
  width: 575px;
  margin-right: 80px;
}
.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper .desc_list > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 22px;
}
.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper .desc_list > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
}
.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper .desc_list > li a {
  text-decoration: underline;
}
.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper .desc_list > li a:hover {
  color: #ff730a;
}
.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper .item a span.name {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
}
.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper .item a:hover img {
  opacity: 0.75;
}
.l-content .basic .h3_wrapper.nozzle_reco .main_wrapper .item a:hover span.name {
  color: #ff730a;
}

/* 在庫一掃セール */
.l-content .section .c-text--emphasis {
  font-size: 30px;
}
.l-content .itemList .item .pic .icon {
  position: absolute;
  top: 0;
  right: 0;
}