.container{
  font-family: "HG行書体";
  font-size: 20px;
  line-height: 2em;
}

header{
  font-family: "HG行書体";
  margin-top: 40px;
  padding: 50px;
  background-image: url("images/ULOCO\ \(3-1\).png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

header h1{
  padding: 10px;
  background-color: white;
  font-size: 3em;
}

h2{
  padding: 20px 0px;
  margin: 20px 40px;
}

.m-p{
  margin: 20px;
  padding: 20px;
}

.link{
  text-decoration: none;
  color: #49ca4f;
}

.icon{
  margin: 30px 10px;
}

.mosha{
  font-size: 25px;
  box-shadow: 0px 5px 10px #D5AF7C;
}

.mosha a{
  text-decoration: none;
}

.mosha:hover{
  box-shadow: 0px 10px 20px rgb(77, 59, 59);
  transform: translateY(-5px);
  transition: .3s;
}

footer{
  margin-top: 40px;
  padding: 30px;
  background-image: url("images/ULOCO\ \(3-1\).png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

@media screen and (max-width: 1000px){

  .mosha img{
    width: 140px;
    height: 150px;
  }
}