/** smartphone **/
@media screen and (max-width: 767px) {
body.company .sidebar {
	padding: 0 1em
}

body.company ul.main_nav {
  margin: 0;
  padding: 0;
  list-style: none;
	display: flex;
flex-wrap: wrap; }

body.company ul.main_nav li {
  position: relative;
  margin: 0;
  padding: 10px 3px 10px 2.5em;
  border-bottom: 1px dashed #ccc;
	width:50%;
	cursor: pointer;
}

body.company ul.main_nav li>i{
	color:#5cc88d;
	position: absolute;
	left:0;
	top:0;
	margin: auto;
	padding: 12px;
	
}

body.company ul.main_nav li.current {
  font-weight: bold;
	background: #eee;
}

body.company ul.main_nav li.current>i {
  content: "\f13a";
  color: #ff6f00;
}

body.company ul.main_nav li ul {
  margin: 7px 0 0 0;
  list-style: none;
}

body.company ul.main_nav li ul li {
  padding-left: 22px;
  font-weight: normal;
}

body.company ul.main_nav li ul li:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  left: 0.5em;
  content: "\f054";
  color: #ffae78;
}

body.company ul.main_nav li ul li:last-child {
  border-bottom: none;
}

body.company ul.main_nav li ul.sub{
  border-bottom: none;
	position: absolute;
}
body.company ul#acc_view li {
	position: relative;
    margin: 0;
    padding: 10px 3px 10px 3em;
    border-bottom: 1px dashed #ccc;
    cursor: pointer;
	list-style-type: none;
}
body.company ul#acc_view li:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  left: 2em;
  content: "\f054";
  color: #ffae78;
}
body.company ul#acc_view li:first-child {
	font-size: 1.1em;
	padding: 10px 3px 10px 2.5em;
}
body.company ul#acc_view li:first-child a{
	font-size: 1.1em;
	left: 1.8em;
	padding: 0;
}
body.company ul#acc_view li:first-child::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  left: 1em;
  content: "\f152";
  color: #ffae78;
}

	
	
	
	
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1079px) {
body.company .sidebar {
}

body.company ul.main_nav {
  margin: 0;
  padding: 0;
  list-style: none;	display: flex;
flex-wrap: wrap; 
	background: #ddd}

body.company ul.main_nav li {
  position: relative;
  margin: 0 1px;
  padding: 10px 3px 10px 2.5em;
  border-bottom: 1px dashed #ccc; 
	width: calc((100% - 8px) / 4 );    background: #fff;cursor: pointer;
}
body.company ul.main_nav li.acc {
}

body.company ul.main_nav li>i{
	color:#5cc88d;
	position: absolute;
	left: 0;
	top: 0;
	padding: 12px;
	margin: auto;
	
}

body.company ul.main_nav li.current {
  font-weight: bold;
	background: #eee;
}

body.company ul.main_nav li.current>i {
  content: "\f13a";
  color: #ff6f00;
}

body.company ul.main_nav li ul {
  margin: 7px 0 0 0;
  list-style: none;
}

body.company ul.main_nav li ul li {
  padding-left: 22px;
  font-weight: normal;
}

body.company ul.main_nav li ul li:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  left: 0.5em;
  content: "\f054";
  color: #ffae78;
}

body.company ul.main_nav li ul li:last-child {
  border-bottom: none;
}
body.company ul#acc_view li {
	position: relative;
    margin: 0;
    padding: 10px 3px 10px 3em;
    border-bottom: 1px dashed #ccc;
    cursor: pointer;
	list-style-type: none;
}
body.company ul#acc_view li:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  left: 2em;
  content: "\f054";
  color: #ffae78;
}
body.company ul#acc_view li:first-child {
	font-size: 1.1em;
	padding: 10px 3px 10px 2.5em;
}
body.company ul#acc_view li:first-child a{
	font-size: 1.1em;
	left: 1.8em;
	padding: 0;
}
body.company ul#acc_view li:first-child::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  left: 1em;
  content: "\f152";
  color: #ffae78;
}


}

/** PC ***/
@media screen and (min-width: 1080px)  {

body.company .sidebar {
  float: left;
  width: 210px;
}

body.company ul.main_nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.company ul.main_nav li {
  position: relative;
  margin: 0;
  padding: 10px 3px 10px 25px;
  border-bottom: 1px dashed #ccc;
	cursor: pointer;
}
body.company ul.main_nav>li>a {
  padding: 10px 3px 10px 10px;
}
body.company ul.main_nav>li>span {
	padding: 10px 3px 10px 10px;
	color: #319c54;
}

body.company ul.main_nav li>i{
	color:#5cc88d;
	position: absolute;
	left: 0;
	top: 0;
	margin: auto;
	padding: 12px;
	cursor: pointer;
	
}

body.company ul.main_nav li.current {
  font-weight: bold;
}

body.company ul.main_nav li.current>i {
  content: "\f13a";
  color: #ff6f00;
}

body.company ul.main_nav li ul {
  margin: 7px 0 0 0;
  list-style: none;
}

body.company ul.main_nav li ul li {
  padding-left: 22px;
  font-weight: normal;
}

body.company ul.main_nav li ul li:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  left: 0.5em;
  content: "\f054";
  color: #ffae78;
}

body.company ul.main_nav li ul li:last-child {
  border-bottom: none;
}

}