*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}header.header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:#faa83b;color:#fff}header.header a{color:#fff;text-decoration:none}.service-name{padding:25px 5px;font-size:1.5em}.service-name img{vertical-align:bottom;width:40px;margin-right:10px;border:none;padding:0}.right-contents{display:flex}.user-name{margin-right:20px;font-size:1em}header.header form button{padding:7px 14px;background-color:#fff;color:#2c2c2c;border:none;cursor:pointer;font-size:.5em;border-radius:5px}header.header form button:hover{background-color:#f5f5f5}.container{display:flex;height:auto;min-height:calc(100vh - 60px)}.contents{margin-bottom:60px;width:100%}.sidebar{background-color:#fdf079;color:#000;padding:0}.menu{padding:0 20px;list-style:none}.menu li{width:180px;margin-left:20px}.menu a{padding:10px;display:block;color:#000;text-decoration:none;border:none}.menu li:not(.title) a{position:relative}.menu li.title a{padding-bottom:3px}.menu li:hover:not(.noforcus) a{color:#ff7f00}.menu li:not(.title) a:after{position:absolute;top:0;bottom:0;right:-2px;margin:auto;content:"";vertical-align:middle;width:.6em;height:.6em;border-top:2px solid #383838;border-right:2px solid #383838;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu li.title{width:190px;font-size:22px;border-bottom:1px solid #000;margin:20px 0 10px}.menu li.title img{vertical-align:sub;margin-right:10px;width:40px;border:none;padding:0}.content{flex-grow:1;padding:20px;background-color:#f5f5f5}@media (max-width: 1023px){.menu li{width:100px;padding:10px 5px;text-align:center}}