.topimg {
	text-align:center;
}
.topimg img {
    width: 100%;
}


.main-menu,.sab-menu {
  padding: 0;
}

.main-menu li {
  color: black;
  position:relative;
  background: #fff;/*バーの色*/
  line-height: 1.5;
  padding: 0.5em;
  margin-bottom: 4px;
  border-left : solid 35px #331907;/*先の色＝アイコン裏の色*/
  list-style-type: none!important;
}
.main-menu li {
	width:500px;
}

.sab-menu li {
	width:450px;
}
.main-menu li a:hover,.sab-menu li a:hover{
	color:#b38a4c;
}

.sab-menu li {
  color: black;
  position:relative;
  background: #fff;/*バーの色*/
  line-height: 1.5;
  padding: 0.5em;
  margin-bottom: 4px;
  border-left : solid 35px #B38A4C;/*先の色＝アイコン裏の色*/
  list-style-type: none!important;
}



.main-menu li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f02e";
  position: absolute;
  display: block;
  padding: 0.5em;
  width: 1.2em;
  color: white; /*アイコン色*/
  font-weight: normal;/*アイコンは太字にしない*/
  text-align: center;
  left : -35px; /*左端からのアイコンまでの距離*/
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tag {
	width:500px;
}

.sab-menu {
	margin-left:50px;
}


@media screen and (max-width: 768px) {
.tag {
    width: 100%!important;
	}
.main-menu li {
	width:100%;
	box-sizing:border-box;
	}
}