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

/*------------------------------
	タイトル
-------------------------------*/
.equipment_bg{
  background-image: url("../equipment/img/title_bg.jpg");
  background-repeat: no-repeat;
  background-position:80% bottom;
  background-size: auto 70%;
}


.contents_bg{
  background: url("../equipment/img/contents_bg.png") no-repeat;
  background-attachment: fixed;
  background-position: 20% bottom;
  background-size:auto 75%;
}


.equipment_contents{
  
}

/*------------------------------
	製品情報
-------------------------------*/
.equipment_contents .pro_box{
  width: 100%;
  padding-bottom: 80px;
}
.equipment_contents .pro_box .inner{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.equipment_contents .pro_box .l_box{
  width : 48% ;
}
.equipment_contents .pro_box .pro_title{
  font-family: "Noto Serif JP", serif;
}
.equipment_contents .pro_box .pro_txt{
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}

.equipment_contents .pro_box fieldset{
  width: 100%;
  margin: 20px auto 0 auto;
  max-width: 380px;
}
.equipment_contents .pro_box img{ width: 100%; }
/* SP  ///////////////////////////////////////////////////////////////// */
@media screen and (max-width: 480px) {
  .equipment_contents .pro_box{padding-bottom: 40px;}
  .equipment_contents .pro_box .inner{ display: block;}
  .equipment_contents .pro_box .l_box{
    display: block;
    width: 95%;
    margin: auto; padding: 0 0 30px 0;
}
.equipment_contents .pro_box .pro_txt{
  margin-top: 10px;
  font-size: 14px;
  text-align: left;
  line-height: 1.4;
}

}

/*------------------------------
	ワークフロー
-------------------------------*/
.equipment_contents .workflow_box{
  width: 100%;
  padding-bottom: 80px;
}

.equipment_contents .workflow_box .workflow_list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}

.equipment_contents .workflow_box .workflow_list li{
  width: 30%;
  margin-top: 30px; 
}

.equipment_contents .workflow_box .workflow_list li.no01{ 
  background: url("../equipment/img/workflow01.jpg") no-repeat top left;
  background-size: 100% auto;
}
.equipment_contents .workflow_box .workflow_list li.no02{ 
  background: url("../equipment/img/workflow02.jpg") no-repeat top left;
  background-size: 100% auto;
}
.equipment_contents .workflow_box .workflow_list li.no03{ 
  background: url("../equipment/img/workflow03.jpg") no-repeat top left;
  background-size: 100% auto;
}
.equipment_contents .workflow_box .workflow_list li.no04{ 
  background: url("../equipment/img/workflow04.jpg") no-repeat top left;
  background-size: 100% auto;
}
.equipment_contents .workflow_box .workflow_list li.no05{ 
  background: url("../equipment/img/workflow05.jpg") no-repeat top left;
  background-size: 100% auto;
}
.equipment_contents .workflow_box .workflow_list li.no06{ 
  background: url("../equipment/img/workflow06.jpg") no-repeat top left;
  background-size: 100% auto;
}

.equipment_contents .workflow_box .workflow_list li .workflow_no{
  display:block;
  position: relative;
  border-right: 70px solid transparent;
  border-top: 70px solid #bf1e33; 
  height: 0;
  width: 0;
}
.equipment_contents .workflow_box .workflow_list li .workflow_no span{
  display: inline-block;
  font-size: 24px;
  color: #fff;
  position: absolute;
  bottom:36px;
  left:8px;
}
.equipment_contents .workflow_box .workflow_list li .inner{
  padding-top: 55%;
}
.equipment_contents .workflow_box .workflow_list h4{
  text-align: center;
}
.equipment_contents .workflow_box .workflow_list .workflow_txt{
  margin-top: 10px;
  line-height: 1.6;
}

/* SP  ///////////////////////////////////////////////////////////////// */
@media screen and (max-width: 480px) {
  .equipment_contents .workflow_box{padding-bottom: 40px;}
  .equipment_contents .workflow_box .workflow_list{ width: 95%; margin: auto;}
  .equipment_contents .workflow_box .workflow_list li{
  width: 46%;
  margin-top: 20px; 
}
}