@charset "utf-8";
body{
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
}

.swiper {
  margin: auto;
  margin-top: 5%;
  max-width: 1200px;
  width: 70%;
  text-align: center;
}

.swiper-slide img{
  width: 80%;
  margin:auto;
  text-align: center;
}

.your-class img{
  width: 80%;
  margin:0 10px; 
}

.your-class{
  width: 90%;
  margin: 0 auto;
  justify-content: center;
}

.your-class img{
  width: 80%;
  margin: 5% auto;
  justify-content: center;
}

.main{
  margin: auto;
  max-width: 1000px;
  width: 80%;
  
}

.header a{
  color: #fff;
}

.header{
  width: 100%;
  height: 10%;
  background-color: black;
  display: flex;
  color: white;
}

.header_contents{
  margin: 0 auto;
  max-width: 1000px;
  width: 80%;
  display: flex;
}

.header img{
  width: 20%;
  flex-direction: row;
  justify-content: flex-start;
  
}

.header ul{
  display: flex;
  list-style: none;
}

.header li{
 padding-right: 5%;
  justify-content: flex-end;
}

.artist{
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.artist_link{
  margin-top: 10%;
  width: 70%;
}

.artist_link img{
  width: 100%;
}

a{
  text-decoration: none;
}

.artist_link a:hover{
  opacity: 0.5;
}

.artist_link p{
  padding-bottom: 5%;
  color: black;
}

h2{
margin-top: 5%;
  font-size: 34px;
  padding: 0rem 1rem;
  text-align: center;
  color: #000;
}


.company{
  margin: auto;
  width: 80%;
  
}

.company a{
  color: #000;
  text-decoration-line: none;
  font-weight: 600;
  font-size: 30px
}

th,td{
  vertical-align:top;
  text-align: left;
}

table{
  margin-top: 5%;
}

.footer{
  margin: 0 auto;
  margin-top: 20%;
  width: 100%;
  height: 8%;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}