@charset "UTF-8";
/* CSS Document */
/*シェイプ*/
.naminami{
  position: relative;
}
.custom-shape-divider-top-1724065617 { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    overflow: hidden; 
    line-height: 0; 
} 

.custom-shape-divider-top-1724065617 svg { 
    position: relative; 
    display: block; 
    width: calc(141% + 1.3px); 
    height: 160px; 
} 

.custom-shape-divider-top-1724065617 .shape-fill { 
    fill: #222936; 
}
/*シェイプend*/
.top-image{
  width: 100%;
  padding-bottom: 80px;
}
.top-image img{
  width: 100%;
  height: 70vh;
  max-height: 500px;
  object-fit: cover;
}

.section-top{
  margin: 0 auto;
  padding-top: 100px;
  width: 100%;
}
.section-top h1{
  font-size: 7.0rem;
}
.company_title{
  margin: 0 auto;
  padding: 80px 0 0 50px;
}
.company_title span{
  font-weight: 400;
  font-size: 1.4rem;
  margin-top: 20px;
}
.section-company{
  margin: 0 auto;
  padding-top: 80px;
  width: 80%;
}
.section-company h2,.section-access h2,.section-license h2,.section-certification h2{
  font-size: 3.6rem;
  font-weight: 500;
  padding-bottom: 60px;
}
.section-company ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  
}
.section-company li{
  display: flex;
  width: 45%;
  border-bottom: solid rgba(195,206,222,1)0.3px;
  padding: 50px 0 ;
}
.border-none,.border-none-PC{
  border-style: none;
}
.section-company li p{
  width: 50%;
  justify-content: space-between;
}
.info-title{
  width: 30%;
}
.info-content{
  width: 70%;
}
.section-access{
  margin: 0 auto;
  padding-top: 80px;
  width: 80%;
}
.access-content{
  display: flex;
  justify-content: space-between;
}
.access-googlemap{
  width: 55%;
}
.access-content ul{
  width:  40%;
}
.access-content li{
  padding-bottom: 15px;
  font-size: 1.8rem;
  line-height: 3.6rem;
}
.access-content_number{
  font-family: "Contrail One", sans-serif;
  font-style: normal;
}
.access-content_number span{
  padding-right: 30px;
}
.section-license{
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
  width: 80%;
}
.license-list,.license-list ul,.license-title,.license-content{
  display: block;
  border: solid rgba(195,206,222,1)0.3px;
}
.license-title{
  justify-content: flex-start;
  background-color: #C3CEDE;
  color: #222936;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 20px 0 20px 20px;
}
.license-content{
  display: flex;
  justify-content:flex-start;
  font-size: 1.8rem;
  padding: 20px 0 ;
}
.license-permit{
  width: 60%;
  padding-left: 20vh;
}
.license-number{
  width: 40%;
  padding-left: 10vh;
}
.section-certification{
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #C3CEDE;
  margin-bottom: 60px;
}
.section-certification h2{
  width: 80%;
  margin: 0 auto;
  color: #222936;
  padding-top: 50px;
}
.section-certification h3{
  font-size: 2.1rem;
  font-weight: 600;
  padding-bottom: 20px;
  color: #222936;
}
.certification-and-skill{
  width: 80%;
  margin: 0 auto;
  display: flex;
  color: #222936;
}
.certification-content{
  display: flex;
}
.certification-content,.skill-1{
  border-top: solid rgba(34,41,54,1)0.3px;
}
.certification{
  padding-right: 50px;
}
.certification p,.skill p{
  font-size: 1.8rem;
  line-height: 3.6rem;
}
.certification-1{
  padding-right: 30px;
  padding-top: 30px;
}
.certification-2{
  padding-top: 30px;
}
.skill-1{
  padding-top: 30px;
}
@media(max-width:1024px){
  .top-image img{
    height: 40vh;
  }
}
@media(max-width:786px){
  .section-company li{
    width: 100%;
  }
  .access-content{
    flex-direction: column;
  }
  .access-content ul{
    width: 100%;
    padding-top: 40px;
  }
  .access-googlemap{
    width: 100%;
  }
  .custom-shape-divider-top-1724065617 svg {
    height: 100px;
  }
}
  @media(max-width:440px){
    .section-company,.section-access,.section-license{
      width: 85%;
    }
    .section-company h2,.section-access h2,.section-license h2{
      font-size: 3.0rem;
      padding-bottom: 40px;
      text-align: center;
    }
    .section-company li p{
      width: 100%;
    }
    .info-title{
      width: 35%;
    }
    .info-content{
      width: 65%;
      font-size: 1.5rem;
    }
    .license-permit{
      padding-left: 10px;
    }
    .license-number{
      padding-left: 10px;
    }
    .license-title{
      font-size: 1.6rem;
    }
    .license-content{
      font-size: 1.5rem;
    }
    .certification-and-skill{
      width: 85%;
      flex-direction: column;
    }
    .certification{
      padding-right: 0px;
    }
    .certification-content{
      flex-direction: column;
    }
    .certification p,.skill p{
      font-size: 1.6rem;
    }
    .certification h3,.skill h3{
      font-size: 1.8rem;
    }
    .skill h3{
      padding-top: 20px;
    }
    .certification-2{
      padding-top: 0px;
    }
  }