@charset 'utf-8';


@media (max-width:768px) {

.container {
  padding: 0 2rem;
  margin: 0 2rem;
}



.aboutcontents {
  display: block;
}


.aboutcontents img {
  width: 100%;
  height: auto;

}


.aboutcontents p {
  margin: 0;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1rem 2rem;
  width: 100%;
  box-shadow: 0 ;
  margin-bottom: 0;
  
}

.topsp {
  opacity: 1;
}

.toppc {
  opacity: 0;
}

.produced table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

th, td {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.produced th {
  width: 40%;
  text-align: center;
  font-size: 1.4rem;
}

.produced td {
  width: 60%;
  text-align: center;
    font-size: 1.4rem;
}

}