/*--------------------------------------------
	flex
--------------------------------------------*/



/*--------Flexbox3列-----------*/

  .flex3 {
    width: 100%;
    margin: auto;
    padding: 0%;
	background: none; 
	padding-top: 20px;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-evenly;  
  }

	
  .flex-item3 {
    margin: 0%;
    padding: 1%;
    width: calc(94% / 3 - 1%);
  }

  .flex-item3 a {
	  text-decoration: none;
  }

  .flex-item3 p {
	  font-size: 12px;
	  padding:  0!important;
  }

  .flex-item3 img {
	  margin-bottom: 20px;
	  width: 100%;
  }

/*--------Flexbox4列-----------*/

  .flex4 {
    width: 100%;
    margin: auto;
    padding: 0%;
	background: none; 
	padding-top: 20px;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-evenly;  
  }

	
  .flex-item4 {
    margin: 0%;
    padding: 1%;
    width: calc(94% / 4 - 1%);
  }

  .flex-item4 a {
	  text-decoration: none;
  }

  .flex-item4 p {
	  font-size: 12px;
	  padding:  0!important;
  }

  .flex-item4 img {
	  margin-bottom: 0px;
	  width: 100%;
  }