@charset "utf-8";
/* CSS Document */

/*//////
common
//////*/

.l-content img {
  vertical-align: bottom;
}

.l-content .m-down a {
  padding-left: 15px;
  text-decoration: underline;
}

.l-content .txt_underline {
  text-decoration: underline;
}

.l-content .color_red {
  color: #d00;
}

/*//////
parts
//////*/

/*mv*/
.l-content .mvArea {
  width: 950px;
  height: 170px;
  background: url("/maker/misumi/mold/products/injection_molding/unit/img/main_20230323.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;
  flex-wrap: wrap;
  width: 910px;
  margin: 0 auto;
}

.l-content .anchorNavi li {
  margin-bottom: 10px;
  margin-left: 20px;
}

.l-content .anchorNavi li:nth-child(4n+1) {
  margin-left: 0;
}

.l-content .anchorNavi li:nth-last-child(-n+4) {
  margin-bottom: 0;
}

.l-content .anchorNavi .label_video {
  position: relative;
}

.l-content .anchorNavi .label_video::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50px;
  background: url(/maker/misumi/mold/products/injection_molding/unit/img/label_anc_video.png) no-repeat;
  width: 120px;
  height: 32px;
}

.l-content .anchorNavi li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 53px;
}

.l-content .anchorNaviScrew {
  width: 690px;
}

.l-content .anchorNaviScrew li a {
  height: 35px;
  padding: 8px 0;
}

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

/* point */

.l-content .point .text {
  text-align: center;
  width: 780px;
  padding: 30px 0;
  margin: 0 auto;
  background: #ffcc00;
  font-size: 25px;
  font-weight: bold;
}

.l-content .point .text span {
  color: #d00;
}

.l-content .point img {
  display: block;
  margin: 0 auto;
}

/* worries */
.l-content .worries {
  width: 780px;
  margin: 0 auto;
}

.l-content .worries .worries_head {
  padding: 8px 0;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background: #7d8488;
}

.l-content .worries .worries_main {
  background: #ebf0f4;
  padding: 10px 40px 20px;
}

.l-content .worries .worries_main ul {
  display: flex;
  justify-content: space-between;
}

.l-content .worries .worries_main ul>li {
  display: flex;
  align-items: center;
}

.l-content .worries .worries_main ul>li img {
  display: block;
}

.l-content .worries .worries_main ul>li .text {
  padding-left: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.l-content .worries .worries_main ul>li .text span {
  color: #d00;
}

/* feature */
.l-content .feature {
  width: 860px;
  padding-top: 30px;
  margin: 0 auto;
}

.l-content .feature .feature_head {
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.l-content .feature .feature_head::before {
  content: "";
  display: block;
  position: absolute;
  left: 210px;
  bottom: 8px;
  width: 21px;
  height: 26px;
  background: url("/maker/misumi/mold/products/injection_molding/unit/img/ttl_deco_left.png") no-repeat 0 0;
}

.l-content .feature .feature_head::after {
  content: "";
  display: block;
  position: absolute;
  right: 210px;
  bottom: 8px;
  width: 21px;
  height: 26px;
  background: url("/maker/misumi/mold/products/injection_molding/unit/img/ttl_deco_right.png") no-repeat 0 0;
}

.l-content .feature .feature_box {
  padding-top: 30px;
}

.l-content .feature .feature_title {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 4px;
  margin-bottom: 20px;
  background: #fc0;
  font-size: 17px;
}

.l-content .feature .feature_title .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  background: #fff;
  font-weight: bold;
}

.l-content .feature .feature_text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}

.l-content .feature .feature_text .trouble_num{
  color: #d00;
  font-size: 38px;
}

/* content */
.l-content .content {
  width: 860px;
  margin: 0 auto;
}

.l-content .content .content_box {
  padding-top: 30px;
}

.l-content .content .content_title {
  display: flex;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
}

.l-content .content .content_title::before {
  content: "";
  display: block;
  width: 5px;
  height: 22px;
  margin-right: 10px;
  background: #fc0;
}

.l-content .content .content_title .icon_kome{
  font-size: 9px;
  line-height: 12px;
  padding-left: 1px;
}

/* evidence */
.l-content .evidence {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}

.l-content .evidence .evidence_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 370px;
}

.l-content .evidence .evidence_box .head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.l-content .evidence .evidence_box .head .title {
  display: flex;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
}

.l-content .evidence .evidence_box .head .title::before {
  content: "";
  display: block;
  width: 5px;
  height: 22px;
  margin-right: 10px;
  background: #fc0;
}

.l-content .evidence .evidence_box .graph {
  display: block;
  padding-top: 20px;
}

/* customer_voice */
.l-content .customer_voice {
  padding: 0 20px;
}

.l-content .customer_voice .customer_voice_box {
  display: flex;
  align-items: center;
}

.l-content .customer_voice .customer_voice_box:not(:first-child) {
  padding-top: 20px;
}


.l-content .customer_voice .customer_voice_box .voice {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 645px;
  padding: 20px 28px;
  border-radius: 10px;
  margin-left: 40px;
  background: #efefef;
  font-size: 16px;
}

.l-content .customer_voice .customer_voice_box .voice::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 100%;
  border-top: 11px solid transparent;
  border-right: 25px solid #efefef;
  border-bottom: 11px solid transparent;
  transform: translateY(-50%);
}

.l-content .customer_voice .customer_voice_box .voice .quote {
  display: block;
  margin-left: auto;
  padding-top: 8px;
}

/* maintenance */
.l-content .maintenance {
  padding: 0 20px;
}

.l-content .maintenance ul {
  display: flex;
  flex-direction: column;
}

.l-content .maintenance ul > li {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  background: #efefef;
}

.l-content .maintenance ul > li:not(:first-child) {
  margin-top: 20px;
}

.l-content .maintenance ul > li .text {
  padding-left: 15px;
  font-size: 20px;
  font-weight: bold;
}

.l-content .maintenance .note {
  margin-top: 20px;
  font-size: 14px;
}

/* qa */
.l-content .qa ul > li {
  display: flex;
  flex-direction: column;
  width: 860px;
  margin: 0 auto;
}

.l-content .qa ul > li:not(:first-child) {
  margin-top: 20px;
}

.l-content .qa .qa_q {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}

.l-content .qa .qa_q .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-right: 15px;
  background: #7d8488;
  color: #fff;
}

.l-content .qa .qa_a {
  display: flex;
  align-items: center;
  padding-top: 10px;
  font-size: 14px;
}

.l-content .qa .qa_a .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-right: 15px;
  background: #fc0;
  color: #fff;
  font-weight: bold;
}

/* cta */
.l-content .cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
}

.l-content .cta .catchcopy {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bold;
}

.l-content .cta .catchcopy::before {
  content: "";
  display: block;
  position: absolute;
  left: -24px;
  bottom: 4px;
  width: 21px;
  height: 26px;
  background: url("/maker/misumi/mold/products/injection_molding/unit/img/ttl_deco_left.png") no-repeat 0 0;
}

.l-content .cta .catchcopy::after {
  content: "";
  display: block;
  position: absolute;
  right: -24px;
  bottom: 4px;
  width: 21px;
  height: 26px;
  background: url("/maker/misumi/mold/products/injection_molding/unit/img/ttl_deco_right.png") no-repeat 0 0;
}

.l-content .cta .anchor_link {
  position: relative;
  background-image: none;
}

.l-content .cta .anchor_link::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 12px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-70%) rotate(45deg);
}

/* counsult */
.l-content .counsult {
  padding-top: 15px;
}

.l-content .counsult .counsult_wrap {
  display: flex;
}

.l-content .counsult .counsult_box{
  box-sizing: border-box;
  width: 400px;
  border: 2px solid #999;
}
.l-content .counsult .counsult_box:not(:first-child){
  margin-left: 20px;
}

.l-content .counsult .counsult_box .head{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  background: #999;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.l-content .counsult .counsult_box .main{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 25px;
}

.l-content .counsult .counsult_box .main .email{
  padding-top: 5px;
  font-size: 12px;
}

.l-content .counsult .counsult_box .main .tel{
  padding-top: 10px;
  font-weight: bold;
}

.l-content .counsult .counsult_box .main .tel_num{
  font-size: 24px;
}

.l-content .counsult .note{
  padding-top: 10px;
}



/* model_info */
.l-content .model_info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-content .model_info .text {
  font-size: 14px;
  font-weight: bold;
}

.l-content .model_info a {
  margin-top: 15px;
}

/* table_box */
.l-content .table_box {
  padding-top: 30px;
}

.l-content .table_box .title {
  background: #f1f1f1;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.l-content .table_box .text {
  font-size: 14px;
}

.l-content .table_box .note {
  font-size: 14px;
}


.l-content .table_box table {
  width: 860px;
  margin-top: 15px;
}

.l-content .table_box table th {
  background: #999;
  color: #fff;
}

.l-content .table_box table .frame_red {
  border-top: 3px solid #d00;
  border-bottom: 3px solid #d00;
}

.l-content .table_box table .frame_red:first-child {
  border-left: 3px solid #d00;
}

.l-content .table_box table .frame_red:last-child {
  border-right: 3px solid #d00;
}

.l-content .table_box table .steel_type {
  font-weight: bold;
  line-height: 20px;
}

.l-content .table_box table .steel_type span {
  padding:  0 2px;
  background: #f1f1f1;
  font-weight: normal;
}

.l-content .table_box table .disc {
  display: flex;
}

.l-content .table_box table .disc::before {
  content: "・";
}

/* handling_parts */
.l-content .handling_parts {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}

.l-content .handling_parts .handling_parts_box {
  display: flex;
  flex-direction: column;
  width: 390px;
}


.l-content .handling_parts .handling_parts_box .head .title {
  display: flex;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
}

.l-content .handling_parts .handling_parts_box .head .title::before {
  content: "";
  display: block;
  width: 5px;
  height: 22px;
  margin-right: 10px;
  background: #fc0;
}

.l-content .handling_parts .handling_parts_box .main {
  padding-top: 20px;
  display: flex;
  align-items: center;
}

.l-content .handling_parts .handling_parts_box .main img {
  padding-right: 10px;
}

.l-content .handling_parts .handling_parts_box .main .text {
  font-size: 14px;
  line-height: 26px;
}

/* confirm_grade */
.l-content .confirm_grade {
  display: flex;
  padding-top: 20px;
}

.l-content .confirm_grade li {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border: 6px solid transparent;
}

.l-content .confirm_grade li:not(:first-child){
  margin-left: 50px;
}

.l-content .confirm_grade li:not(:first-child)::before{
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: -40px;
  width: 20px;
  height: 4px;
  background: #333;
}

.l-content .confirm_grade li:not(:first-child)::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 31px;
  left: -40px;
  width: 20px;
  height: 4px;
  background: #0098d8;
}


.l-content .confirm_grade .grade {
  padding: 3px;
  border: 6px solid #d00;
}

.l-content .confirm_grade li .name {
  padding: 4px 10px;
  border: 1px solid #333;
  font-size: 16px;
  font-weight: bold;
}

.l-content .confirm_grade li .value {
  padding-top: 20px;
  color: #0098d8;
  font-size: 34px;
  font-weight: bold;
}

/* sensor_heater */
.l-content .sensor_heater .itemList::after {
  content: "";
  display: block;
  width: 202px;
}

.l-content .sensor_heater .des {
  width: 842px;
  margin: 0 auto 10px;
  font-size: 14px;
}

/* contact */
.l-content .contact {
  width: 834px;
  margin: 0 auto;
}

.l-content .contact .m-cols__1of3.col_01 {
  width: 35%;
}

.l-content .contact .m-cols__1of3.col_02 {
  width: 30%;
}

.l-content .contact .m-cols__1of3.col_03 {
  width: 25%;
}

.l-content .contact .contact-mail {
  font-size: 10px;
  font-weight: normal;
}