@charset "utf-8";

/* .cont */
.cont{
}


/* #cont1 */
#cont1{
}
#cont1 .sec{
  margin-top:min(7%,70px);
  padding:min(6%,60px);
  text-align:left;
}
#cont1 .flow_list li{
  width:32.4%;
}
#cont1 .flow_list li:nth-child(4n+4){
  margin-right:1.3%;
}
#cont1 .flow_list li:nth-child(3n+3){
  margin-right:0;
}
#cont1 .flow_list li:nth-child(n+4){
  margin-top:min(4%,40px);
}

@media screen and (max-width:768px){
  #cont1 .sec{
    margin-top:9%;
    padding:6% 5%;
  }
  #cont1 .flow_list li{
    width:auto;
  }
  #cont1 .flow_list li:nth-child(n+4){
    margin-top:9%;
  }
}



/* #cont2 */
#cont2{
}
#cont2 .cont_wrapper{
  margin-top:min(7%,70px);
  padding:min(5%,50px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont2 .cont_wrapper figure{
  width:min(37%,368px);
}
#cont2 .cont_wrapper .sec{
  width:min(61%,602px);
  text-align:left;
}
#cont2 .cont_wrapper .sec p{
  margin-top:1em;
}

@media screen and (max-width:768px){
  #cont2 .cont_wrapper{
    margin-top:9%;
    padding:7% 5%;
    display: block;
  }
  #cont2 .cont_wrapper figure{
    width:auto;
  }
  #cont2 .cont_wrapper .sec{
    width:auto;
    margin-top:7%;
  }
}