@media screen and (min-width:1025px){

	.sp {
		display: none;
	}

	
}

@media screen and (min-width:737px) and (max-width:1024px){
	
	.pc {
		display: none;
	}
  .contents>ul {
    width: 100%;
    margin: 3% 0 0;
  }
  
  .contents {
    padding: 4% 2% 5%;
  }
  
  .none>ul {
    padding: 0 2%;
  }
  
  }


@media screen and (max-width:736px){

	.pc {
		display: none;
	}
  
  header img {
    width: 55%;
}
  
  .lead>p {
    font-size: 95%;
    padding: 0 2%;
}
  
  
  .contents {
    padding: 4% 3% 5%;
  }
  
  .contents>ul {
    width: 100%;
    margin: 3% 0 0;
  }
  
  .contents>ul>li:first-child {
    font-size: 110%;
}
  
  .contents>ul>li {
    font-size: 85%;
  }
  
  em {
    padding: 0 2%;
    font-size: 90%;
  }
  
  h4 {
    font-size: 125%;
  }
	

  
	
}

@media screen and (max-width:540px){
	
	body {
		background-color: #FFFFFF;
	}

	img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	}
	
	header {
		margin: 2% 0 4%;
	}
	

  a:hover {
    none;
  }

  
  .lead>p>span {
    font-size: 130%;
}

  
  .none {
    padding: 2% 2%;
    font-size: 85%;
  }
  
	footer {
		font-size: 50%;
	}

	
}

@media screen and (max-width:320px){
  
  
  .lead>p {
    font-size: 90%;
}
  
 .contents>ul>li:first-child {
    font-size: 95%;
}
  
  em {
    padding: 0 2%;
    font-size: 80%;
}
  
  h4 {
    font-size: 110%;
}
  
}