@charset "UTF-8";

* { font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box; }
html { margin: 0px; padding: 0px; height: 100%; background: #9fcb77; }
body { margin: 0px auto; padding: 0px; width: 100%; aspect-ratio: 1 / 0.563; min-height: 100vh; background: url(../i/background.jpg) top center no-repeat; background-size: contain; position: relative; overflow: hidden; }
img { vertical-align: top; border-width: 0px; border-style: none; user-drag: none; -webkit-user-drag: none; -khtml-user-drag: none; }
ul { list-style: none; }
br { letter-spacing: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
.no_select { user-drag: none; -webkit-user-drag: none; -khtml-user-drag: none; }

#mob_top { margin: 0px; padding: 0px; width: 100%; aspect-ratio: 1 / 0.092; background: url(../i/bg_upper_line_m.svg) top center repeat-x; background-size: contain; overflow: hidden; display: none; }
#mob_bottom { margin: 0px; padding: 0px; width: 100%; aspect-ratio: 1 / 0.086; background: url(../i/bg_bottom_line_m.svg) bottom center repeat-x; background-size: contain; overflow: hidden; position: absolute; bottom: 0px; z-index: 10; display: none; }

@media all and (max-width:800px){
	html { background: #1e632c; }
	body { aspect-ratio: 1 / 2.167; background: #1e632c url(none); overflow-x: hidden; overflow-y: auto; }
	
	#mob_top { display: block; }
	#mob_bottom { display: block; }
}