*{
    padding: 0;
    margin: 0;
}
body{
    font-family: m-plus-2c, sans-serif;
    font-style: normal;
    font-weight: 100;
}
.top{
    background-image: url(../img/top.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
}
img{
    width: 100%;
}
.top_p{
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
    line-height: 2.3em;
    letter-spacing: 0.2em;
    color: rgb(83, 83, 83);
}
.top_p>span{
    background-color: palevioletred;
    color: white;
    padding: 0.5em;
    border-radius: 10px;
}
.logo{
    text-align: center;
    padding-top: 10%;
}
.read{
    margin: 0 auto;
    height: 80vh;
    /* background: rgb(251,221,99);
    background: linear-gradient(360deg, rgba(251,221,99,0.6503195028011204) 0%, rgba(255,255,255,0.6895351890756303) 68%, rgba(255,255,255,1) 100%); */
}
.read1{
    /* margin-top: 10%; */
    /* width: 50%; */
    text-align: center;
    margin: 0 auto;
}
.read>p{
    padding-top: 10%;
    margin: 0 auto;
    line-height: 2.3em;
    letter-spacing: 0.2em;
    color: rgb(83, 83, 83);

}
.about{
    margin: 0 auto;
    line-height: 2.3em;
    letter-spacing: 0.2em;
    color: rgb(83, 83, 83);
    margin-top: 5%;
    padding-bottom: 5%;
    /* background-color: rgb(251,221,99); */
}
/* .back{
    background-color: rgba(251,221,99,0.6503195028011204);
} */
li{
    list-style: none;
}
.about>ul{
    margin-top: 30px;
}

/* companype-ge */

.toppart{
    background-image: url(../img/huukei2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 40vh;
}
.toppart>h1{
    text-align: center;
    padding-top: 5%;
    font-family: m-plus-2c, sans-serif;
    font-style: normal;
    font-weight: 100;
    color: white;
}
.design10 {
    width: 60%;
    /* text-align: center; */
    /* border-collapse: collapse; */
    border-spacing: 0;
    margin: 0 auto;
    color: rgb(83, 83, 83);
   }
   .design10 th {
    padding: 10px;
    border-bottom: solid 1px #778ca3;
    /* color: #778ca3 */
   }
   .design10 td {
    padding: 20px;
    border-bottom: solid 1px #778ca3;
   }
   th:nth-child((1)){
    border: solid 1px  white;
   }
   td:nth-child((1)){
    border: solid 1px  white;
   }
   .company{
    margin-top: 5%;
    margin-bottom: 5%;
   }
   /* .companytitle{
    text-align: center;
    padding-bottom: 5%;
   } */

   .wrap input[type="checkbox"] {
    display: none;
  }
  
  .wrap .content {
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .switch:checked + .content {
    height: auto;
    padding: 8px;
    background: rgba(236, 221, 134, 0.312);
    color: rgb(83, 83, 83);
    text-align: center;
    margin-top: 0.5em;
  }