html {scroll-behavior: smooth;}
body.sub footer{position: relative; margin-top:20rem;}
header{background-color: #fff; height: 12rem;}
#container{padding-top: 9em;}
section{max-width: 1000px; width: 90%; margin: 0 auto;}
section .section_wrap .section_title{font-size: 5rem;}
section .section_wrap .section_script,
section .section_wrap p {font-size: 2.2rem; line-height: 3rem;}
/*
footer .footer_inner .footer_right {position:fixed; right: 10px; bottom: 8rem;}
footer .footer_inner .footer_right a{display: block;}
footer .footer_inner .footer_right .down_arrow img {width: 17px;}
footer .footer_inner .footer_right .down_arrow::after {right: 39%;}
footer .footer_inner .footer_right .down_arrow .back_txt{position: absolute; top: 5rem; left: -8rem; font-size: 1.8rem;}
footer .footer_inner .footer_right .down_arrow img { animation: arrowUpDown 1.5s linear infinite;}
*/

.hide{display: none;}
.show{display: block;}
body.sub{background:#fff;}
body.sub .wrap{background:#fff;}
body.sub footer{position: relative;margin-top:20rem;}
.sub_contents{position:relative;    padding: 0 3rem;max-width: 1000px;margin:auto;padding-top:90px;}
.joinus{position:relative; width: 100%;}
.joinus h2{position:relative;padding-top:16rem;font-size:5rem;font-weight: 600}
.joinus .st_blackBg{margin-top: 7.4rem;}
.joinus .st_blackBg span{display: inline-block;padding:1rem 2rem;background: #000;color:#fff;font-size:3rem;font-weight: 600;}
.joinus .main_title_txt{font-size: 2.2rem;margin-top:5rem ;line-height: 1.5;word-break: keep-all}
.joinus h3{font-size: 3.4rem;margin-top:13rem ;font-weight: 600;  padding-bottom: 5.2rem;}
.joinus h3.line{font-size: 3.4rem;margin-top:13rem ;font-weight: 600;  padding-bottom: 5.2rem;border-bottom:1px solid #000;}

.joinus .team_list{margin-top:6.7rem }
.joinus .team_list .team_name{font-size: 3rem;;font-weight: 600}
.joinus .team_list .team_sub_list{font-size: 2.2rem;margin-top: 7rem;}
.joinus .team_list .team_sub_list dl{position:relative;overflow: hidden;margin-bottom: 8rem;}
.joinus .team_list .team_sub_list dl dt{position:absolute;top:9px;left:0;width:25%;max-width:250px;font-size:2.5rem;font-weight: 600;}
.joinus .team_list .team_sub_list dl dd{transition: all 0.5s linear;margin-left:25%;width:75%;max-width:1020px;line-height: 1.5;word-break: keep-all}
.joinus .team_list .st_textbox_line{font-size: 2.2rem; }
.joinus .team_list .st_textbox_line dl{position:relative;border-top:1px solid #000; padding:7rem 0;overflow: hidden}
.joinus .team_list .st_textbox_line dl:last-child{border-bottom:1px solid #000;}
.joinus .team_list .st_textbox_line dl dt{position: absolute;top:7.8rem;left:0;width:20%;max-width:180px;font-size:2.5rem;font-weight: 600;}
.joinus .team_list .st_textbox_line dl dd{transition: all 0.5s linear;margin-left:25%;;width:75%;max-width:1020px;line-height: 1.5;word-break: keep-all}
.joinus .interveiw_list{margin-top: 5rem;}
.joinus .interveiw_list .item_wrap{font-size: 2.2rem;margin-top: 5.5rem;;}
.joinus .interveiw_list .item_wrap .tit{position: relative;display: inline-block;font-size: 3rem; font-weight: 600; padding:2rem 4rem;border:2px solid #000;border-radius: 50px;line-height: 3.5rem;}
.joinus .interveiw_list .item_wrap .tit span{position: absolute;left:50%;bottom:-9px;display:inline-block;width:6rem;margin-left:-3rem;height:18px;background:url('../images/tit_line.png') no-repeat #fff center center;background-size:auto 100%}
.joinus .interveiw_list .item_wrap .txt{line-height: 1.5;margin-top: 5rem;word-break: keep-all}
.joinus .st_3column{position:relative;overflow: hidden;margin-top:6rem;}
.joinus .st_3column .tit{position:absolute;top:7;left:0;max-width:170px;width:20%;font-size: 2.2rem;font-weight: 600;}
.joinus .st_3column ul{transition: all 0.5s linear;margin-left:12%;padding-left: 3.5rem; max-width:1030px;font-size:2.4rem;line-height:1.5;overflow: hidden}
.joinus .st_3column ul li{display: flex; position:relative; align-items: center; height:100%;overflow: hidden;margin-bottom: 9rem;word-break: keep-all;}
.joinus .st_3column ul li .icon{width: 8rem; margin-right: 4%;}
.joinus .st_3column ul li span{display: block;margin-right:2%;font-size:2.5rem;font-weight: 600;}
.joinus .st_3column ul li .txt{display: block; width:85%;}
.joinus .faq_wrap .tab_menu{position: relative;margin-top:5rem}
.joinus .faq_wrap .tab_menu ul{overflow: hidden}
.joinus .faq_wrap .tab_menu li{float:left;width:32%;margin-right:2%;}
.joinus .faq_wrap .tab_menu li:last-child{margin-right:0%;}
.joinus .faq_wrap .tab_menu li a{position:relative;display:block;width:100%;font-size:3rem;color:#b2b2b2;font-weight: 600; padding:4rem 0;border-top:6px solid #b2b2b2;border-bottom:6px solid #b2b2b2; text-align: center;}
.joinus .faq_wrap .tab_menu li a::before{position:absolute;top:-6px;left:0;width:0;border-top:6px solid #000; content: "";display: block;transition: all 0.3s ;}
.joinus .faq_wrap .tab_menu li a::after{position:absolute;bottom:-6px;right:0;width:0;border-bottom:6px solid #000; content: "";display: block;transition: all 0.3s ;}
.joinus .faq_wrap .tab_menu li a.active{color:#000;width:100%;text-align: center;}
.joinus .faq_wrap .tab_menu li a.active::before{position:absolute;top:-6px;left:0;width:100%;border-top:6px solid #000; content: "";display: block;}
.joinus .faq_wrap .tab_menu li a.active::after{position:absolute;bottom:-6px;right:0;width:100%;border-bottom:6px solid #000; content: "";display: block;}
.joinus .faq_wrap .tab_cont{font-size:2.5rem;border-top:2px solid #ebebeb;margin-top:5rem}
.joinus .faq_wrap .tab_cont dl dt{position:relative;border-bottom: 2px solid #ebebeb;}
.joinus .faq_wrap .tab_cont dl dd{padding-left:2rem;height:0;overflow: hidden;transition: all 0.2s linear;}
.joinus .faq_wrap .tab_cont dl dt a{display: block;width:85%;padding:3rem 0 3rem 2rem;line-height: 3.2rem;}
.joinus .faq_wrap .tab_cont dl dt span{position: absolute;top:50%;left:94%;width:2.2rem;height:1.2rem;margin-top:-0.6rem;display: block;background:url('../images/ar_down.png') no-repeat 95% center;background-size:cover;transition: all 0.15s linear;}
.joinus .faq_wrap .tab_cont dl.active dt span{position: absolute;top:50%;left:94%;width:2.2rem;height:1.2rem;margin-top:-0.6rem;display: block;background:url('../images/ar_down.png') no-repeat 95% center;background-size:cover;transform: rotate(-180deg);
  transform-origin: center center;}
.joinus .faq_wrap .tab_cont dl.active dd{height:auto;padding:3rem 0 3rem 2rem;border-bottom:2px solid #ebebeb; color: #333333;line-height: 3.2rem;}



/* invest */
.invest {padding-top: 16rem;}
.invest .section_wrap .section_script:nth-of-type(1) {margin-top: 9rem;}
.invest .section_wrap .section_script:nth-of-type(2) {margin-top: 10.7rem;}
.invest .section_wrap .section_script:nth-of-type(3) {margin-top: 7rem;}

/* process */
.process {max-width: 1920px; width: 100%; padding: 0; margin-top: 14.7rem;}
.process .process_bg {width: 100%; height: 64rem; background:url(../images/fa_bg1.png) no-repeat top center; background-size: auto 100%;}
.process .process_flow {width: 100%; background-color: #000; text-align: center;}
.process .process_flow .process_flow_inner {max-width: 1200px; width: 90%; margin: 0 auto; padding-bottom: 16rem;}
.process .process_flow .process_flow_inner .mo_bg{display: none;}
.process .process_flow img{max-width: 1200px; }
.process .process_flow h3 {padding: 13rem 0 7rem 0; color: #fff; font-size: 3rem; text-align: left;}
/* .process .section_wrap .process_bg { min-height: 780px; height: 1360px; background: url(../images/fa_bg.jpg) no-repeat; background-position: center; background-size: 100%, auto , cover;} */
/* family */
.family {margin-top: 14.7rem; margin-bottom: 20rem;}
.family .section_wrap .section_script {margin-top: 9rem; line-height: 3.6rem;}
.family .section_wrap .family_list {width: 100%;margin-top: 7.5rem;}
.family .section_wrap .family_list ul li {position: relative; border-top: 2px solid #000; }
.family .section_wrap .family_list ul li:after {content: ''; display: block; clear: both;}
.family .section_wrap .family_list ul li:nth-of-type(1) .sub_img {background:url(../images/fa_list1.png) no-repeat; background-size: cover; background-position: center;}
.family .section_wrap .family_list ul li:nth-of-type(2) .sub_img {background:url(../images/fa_list2.png) no-repeat; background-size: cover; background-position: center;}
.family .section_wrap .family_list ul li:nth-of-type(3) .sub_img {background:url(../images/fa_list3.png) no-repeat; background-size: cover; background-position: center;}
.family .section_wrap .family_list ul li:nth-of-type(4) .sub_img {background:url(../images/fa_list4.png) no-repeat; background-size: cover; background-position: center;}
.family .section_wrap .family_list ul li:nth-of-type(5) .sub_img {background:url(../images/fa_list6.png) no-repeat; background-size: cover; background-position: center;}
.family .section_wrap .family_list ul li:nth-of-type(6) .sub_img {background:url(../images/fa_list7.png) no-repeat; background-size: cover; background-position: center;}
.family .section_wrap .family_list ul li .sub_img {height: calc(100% - 9rem); position: absolute; top: 9rem; left: 0; width: 53%; height: 40rem;}
.family .section_wrap .family_list ul li .sub_word{margin: 9rem 0 9rem 53%; padding-left: 3.5rem;height: auto;min-height: 40rem;}
.family .section_wrap .family_list ul li .sub_word .sub_word_mark {max-width: 235px;}
.family .section_wrap .family_list ul li .sub_word .sub_word_company {font-size: 3rem; font-weight: 700;}
.family .section_wrap .family_list ul li .sub_word .sub_word_de {margin-top: 3.3rem;}
.family .section_wrap .family_list ul li .sub_word .icon_con {width: 100%; margin-top: 6rem;}
.family .section_wrap .family_list ul li .sub_word .icon_con a{display: inline-block; width: 4.2rem; height: 4.2rem; margin-right: 2rem;}
.family .section_wrap .family_list ul li .sub_word .icon_con a:last-child{margin: 0;}

/* contact */
.contact {padding-top: 16rem; font-size: 2.2rem;}
.contact h2{word-break: keep-all;}
.contact .map {margin-top: 7rem; }
.contact .contact_txt {display: flex; flex-direction: column; align-items: center; gap: 1.5rem; text-align: center;margin-bottom: 20px;padding-bottom: 18px;}
.contact .contact_txt.mark_inner{margin-top: 4.3rem;}
.contact .contact_txt.message_inner{margin-top: 2rem;}
.contact .section_wrap .mark,
.contact .section_wrap .message {display: block; width: 22px; margin: 0 auto;}

@media only screen and (max-width:720px) {
    html,body{font-size: 8px;}
    #container {padding-bottom: 9px;}
    header {height: 15rem;}
    footer .footer_inner {display: block; padding: unset; width: 95%;}
    footer .footer_inner .footer_left {display: block; width: 100%; line-height: 3.8rem;}
    footer .footer_inner .footer_left .footer_list{display: inline-block; margin-right: 4rem;}
    footer .footer_inner .footer_right .down_arrow::after {top: 5rem; right: 43%; height: 6rem;}
    /* invest */
    .process .process_flow h3 {margin-left: 6%; padding: 6.5rem 0 7rem 0;}
    .process .process_flow .process_flow_inner{width: 100%;}
    .process .process_flow .process_flow_inner .pc_bg{display: none;}
    .process .process_flow .process_flow_inner .mo_bg{display: block;}
    .family .section_wrap .family_list ul li .sub_img {position: static;  width: 100%; height: 40rem; margin-top: 6rem;}
    .family .section_wrap .family_list ul li .sub_word {margin: 6rem 0 6rem 0; padding-left: 0;}
    /* join us */
    .pc_show{display: none;}
    .joinus .st_blackBg span { font-size: 2.3rem;}
    .joinus .team_list .team_sub_list dl{position:relative;overflow: hidden;margin-bottom: 8rem;}
    .joinus .team_list .team_sub_list dl dt{transition: all .3s ease;position:relative;top:0;left:0;width:100%;max-width:auto;font-size:2.5rem;font-weight: 600;}
    .joinus .team_list .team_sub_list dl dd{margin-top:2rem;margin-left:0%;width:100%;max-width:auto;line-height: 1.5}
    .joinus .team_list .st_textbox_line dl{position:relative;border-top:1px solid #000; padding:7rem 0;overflow: hidden}
    .joinus .team_list .st_textbox_line dl:last-child{border-bottom:1px solid #000;}
    .joinus .team_list .st_textbox_line dl dt{position: relative;top:0;left:0;width:100%;max-width:auto;font-size:2.5rem;font-weight: 600;line-height: 2.8rem;}
    .joinus .team_list .st_textbox_line dl dd{transition: all 0.3s linear;margin-left:0;;width:100%;max-width:auto;line-height: 1.5;word-break: keep-all;margin-top:3rem}
    .joinus .st_3column .tit{position:relative;top:0;left:0;;max-width:auto;width:100%;font-size: 3rem;font-weight: 600;}
    .joinus .st_3column ul{margin-left:0%;margin-top:3rem;padding-left: 0; max-width:auto;width:100%;font-size:2.4rem;line-height:1.5;overflow: hidden}
    .joinus .st_3column ul li{position:relative;height:100%;overflow: hidden;margin-bottom: 4rem;word-break: keep-all;}
    .joinus .st_3column ul li .txt {margin-left: 3rem;}
    .joinus .st_3column ul li .icon {margin-right: 0;}
    .joinus .st_3column ul span{margin-right:2%;font-size:2.5rem;font-weight: 600;}
    .joinus .faq_wrap .tab_menu li a{position:relative;display:block;width:100%;font-size:2rem;color:#b2b2b2;font-weight: 600; padding:4rem 0;border-top:2px solid #b2b2b2;border-bottom:2px solid #b2b2b2; text-align: center;}
    .joinus .faq_wrap .tab_menu li a::before{position:absolute;top:-2px;left:0;width:0;border-top:2px solid #000; content: "";display: block;transition: all 0.3s ;}
    .joinus .faq_wrap .tab_menu li a::after{position:absolute;bottom:-2px;right:0;width:0;border-bottom:2px solid #000; content: "";display: block;transition: all 0.3s ;}
    .joinus h2 {
        padding-top: 6rem;
    }
.invest {padding-top: 10rem;}
    .family {margin-top: 10rem; margin-bottom: 20rem;}
    .contact {padding-top: 10rem; font-size: 2.2rem;}
.scroll_top{display: none;}
}


@media only screen and (max-width:420px) {
    html,body {font-size: 8px;}
    .joinus .team_list .team_sub_list dl dt{top: 0px;}

}
@media only screen and (max-width:360px) {
  footer .footer_inner .footer_left .footer_list{margin-right: 2rem;}
  footer .footer_inner .footer_right {right: 0;}
}