:root {
  --mainColor: ;
  --mainFontColor: rgba(0, 0, 0, 0.85);
  --mainBorder: 1.5px solid var(--mainFontColor);
}

#mainBg {
  background-image: url(img/bg.jpg);
}

.mainCover {
  background-color: rgba(233, 233, 233, 0.8);
}

#home {
  background-image: url(img/home.jpg);
}

.homeCover {
  background-color: rgba(64, 33, 15, 0.1);
}

.mainList li {
  margin: 0 1%;
  cursor: pointer;
}

h3,
h2,
h4 {
  font-weight: bold;
  letter-spacing: 5px;
}

h4 {
  text-align: center;
}

.homeCover h4 {
  text-align: left;
}

p,
li,
a {
  font-weight: normal;
  letter-spacing: 3px;
}

#sns ul li a {
  filter: brightness(0);
}

.item4 {
  width: 23%;
  margin: auto;
}

article h3 {
  margin-bottom: 20px;
}
/* article p # {
  font-size: 18px;
  padding: 0.7em;
  background-color: #fff;
  border-color: #fff;
  border-style:none;
  border-radius:20px;
} */

ul.mainList li a {
  font-weight: bold;
}
.btn{
  width: 25%;
  text-align: center;
padding: 10px;
border: #000 2px solid;
}

@media screen and (max-width:1024px) {
  #home {
    height: 50vw;
  }

  .item4 {
    width: 30%;
    margin: auto;
  }

  #menu_m>div {
    width: 100%;
  }

  ul.mainList li a {
    color: #fff;
  }
}