@charset "utf-8";
@media all and (max-width : 1024px){
	p, div, ul, li, dl, dt, dd, ol, a, em, strong, fieldset, textarea, input, select, span, table, th, td, address, cite, h1, h2, h3, h4, h5, h6 {font-size:15px}
	.cont_txt {font-size: 15px}
	.sub05_1_4 h4 {text-align: center;margin-top:40px; margin-bottom: 20px}
	.vision{margin-bottom:50px;position:relative;}
	.vision {text-align: center;}
	.vision .v_txt {height: 140px;width: 140px;background:#58b3e8;border-radius:250px;margin: 0 auto;color:#fff;text-align:center;font-size:20px;padding: 30px 15px 0px 15px;margin-bottom: 50px;}
	.vision .v_txt span {color:#fff;font-size:15px;display:block;padding:15px}
	.vision > ul { text-align: center;overflow: hidden;}
	.vision > ul > li {width:20%;float:left;margin-left:6%;}
	.vision > ul > li:first-child {margin-left:0;}
	.vision > ul > li > strong {display:block;background:#0059ad;color:#fff;font-size:18px;border-radius: 300px;padding: 30px 15px 0px 15px;width: 60px;margin: 0 auto;height: 60px;}
	.vision > ul > li > p {height:102px;display:table;width:99.5%;}
	.vision > ul > li > p > span {  margin-top: 15px; display: inline-block;}

	.task_list {}
  .task_list > dl > dt {display:block;color:#FFF;font-size:16px;text-align:center;margin-bottom:20px;background: #4d8fc9; font-weight: normal;padding:20px}
	.task_list > dl {margin-bottom:8px;float:left;width:48%;margin-left: 4%;height:275px;}
	.task_list > dl:first-child ,.task_list > dl:nth-child(3){margin-left: 0%}
	.task_list ul:after{clear:both;content:"";display:block;}
	.task_list > dl > dd {width:94.5%;border:1px solid #dcdcde;display:table;text-align:center;margin:0 0 12px 0;padding:2.5%}
	.task_list > dl > dd p {display:table-cell;vertical-align:middle;}
	.sub05_1_4 .pc {display: none}
	.sub05_1_4 .vision {display: inherit;}
	.sub05_2_2_6 .story figure {width:94px}
	.sub05_2_2_6 .story .profile, .sub05_2_2_2 .story .profile{width:80%}
	.sub05_2_2_1 .social_tab li, .sub05_2_2_2 .social_tab li, .sub05_2_2_3 .social_tab li , .sub05_2_2_4 .social_tab li , .sub05_2_2_5 .social_tab li, .sub05_2_2_6 .social_tab li   {width:33.3333333333%; text-align: center;}
	.sub05_2_2_1 .social_tab li:nth-child(4) a, .sub05_2_2_2 .social_tab li:nth-child(4) a, .sub05_2_2_3 .social_tab li:nth-child(4) a, .sub05_2_2_4 .social_tab li:nth-child(4) a, .sub05_2_2_5 .social_tab li:nth-child(4) a, .sub05_2_2_6 .social_tab li:nth-child(4) a {border-left:1px solid #d9d9d9}

  .organization .department>li {width:19%; margin-left: 1.25%; }
	.organization .department>li>a {width:100%}
	.organization .department>li>ul {border:none; height: auto;padding:7px 7px; min-height:170px; }
	.organization .department>li>ul:before {background: none; }
	.organization .department>li>ul>li>a {font-size: 14px}
	.organization .administ:after {height : 107px}
	.organization:after{position:absolute;top:350px;left:0;content:"";background:#d9d9d9;width: 100%;height:1px;}

	.organization .department:before { background:none;}
  .organization .department>li:before {background:none;}

	.tab2 > li {width:50%; text-align: center;}

	.btn_ntn a {font-size: 15px}
	.support_system {text-align: center;overflow: hidden}
	.support_system .strategy ul {overflow: hidden}
	.support_system .strategy ul li {width: 31%; float: left;margin-left:1.166%; margin-right:1.166%; padding:15px 0; display: table;	}
	.support_system .strategy ul li span{color: #fff;display: table-cell;vertical-align: middle;padding: 0 20px;height: 50px;}
	.support_system .strategy ul li:first-child {background:#24a5bb}
	.support_system .strategy ul li:nth-child(2) {background:#eba600}
	.support_system .strategy ul li:nth-child(3) {background:#93c200}
	.support_system .work > ul > li {width: 31%; float: left;margin-left:1%; margin-right:1%; padding:15px 0;border:1px solid #dcdcde; }
	.support_system .work > ul > li > ul > li { position : relative; text-align: left;padding:2px 20px}
	.support_system .work > ul > li > ul > li:after {		 content :"";	 position :absolute;top : 8px;left : 10px;width : 3px;height : 3px;background : #666;border-radius : 100%;}
	.support_system .box_tit1{ background: #7d8697; padding:15px 25px; color: #fff; margin-bottom: 15px;display: inline-block;min-width:100px;position: relative;}
	.support_system .box_tit3{ background: #7d8697; padding:15px 25px; color: #fff; margin-bottom: 15px;display: inline-block;min-width:100px;margin-top:50px;position: relative;}
	.support_system .box_tit3:before { content :"";width: 0;position: absolute;top: -25px;left: 70px;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 14px solid #7d8697;}
	.support_system .box_tit2{ background: #45485b; padding:15px 25px; color: #fff; margin-bottom: 15px;display: inline-block;min-width:100px; margin-top:50px; position: relative;}
	.support_system .box_tit2:before { content :"";width: 0;position: absolute;top: -25px;left: 67px;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 14px solid #45485b;}
	.support_system .s_vision p{font-size: 20px; color: #025189}
	.support_system .process > ul > li {width: 25%; float: left; font-size: 16px;color: #025189}
	.support_system .process > ul > li span {display: inline-block;width:85%; font-size: 15px}

	.sub05_8_1_2 .support_system {display:inherit}
	.m_hide {display: none}





}

@media all and (max-width : 950px){
.grey_box { text-align: center;}
.grey_box img {float: inherit; margin-right: inherit; }
.grey_box_c { text-align: center;}
.grey_box_c img {float: inherit; margin-right: inherit; }
.year_lst > ul > li .year_t {margin-bottom:10px}
.sub05_1_7 .facility > dl .fac_cnt .fac_txt {padding-left:0; padding-top: 15px}
.sub05_1_7 .facility > dl .fac_cnt .fac_img {float: inherit;display: inline-block;}
.sub05_1_7 .facility > dl .fac_ttl {position: inherit;left:inherit ;font-size:18px ; margin-bottom:10px}
.sub05_3_1_1 > .profileWrap > ul > li{width :100%}
.mboader .profileWrap > ul > li {width:100%}
.mboader .profileWrap > ul > li .story .profile {width:auto}
.sub05_3_4_1 .story .profile {clear:both; margin-left: inherit; margin-top: 25px}
.sub05_3_4_1 .story .profile > dl > dd {margin-left:0}
.alio_sys .alio_r ul li {line-height:50px; float: inherit;}
.alio_sys {height: auto;}
.alio_sys .alio_l {height: 100px; display: table}
.alio_sys .alio_l a {padding:0 0 0 15px ; margin: inherit;display: table-cell;vertical-align: middle;}


}
@media all and (max-width : 768px){
.dataT, .dataT2{overflow-x:auto;}
.dataT table, .dataT2 table{width:200%;}
.tableGuide{display:block;text-indent:-9999px;background:url(/images/arko/common/icon_scroll.png) right top no-repeat;background-size:29px 33px;height:40px;margin-top:-40px;}
.tableGuide.mt0{margin-top:0;}
.tableGuide.mt10{margin-top:10px;height:33px;}

}

@media all and (max-width : 750px){
.sub05_2_1 .story .profile {clear:both; margin-left: inherit; margin-top: 25px}
.sub05_2_1 .story .profile > dl > dd {margin-left:0}
.sub05_2_2_1 .story .profile, .sub05_2_2_2 .story .profile, .sub05_2_2_3 .story .profile, .sub05_2_2_4 .story .profile, .sub05_2_2_5 .story .profile, .sub05_2_2_6 .story .profile{clear:both; margin-left: 0; margin-top: 20px;width:100%}
.sub05_2_2_1 .story .profile > dl > dd, .sub05_2_2_2 .story .profile > dl > dd, .sub05_2_2_3 .story .profile > dl > dd, .sub05_2_2_4 .story .profile > dl > dd, .sub05_2_2_5 .story .profile > dl > dd, .sub05_2_2_6 .story .profile > dl > dd {margin-left: 0; }
.mboader1 > .story > .profile {width:100%; clear:both;margin-left:inherit;margin-top: 25px}
.mboader1 > .story .profile > dl > dd {margin-left:inherit;}
.mboader1 > .story .profile > dl > dt {background:url(/images/arko/common/m_bul_cnt_dt.gif) 0 4px no-repeat;background-size: 12px}
.organization .department>li {width:47.5%;margin-left:1.25%; margin-right: 1.25%; height: auto; min-height: 200px}
.organization .department>li:first-child {margin-left:1.25%; }
.organization .auditor {left :0}

.support_system .strategy ul li {width: 100%; }
.support_system .strategy ul li span {height: 0;}
.support_system .work > ul > li {width:99.5%; margin-left :0; margin-right:0}
.support_system .process > ul > li {width:50%; margin-bottom:20px; margin-top:10px}
.photo_2 figure {width:100%}



}

@media all and (max-width : 600px){
.est_wrap { background: none}
.est_wrap ul {padding-left:inherit}
.mboader > .profileWrap > ul > li .story .profile {clear: both; margin-left: 0; width: auto; margin-top: 15px}
.mboader > .profileWrap > ul > li .story .profile > dl > dd {margin-left:0}
.sub05_6_1 .cont_txt {clear: both}
.ttl_box > p {padding-left:20px; padding-right: 20px; padding-top: 120px}
.icon_graph {background-position:50% 15px}
.alio_sys .alio_l {width:100%; height: 60px}
.alio_sys .alio_r {width:100%}
.alio_sys .alio_r ul {padding:10px 0}
.alio_sys .alio_r ul li {line-height:35px}
.cont_inner h4 {/*width:89%*/}

}

@media all and (max-width : 500px){
.vision > ul > li {float: inherit;width: 100%; margin-left: inherit; margin-bottom: 20px}
.vision > ul > li > p {height: auto;}
.task_list > dl {width:100%; margin-left: inherit; height: inherit;}
.sub05_2_2_1 .social_tab li a, .sub05_2_2_2 .social_tab li a, .sub05_2_2_3 .social_tab li a, .sub05_2_2_4 .social_tab li a, .sub05_2_2_5 .social_tab li a, .sub05_2_2_6 .social_tab li a{padding:15px}

.organization .auditor .fill {width:90px}
.organization .auditor .line {width:90px}
.sub03_01_03 .tree_ci .tree_txt {display: none}
.ci_down a {margin-left: inherit;padding:10px 20px }
.ci_down {display: inherit; text-align:center;}
.est_wrap ul li strong {float: inherit;}
.est_wrap ul li span {width: inherit;}
.m_photo { overflow-x: auto}
.m_photo img {width:200%; max-width: inherit;}

}

@media all and (max-width : 414px){
.dataT2 table{width:240%;}
}

@media all and (max-width : 375px){
	.sub05_3_1_1 > .profileWrap > ul > li .story .profile {clear: both; margin-left: 0; width: auto; margin-top: 15px}
	.sub05_3_1_1 > .profileWrap > ul > li .story .profile > dl > dd {margin-left:0}


}

@media all and (max-width : 320px){
.dataT2 table{width:300%;}
}