* {
    font-size: 16px;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
}
.container:not(header .container){
    max-width: 600px;
}
.hero-section.container{
    max-width: 960px !important;
}
header h1, header a{
    font-size: 12px;
    text-decoration: none;
}
h2{
    font-size: 18px;
}
.company-logo::before{
    content: "KENT. DESIGN & CONSULTING";
    color: #000;
    font-family: Noto Sans JP;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
nav a{
    text-decoration: none !important;
    color: black !important;
}
nav a:hover{
    text-decoration: underline !important;
    color: black !important;
}
/* Hero section */
.hero-section{
    display: flex;
    flex-direction: column;
}
.hero__text{
    text-align: right;
    padding-top: 10px;
    font-size: 16px;
    font-weight: normal;
}
.hero__image-sp{
    display: none;
}
.hero__image{
    padding-top: 20px;
}
/* --company-overview--- */
#company-overview h2{
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  dl {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #E0E0E0;
    margin: 0.5rem;
    padding: 1rem 0 1rem 0;
  }
  dt {
    flex-basis: 30%;
    text-align: left;
    color: #232323;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5625rem;
  }
  dd {
    flex-basis: 70%;
    flex-grow: 1;
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625rem; 
  }
  dd span {
    color: #9B9B9B;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625rem;
  }

.company-description-head{
    padding-top: 22px;
    font-weight: 700;
}
.company-description-text{
    padding-top: 14px;
    text-align: left;
}
#about h2{
    text-align: center;
    line-height: 26.06px;
    font-weight: 700;
}

 /* -past cases- */
 .past-cases h2{
    text-align: center;
    line-height: 26.06px;
    font-weight: 700;
  }
  .past-cases .cases p {
    text-align: left;
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
  }
  
  .past-cases .cases span {
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
    display: block;
  }

 /* --contact-- */
 .chatwork {
    color: #CF0000 !important;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
  }
  
  .line {
    color: #04C800 !important;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
  }
  
  .lancers {
    color: #0038C8 !important;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
  }
  .chatwork img, .line img, .lancers img{
    padding-right: 10px;
  }
  #contact a{
    padding: 0 20px;
  }
  #contact h2{
   font-weight: 700;
  }

/* All right reserved */
.bottom-divider{
    color: darkblue;
 }
 .all-right-reserved{
    color: #232323;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-top: 1px solid #9B9B9B;
 }
 .all-right-reserved p{
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
 }

 .all-right-reserved.container {
    max-width: 960px !important;
}
  
 .campany-name::before{
 content: "KENT. DESIGN & CONSULTING";
}
 .representative-name::before{
 content: "鹿野絢人";
}
dd a{
    text-decoration: none;
    color: black;
}
dd a:hover{
    text-decoration: underline;
    color: black;
}
/* Responsive coding start */

@media (max-width:767px) {
    .hero-section .hide{
        display: none;
    }
    .hero__image-sp{
        display: block;
    }
    .hero-section.container{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .hero-section span{
        display: none;
    }
    .header nav{
        display: none;
    }
    dl {
        flex-direction: column;
    }
    dt{
        font-weight: 700;
        padding-bottom: 10px;
    }
    .container{
        --bs-gutter-x: 0.7rem;
    }
    .company-logo-title {
        padding: 0 10px;
    }
    .contact-links{
        flex-direction: column;

    }
    .all-right-reserved p{
        font-size: 12px;
        font-weight: 400;
     }
    .contact-links{
        align-items: center;
    }
    #contact a {
        padding: 8px 0;
    }
}

@media (max-width:991px) {
.container, .container-md, .container-sm {
    max-width: 100%;
}
}

@media (min-width:1920px) {
    .company-logo::before{
        font-size: 1.375rem;
    }
    dd{
        font-size: 1.3rem;
    }
    dt {
        font-size: 1.3rem;
    }
    .company-description-text {
        font-size: 1.3rem;
    }
    .past-cases .cases p {
        font-size: 1.2rem;
    }
    .past-cases .cases span {
        font-size: 1.2rem;
    }
    .btn-link {
        font-size: 1.2rem;
    }
}