@charset "utf-8";

/*==========================================
 協力会社募集
===========================================*/

#partner {
  width: 100%;
}

#method {
  width: 100%;
}

/* partnerBox */

.partnerBox {
	width: 100%;
	margin-bottom: 40px;
  position: relative;
}

.partnerBox .imageArea {
	width: 100%;
  position: relative;
}

.partnerBox .imageArea img {
	width: 100%;
  height: auto;
}

.partnerBox .imageArea::before,
.partnerBox .imageArea::after {
  position: absolute;
  bottom: 10px;
  z-index: -1;
  content: '';
  width: 50%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0,0,0,.5);
}

.partnerBox .imageArea::before {
  left: 10px;
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.partnerBox .imageArea::after {
  right: 10px;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

#partnerTbl {
	width: 100%;
}


@media print, screen and (min-width: 601px) {

  #partner {
    width: 80%;
  }

  #method {
    width: 80%;
  }

  .partnerBlock {
    display: flex;
    flex-wrap: wrap;
  }
  
  /* partnerBox */
  
  .partnerBox {
    width: 50%;
    padding: 10px;
  }
	
}