/*-----------------------------------------------------*/
/* PC用 */
/*-----------------------------------------------------*/
@media screen and (min-width:1024px) {
    /*　for PC　*/
section {
  width: 100%;
  background:#fff;
}

section:nth-child(even) {
  background:#fff;
}

.section-conts {
  padding: 4%;
}

.section-conts p{
	padding: 10px;
}

}

/*メモ＊/
#F7F7F7
#F0F0F0

/*-----------------------------------------------------*/
/* タブレット用 */
/*-----------------------------------------------------*/
@media screen and (min-width:480px) and ( max-width:1024px) {
    /*　for iPad 　*/

section {
  width: 100%;
  height: 40vh;
	}
	
}

/*-----------------------------------------------------*/
/* スマホ用のCSS */
/*-----------------------------------------------------*/
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適用される */
	
section {
  width: 100%;
  height: 50vh;
	}

}