.soil{
  padding: 0 40px 100px;
}
.about_us{
  color: #A07336;
  margin: 0;
  text-align: center;
  padding: 50px 0 50px;
  font-size: 2.5rem;
  margin-bottom: 150px;
font-weight: bold;
}
.about_us::after{
  color: #A07336;
  opacity: 0.18;
  content: "about us";
  position: absolute;
  font-family: Hina Mincho;
  transform: translateY(45%) translateX(-143%);
  font-size: 3rem;
}
.scroll_01 {
  position: relative;
  font-size: 13px;
  writing-mode: vertical-rl;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #0F6742;
}
.scroll_01::after {
  content : '';
  display : inline-block;
  position : absolute;
  background-color: #0F6742;
  right : 50%;
  bottom : 60px;
  transform : translateX(-50%);
  width : 1px;
  height : 75px;
  animation: scroll 3s infinite;
}
.about-photo{
  padding: 50px 0 30px;
}
.voice{
  font-size: 1.5rem;
}
.sing{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 100px;
  width: 65%;
  margin: 50px 0 100px auto;
}
.sing p{
  margin: 0;
}
.outline{
  color: #fff;
  margin: 0;
  text-align: center;
  padding: 50px 0 50px;
  font-size: 2.5rem;
font-weight: bold;
}
.outline::after{
  color: #fff;
  opacity: 0.18;
  content: "outline";
  position: absolute;
  font-family: Hina Mincho;
  transform: translateY(70%) translateX(-120%);
}
.access-table{
  font-size: 1.2rem;
  border-collapse: collapse;
  margin-bottom: 50px;
}
.access-table th{
  border-bottom: 1px solid;
  width: calc(100% / 7);
  padding: 10px 0px 10px 0;
}
.access-table td{
  border-bottom: 1px solid;
  width: calc(100% / 3);
  padding: 10px 0px 10px 0;
  line-height: 1.7rem;
}
.access-table ul{
  padding: 5px;
  
}
.access-table li{
  list-style: "⚪︎";
}




@media screen and (max-width:767px) {
  .about_us{
    color: #fff;
  }
  .about_us::after{
    color: #fff;
  }
  .scroll_01::after {
    background-color: #fff;
    bottom: 55px;
}
}