@charset "UTF-8";

.pc{ display: block; }
.sp{ display: none; }
.inline820-769{ display: none;}

@media print, screen and (max-width: 820px) and (min-width: 769px){
	.inline820-769{ display: inline;}
}

@media print, screen and (max-width: 820px) and (min-width: 382px){
	.none820-382{ display: none;}
}
@media print, screen and (max-width: 768px) and (min-width: 382px){
	.none768-382{ display: none; }
} 

@media print, screen and (max-width: 768px) and (min-width: 353px){
	.none768-353{ display: none; }
} 

@media print, screen and (max-width: 768px) and (min-width: 311px){
	.none768-311{ display: none; }
} 

@media print, screen and (max-width: 768px){
	
	#form-contents label{
		margin-bottom: 1.2rem;
	}
	
	input[type="checkbox"]{
		width: 3rem;
		height: 3rem;
	}
	
	input[type="radio"]{
		width: 3rem;
		height: 3rem;
	}
}

@media print, screen and (max-width: 500px) {
	.pc{ display: none; }
	.sp{ display: block; }
}