@charset "UTF-8";

#home_banner { margin: 0px; padding: 0px 0px 0.5vw 0px; width: 100%; background: url(../i/home_banner_back.png) top center; }
#home_banner div { margin: 0px auto; padding: 0.5vw 0px 0px 0px; width: 100%; max-width: 1200px; }
#home_banner div img { margin: 0px; padding: 0px; width: 100%; height: auto; }

main ul { padding: 0px; width: 100%; display: flex; }
main ul a { margin: 0px; padding: 0px; width: 100%; }
main ul:first-child { margin: 0px; }
main ul:first-child li { margin: 0px; padding: 1vw 0px 0px 0px; width: 33.33%; }
main ul:first-child li:nth-child(n+2) { text-align: center; }
main ul:first-child li:last-child { text-align: right; }
main ul:first-child img { margin: 0px; padding: 0px; width: 97%; height: auto; box-shadow: 5px 5px 10px rgba(0,0,0,0.35); }

main ul:last-child { margin: 1vw 0px 0px 0px; }
main ul:last-child li:first-child { margin: 0px; padding: 0px; width: 66.33%; }
main ul:last-child li:first-child img { width: 100%; height: auto; }
main ul:last-child li:last-child { margin: 0px; padding: 0px; width: 33.67%; text-align: right; }
main ul:last-child img { margin: 0px; padding: 0px; box-shadow: 5px 5px 10px rgba(0,0,0,0.35); }
main ul:last-child dl { margin: 0px; padding: 0px; width: 100%; }
main ul:last-child dt { margin: 0px; padding: 0px; width: 100%; }
main ul:last-child dd { margin: 7% 0px 0px 0px; padding: 0px; width: 100%; }
main ul:last-child dl img { width: 96%; height: auto; }

.pc { display: block; }
.mob { display: none; }

/* 初期非表示 */
#home_banner { display: none; }

@media all and (max-width:800px){
	main ul { margin: 0px auto; width: 98%; display: block; }
	main ul:first-child li { padding: 3% 0px 0px 0px; width: 100%; }
	main ul:first-child li:last-child { text-align: center; }
	main ul:first-child img { width: 100%; }
	
	main ul:last-child li:first-child { padding: 2% 0px 0px 0px; width: 100%; }
	main ul:last-child li:last-child { padding: 2% 0px 0px 0px; width: 100%; text-align: center; }
	main ul:last-child dl img { width: 100%; }
	main ul:last-child dt { padding: 0px 0px 3% 0px; }
	main ul:last-child dd { display: none; }
	
	.pc { display: none; }
	.mob { display: block; }
}