@charset "utf-8";

@media (max-width: 1920px) {
	
   
}

@media (max-width: 1840px) {

	/* sub */
    
    


    
	
}


@media (max-width: 1480px) {

	
    /* sub */
    .business-inner .biz-info {width:26%; padding:6% 2% 0;}
    .business-inner .title-zone h2 {font-size:2.5rem;}
    .business-inner .title-zone p {font-size:1.6rem;}
    .business-inner .cnt {font-size:1.1rem;}
    .business-inner .biz-cont {width:74%}
    .business-inner .biz-cont .biz-col a {padding:100px 40px;}
    .business-inner .biz-cont .biz-col .num {font-size:2rem;}
    .business-inner .biz-cont .biz-col h3 {font-size:2.2rem;}

        
	

}


@media (max-width: 1440px) {
	

	/* sub */

    .company-inner ul li .cnt {display:block; }
    .company-inner ul li .cnt .col-txt {padding-left: 0; margin-bottom:6px;}
    .company-inner ul li .cnt .col-txt:last-child {margin-bottom:0;}

    .about-inner .pic {width:540px; margin-right: 80px;}
    

	/* board */
	


}

@media (max-width: 1280px) {

    :lang(zh) .company-inner ul li h3 {height:calc(1.5em * 1 * 3);}
    :lang(zh) .company-inner ul li .txt {height:calc(1.5em * 1 * 3);}
}

@media (max-width: 1180px) {

    /* main */
    
    
    /* FOOTER */   
   

    /* sub */
    .company-inner ul li .txt {height:auto;}
    .company-inner ul li .txt br {display:none;}

    :lang(en) .company-inner ul li {width:calc(50% - 20px); }
    
}   

/* Landscape tablet */
@media (max-width: 1024px) {

	/* header */
    #header .inner {height:80px;}
	#gnb {display:none;}


    .sitelogo {margin-top:-25px;}
    .sitelogo a {height:50px;} 

    .lang {right:70px;}
	
	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}

	
	/* main */
    .main-video .content .title {font-size:4rem; margin-bottom:15px;}
    .main-video .content p {font-size:1.6rem;}
    .main-video .video-controller .btns {width:60px; height: 60px;  margin-right: 26px;}
    .main-video .video-controller .progress-area .text {left:110px; font-size:1.3rem}
    

    /* FOOTER */  
    
    
	/* sub */
    #sub #wrapper {padding-top:80px;}
    .real-cont {padding-bottom:80px;}

    .sub-vis {height:450px;}
    .sub-vis .content h2 {font-size:3rem;}

    
    #lnb {margin-bottom:60px;}
    .lnb ul li a {height:60px; font-size:1.4rem; }


    .sub-title {margin-bottom:30px;font-size:2rem;}

    .company-inner {padding:45px 0 80px; }
    .company-inner ul {margin-left: -16px; margin-bottom:-16px;}
    .company-inner ul li {width:calc(50% - 16px); margin-left:16px; margin-bottom:16px; padding:20px;}
    .company-inner ul li h3 {font-size:1.5rem;}
    .company-inner ul li .txt {font-size:1.1rem;}
    .company-inner ul li .pic {margin-bottom: 15px;}
    .company-inner ul li .cnt {font-size:1.1rem;}

    :lang(en) .company-inner ul li {width:calc(50% - 16px); }

    :lang(zh) .company-inner ul li h3 {height:calc(1.5em * 1 * 2);}
    :lang(zh) .company-inner ul li .txt {height:calc(1.5em * 1 * 3);}

    .business-inner {height:calc(100vh - 80px);}

    .business-inner .biz-layout {display:block;}
    .business-inner .biz-info {width:100%; padding:4% 2% 0; height:auto; margin-bottom:20px; text-align:center;}
    .business-inner .biz-info br {display:none;}
    .business-inner .title-zone {margin-bottom:20px;}
    .business-inner .title-zone h2 {font-size:2.5rem;}
    .business-inner .title-zone p {font-size:1.6rem;}
    .business-inner .cnt {font-size:1.1rem;}
    .business-inner .biz-cont {width:100%;}
    .business-inner .biz-cont .biz-col a {padding:12% 4% 0;}
    .business-inner .biz-cont .biz-col .num {font-size:1.6rem;}
    .business-inner .biz-cont .biz-col h3 {font-size:2rem;}

    .business-inner .tab-inner .title {margin-bottom: 25px;}
    .business-inner .tab-inner .title p {font-size:1.3rem;}
    .business-inner .tab-inner .title h2 {font-size:3rem;}
    .business-inner .tab-inner .cnt-info {padding-left: 0;}
    .business-inner .tab-inner .cnt-info .content {margin-bottom: 4%;}
    .business-inner .tab-inner .cnt-info .content .cnt {font-size:1.3rem;  margin-bottom:20px;}
    .business-inner .tab-inner .cnt-info .mail-info .tit { font-size:1.4rem;}
    .business-inner .tab-inner .cnt-info .mail-info p {font-size:1.1rem;}
    .business-inner .tab-close {font-size:1.1rem;padding-left: 40px;}


    .office-maps { padding:40px 0; height: auto;}
    .office-maps .inner {display:block;}
    .office-maps .map-col {width:100%; height:auto;  margin-left:0; padding:30px; margin-bottom:20px;}
    .office-maps .map-col:last-child {margin-bottom:0;}

    .office-maps .map-content {transform: translate(-50%, -50%);}
    .office-maps .map-content#map1 {top:50% !important; left:50% !important;}
    .office-maps .map-content#map2 {top:50%; left:50%;}
    .office-maps .map-content#map3 {top:50%; left:50%;}
    .office-maps .map-content#map4 {top:50%; left:50%;}

    .about-inner {margin-bottom:80px;}
    .about-inner .pic {width:440px; margin-right: 60px;}
    .about-inner .info .title {margin-bottom: 40px;}
    .about-inner .info .title p {font-size:18px;}
    .about-inner .info .title .tit {font-size:3rem;}
    .about-inner .info .cnt {margin-bottom:16px;}

    .doc-tit {font-size:1.8rem ; margin-bottom:20px;}

    .org-inner .box {padding:60px 20px;}

    .history-head {height:360px; padding:20px 60px; margin-bottom:100px;}
    .history-head dl dt {font-size:3rem;}
    .history-head dl dd {font-size:1.3rem; line-height:1.5em;}

    .history ul {padding-bottom:25px;}
    .history ul li {padding:0 60px;}
    .history ul li:before {top:30px; left:-4px; width:8px; height: 8px;}
    .history ul li .year {font-size:3rem; margin-bottom:20px;}
    .history ul li dl dd {font-size:1.3rem;}
    .history ul:nth-child(even) li:before {right:-4px;}

    .mailform-head {margin-bottom:30px; font-size:2rem;}
    .mailform table tbody th {padding:10px 20px;}
    .mailform table tbody td {padding:10px 14px;}
    .mailform .input {height:44px;}
    .mailform textarea.input {height:160px;}

    .mailform .captcha_box--fc input {height:44px; }

    .filebox label {width:170px; line-height:44px;}
    .filebox .upload-name {height:44px;}
    .mailform + .buttons {margin-top:50px;}
        

    
	
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}
    
    /* main */
    


	


	/* sub */

    .company-inner ul {margin-left: 0; margin-bottom:-10px;}
    .company-inner ul li {width:100%; margin-left:0; margin-bottom:10px; }
    .company-inner ul li .txt { height:auto;}

    :lang(en) .company-inner ul li h3 {height: auto;}
    :lang(en) .company-inner ul li .txt {height: auto;}
    :lang(en) .company-inner ul li {width:100%; }

    :lang(zh) .company-inner ul li h3 {height:auto;}
    :lang(zh) .company-inner ul li .txt {height:auto;}

    .about-inner {margin-bottom:60px; display:block;}
    .about-inner .pic {width:100%; margin-right:0; margin-bottom:30px; text-align:center;}
    .about-inner .pic img {height:300px;}
    .about-inner .info {width:100%;}
    .about-inner .info .title {margin-bottom: 30px;}
    .about-inner .info .title p {font-size:16px;}
    .about-inner .info .cnt {margin-bottom:12px;}
    .about-inner .info br {display:none;}

    
    /* footer */
    
    
	
} 

@media (max-width: 767px) {	
    /* main */
   

    /* sub */
    .sub-vis {height:350px;}
    
    .real-cont {padding-bottom:60px;}

    .business-inner {height:auto;}

    .business-inner .biz-cont {display:block;}
    .business-inner .biz-cont .biz-col {width:100%;}
    .business-inner .biz-cont .biz-col a {padding:10% 4%;}

    .business-inner #page03.tab-content {background-position: 75% 50%;}

    .office-maps  {padding:20px 0;}
    .office-maps .map-col {padding:20px;}
    .office-maps .title{font-size:1rem; width:auto; padding:0 10px;}
    .office-maps .title.tit_1 {top:50%; left:14%; padding:0 5%;}
    .office-maps .title.tit_2 {top:54%; left:54%;}
    .office-maps .title.tit_3 {top:58%; left:13%;}
    .office-maps .title.tit_4.active {top:5%;}

    :lang(en) .office-maps .title {width:140px;}
    :lang(en) .office-maps .title.tit_1 {top:50%; left:-8%; padding:0 5%;}
    :lang(en) .office-maps .title.tit_2 {top:54%; left:55%;}
    :lang(en) .office-maps .title.tit_3 {top:60%; left:-7%;}

    :lang(zh) .office-maps .title {width:140px;}
    :lang(zh) .office-maps .title.tit_1 {top:50%; left:-8%; padding:0 5%;}
    :lang(zh) .office-maps .title.tit_2 {top:54%; left:55%;}
    :lang(zh) .office-maps .title.tit_3 {top:60%; left:-7%;}

    .office-maps .map-content {padding:20px}
    .office-maps .map-content h3 {font-size:1.3rem; margin-bottom:15px; padding-left:10px ;}
    .office-maps .map-content h3:before {top:4px; width:3px; height: 12px;}
    .office-maps .map-content dl {font-size:1.1rem;}
    .office-maps .map-content dl dt {width:70px;}

    .about-inner {margin-bottom:50px;}
    .about-inner .pic {margin-bottom:20px;}
    .about-inner .pic img {height:auto;}
    .about-inner .info .title {margin-bottom: 20px;}
    .about-inner .info .title p {font-size:1.1rem;}
    .about-inner .info .cnt {margin-bottom:10px; font-size:1rem}


    


    .org-inner .box {padding:30px 20px;}

    .history-head {height:auto; padding:5rem 40px; margin-bottom:60px;}
    .history-head br {display:none}

    .history ul {display:block;}
    .history ul:after {top:20px; left:10px; margin-left:0;} 
    .history ul li {width:100%; padding:0 0 0 30px}
    .history ul li:before {top:20px; left:6px;}
    .history ul li .year {margin-bottom:16px;}
    .history ul:nth-child(even) {text-align:left;}
    .history ul:nth-child(even) li:before {left:6px; right:auto;}

    /* footer */
    #footer {padding-top:25px; font-size:1.1rem; text-align:center;}
    #footer .br {display:block;}
    #footer .bar {display:block; padding:0;}
    .foot-row {display:block; margin-bottom:24px;}
    .foot-logo {width:100%; margin-bottom:16px;}
    .foot-logo img {height:50px;}
    .foot-info {width:100%;}

    .foot-copy {padding:25px 0;}
   
    
    
    /* board */
    .mailform table colgroup  col {width:100% !important;}
    .mailform table tbody {display:block;}
    .mailform table tbody th {padding:10px 14px 10px; display:block; background:#fff; border-bottom:0;}
    .mailform table tbody th br {display:none;}
    .mailform table tbody td {padding:0 14px 10px; display:block;}
    .mailform textarea.input {height:140px;}

    .mailform .captcha_box--fc {flex-wrap:wrap;}
    .mailform .captcha_box--fc input { max-width:100%; padding-left:15px;}

    .filebox label {width:140px;}
    .mailform + .buttons {margin-top:50px;}
    
    
    
    .btn-pack.form-submit {width:160px; height:50px; line-height:50px;}

    
        

}


/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	
	/* header */
	#header .inner {height:60px;}

    .sitelogo { margin-top:-14px;}
    .sitelogo a {height:28px;} 


	.mobile-navigation {width:100%;}

    #sub #wrapper {padding-top:60px;}
	/* main */
    .main-video .video-controller .btns {width:50px; height: 50px;  margin-right: 20px;}
    .main-video .video-controller .progress-area .text {left:90px;}
    
   
	/* footer */
   


    
	
	/* sub */
	.real-cont {padding-bottom:60px;}

    
	

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}