@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;
}
.service_title{
  margin: 0 auto;
  padding: 80px 0 0 50px;
}
.service_title span{
  font-weight: 400;
  font-size: 1.4rem;
  margin-top: 20px;
}
.section-area{
  width: 50%;
  margin: 0 auto;
  display: block;
  border: solid rgba(195,206,222,1)0.3px;
  border-radius: 50px 0 50px 0;
  padding: 50px 15px;
}
.section-area div{
  margin: 0 auto;
}
.section-area h2{
  font-size: 3.0rem;
  font-weight: 500;
  text-align: center;
  padding-bottom: 25px;
}
.section-area p{
  font-size: 3.5rem;
  font-weight: 500;
  text-align: center;
  line-height: 4.5rem;
}
.section-area span{
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.section-service{
  padding: 80px;
  margin: 0 auto;
  width: 80%;
}
.section-service ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section-service li{
  width: 22%;
  padding-bottom: 60px;
}
.section-service li img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 50px 0 0 0;
}

.section-service li h3{
  font-size: 1.8rem;
  text-align: center;
  padding-top: 20px;
}
.section-service li p{
  font-size: 1.4rem;
  line-height: 2.0rem;
  text-align: center;
}
.main-maker h3{
  padding-bottom: 15px;
  font-weight: 500;
  color: #C3CEDE;
  font-size: 1.8rem;
}
@media(max-width:1024px)
{
  .top-image img{
    height: 40vh;
  }
  .section-service li{
    width: 30%;
  }
}
@media(max-width:786px){
  .section-area{
    width: 70%;
  }
  .section-service{
    width: 100%;
  }
}
@media(max-width:440px){
  .custom-shape-divider-top-1724065617 svg{
    height: 80px;
  }
  .section-area{
    width: 85%;
  }
  .section-area h2{
    font-size: 2.4rem;
  }
  .section-area p{
    font-size: 2.8rem;
  }
  .section-area span{
    font-size: 1.6rem;
  }
  .section-service{
    padding: 60px 0;
  }
  .section-service ul{
    width: 85%;
    margin: 0 auto;
  }
  .section-service li{
    width: 48%;
    padding-bottom: 30px;
  }
  .section-service img{
    max-height: 300px;
  }
  .main-maker{
    width: 85%;
    margin: 0 auto;
    padding-top: 20px;
  }
}