@charset "utf-8";
div.account{
  flex-wrap: wrap;
}
div.account > div{
  width:46%;
  border:1px dotted var(--lightgray-color);
  margin:10px 0.8%;
  padding:2px 2px 0 1rem;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.account_ul{
  margin-left:30px;
  margin-bottom:30px;
}
.account_ul li{
  list-style-type:circle;
  list-style-position: inside;
  margin-bottom:5px;
}
.account_ul li a{
  color:black;
}
.account_ul a:hover{
  background-color: var(--orange-color);
}
.note{
	 background-color: var(--orange-color);
}
/*mobile*/
@media screen and (max-width:800px) {
div.account > div{
    width:100%;
}
.account_ul{
  margin-left:0;
}
}