@charset "utf-8";
/* ----------------------------------------
 technology
------------------------------------------- */
#technology .box{
width: 100%;
max-width: 1000px;
margin: 0 auto 50px auto;
}
#technology .txt01{
font-size: 120%;
}
/* ----------------------------------------
 flow
------------------------------------------- */
#flow{
  background-color: #edf3f5;
}
#flow .box{
overflow: hidden;
}
#flow .mb{
margin-bottom: 50px;
}
#flow .box .float-l{
width: 30%;
}
#flow .box .float-r{
width: 65%;
}


/* =======================
  PC
======================== */
@media screen and (min-width: 1260px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1259px) {
  /* ----------------------------------------
 
------------------------------------------- */

}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
/* ----------------------------------------
 flow
------------------------------------------- */
#flow{
  background-color: #edf3f5;
}
#flow .box{
overflow: hidden;
}
#flow .mb{
margin-bottom: 50px;
}
#flow .box .float-l{
float: none;
width: 70%;
margin: 0 auto 30px auto;
}
#flow .box .float-r{
float: none;
width: 100%;
text-align: center;
}



}