h1 {
    font-size: 35px;
    line-height: 1.4;
}

h2 {
    font-size: 22px;
    line-height: 1.25;
}

h3 {
    font-size: 21px;
}

h5 {
    font-size: 17px;
}

a {
    font-size: 18px;
}

b {
    font-weight: bold;
}

/* p{
    font-weight: 300;
} */

/*-----global-----*/
.menuRight a {
    font-size: 16px;
}

.menuRight .btn-lang {
    margin-top: 2px;
}

.contentWrap {
    min-height: calc(100vh - 370px);
}

.contentWrap>.titleContainer>h1 {
    font-size: 40px;
}

@media only screen and (max-width: 768px) {
    .contentWrap>.titleContainer>h1 {
        font-size: 21px;
    }
}

.dlMenu .dlColumn .dlSubpage {
    padding-top: 2px;
}

@media only screen and (max-width: 490px) {
    .dropdownMenuWrapper .dropdownMenu .puzzleContainer:nth-child(4) .innerMenu.active {
        padding-bottom: 235px;
    }
}

@media only screen and (max-width: 436px) {
    .dropdownMenuWrapper .dropdownMenu .puzzleContainer:nth-child(4) .innerMenu.active {
        padding-bottom: 260px;
    }
}

@media only screen and (max-width: 386px) {
    .dropdownMenuWrapper .dropdownMenu .puzzleContainer:nth-child(4) .innerMenu.active {
        padding-bottom: 275px;
    }
}

@media only screen and (max-width: 370px) {
    .dropdownMenuWrapper .dropdownMenu .puzzleContainer:nth-child(4) .innerMenu.active {
        padding-bottom: 290px;
    }
}

@media only screen and (max-width: 361px) {
    .dropdownMenuWrapper .dropdownMenu .puzzleContainer:nth-child(5) .innerMenu.active {
        padding-bottom: 165px;
    }
}

@media only screen and (max-width: 335px) {
    .dropdownMenuWrapper .dropdownMenu .puzzleContainer:nth-child(4) .innerMenu.active {
        padding-bottom: 310px;
    }
}

@media only screen and (max-width: 331px) {
    .dropdownMenuWrapper .dropdownMenu .puzzleContainer:nth-child(4) .innerMenu.active {
        padding-bottom: 320px;
    }
}

@media only screen and (max-width: 325px) {
    .dropdownMenuWrapper .dropdownMenu .puzzleContainer:nth-child(4) .innerMenu.active {
        padding-bottom: 345px;
    }

    .dropdownMenuWrapper .dropdownMenu .puzzleContainer .innerMenu .innerWindowFrame {
        grid-template-rows: 100px 380px;
    }
}


/*-----index-----*/
.bannerWrapper .bannerBtn {
    letter-spacing: 0.2em;
    line-height: 0.8em;
    /* padding: 0 clamp(0px, 4.16vw, 80px); */
}

.bannerWrapper .bannerBtn {
    padding: 0 4vh 0;
}

.dropdownMenuWrapper .dropdownMenu>div .innerMenu .innerTitle h2 {
    font-size: clamp(0px, 2.2vw, 42.24px);
}

@media screen and (max-width: 1024px) {
    .dropdownMenuWrapper .dropdownMenu>div .innerMenu .innerTitle h2 {
        font-size: 20px;
    }
}

/*-----message-----*/

/*-----board member-----*/
.memberWrap>.memberContainer>h2>span {
    font-size: 17px;
}

.popupWrap>.popupContainer>.popupContent>.popupContentRight>.popupTitle>h2 span {
    padding: 2px 12px 1px;
}

@media only screen and (max-width: 1024px) {
    .popupWrap>.popupContainer>.popupContent>.popupContentRight>.popupTitle>h3 {
        font-size: 24px;
    }
}

/*-----about hktb-----*/
/* .contentWrap {
    min-height: calc(100vh - 370px);

} */

/*-----chapter4------*/
.sectionTitle.Sub {
    font-style: italic;
}