header{width:100%;height:45px;box-sizing:border-box;padding:6px 0 0 4px;background:#009260;position:relative}#sub p.spHeaderTxt{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:8.5px}#sub h1#select_area{width:90%;height:auto;padding:2.5% 5% 2%;font-size:4.5vw;color:#fff;background:#009260;font-weight:bold;border:0;border-radius:0}#search_box{padding:15px 30px 5px;background-color:#fff;border:0;margin-bottom:0}#search_box input[type="text"]{border:2px solid #c0c0c0;border-radius:5px;padding:6px 7px 6px;font-size:14px}#search_box input[type="submit"]{padding:0;margin:0;border:0;font-weight:bold;font-size:1rem;text-shadow:none;letter-spacing:.2em;text-align:center;color:#fff;background-color:#c45e4a;-moz-box-shadow:none;-webkit-box-shadow:none;background-image:none}ul#area{display:flex;width:100%;overflow-x:auto;flex-wrap:nowrap;flex-direction:row;align-items:flex-start}ul#area li{text-align:center;background-color:#d9efe8;border-radius:20px;box-shadow:0 3px 2px 0 #ccc;font-size:4vw;margin:10px 5px;font-weight:bold;flex:auto;flex-shrink:0;min-width:28%}ul#area li a{display:block;position:relative;padding:5px 10px 8px;color:#009260;text-decoration:none}ul#area li a::before{content:"";position:absolute;bottom:3px;right:calc(50% - 3px);width:6px;height:6px;transform:rotate(135deg);border-top:1.5px solid #009260;border-right:1.5px solid #009260}ul.box{width:100%}ul.box li.lbl{background-color:#d9efe8;border-bottom:1px #ccc solid;color:#009260;font-weight:bold;font-size:4vw;padding:10px 5%}ul.box li a{display:block;position:relative;padding:10px 5%;border-bottom:1px #ccc solid;color:#000;text-decoration:none;font-size:3.5vw}ul.box li a::before{content:"";position:absolute;top:55%;right:15px;width:6px;height:6px;margin-top:-7px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-top:3px solid #009260;border-right:3px solid #009260}ul.box li.lbl_sub{background-color:#f2faf7;border-bottom:1px #ccc solid;padding:10px 5%;color:#333;font-size:3.5vw;font-weight:bold}