#sample {
    padding: 20px 0 60px;
}
#sample p{
    text-align: center;
    font-size: 2rem;
}
.sample-warp {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sample-warp{
  margin: 0 auto;
}
#sample .info {
  font-size: 1rem;
  padding: 0 20px;
}
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 1024px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 1440px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 1920px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}