@charset "utf-8";

* {
  box-sizing: border-box;
}

body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #140a04;
}

a {
  color: inherit;
  text-decoration: none;
}

.wrapper{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.common_content_area{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text_area{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.header_nav{
  margin-top: 15px;
margin-bottom: 15px;
margin-left: 3%;
}

.header_nav a{
  padding: 10px 0;
  transition: 0.3s;
}

.header_nav a:hover{
  border-bottom: 2px solid #05b084;
color: #05b084;
}

h1{
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #6b7875;
  margin-left: 3%;
  margin-right: 3%;
}

.text_top{
  margin-bottom: 30px;
}

.footer_copyright{
  width: 100%;
  text-align: center;
  background-color: #f5efe9;
  margin-top: 60px;
}

@media screen and (max-width: 500px) {
  .header_nav{
      margin-left: 0%;
      text-align: center;
  }

  .header_nav a{
      font-size: 14px;
  }

  .footer_copyright{
    font-size: 12px;
  }
}