/* layout */
html, body {height:100%;}
#wrap {float:left; position:relative; overflow:hidden; width:100%; min-height:100%; background:url(../design/bg_kiosk.jpg) no-repeat 50% 50%/cover;}
#header {position:relative; width:98%; max-width:1300px; margin:0 auto; z-index:400;}
#header:after {display:block; clear:both; content:'';}
#header h1 {display:none;}

#snb {float:right; margin:24px 0; padding:0; list-style:none;}
#snb li {float:left; margin:0 0 0 15px; padding:0;}
#snb li a {float:left; width:180px; height:20px; padding:15px 0; border:1px solid #C6C4C4; border-radius:10px; background:#FFF; box-shadow:0 4px 10px rgba(0,0,0,0.05); font-weight:500; font-size:20px; color:#767676; line-height:20px; text-align:center;}
#snb li a:hover {border-color:#6F6D6D; color:#060606; text-decoration:none;}
#snb li a:before {display:inline-block; width:20px; height:20px; margin-right:10px; background:url(../design/sp_kiosk.png) no-repeat 0 -50px; vertical-align:top; content:'';}
#snb li a:hover:before {background-position:-50px -50px;}
#snb li:first-child a:before {background-position:0 0;}
#snb li:first-child a:hover:before {background-position:-50px 0;}

#visual {display:none;}
#content {width:98%; max-width:1300px; margin:0 auto; padding-bottom:50px; z-index:200;}
#footer {display:none;}

/* content */
h4 {font-size:1.5em; color:#FFF; text-align:center; text-shadow:1px 1px 10px #000;}
#content>h4:first-child {margin-top:30px;}

.test_result {overflow:hidden; margin:30px 0; border-radius:20px; text-align:center;}
.test_result img {width:auto; max-width:100%; height:auto;}

.tbl_normal {margin:20px 0; border:1px solid #DDD; background:#FFF;}
.tbl_normal caption {display:none;}
.tbl_normal th, .tbl_normal td {padding:1em 0.5em; border:1px solid #DDD;}
.tbl_normal th {background:#F6F6F6; text-align:center;}

.tbl_wrap {overflow:auto; width:100%; margin:20px 0;}
.tbl_wrap>table {min-width:100%; margin:0;}

/* responsive */
@media screen and (max-width:900px) {
    #snb {display:flex; flex-wrap:wrap; justify-content:space-between; float:none;}
    #snb li {float:none; width:49%; margin:0;}
    #snb li:nth-child(n+3) {margin-top:2%;}
    #snb li a {display:block; float:none; width:auto; font-size:16px;}
    #snb li a:before {margin-right:4px;}

    .tbl_normal th, .tbl_normal td {padding:0.5em;}
}