h1.pag_tit{bottom:0;margin: 0 auto 1% 12%;font-size: max(1.8 * (1vw + 1vh) / 2, 14px);font-weight: 200;letter-spacing: 3px;line-height: 1.4;}

#content_wrap{padding: 3vw 0;}
#describe{padding: 3vw 0 0;margin-bottom: 0;}
#aboutPage .workframe{width: min(90%, 1470px);}
#aboutPage .tw_info{display:grid;grid-template-columns: 38% 48%;justify-content: space-between;}
#aboutPage .tw_info img{padding-top: 180px;}
#aboutPage article{position: relative;font-size: max(1.6 * (1vw + 1vh) / 2, 10px);padding-bottom: 100px;letter-spacing: 3px;font-weight: 300;}
#aboutPage article:before{content:'';position:absolute;width: 1px;height: 35%;background: #606060;bottom: 18px;left: 3px;}
#aboutPage p{font-size: max(1.6 * (1vw + 1vh) / 2, 10px);padding-bottom: 40px;letter-spacing: 3px;font-weight: 300;}
#aboutPage p.en_title{font-size:26px;padding-bottom: 0;font-weight: 200;}
#aboutPage .title{font-size: max(5 * (1vw + 1vh) / 2, 30px);line-height: 1.4;padding-bottom: 30px;letter-spacing: 3px;}

#aboutPage .en_info{position:relative;}
#aboutPage .en_info .workframe{display:grid;grid-template-columns: 38% 48%;justify-content: space-between;align-items: center;/* padding-top: 5vw; */}
#aboutPage .en_info:before{content:'';position:absolute;width:100%;height: 120%;background: #363635;z-index:-1;top: -7%;}
#aboutPage .en_info *{color:#ffffff;letter-spacing: 1px;font-weight: 200;}
#aboutPage .en_info .en{color:#818181;font-size: max(6 * (1vw + 1vh) / 2, 30px);line-height: 1.1;}

#aboutPage .photo{display: grid;grid-template-columns: repeat(3, 1fr);padding: 3vw 0 30px;background: #363635;}
#aboutPage .service{padding: 5vw 0 0;}
#aboutPage .service p.end{padding: 150px 0 0;font-size: max(3 * (1vw + 1vh) / 2, 20px);font-weight: 200;}
#aboutPage .serviceBox{display:flex;justify-content: flex-end;gap: 120px;}
#aboutPage .serviceBox .item-title{display:flex;flex-direction: column;align-items: flex-start;font-size: max(2.5 * (1vw + 1vh) / 2, 20px);line-height: 1.4;position: relative;}
#aboutPage .serviceBox .item-title:before{content:'';position:absolute;width: 8px;height: 8px;background: #606060;border-radius: 10px;left: -30px;top: 23px;}
#aboutPage .serviceBox .item-title span{font-size:20px;font-weight: 200;}
#aboutPage .serviceBox .item ul{padding-top: 20px;}
#aboutPage .serviceBox .item ul li{font-size: max(2 * (1vw + 1vh) / 2, 18px);line-height: 1.4;padding: 5px 0;font-weight: 300;}

@media screen and (max-width: 1470px){
    h1.pag_tit{bottom:0;margin: 0px auto 1% 5%;}
    #aboutPage .tw_info{grid-template-columns: 40% 50%;}
    #aboutPage .en_info .workframe{grid-template-columns: 45% 48%;padding-top: 5vw;}
    #aboutPage .tw_info img{}
}
@media screen and (max-width: 1280px){
    #aboutPage .en_info:before{}
    #aboutPage .tw_info{}
}
@media screen and (max-width: 768px){
    #aboutPage p.en_title{font-size: 10px;}
    #aboutPage .title{font-size: 18px;padding-bottom: 10px;}
    #aboutPage .tw_info .text{width:90%;margin: 0 auto;}
    #aboutPage .en_info .workframe{gap: 30px;}
    #aboutPage .serviceBox{gap: 40px;}
    #aboutPage .serviceBox .item{margin-left: 15px;}
    #aboutPage .photo{}
    #aboutPage .service p.end{padding: 80px 0 0;font-size: 10px;}
    #aboutPage p{padding-bottom: 10px;letter-spacing: 0px;font-size: 10px;}
    #aboutPage article{padding-bottom: 40px;letter-spacing: 0px;font-size: 10px;}
    #aboutPage article:before{height: 20%;bottom: 6px;width: 0.2px;}
    #aboutPage .tw_info img{padding-top: 30px;}
    #aboutPage .en_info .en{font-size: 30px;}
    #aboutPage .serviceBox .item-title{font-size: 12px;}
    #aboutPage .serviceBox .item-title span{font-size: 8px;}
    #aboutPage .serviceBox .item ul li{font-size:10px;padding: 2px 0;}
    #aboutPage .serviceBox .item-title:before{width: 3px;height: 3px;top: 7px;left: -10px;}
}
@media screen and (max-width: 640px){
    h1.pag_tit{font-size: 7px;letter-spacing: 0px;}
}
@media screen and (max-width: 480px){
    #aboutPage article{font-size: 7px;padding-bottom: 26px;}
    #aboutPage p{font-size: 7px;}
    #aboutPage .en_info:before{top: -3%;}
    #aboutPage .en_info .en{font-size: 16px;}
    #aboutPage .tw_info img{padding-top: 90px;}
    #aboutPage .serviceBox .item-title{font-size: 8px;}
    #aboutPage .serviceBox .item-title span{font-size: 6px;}
    #aboutPage .serviceBox{gap: 10px;}
    #aboutPage .serviceBox .item ul{padding-top: 10px;}
    #aboutPage .serviceBox .item ul li{font-size:7px;}
}