@charset "UTF-8";

section#mqVisual { width:100%; height:100%; }
section#mqVisual > div { width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover; }
section#mqVisual > div > dl { text-align:center; padding-top:50px; }
section#mqVisual > div > dl > * { line-height:1.6; font-weight:bold; }
section#mqVisual > div > dl > dt { font-size:1.5em; text-shadow:-1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee; }
section#mqVisual > div > dl > dd { display:inline-block; font-size:1.1em; margin-top:8px; padding:4px 10px; color:#fff; opacity:.9; }
section#mqVisual > div.v1 { background-color:#77c2e6; background-image:url('../img/index/img_visual_1.jpg'); }
section#mqVisual > div.v1 > dl > dt > b { color:#196900; }
section#mqVisual > div.v1 > dl > dd { background-color:#ff6d2a; }
section#mqVisual > div.v2 { background-color:#a1eaab; background-image:url('../img/index/img_visual_2.jpg'); }
section#mqVisual > div.v2 > dl > dt > b { color:#ff3131; }
section#mqVisual > div.v2 > dl > dd { background-color:#54cce2; }
section#mqVisual > div.v3 { background-color:#fff99d; background-image:url('../img/index/img_visual_3.jpg'); }
section#mqVisual > div.v3 > dl > dt > b:first-of-type { color:#ff6600; }
section#mqVisual > div.v3 > dl > dt > b:last-of-type { color:#fb62d9; }
section#mqVisual > div.v3 > dl > dd { background-color:#ff9e52; }

p { width:100%; position:fixed; bottom:60px; z-index:101; text-align:center; }
p > a { display:inline-block; background-color:#000; padding:10px 20px; color:#fff; font-size:1.4em; font-weight:bold; border:2px solid #fff; border-radius:100px; opacity:.8; }