@charset "UTF-8";

/*---スマホ-----------------*/
.sp_only{
  display: block;
}
.pc_only{
  display: none;
}

img{
  width: 50%;
  margin-top: 3rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.container{
	background-color: #F8F5EF;
}

.main{
	width: 95%;
	margin: 0 auto;
}

.main span{
	color: #FF0000;
}

h1{
	text-align: center;
}

/*---タブレット-----------------*/

@media (min-width: 640px) and (max-width: 1180px){
.pc_only{
  display: block;
}
.sp_only{
  display: none;
}

}

/*---PC-----------------*/

@media (min-width: 1180px){
.pc_only{
  display: block;
}
.sp_only{
  display: none;
}

.main{
	width: 30%;
	margin: 0 auto;
}

}