*{
    margin: 0;
    padding: 0;
}
a { text-decoration: none;}
html,
.body{
    overflow-x: hidden;
    background-color: #041630

    ;
}


.boxclean {
    clear: both;
}

.mask {
    background-color: rgba(0, 0, 0, 85%);
    width: 100vw;
    height: 150vh;
    position: fixed;
    z-index: 90;
    margin-top: -4%;
    display: none;
}


.wrapper{
    position: relative;
}

.main{
    margin: auto;
}
.main .header {
    width: 100%;
    height: 0px;
    overflow: hidden;
    padding: 56% 0 0 0;
}

.main .header #txt{
    margin: 0 auto;
    width: 44%;
    margin-top: -2%;
    position: relative;
}

#txt img {
    width: 100%;
}
.sideBar {display: none;}


.topBar {
    display: flex;
    justify-content: center;
    /* position: fixed; */
    top: 0;
    width: 100%;
    height: 8vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 3;
}

.topBar-container {
    display: flex;
    padding-left: 0%;
}

.logo-box {
    width: 12%;
    display: flex;
    align-items: center;
}

.logo-box img{
    width: 100%;
}

.menu-content {
    width: 40%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 18%;
}

.menu-content a {
    display: flex;
    align-items: center;
    gap: 4px;
    color: rgb(255, 255, 255, 0.75);
    font-size: 1.4vh;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
}

.menu-content li .btn {
    background-color: #927737;
    padding: 1.2vh 2vw;
}


.shop {
    display: flex;
    gap: 1vw;
}





/* right bar star */


.sns {
    width: 100%;
    position: relative;
    z-index: 8;
    mix-blend-mode: screen;
    opacity: 0.92;
}
.sns img{
    user-select: none;
    width: 100%;
}

.sns-container {
    position: fixed;
    right: 32px;
    top: -32%;
    transform: translateY(50%);
    display: flex;
    flex-direction: column;
    gap: 2vh;
    width: 1.8%;
    height: 94%;
}

.sns-container .deco {
    height: 20vh;
    background: url(../img/sns_deco.png) center bottom no-repeat;
    background-size: contain;
}
.flip {
    transform: scaleY(-1);
}



/* right bar end */



/* popup-box star */

#popup-box .close {
    transition: all .2s ease-in-out;
    position: relative;
    font-size: 3em;
    cursor: pointer;
    z-index: 1;
    width: 11%;
    text-align: center;
    right: -90%;
}


#popup-box{
    width: 40vw;
    background-color: #fff;
    margin: 0 auto;
    padding: 1%;
    display: none;
    position: fixed;
    z-index: 90;
    left: 50%;
    transform: translateX(-50%);
    top: 12vh;
}

.popup-box p{
    font-size: 14px;
}

#popup-box-01 {
    width: 95%;
    display: block;
    background-color: #fff;
    margin: 0 auto;
    flex-direction: column;
    padding: 2%;
    align-items: center;
    position: relative;
}


.popup-title {
    font-size: 17px;
    display: grid;
    grid-template-columns: repeat(3, 9vw);
    background-color: #fff;
    justify-content: center;
    text-align: center;
    margin-top: -3%;
}

.popup-title a{
    color: #3c3737;
}

.popup-title a ::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    transform: translateY(-50%);
    background-color: #e0e0e0;
}


.popup-box-01-txt {
    width: 98%;
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 1%;
    background-color: #eadfdf;
    margin-bottom: 2%;
}

.list-01-name{
    background-color: #faf8f3;
    width: 14%;
    text-align: center;
    padding: 0.3%;
}

.list-01-txt{
    margin-left: 2%;
}



#popup-box-02 {
    width: 91%;
    display: none;
    background-color: #eadfdf;
    margin: 0 auto;
    padding: 2%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 13px;
    position: relative;
    margin-top: 2%;
}

.box-02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.popup-box-02-txt{
    text-align: center;
    background-color: #eadfdf;
    padding: 2%;
    width: 13%;

}

.popup-box-02-txt img{
    padding-bottom: 2%;
    width: 50%;
}

.box-2 {
    width: 38%;
    margin: 2%;
}
.box-2 img{width: 100%;}

.popup-box-02-txt-2{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#popup-box-03 {
    width: 95%;
    display: none;
    background-color: #fff;
    margin: 0 auto;
    flex-direction: column;
    padding: 2%;
    align-items: center;
    margin-top: 2%;
    position: relative;
}

.popup-box-03-txt {
    width: 100%;
    display: flex;
    font-size: 13px;
    /* padding: 1%; */
    margin-bottom: 2%;
    flex-direction: column;
}

.list-03-name {
    background-color: #eadfdf;
    width: 98%;
    text-align: left;
    /* padding: 0.3%; */
    margin-bottom: 1%;
    padding: 1%;
}

.list-03-name p{
    font-size: 30px;
}

.list-03-txt {
    line-height: 1.3;
    padding-left: 1%;
}

.x{ 
    background-color: #eadfdf;
    cursor: pointer;
    border-right: 1px solid;
    padding: 2%;
    border-right: 1px solid;
}

.xx{
    background-color: #eadfdf;
    cursor: pointer;
    border-right: 1px solid;
    padding: 2%;
}

.xxx{
    background-color: #eadfdf;
    cursor: pointer;
    padding: 2%;
}






.wrapper .charbox {
    width: 50vw;
    margin: 0 auto;
    margin-top: 2%;
    background-image: url(../img/bg.jpg);
    padding: 1%;
    border: 1px solid #304F8A;
    /* margin-bottom: 5%; */
    display: block;
    flex-direction: column;
}
.featuretitle {
    width: 320px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    margin-top: 2%;
}
.featuretitle img{
    width: 100%;
}


.wrapper .charbox .char_title {
    padding: 1%;
    background-color: #0d3572;
    display: flex;
    justify-content: space-between;
    height: 3vh;
    align-items: center;
    margin: 0 auto;
    width: 49vw;
}

.char_title h1{
    color: #e4decf;
    /* width: 13vw; */
    /* padding: 1%; */
    display: flex;
    align-items: center;
    font-size: 1.8vh;
    margin-left: 1vw;
}

.wrapper .charbox .char_serch_box{
    color: #e4decf;
    width: 32%;
    display: flex;
    justify-content: flex-end;
    height: 3vh;
}

.wrapper .charbox .char_search{
    color: #e4decf;
    width: 80%;
    background-color: rgb(4 22 48);
    margin-right: 2%;
    display: flex;
    align-items: center;
}

.char_search_btn a{
    color: #e4decf;
}

.wrapper .charbox .char_search_btn{
    color: #e4decf;
    width: 25%;
    background-color: rgb(4 22 48);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.wrapper .charbox .char_search_btn :hover{
    filter: brightness(1.2);
    transform: scale(1.02);
    background-color: #062352;
}


.char_search_p{
    color: #928888;
    font-size: 1.3vh;
    padding-left: 1.2vw;
}
.char_search_btn_p{
    color: #e4decf;
    font-size: 1.3vh;
}

.wrapper .charbox .char_list {
    width: 50vw;
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.wrapper .charbox .char_list ul{
    width: 100%;
    background-color: #0e2b578f;
    display: flex;
    height: auto;
    padding: 1vh 0;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wrapper .charbox .char_list li{
    width: 8vw;
    display: flex;
    justify-content: center;
    color: #655e8c;
    align-items: center;
    cursor: pointer;
}

.wrapper .charbox .char_list li:hover{
    filter: brightness(1.2);
    transform: scale(0.9);
    background-color: #062352;
}

.wrapper .charbox .char_list a{
    color: #e4decf;
    font-size: 1.5vh;
    height: 3vh;
    display: flex;
    align-items: center;
    text-align: center;
}


.wrapper .charbox .cht_list_sw{
    width: 50vw;
    position: relative;
    display: flex;
    margin: 0 auto;
    padding-top: 2%;
    /* justify-content: space-between; */
    justify-content: flex-start;
}


.wrapper .charbox .cht_list_sw a{
    color: #e4decf;
    font-weight: 300;
    font-size: 0.7rem;
}

.wrapper .charbox .cht_list_sw ul{
    width: 100%;
    position: relative;
    display: flex;
    gap: 1.3vh 1.3vw;
    margin: 0 auto;
    flex-wrap: wrap;
    padding-top: 1%;
}

.wrapper .charbox .cht_list_sw li{
    width: 12%;
    cursor: pointer;
}

.wrapper .charbox .cht_list_sw li :hover{
    filter: brightness(1.1);
    transform: scale(1.02);
}


.wrapper .charbox .cht_list_sw li p{
    text-align: center;
    font-size: 0.6vw;
    margin-top: 0.3rem;
    color: #e4decf;
    font-weight: 300;
}
.wrapper .charbox .cht_list_sw li img{
    width: 100%;
}



/* cht01_web star */

.back-list{
    width: 7.5vw;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 0.3%;
    margin-left: -12%;
    font-weight: 300;
    font-size: 1.3vw;
    z-index: 80;
    position: relative;
    margin-bottom: 1%;
}

.back-list :hover{
    filter: brightness(2);
    transform: scale(2);
}

.back-list-x{
    width: 7.5vw;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-weight: 300;
    font-size: 2vw;
    z-index: 80;
    position: relative;
    float: right;
    margin-top: -8%;
    margin-right: -18%;
    display: block;
}



/* cht01_info star */


.wrapper .cht01_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}

.wrapper .cht01_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}

.cht_name_tag {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 1%;
    margin-left: 3%;
}

.cht_name_tag img{
    width: 8%;
}

.cht_name_tag p{
    font-size: 2vw;
}

.ya{
    color: #ffff23;
}


.cht01_info .info-left ul li p.info-02 .att{
    width: 7%;
    margin-right: 2%;
    display: none;
}

.cht01_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}

.cht01_web .cht01-pic img{
    width: 100%;
}


/* cht01_info end */




/* cht02_info star */
.wrapper .cht02_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht02_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht02_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht02_web .cht01-pic img{
    width: 100%;
}
/* cht02_info end */


/* cht03_info star */
.wrapper .cht03_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht03_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht03_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht03_web .cht01-pic img{
    width: 100%;
}
/* cht03_info end */


/* cht04_info star */
.wrapper .cht04_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht04_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht04_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht04_web .cht01-pic img{
    width: 100%;
}
/* cht04_info end */


/* cht05_info star */
.wrapper .cht05_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht05_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht05_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht05_web .cht01-pic img{
    width: 100%;
}
/* cht05_info end */


/* cht06_info star */
.wrapper .cht06_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht06_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht06_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht06_web .cht01-pic img{
    width: 100%;
}
/* cht06_info end */



/* cht07_info star */
.wrapper .cht07_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht07_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht07_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht07_web .cht01-pic img{
    width: 100%;
}
/* cht07_info end */


/* cht08_info star */
.wrapper .cht08_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht08_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht08_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht08_web .cht01-pic img{
    width: 100%;
}
/* cht08_info end */


/* cht09_info star */
.wrapper .cht09_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht09_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht09_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht09_web .cht01-pic img{
    width: 100%;
}
/* cht09_info end */


/* cht010_info star */
.wrapper .cht010_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht010_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht010_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht010_web .cht01-pic img{
    width: 100%;
}
/* cht010_info end */


/* cht011_info star */
.wrapper .cht011_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht011_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht011_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht011_web .cht01-pic img{
    width: 100%;
}
/* cht011_info end */



/* cht012_info star */
.wrapper .cht012_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht012_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht012_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht012_web .cht01-pic img{
    width: 100%;
}
/* cht012_info end */


/* cht013_info star */
.wrapper .cht013_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht013_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht013_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht013_web .cht01-pic img{
    width: 100%;
}
/* cht013_info end */



/* cht014_info star */
.wrapper .cht014_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht014_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht014_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht014_web .cht01-pic img{
    width: 100%;
}
/* cht014_info end */



/* cht015_info star */
.wrapper .cht015_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht015_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht015_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht015_web .cht01-pic img{
    width: 100%;
}
/* cht015_info end */


/* cht016_info star */
.wrapper .cht016_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht016_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht016_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht016_web .cht01-pic img{
    width: 100%;
}
/* cht016_info end */


/* cht017_info star */
.wrapper .cht017_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht017_web .cht_weapon_box{display: none;}

.wrapper .cht017_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht017_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht017_web .cht01-pic img{
    width: 100%;
}
/* cht017_info end */



/* cht018_info star */
.wrapper .cht018_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht018_web .cht_weapon_box{display: none;}
.wrapper .cht018_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht018_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht018_web .cht01-pic img{
    width: 100%;
}
/* cht018_info end */


/* cht019_info star */
.wrapper .cht019_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht019_web .cht_weapon_box{display: none;}
.wrapper .cht019_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht019_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht019_web .cht01-pic img{
    width: 100%;
}
/* cht019_info end */


/* cht020_info star */
.wrapper .cht020_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht020_web .cht_weapon_box{display: none;}
.wrapper .cht020_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht020_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht020_web .cht01-pic img{
    width: 100%;
}
/* cht020_info end */



/* cht021_info star */
.wrapper .cht021_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht021_web .cht_weapon_box{display: none;}
.wrapper .cht021_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht021_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht021_web .cht01-pic img{
    width: 100%;
}
/* cht021_info end */


/* cht022_info star */
.wrapper .cht022_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht022_web .cht_weapon_box{display: none;}
.wrapper .cht022_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht022_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht022_web .cht01-pic img{
    width: 100%;
}
/* cht022_info end */



/* cht023_info star */
.wrapper .cht023_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht023_web .cht_weapon_box{display: none;}
.wrapper .cht023_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht023_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht023_web .cht01-pic img{
    width: 100%;
}
/* cht023_info end */



/* cht024_info star */
.wrapper .cht024_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht024_web .cht_weapon_box{display: none;}
.wrapper .cht024_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht024_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht024_web .cht01-pic img{
    width: 100%;
}
/* cht024_info end */


/* cht025_info star */
.wrapper .cht025_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht025_web .cht_weapon_box{display: none;}
.wrapper .cht025_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht025_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht025_web .cht01-pic img{
    width: 100%;
}
/* cht025_info end */



/* cht026_info star */
.wrapper .cht026_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht026_web .cht_weapon_box{display: none;}
.wrapper .cht026_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht026_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht026_web .cht01-pic img{
    width: 100%;
}
/* cht026_info end */


/* cht027_info star */
.wrapper .cht027_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht027_web .cht_weapon_box{display: none;}
.wrapper .cht027_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht027_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht027_web .cht01-pic img{
    width: 100%;
}
/* cht027_info end */



/* cht028_info star */
.wrapper .cht028_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht028_web .cht_weapon_box{display: none;}
.wrapper .cht028_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht028_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht028_web .cht01-pic img{
    width: 100%;
}
/* cht028_info end */


/* cht029_info star */
.wrapper .cht029_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht029_web .cht_weapon_box{display: none;}
.wrapper .cht029_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht029_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht029_web .cht01-pic img{
    width: 100%;
}
/* cht029_info end */



/* cht030_info star */
.wrapper .cht030_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht030_web .cht_weapon_box{display: none;}
.wrapper .cht030_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht030_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht030_web .cht01-pic img{
    width: 100%;
}
/* cht030_info end */


/* cht031_info star */
.wrapper .cht031_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht031_web .cht_weapon_box{display: none;}
.wrapper .cht031_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht031_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht031_web .cht01-pic img{
    width: 100%;
}
/* cht031_info end */


/* cht032_info star */
.wrapper .cht032_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht032_web .cht_weapon_box{display: none;}
.wrapper .cht032_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht032_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht032_web .cht01-pic img{
    width: 100%;
}
/* cht032_info end */



/* cht033_info star */
.wrapper .cht033_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht033_web .cht_weapon_box{display: none;}
.wrapper .cht033_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht033_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht033_web .cht01-pic img{
    width: 100%;
}
/* cht033_info end */


/* cht034_info star */
.wrapper .cht034_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht034_web .cht_weapon_box{display: none;}
.wrapper .cht034_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht034_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht034_web .cht01-pic img{
    width: 100%;
}
/* cht034_info end */


/* cht035_info star */
.wrapper .cht035_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht035_web .cht_weapon_box{display: none;}
.wrapper .cht035_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht035_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht035_web .cht01-pic img{
    width: 100%;
}
/* cht035_info end */


/* cht036_info star */
.wrapper .cht036_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht036_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht036_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht036_web .cht01-pic img{
    width: 100%;
}
/* cht036_info end */


/* cht037_info star */
.wrapper .cht037_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht037_web .cht_weapon_box{display: none;}
.wrapper .cht037_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht037_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht037_web .cht01-pic img{
    width: 100%;
}
/* cht037_info end */


/* cht038_info star */
.wrapper .cht038_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht038_web .cht_weapon_box{display: none;}
.wrapper .cht038_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht038_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht038_web .cht01-pic img{
    width: 100%;
}
/* cht038_info end */


/* cht039_info star */
.wrapper .cht039_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht039_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht039_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht039_web .cht01-pic img{
    width: 100%;
}
/* cht039_info end */


/* cht040_info star */
.wrapper .cht040_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht040_web .cht_weapon_box{display: none;}
.wrapper .cht040_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht040_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht040_web .cht01-pic img{
    width: 100%;
}
/* cht040_info end */


/* cht041_info star */
.wrapper .cht041_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht041_web .cht_weapon_box{display: none;}
.wrapper .cht041_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht041_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht041_web .cht01-pic img{
    width: 100%;
}
/* cht041_info end */


/* cht042_info star */
.wrapper .cht042_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht042_web .cht_weapon_box{display: none;}
.wrapper .cht042_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht042_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht042_web .cht01-pic img{
    width: 100%;
}
/* cht042_info end */

/* cht043_info star */
.wrapper .cht043_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht043_web .cht_weapon_box{display: none;}
.wrapper .cht043_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht043_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht043_web .cht01-pic img{
    width: 100%;
}
/* cht043_info end */


/* cht044_info star */
.wrapper .cht044_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht044_web .cht_weapon_box{display: none;}
.wrapper .cht044_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht044_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht044_web .cht01-pic img{
    width: 100%;
}
/* cht044_info end */


/* cht045_info star */
.wrapper .cht045_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht045_web .cht_weapon_box{display: none;}
.wrapper .cht045_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht045_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht045_web .cht01-pic img{
    width: 100%;
}
/* cht045_info end */


/* cht046_info star */
.wrapper .cht046_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht046_web .cht_weapon_box{display: none;}
.wrapper .cht046_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht046_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht046_web .cht01-pic img{
    width: 100%;
}
/* cht046_info end */


/* cht047_info star */
.wrapper .cht047_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht047_web .cht_weapon_box{display: none;}
.wrapper .cht047_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht047_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht047_web .cht01-pic img{
    width: 100%;
}
/* cht047_info end */


/* cht048_info star */
.wrapper .cht048_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht048_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht048_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht048_web .cht01-pic img{
    width: 100%;
}
/* cht048_info end */



/* cht049_info star */
.wrapper .cht049_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht049_web .cht_weapon_box{display: none;}
.wrapper .cht049_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht049_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht049_web .cht01-pic img{
    width: 100%;
}
/* cht049_info end */


/* cht050_info star */
.wrapper .cht050_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht050_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht050_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht050_web .cht01-pic img{
    width: 100%;
}
/* cht050_info end */





/* cht051_info star */
.wrapper .cht051_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht051_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht051_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht051_web .cht01-pic img{
    width: 100%;
}
/* cht051_info end */


/* cht052_info star */
.wrapper .cht052_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht052_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht052_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht052_web .cht01-pic img{
    width: 100%;
}
/* cht052_info end */


/* cht053_info star */
.wrapper .cht053_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht053_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht053_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht053_web .cht01-pic img{
    width: 100%;
}
/* cht053_info end */


/* cht054_info star */
.wrapper .cht054_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht054_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht054_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht054_web .cht01-pic img{
    width: 100%;
}
/* cht054_info end */



/* cht055_info star */
.wrapper .cht055_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht055_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht055_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht055_web .cht01-pic img{
    width: 100%;
}
/* cht055_info end */



/* cht056_info star */
.wrapper .cht056_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht056_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht056_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht056_web .cht01-pic img{
    width: 100%;
}
/* cht056_info end */



/* cht057_info star */
.wrapper .cht057_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht057_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht057_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht057_web .cht01-pic img{
    width: 100%;
}
/* cht057_info end */



/* cht058_info star */
.wrapper .cht058_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht058_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht058_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht058_web .cht01-pic img{
    width: 100%;
}
/* cht058_info end */

/* cht059_info star */
.wrapper .cht059_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht059_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht059_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht059_web .cht01-pic img{
    width: 100%;
}
/* cht059_info end */

/* cht060_info star */
.wrapper .cht060_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht060_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht060_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht060_web .cht01-pic img{
    width: 100%;
}
/* cht060_info end */

/* cht061_info star */
.wrapper .cht061_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht061_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht061_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht061_web .cht01-pic img{
    width: 100%;
}
/* cht061_info end */

/* cht062_info star */
.wrapper .cht062_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht062_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht062_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht062_web .cht01-pic img{
    width: 100%;
}
/* cht062_info end */

/* cht063_info star */
.wrapper .cht063_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht063_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht063_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht063_web .cht01-pic img{
    width: 100%;
}
/* cht063_info end */

/* cht064_info star */
.wrapper .cht064_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht064_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht064_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht064_web .cht01-pic img{
    width: 100%;
}
/* cht064_info end */

/* cht065_info star */
.wrapper .cht065_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht065_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht065_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht065_web .cht01-pic img{
    width: 100%;
}
/* cht065_info end */

/* cht066_info star */
.wrapper .cht066_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht066_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht066_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht066_web .cht01-pic img{
    width: 100%;
}
/* cht066_info end */

/* cht067_info star */
.wrapper .cht067_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht067_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht067_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht067_web .cht01-pic img{
    width: 100%;
}
/* cht067_info end */

/* cht068_info star */
.wrapper .cht068_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht068_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht068_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht068_web .cht01-pic img{
    width: 100%;
}
/* cht068_info end */

/* cht069_info star */
.wrapper .cht069_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht069_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht069_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht069_web .cht01-pic img{
    width: 100%;
}
/* cht069_info end */

/* cht070_info star */
.wrapper .cht070_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht070_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht070_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht070_web .cht01-pic img{
    width: 100%;
}
/* cht070_info end */

/* cht071_info star */
.wrapper .cht071_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht071_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht071_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht071_web .cht01-pic img{
    width: 100%;
}
/* cht071_info end */

/* cht072_info star */
.wrapper .cht072_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht072_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht072_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht072_web .cht01-pic img{
    width: 100%;
}
/* cht072_info end */

/* cht073_info star */
.wrapper .cht073_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht073_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht073_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht073_web .cht01-pic img{
    width: 100%;
}
/* cht073_info end */

/* cht074_info star */
.wrapper .cht074_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht074_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht074_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht074_web .cht01-pic img{
    width: 100%;
}
/* cht074_info end */

/* cht075_info star */
.wrapper .cht075_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht075_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht075_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht075_web .cht01-pic img{
    width: 100%;
}
/* cht075_info end */

/* cht076_info star */
.wrapper .cht076_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht076_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht076_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht076_web .cht01-pic img{
    width: 100%;
}
/* cht076_info end */

/* cht077_info star */
.wrapper .cht077_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht077_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht077_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht077_web .cht01-pic img{
    width: 100%;
}
/* cht077_info end */

/* cht078_info star */
.wrapper .cht078_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht078_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht078_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht078_web .cht01-pic img{
    width: 100%;
}
/* cht078_info end */

/* cht079_info star */
.wrapper .cht079_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht079_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht079_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht079_web .cht01-pic img{
    width: 100%;
}
/* cht079_info end */

/* cht080_info star */
.wrapper .cht080_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht080_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht080_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht080_web .cht01-pic img{
    width: 100%;
}
/* cht080_info end */

/* cht081_info star */
.wrapper .cht081_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht081_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht081_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht081_web .cht01-pic img{
    width: 100%;
}
/* cht081_info end */

/* cht082_info star */
.wrapper .cht082_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht082_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht082_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht082_web .cht01-pic img{
    width: 100%;
}
/* cht082_info end */

/* cht083_info star */
.wrapper .cht083_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht083_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht083_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht083_web .cht01-pic img{
    width: 100%;
}
/* cht083_info end */

/* cht084_info star */
.wrapper .cht084_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht084_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht084_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht084_web .cht01-pic img{
    width: 100%;
}
/* cht084_info end */

/* cht085_info star */
.wrapper .cht085_web{
    width: 40vw;
    margin: 0 auto;
    margin-bottom: 5%;
    display: none;
    position: relative;
    margin-top: 2%;
}
.wrapper .cht085_web .cht01_info{
    color: #e4decf;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
}
.cht085_web .cht01-pic {
    width: 21vw;
    position: absolute;
    right: -5vw;
    margin-top: -2vw;
}
.cht085_web .cht01-pic img{
    width: 100%;
}
/* cht085_info end */




/* cht_skill_box-1 star */


.cht_skill_box-1{
    width: 40%;
    text-align: center;
    display: flex;
    margin-bottom: 1%;
}


.cht_skill_box-1 .cht_skill_box-1-txt {
    width: 100%;
    display: flex;
    align-items: center;
}

.cht_skill_box-1 .cht_skill_box-1-txt img{
    width: 6%;
}


.cht_skill_box-1 .skill-name-01 {
    width: 40%;
    padding: 1%;
    background-image: url(../img/info-label.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    align-items: center;
    margin-right: 2%;
    font-size: 1vw;
}

.cht_skill_box-1 .skill-name-02 {
    margin-right: 3%;
    font-size: 1vw;
}



/*------------ info-btn ------------*/

.cht_skill_box-11{
    width: 40%;
    text-align: center;
    display: flex;
    margin-bottom: 1%;
    cursor: pointer;
}
.cht_skill_box-11 a{
    color: #fff;
    display: flex;
    margin-bottom: 1%;
    cursor: pointer;

}
.cht_skill_box-11 .skill-name-011 {
    width: 40%;
    padding: 1%;
    background-image: url(../img/info-label.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    align-items: center;
    margin-right: 2%;
    font-size: 1vw;
}
.cht_skill_box-11-txt{
    width: 100%;
    display: flex;
    align-items: center;
}
.cht_skill_box-11 .cht_skill_box-11-txt img{
    width: 7%;
    margin-right: 2%;
}
.skill-name-022{
    margin-right: 2%;
    font-size: 1vw;
}
.cht_skill_box-11 :hover{
    filter: brightness(1.2);
    transform: scale(1.02);
    cursor: pointer;
}

/*------------ info-btn ------------*/




/* cht_skill_box-1 end */








/* cht_skill_box-2 star */



.cht_skill_box-2{
    width: 100%;
    background-color: #040f24c4;
    border: 1px solid #304F8A;
    flex-direction: column;
}



.cht_skill_box-2-txt {
    border-bottom: 0.5px solid #304F8A;
    padding: 3%;
    width: 94%;
    margin: 0 auto;
}

.cht_skill_box-2 .cht_skill_box-2-txt .txt-box-01-1 {
    width: 8vw;
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
    
}

.cht_skill_box-2 .cht_skill_box-2-txt .txt-box-01-2 {
    text-align: justify;
    font-size: 16px;

}

.bl{
    color: #4ed2f3;
}

.b2{
    color: #1d88a4;
    font-size: 15px;
}


/* cht_skill_box-2 end */






/* cht_weapon_box star */

.cht_weapon_box{
    width: 100%;
    background-color: #040f2478;
    border: 1px solid #304F8A;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1%;
    font-size: 1vw;
}

.cht_weapon_box-036{
    width: 100%;
    background-color: #040f2478;
    border: 1px solid #304F8A;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin-top: 1%;
    font-size: 1vw;
}

.cht_weapon_box-015{
    width: 100%;
    background-color: #040f2478;
    border: 1px solid #304F8A;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin-top: 1%;
    font-size: 1vw;
}

.weapon-info {
    width: 18vw;
    margin: 1%;
}


.weapon-info-02 {
    width: 20%;
    margin: 1%;
}

.weapon-info-02 .cht_weapon_box-txt-01 {
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
}

.weapon-info-02 .cht_weapon_box-name-01{
    text-align: center;
    padding: 0.5%;
    margin: 3%;
    color: #f5d381;
    font-size: 1vw;
}

.weapon-info .cht_weapon_box-txt-01 {
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
}

.weapon-info .cht_weapon_box-name-01{
    text-align: center;
    padding: 0.5%;
    margin: 3%;
    color: #f5d381;
    font-size: 1vw;
}

.weapon-info-04 {
    width: 26%;
    margin: 1%;
}

.weapon-info-04 .cht_weapon_box-txt-01 {
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
}

.weapon-info-04 .cht_weapon_box-name-01{
    text-align: center;
    padding: 0.5%;
    margin: 3%;
    color: #f5d381;
    font-size: 1vw;
}


.weapon-info-07 {
    width: 26%;
    margin: 1%;
}

.weapon-info-07 .cht_weapon_box-txt-01 {
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
}

.weapon-info-07 .cht_weapon_box-name-01{
    text-align: center;
    padding: 0.5%;
    margin: 3%;
    color: #f5d381;
    font-size: 1vw;
}


.weapon-info-013 {
    width: 18vw;
    margin: 1%;
}

.weapon-info-013 .cht_weapon_box-txt-01 {
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
}

.weapon-info-013 .cht_weapon_box-name-01{
    text-align: center;
    padding: 0.5%;
    margin: 3%;
    color: #f5d381;
    font-size: 1vw;
}


.weapon-info-015 {
    width: 7vw;
    margin: 1%;
}

.weapon-info-015 .cht_weapon_box-txt-01 {
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
}

.weapon-info-015 .cht_weapon_box-name-01{
    text-align: center;
    padding: 0.5%;
    margin: 3%;
    color: #f5d381;
    font-size: 1vw;
}

.weapon-info-036 {
    width: 7vw;
    margin: 1%;
}

.weapon-info-036 .cht_weapon_box-txt-01 {
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
}

.weapon-info-036 .cht_weapon_box-name-01{
    text-align: center;
    padding: 0.5%;
    margin: 3%;
    color: #f5d381;
    font-size: 1vw;
}

.weapon-info-039 {
    width: 7vw;
    margin: 1%;
}

.weapon-info-039 .cht_weapon_box-txt-01 {
    background-color: #0623529a;
    text-align: center;
    padding: 0.5%;
    margin-bottom: 1%;
    color: #e4decf;
    font-size: 1vw;
}

.weapon-info-039 .cht_weapon_box-name-01{
    text-align: center;
    padding: 0.5%;
    margin: 3%;
    color: #f5d381;
    font-size: 1vw;
}







.weapon-pic {
    width: 14vw;
    margin: 1.2%;
}

.weapon-pic-02 {
    width: 22%;
    margin: 1.2%;
    float: left;
}
.weapon-pic-02 img{
    width: 100%;
}

.weapon-pic-03 {
    width: 22%;
    margin: 1.2%;
    float: left;
}
.weapon-pic-03 img{
    width: 100%;
}

.weapon-pic-04 {
    width: 22%;
    margin: 1.2%;
    float: left;
}
.weapon-pic-04 img{
    width: 100%;
}

.weapon-pic-07 {
    width: 22%;
    margin: 1.2%;
    float: left;
}
.weapon-pic-07 img{
    width: 100%;
}

.weapon-pic-013 {
    width: 14vw;
    margin: 1.2%;
    float: left;
}
.weapon-pic-013 img{
    width: 100%;
}
.weapon-pic-015 {
    width: 13%;
    margin: 1.2%;
    float: left;
}
.weapon-pic-015 img{
    width: 100%;
}

.weapon-pic-036 {
    width: 13%;
    margin: 1.2%;
    float: left;
}
.weapon-pic-036 img{
    width: 100%;
}

.weapon-pic-039 {
    width: 13%;
    margin: 1.2%;
    float: left;
}
.weapon-pic-039 img{
    width: 100%;
}


.weapon-pic-48 {
    width: 22%;
    margin: 1.2%;
    float: left;
}
.weapon-pic-48 img{
    width: 100%;
}

.weapon-pic img{
    width: 100%;
}

.weapon-info-txt{
    margin: 1.5%;
    font-size: 16px;
}

.weapon-info-txt-06{
    margin: 1.5%;
    font-size: 15px;
}

.w-txt-1{font-weight: bold;}

.w-txt-3 {
    font-size: unset;
    line-height: 1.2;
}


/* cht_weapon_box end */





.cht01_info-box {
    width: 100%;
    margin-top: 1%;
    /* background-color: #040f2478; */
    display: flex;
    gap: 1%;
}





/* cht_skill_box-3 star */


.cht01_info-box .cht_skill_box-3{
    width:50%;
    margin-top: 0%;
    background-color: #040f2478;
    border: 1px solid #304F8A;

}

.tree-box-title-1 {
    /* width: 80%; */
    background-color: #0623529a;
    padding-bottom: 3%;
    margin: 3% 3%;
    margin-bottom: 20%;
    padding: 2%;
    text-align: left;

}

.tree-box {
    width: 100%;
    margin: 0 auto;
    font-size: 1vw;
}

.cht_skill_box-3 img{
    width: 100%;
    margin-bottom: 4%;
}


.tree-box-job-title{
    width: 50%;
    background-color: #1e3961;
    margin: 0 auto;
    text-align: center;
    margin-top: 8%;
    margin-bottom: 2%;
    padding: 1%;

}

.tree-box-job-txt{
    width: 94%;
    margin: 0 auto;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 12%;
}


/* cht_skill_box-3 end */



/* cht_skill_box-4 end */


.cht_skill_box-4{
    width: 80%;
    margin-top: 0%;
    background-color: #040f2478;
    border: 1px solid #304F8A;
    font-size: 1vw;

}

.tree-box-title-2 {
    /* width: 95%; */
    background-color: #0623529a;
    padding-bottom: 2%;
    margin: 2% 3%;
    padding: 2%;
    text-align: left;


}

.skill-name {
    width: 30%;
    background-color: #0623529a;
    text-align: center;
    margin: 1%;
}




.skill-01-box {
    width: 90%;
    border-bottom: 1px solid #0d3572;
    display: grid;
    grid-template-columns: 1fr 6fr;
    margin: 0 auto;
    padding: 2%;
    gap: 2%;
    align-items: center;
    margin-bottom: 3%;

}
.skill-01-pic {
    width: 100%;

}
.skill-01-pic img{
    width: 100%;
}
.skill-01-txt-1 {
    font-weight: 900;
}

.skill-01-txt-2 {
    font-size: 15px;
    font-weight: 300;
    color: #bcb4b4;
}


.skill-02-box {
    width: 90%;
    border-bottom: 1px solid #0d3572;
    display: grid;
    grid-template-columns: 1fr 6fr;
    margin: 0 auto;
    padding: 2%;
    gap: 2%;
    align-items: center;
    margin-bottom: 3%;
}

.skill-02-pic {
    width: 100%;

}
.skill-02-pic img{
    width: 100%;
}
.skill-02-txt-1 {
    font-weight: 900;
}

.skill-02-txt-2 {
    font-size: 15px;
    font-weight: 300;
    color: #bcb4b4;
}



.skill-03-box {
    width: 90%;
    border-bottom: 1px solid #0d3572;
    display: grid;
    grid-template-columns: 1fr 6fr;
    margin: 0 auto;
    padding: 2%;
    gap: 2%;
    align-items: center;
    margin-bottom: 3%;
}

.skill-03-pic {
    width: 100%;

}
.skill-03-pic img{
    width: 100%;
}
.skill-03-txt-1 {
    font-weight: 900;
}

.skill-03-txt-2 {
    font-size: 15px;
    font-weight: 300;
    color: #bcb4b4;
}




.skill-04-box {
    width: 90%;
    border-bottom: 1px solid #0d3572;
    display: grid;
    grid-template-columns: 1fr 6fr;
    margin: 0 auto;
    padding: 2%;
    gap: 2%;
    align-items: center;
    margin-bottom: 3%;
}

.skill-04-pic {
    width: 100%;
}
.skill-04-pic img{
    width: 100%;
}
.skill-04-txt-1 {
    font-weight: 900;
}

.skill-04-txt-2 {
    font-size: 15px;
    font-weight: 300;
    color: #bcb4b4;
}




/* cht01_web end */


/*footer開始*/

.footer {
    position: relative;
    width: 100%;
    background: #000;
    user-select: none;
    padding: 2vh 0 6vh 0;
    display: block;
    margin-top: 3%;
}

.footer-content{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    width: 50%;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.8);
    padding: 4vh 0 0vh 0;
}

.footer-content .com {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6vw;
    margin: 0 auto;
}

.footer-content .com img{
    width: 100%;
}

.logo01, .logo02, .logo03 {
    width: 24%;
}

.copyright ul {
    display: flex;
    justify-content: center;
    gap: 0.8em;
}

.copyright li {
    font-size: 0.8vh;
    text-align: center;
    letter-spacing: 0.6px;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.8);
}

.age {
    display: flex;
    justify-content: center;
    margin-top: 2vh;
    align-items: center;
    padding-left: 3rem;
}

.icon-age {
    width: 3vw;
    margin-right: 1em;
}

.icon-age img{
    width: 100%;
}

.age .text {
    font-size: 1vh;
    font-weight: 200;
    letter-spacing: 0.7px;
    color: #fff;
}

.age .ul .text {
    list-style: none;
}

/*footer結束*/


@media screen and (min-width: 768px) and (max-width: 1024px){
    .topBar {}
    ul.menu-content {
        width: 100%;
        padding-left: 0;
        justify-content: space-evenly;
        align-items: center;
    }
    .wrapper .charbox {
        width: 80%;
        margin: 0 10%;
    }
    .wrapper .charbox .char_title {
        width: 78vw;
    }
    .wrapper .charbox .char_list {
        width: 79.5vw;
    }
    .wrapper .charbox .char_list li {
        width: 15%;
    }
    .wrapper .charbox .cht_list_sw {
        width: 94%;
        margin: 0 3%;
    }
    .wrapper .charbox .cht_list_sw ul {
        justify-content: space-around;
    }
    .wrapper .cht085_web,.wrapper .cht084_web,.wrapper .cht083_web,.wrapper .cht082_web,.wrapper .cht081_web,.wrapper .cht080_web,.wrapper .cht079_web,.wrapper .cht078_web,.wrapper .cht077_web,.wrapper .cht076_web,.wrapper .cht075_web,.wrapper .cht074_web,.wrapper .cht073_web,.wrapper .cht072_web,.wrapper .cht071_web,.wrapper .cht070_web,.wrapper .cht069_web,.wrapper .cht068_web,.wrapper .cht067_web,.wrapper .cht066_web,.wrapper .cht065_web,.wrapper .cht064_web,.wrapper .cht063_web,.wrapper .cht062_web,.wrapper .cht061_web,.wrapper .cht060_web,.wrapper .cht059_web,.wrapper .cht058_web,.wrapper .cht057_web,.wrapper .cht056_web,.wrapper .cht055_web,.wrapper .cht054_web,.wrapper .cht053_web,.wrapper .cht052_web,.wrapper .cht051_web,.wrapper .cht050_web,.wrapper .cht049_web,.wrapper .cht048_web,.wrapper .cht047_web,.wrapper .cht046_web,.wrapper .cht0459_web,.wrapper .cht044_web,.wrapper .cht043_web,.wrapper .cht042_web,.wrapper .cht041_web,.wrapper .cht040_web,.wrapper .cht039_web,.wrapper .cht038_web,.wrapper .cht037_web,.wrapper .cht036_web,.wrapper .cht035_web,.wrapper .cht034_web,.wrapper .cht033_web,.wrapper .cht032_web,.wrapper .cht031_web,.wrapper .cht030_web,.wrapper .cht029_web,.wrapper .cht028_web,.wrapper .cht027_web,.wrapper .cht026_web,.wrapper .cht025_web,.wrapper .cht024_web,.wrapper .cht023_web,.wrapper .cht022_web,.wrapper .cht021_web,.wrapper .cht020_web,.wrapper .cht019_web,.wrapper .cht018_web,.wrapper .cht017_web,.wrapper .cht016_web,.wrapper .cht015_web,.wrapper .cht014_web,.wrapper .cht013_web,.wrapper .cht012_web,.wrapper .cht011_web,.wrapper .cht010_web ,.wrapper .cht09_web,.wrapper .cht08_web,.wrapper .cht07_web,.wrapper .cht06_web,.wrapper .cht05_web,.wrapper .cht04_web,.wrapper .cht03_web,.wrapper .cht02_web,.wrapper .cht01_web{
        width: 92%;
        margin-top: 3vh;
    }
    .back-list {margin-left: -4%;}
    .back-list-x {margin-right: -5%;}
    .cht085_web .cht01-pic,.cht084_web .cht01-pic,.cht083_web .cht01-pic,.cht082_web .cht01-pic,.cht081_web .cht01-pic,.cht080_web .cht01-pic,.cht079_web .cht01-pic,.cht078_web .cht01-pic,.cht077_web .cht01-pic,.cht076_web .cht01-pic,.cht075_web .cht01-pic,.cht074_web .cht01-pic,.cht073_web .cht01-pic,.cht072_web .cht01-pic,.cht071_web .cht01-pic,.cht070_web .cht01-pic,.cht069_web .cht01-pic,.cht068_web .cht01-pic,.cht067_web .cht01-pic,.cht066_web .cht01-pic,.cht065_web .cht01-pic,.cht064_web .cht01-pic,.cht063_web .cht01-pic,.cht062_web .cht01-pic,.cht061_web .cht01-pic,.cht060_web .cht01-pic,.cht059_web .cht01-pic,.cht058_web .cht01-pic,.cht057_web .cht01-pic,.cht056_web .cht01-pic,.cht055_web .cht01-pic,.cht054_web .cht01-pic,.cht053_web .cht01-pic,.cht052_web .cht01-pic,.cht051_web .cht01-pic,.cht050_web .cht01-pic,.cht049_web .cht01-pic,.cht048_web .cht01-pic,.cht047_web .cht01-pic,.cht046_web .cht01-pic,.cht045_web .cht01-pic,.cht044_web .cht01-pic,.cht043_web .cht01-pic,.cht042_web .cht01-pic,.cht041_web .cht01-pic,.cht040_web .cht01-pic,.cht039_web .cht01-pic,.cht038_web .cht01-pic,.cht037_web .cht01-pic,.cht036_web .cht01-pic,.cht035_web .cht01-pic,.cht034_web .cht01-pic,.cht033_web .cht01-pic,.cht032_web .cht01-pic,.cht031_web .cht01-pic,.cht030_web .cht01-pic,.cht029_web .cht01-pic,.cht028_web .cht01-pic,.cht027_web .cht01-pic,.cht026_web .cht01-pic,.cht025_web .cht01-pic,.cht024_web .cht01-pic,.cht023_web .cht01-pic,.cht022_web .cht01-pic,.cht021_web .cht01-pic,.cht020_web .cht01-pic,.cht019_web .cht01-pic,.cht018_web .cht01-pic,.cht017_web .cht01-pic,.cht016_web .cht01-pic,.cht015_web .cht01-pic,.cht014_web .cht01-pic,.cht013_web .cht01-pic,.cht012_web .cht01-pic,.cht011_web .cht01-pic,.cht010_web .cht01-pic,.cht09_web .cht01-pic,.cht08_web .cht01-pic,.cht07_web .cht01-pic,.cht06_web .cht01-pic,.cht05_web .cht01-pic,.cht04_web .cht01-pic,.cht03_web .cht01-pic,.cht02_web .cht01-pic,.cht01_web .cht01-pic {
        right:0vw ;
    }
}
@media screen and (max-width: 767px) {
    .topBar {display: none;}
    .sns {display: none;}

    .sideBar {
        display: block;
        position: relative;
        z-index: 99;
        display: block;
    }

    .sideBar .ham {
        width: 15vw;
        position: fixed;
        top: 0.6em;
        right: 0.6em;
    }
    .sideBar .ham img{
        width: 100%;
    }
    .sideBar .ham a {
        display: block;
    }
    .sideBar .menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.92);
        -webkit-user-drag: none;
    }
    .sideBar .menu-content {
        width: 100%;
        padding-left: 0%;
        display: flex;
        justify-content: center;
    }
    .menu-content a {
        font-size: 2.4vh;
        font-weight: 600;
    }
    .menu-content a img {width: 100%;}
    .menu-content li {
        padding: 0.4vh 0;
    }
    .menu-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3.2vh;
        width: 60%;
        padding-top: 6vh;
    }
    .menu-close {
        position: absolute;
        top: 1.3em;
        right: 0.4em;
        opacity: 0.5;
    }
    .menu-sns {
        display: flex;
        gap: 0.8em;
        width: 112%;
        position: relative;
    }


    #popup-box .close {
        font-size: 2em;
        /* right: unset; */
    }

    #popup-box {
        width: 90%;
        display:  none;
        position: fixed;
        transform: translateX(-50%);
        top: 5vh;
        height: 45%;
        overflow-y: auto;
        margin-top: 20%;
        border: 7px solid #fff;
    }
    .popup-title{
        font-size: 15px;
        display: grid;
        grid-template-columns: repeat(3, 21vw);
        background-color: #fff;
        justify-content: center;
        text-align: center;
        margin-top: -3%;
    }

    #popup-box-01 {display: block;}
    #popup-box-02 {display: none;}
    #popup-box-03 {display: none;}

    .popup-box-01-txt {
        width: 98%;
        align-items: flex-start;
        font-size: 13px;
        padding: 1%;
        background-color: #eadfdf;
        margin-bottom: 0%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 1%;
    }
    .list-01-name {
        width: 26%;
        margin-bottom: 0.5%;
        font-size: 13px;
    }
    .popup-box-02-txt {
        width: 18%;
        padding: 0;
        margin: 1%;
    }
    .box-2 {
        width: 54%;
        margin-bottom: 4%;
    }
    .popup-box-02-txt-2 {
        text-align: center;
        font-size: 13px;
    }
    .list-01-txt {
        margin-left: 2%;
        font-size: 13px;
    }
    .list-02-txt-1 {
        font-size: 11px;
    }
    .list-03-txt {
        font-size: 13px;
    }











    .wrapper .charbox {
        width: 94%;
        margin: 0 auto;
        margin-top: 2%;
        background-image: url(../img/bg.jpg);
        padding: 1%;
        border: 1px solid #304F8A;
        margin-bottom: 5%;
        display: block;
        flex-direction: column;
        margin-top: 0%;
    }
    .wrapper .featuretitle {
        width: 320px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        margin-top: 4%;
        margin-bottom: 2%;
    }
    .wrapper .featuretitle img{
        width: 100%;
    }
    .wrapper .charbox .char_title {
        padding: 1%;
        background-color: #0d3572;
        display: flex;
        justify-content: space-between;
        height: 3vh;
        align-items: center;
        margin: 0 auto;
        width: 98%;
    }
    .char_title h1 {
        width: 30%;
        font-size: 21px;
    }
    .char_search_btn a{
        font-size: 15px;
    }
    .char_search_p {font-size: 15px;}
    .wrapper .charbox .char_serch_box{
        width: 60%;
    }
    .wrapper .charbox .char_list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }
    .wrapper .charbox .char_list ul {
        flex-wrap: wrap;
        height: auto;
        display: flex;
        padding: 2vh 0;
    }
    .wrapper .charbox .char_list li {
        width: 30%;
        padding: 0.8vh 0;
    }
    .wrapper .charbox .cht_list_sw {
        padding-top: 4%;
        width: 100%;
    }
    .wrapper .charbox .cht_list_sw ul {
        gap: 1.3vh 2vw;
    }
    .wrapper .charbox .cht_list_sw li {
        width: 23%;
        cursor: pointer;
    }
    .wrapper .charbox .char_list a {
        font-size: 15px;
        height: 2vh;
    }
    .wrapper .charbox .cht_list_sw li p {
        font-size: 13px;
    } 








    .wrapper .cht01_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht02_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht03_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht04_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht05_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht06_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }

    .wrapper .cht07_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht08_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht09_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht010_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht011_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht012_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht013_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht014_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht015_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht016_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht017_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht018_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht019_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht020_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht021_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht022_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht023_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht024_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht025_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht026_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht027_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht028_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht029_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht030_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht031_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht032_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht033_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht034_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht035_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht036_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht037_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht038_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht039_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht040_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht041_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht042_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht043_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht044_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht045_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht046_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht047_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht048_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht049_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht050_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht051_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht052_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht053_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht054_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht055_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht056_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht057_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht058_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht059_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht060_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht061_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht062_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht063_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht064_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht065_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht066_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht067_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht068_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht069_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht070_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }

    .wrapper .cht071_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht072_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht073_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht074_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht075_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht076_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht077_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht078_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht079_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht080_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht081_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht082_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht083_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht084_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }
    .wrapper .cht085_web {
        width: 100%;
        top: 1vh;
        display: none;
        transform: unset;
        margin: 0 auto;
        position: relative;
        left: unset;
        margin-bottom: 5%;
    }


    .back-list {
        width: 27%;
        cursor: pointer;
        z-index: 9;
        position: relative;
        font-size: 18px;
        font-weight: 500;
        margin-left: 1%;
        margin-top: 0%;
    }
    .back-list-x{
        width: 7.5vw;
        color: #fff;
        cursor: pointer;
        text-align: center;
        font-weight: 300;
        font-size: 9vw;
        z-index: 80;
        position: relative;
        float: right;
        margin-top: -10%;
        margin-right: 2%;
        display: block;
    }

    .cht01_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -8%;
    }
    .cht02_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht03_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht04_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht05_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht06_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht07_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht08_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht09_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht010_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht011_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht012_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht013_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht014_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht015_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht016_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht017_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht018_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht019_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht020_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht021_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht021_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht022_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht023_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht024_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht025_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht026_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht027_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht028_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht029_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht030_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht031_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht032_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht033_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht034_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht035_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht036_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht037_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht038_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht039_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht040_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht041_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht042_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht043_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht044_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht045_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht046_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht047_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht048_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht049_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht050_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht051_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht052_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht053_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht054_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht055_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht056_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht057_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht058_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht059_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht060_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht061_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht062_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht063_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht064_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht065_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht066_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht067_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht068_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht069_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht070_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht071_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht072_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht073_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht074_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht075_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht076_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht077_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht078_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht079_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht080_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht081_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht082_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        right: -15vw;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht083_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        right: -17vw;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht084_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        right: -17vw;
        margin-bottom: -28%;
        margin-top: -7%;
    }
    .cht085_web .cht01-pic {
        width: 60vw;
        position: relative;
        margin: 0 auto;
        right: -17vw;
        margin-bottom: -28%;
        margin-top: -7%;
    }

    .cht_name_tag img {
        width: 12%;
    }
    .cht_name_tag p {
        font-size: 7vw;
        text-shadow: 3px 3px 5px #000000;
    }
    .wrapper .cht01_web .cht01_info {
        font-size: 3.4vw;
        margin-top: 5%;
    }
    .cht_name_tag{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-bottom: 1%;
        margin-left: 3%;
        z-index: 90;
        position: relative;
    }
    .cht_skill_box-1 {
        width: 90vw;
        margin-left: 0%;
    }
    .cht_skill_box-11 {
        width: 90vw;
        margin-left: 0%;
    }
    .cht_skill_box-2 .cht_skill_box-2-txt .txt-box-01-1 {
        width: 25%;
        font-size: unset;
    }
    .cht_skill_box-2 .cht_skill_box-2-txt .txt-box-01-2 {
        font-size: 14px;
        line-height: 1.2;
    }
    .cht_skill_box-1 .skill-name-01 {width: 30%;  font-size: 3vw;}
    .cht_skill_box-11 .skill-name-011 {width: 30%; font-size: 3vw;}
    .cht_skill_box-1 .skill-name-02 {margin-right: 3%; font-size: unset;text-shadow: 3px 3px 5px #000000;}
    .skill-name-022 {font-size: unset;}
    .cht_skill_box-11 .cht_skill_box-11-txt img {width: 5vw}


    .cht_weapon_box {
        width: 100%;
        background-color: #040f2478;
        border: 1px solid #304F8A;
        margin-top: 1%;
        display: flow;
    }
    .weapon-info {
        width: 60%;
        display: flex;
        align-items: center;
    }
    .weapon-info .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 16px;
    }
    .weapon-info .cht_weapon_box-name-01 {
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }
    .weapon-info-02 {
        width: 60%;
        display: flex;
        align-items: center;
    }
    .weapon-info-02 .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 3vw;
    }
    .weapon-info-02 .cht_weapon_box-name-01 {
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }

    .weapon-info-04 {
        width: 60%;
        display: flex;
        align-items: center;
    }
    .weapon-info-04 .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 16px;
    }
    .weapon-info-04 .cht_weapon_box-name-01 {
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }

    .weapon-info-07 {
        width: 60%;
        display: flex;
        align-items: center;
        margin: 1%;
    }

    .weapon-info-07 .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 16px;
        background-color: #0623529a;
        text-align: center;
        padding: 0.5%;
        margin-bottom: 1%;
        color: #e4decf;
    }

    .weapon-info-07 .cht_weapon_box-name-01{
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }
    .weapon-info-013 {
        width: 60%;
        margin: 1%;
        display: flex;
        align-items: center;
    }
    .weapon-pic-013 {
        width: 22%;
        margin: 1.2%;
        float: left;
    }
    .weapon-info-013 .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 16px;
    }
    .weapon-info-013 .cht_weapon_box-name-01{
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }
    .cht_weapon_box-015{
        width: 100%;
        background-color: #040f2478;
        border: 1px solid #304F8A;
        display: unset;
        align-items: center;
        justify-content: center;
        margin-top: 1%;
        font-size: 1vw;
    }

    .weapon-info-015 {
        width: 60%;
        display: flex;
        align-items: center;
    }
    .weapon-info-015 .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 16px;
    }
    .weapon-info-015 .cht_weapon_box-name-01 {
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }
    .weapon-pic-015 {
        width: 17%;
        margin: 1.2%;
        float: left;
    }
    .cht_weapon_box-036{
        width: 100%;
        background-color: #040f2478;
        border: 1px solid #304F8A;
        display: unset;
        align-items: center;
        justify-content: center;
        margin-top: 1%;
        font-size: 1vw;
    }

    .weapon-info-036 {
        width: 43%;
        display: flex;
        align-items: center;
    }
    .weapon-info-txt-036 {
        margin: 1%;
        flex-direction: column;
        padding: 4%;
        display: flex;
        width: 52%;
    }
    .weapon-pic-036 {
        width: 17%;
        margin: 1.2%;
        float: left;
    }
    .weapon-info-036 .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 16px;
    }
    .weapon-info-036 .cht_weapon_box-name-01 {
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }

    .weapon-info-039 {
        width: 60%;
        display: flex;
        align-items: center;
    }
    .weapon-info-039 .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 3vw;
    }
    .weapon-info-039 .cht_weapon_box-name-01 {
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }

    .weapon-info-050 {
        width: 60%;
        display: flex;
        align-items: center;
    }
    .weapon-info-050 .cht_weapon_box-txt-01 {
        margin-left: 4%;
        font-size: 3vw;
    }
    .weapon-info-050 .cht_weapon_box-name-01 {
        text-align: center;
        padding: 0.5%;
        margin: 3%;
        color: #f5d381;
        font-size: 17px;
    }

    .weapon-pic {
        /* width: 22%; */
        width: 15vw;
        float: left;
        margin: 0% 2%;
    }
    .weapon-info-txt {
        margin: 1%;
        flex-direction: column;
        padding: 1%;
        display: flex;
    }
    .weapon-info-txt-036 {
        margin: 1%;
        flex-direction: column;
        padding: 4%;
        display: flex;
    }
    .w-txt-1{
       font-size: 14px;
       font-weight: bold;
    }
    .w-txt-2{
       font-size: 14px;
       display: unset;
    }
    .w-txt-2-014{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-02{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-03{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-04{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-07{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-08{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-09{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-012{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-013{
        font-size: 14px;
        display: unset;
    }
    .w-txt-2-048{
        font-size: 14px;
        display: unset;
    }
    .w-txt-3 {
        font-size: 14px;
        line-height: 1.2;
    }
    .tree-box-title-1{
        margin-bottom: 5%;
        font-size: 17px;
    }
    .tree-box-title-2{
        font-size: 17px;
    }
    .tree-box {
        display: flex;
        flex-direction: column;
        font-size: unset;
    }
    .tree-box-job-txt {
        margin-bottom: 6%;
    }
    .cht_skill_box-3 img {
        width: 74%;
        margin: 0 auto;
    }

    .cht01_info-box {
        flex-wrap: wrap;
    }
    .cht01_info-box .cht_skill_box-3 {
        width: 100%;
        margin-bottom: 1%;
    }
    .cht_skill_box-4 {
        width: 100%;
        font-size: unset;
    }
    .skill-01-txt-2{font-size: 14px;font-weight: 300;line-height: 1.1;}
    .skill-02-txt-2{font-size: 14px;font-weight: 300;line-height: 1.1;}
    .skill-03-txt-2{font-size: 14px;font-weight: 300;line-height: 1.1;}
    .skill-04-txt-2{font-size: 14px;font-weight: 300;line-height: 1.1;}
    .footer {
        position: relative;
        width: 100%;
        background: #000;
        user-select: none;
        padding: 2vh 0 6vh 0;
        display: block;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-content {
        width: 100%;
        padding: 3vh 0 0vh 0;
    }
    .copyright {
        width: 80%;
        display: flex;
    }
    .copyright ul {
        display: flex;
        justify-content: center;
        gap: 0.1em;
        flex-wrap: wrap;
    }
    .age{
        width: 90%;
        padding: unset;
    }
    .icon-age {
        width: 16vw;
        margin-right: 1em;
    }
    .age .text {
        font-size: 1.8vw;
    }








}