.japanese {
    font-family: "Host Grotesk", sans-serif;
    font-style: normal;
    font-weight: 500;
}
.japanese-medium {
    font-family: "Host Grotesk", sans-serif !important; 
    font-weight: 500 !important;
}
.japanese-bold {
    font-family: "Host Grotesk", sans-serif !important; 
    font-weight: 700 !important;
}
.japanese-light {
    font-family: "Host Grotesk", sans-serif !important; 
    font-weight: 400 !important;
}

.japanese .heading-01 {
  font-size: 68px;
}
.japanese .heading-02 {
    font-size: 54px;
}

.letsTalk-jp .heading-06 {
  font-size: 200px;
  line-height: 260px;
}

.japanese .scrollTips span {
    width: 120px;
    font-size: 12px
}

.japanese .moreProject span {
    height: unset;
}

.japanese .sectionTitle span {
    width: 90%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.japanese .sectionHeader .heading-01 {
    letter-spacing: 0.3em !important;
    padding-bottom: 10px;
}
.japanese .section-title .heading-02 {
    padding-bottom: 10px;
}
.japanese .projectContentDiv .heading-01 {
    letter-spacing: 0.07em;
    font-size: 64px;
}

.japanese .sectionHeader .trans,
.japanese .projectContentDiv .content,
.japanese .description {
    letter-spacing: 0.1em;
}
.japanese .projectContentDiv .trans, 
.japanese .projectContentDiv .content {
    margin-bottom: 35px !important;
}
.japanese .projectContentDiv .space-15 {
    display: none;
}

.japanese #faqAccordion button {
    font-size: 42px;
}
.japanese .accordion .card-body {
    font-size: 14px;
}

.japanese .letsTalkDes.heading-04 {
    font-size: clamp(14px, 1.5vw, 36px);
}
.letsTalk-jp .heading-06 {
    font-size: clamp(36px, 4.5vw, 76px);
    letter-spacing: 0.3em;
    line-height: clamp(60px, 10vw, 120px);
}
.letsTalk-jp .heading-06.mobile {
    display: none;
}
.japanese .talk-contentDiv {
    padding: 100px 30px 50px 30px;
}
.japanese .talk-contentDiv .d-flex {
    align-items: center;
}
.japanese .talk-contentDiv img {
    width: clamp(120px, 10vw, 200px);
}

@media (min-height: 769px) and (min-width: 441px) {
    .japanese .sectionTitle span {
        font-size: 40px;
    }
}

@media (min-width: 1295px) {
    .japanese .serviceBoard {
        font-size: 34px;
    }

}

@media (max-width: 1294px) {
    .heading-01.japanese-bold {
        font-size: 64px;
    }
}


@media (max-width: 1239px) {
    .japanese #mission .title {
        height: unset;
    }

}

@media (max-width: 768px) {
    .japanese .heading-01 {
        font-size: 36px;
    }

    .japanese #faqAccordion button {
        font-size: 28px;
    }

    .japanese .projectContentDiv .heading-01,
    .japanese .projectContentDiv .heading-01 span {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .japanese .projectContentDiv .trans {
        margin-bottom: 25px !important;
    }
    .japanese .projectContentDiv .content {
        margin-bottom: 15px !important;
    }

    
    /* lets talk */
    .letsTalk-jp .heading-06 {
      display: none;
    }
    .letsTalk-jp .heading-06.mobile {
        display: block;
    }
    .japanese .talk-contentDiv {
        padding: 30px 5px;
    }
}

@media (max-width: 430px) {
    .heading-01.japanese-bold {
        font-size: 48px;
        letter-spacing: 0.03em;
    }
    .japanese .heading-01 {
        font-size: 31px;
    }
    .japanese .heading-02 {
        font-size: 28px;
    }

    /* custom */
    .japanese .projectContentDiv .heading-01 span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;
    }

    
    .japanese #faqAccordion button {
        font-size: 21px;
    }
    .japanese #faqAccordion .card-header {
        padding: .75rem 0rem;
    }

    .japanese .foxapp-header .navbar .navbar-nav .nav-item > .nav-link {
        font-size: 24px;
        letter-spacing: 0.3em;
    }


    .japanese .talk-contentDiv .d-flex {
        flex-direction: column;
        align-items: start;
    }
    .letsTalk-jp .heading-06 {
        font-size: 2em !important;
        line-height: 60px !important;
    }
    .japanese .letsTalkDes.heading-04 {
        font-size: 14px;
        letter-spacing: 0.3em;
    }
    .arrow-ja {
        justify-content: end;
        width: 100%;
    }
    .japanese .talk-contentDiv img {
        width: 80px;
    }
    .japanese .arrow-layer img:nth-child(2) {
        left: unset !important;
        right: 0;
    }
    .japanese .foxapp-header .container {
      max-width: 90%;
    }
    .japanese .letsTalkBtn a {
        padding: 10px 25px !important;
    }
}

@media (max-height: 430px) {
    .heading-01.japanese-bold {
        font-size: 48px;
        letter-spacing: 0.03em;
    }
}

@media (max-width: 1400px) and (min-width: 1201px) {
    .japanese .foxapp-header .navbar .navbar-nav .nav-item>.nav-link {
        padding: 15px 0px 15px 15px;
        font-size: 16px;
    }
    .japanese .foxapp-header.nav-ja .navbar .navbar-nav .nav-item>.nav-link {
        padding: 15px 0px 15px 15px;
        max-width: 90px;
        font-size: 16px;
    }
}