@charset "utf-8";

.sub_visual{ background-image:url('../../images/amo/visual_bg.jpg');}

/* greeting */
.grt_slogan{ padding:50px 50px}
.grt_slogan h5{ font-size:24px;}
.grt_box{  padding:50px 0;}
.grt_box .ceo_text{ float:left; width:calc(100% - 400px); box-sizing:border-box; padding-left:50px;}
.grt_box .ceo_text p{ margin-bottom:30px;}
.grt_box .ceo_pic{ float:right; width:400px; padding:0 20px; box-sizing:border-box; margin-top:-90px; z-index:1; position:relative; text-align:center;}
.grt_box .ceo_pic div{ border-bottom:1px solid #ff8130; font-size:20px; margin-top:10px;}
.grt_box .ceo_pic div b{ font-size:30px;}

/* mission vision */
.mis_vis{ overflow:hidden; border-bottom:1px dashed #000; padding-bottom:50px;}
.mis_vis > div{ float:left; width:50%; box-sizing:border-box; padding:20px 20px 20px 0; display:flex; align-items:center; }
.mis_vis > div .circle{ padding:10px; border-radius:50%; display:inline-block; border:1px dashed #ddd; vertical-align:middle;}
.mis_vis > div .circle span{ display:inline-block; width:140px; height:140px; line-height:140px; border-radius:50%; background-color:#333; text-align:center; font-size:26px; color:#fff;}
.mis_vis > div.mvis_mis .circle{ border-color:#ff9048;}
.mis_vis > div.mvis_mis .circle span{ background-color:#ff9048;}
.mis_vis > div.mvis_vis .circle{ border-color:#103972;}
.mis_vis > div.mvis_vis .circle span{ background-color:#103972;}
.mis_vis > div .mv_text{ display:inline-block; padding-left:30px; font-size:24px; vertical-align:middle;}
.mis_vis > div.mvis_vis .mv_text{ color:#103972;}

.point{ overflow:hidden; margin:80px 0 0 -2%; position:relative; z-index:1; display:flex;}
.point .arw_absol_box{ width:26%; margin-left:2%; float:left; font-size:22px; background-color:#fff; line-height:1.1; padding:30px 30px 21px; padding-bottom:50px;}
.point .arw_absol_box b{ position:absolute; right:10px; bottom:10px; font-size:20px;}
.point .arw_absol_box b span{ font-size:28px;}

/*
.obje{ text-align:center; max-width:826px; margin:-50px auto 0; position:relative; z-index:0; padding:80px 20px 15px; background-color:#f4f7fb; color:#103972; font-size:30px; line-height:1.1;}
.obje b{ display:inline-block; font-size:50px; padding-bottom:1px; border-bottom:2px solid #ff8130;}
*/

.obje{ float:left; width:13%; color:#103972; font-size:30px; line-height:1.1; margin-left:2%;}
.obje b{ display:inline-block; font-size:50px; padding-bottom:1px; border-bottom:2px solid #ff8130;}

.value_wrap{ margin-top:70px;}
.value_wrap > div{ overflow:Hidden;}
.value_wrap h4{ background:url('../../images/main/main_tri_bg.png') 0 50% no-repeat; padding:0 0 0 40px; margin:15px 0; font-size:25px; font-weight:bold; width:15%; box-sizing:border-box; float:left;}
.value_wrap ul{ float:left; width:85%; overflow:hidden; display:flex; align-items:stretch; }
.value_wrap ul li{ word-break: break-word; float:left; margin:0 1%; width:23%; background-color:#779ec4; text-align:center; line-height:66px; color:#fff; font-size:22px; font-weight:Bold; display:flex; justify-content:center; align-items:center;}
.value_wrap .business_box h4{ margin:30px 0;}
.value_wrap .business_box ul{ padding-bottom:70px; margin-bottom:40px;}
.value_wrap .business_box ul li{ background-color:#f4f7fb; color:#103972; line-height:1.6; padding:30px 0; position:relative; }
.value_wrap .business_box ul li:after{ display:block; position:absolute; bottom:-70px; left:0; right:0; height:39px; width:100%; background:url('../../images/amo/value_arw.png') 50% 50% no-repeat #fff; content:'';}
.value_wrap table{ width:40%; float:left; margin:0 1%;}
.value_wrap table tr{ width:100%;}
.value_wrap table tr th,
.value_wrap table tr td{ padding:0 20px; text-align:center; border-bottom:1px solid #6d99be; height:180px; vertical-align:middle;}
.value_wrap table tr th{ border-bottom:2px solid #21649c; border-top:1px solid #c0d2e3; height:50px; font-weight:bold; font-size:22px;}
.value_wrap table tr td{ text-align:left;}
.value_wrap table.table_color tr td{ background-color:#f1f5fa;}

.map_wrap{ margin-top:40px;}
.loca_text{ overflow:hidden; margin-left:-3%; margin-top:40px;}
.loca_text > div{ float:left; width:47%; margin-left:3%;}
.loca_text > div h4{ font-size:24px; max-width:270px; border-bottom:2px solid #ff8130; margin-bottom:30px;}
.loca_text > div p{ margin-bottom:30px;}

.history_slogan{ padding:30px 30px 15px; text-align:center; color:#fff; background:url('../../images/amo/history_bg.png') 50% 50% no-repeat; background-size:cover; font-size:24px; margin-bottom:40px;}
.history_slogan b{ font-size:24px;}
.history_slogan p{ margin-top:30px;}

.org_table{ margin-top:40px;}
.org_table .org_item{ overflow:hidden; margin-top:30px;}
.org_table .org_item > p{ float:left;}
.org_table .org_item > p a{ display:block; text-decoration:underline; width:240px; height:66px; line-height:66px; background-color:#f4f7fb; text-align:Center; font-weight:bold; font-size:18px;}
.org_table .org_item ul{ overflow:hidden; float:left; padding-top:18px;}
.org_table .org_item ul li{ float:left; margin-left:10px; position:relative;}
.org_table .org_item ul li:after{ width:175px; height:1px; border-top:1px dashed #000; display:block; position:absolute; content:''; top:-13px; left:-92px;}
.org_table .org_item ul li a{ display:block; width:170px; height:48px; line-height:48px; border:1px solid #97b7d1; text-align:center; padding:0 10px; position:relative; }
.org_table .org_item ul li a:after{ height:13px; width:1px; border-left:1px solid #000; display:block; position:absolute; content:''; top:-13px; left:50%;}
.org_table .org_item ul li span{ display:block; width:170px; height:48px; line-height:48px; border:1px solid #97b7d1; text-align:center; padding:0 10px; position:relative; }
.org_table .org_item ul li span:after{ height:13px; width:1px; border-left:1px solid #000; display:block; position:absolute; content:''; top:-13px; left:50%;}

.org_table .org_item.big_org_item > p a{ height:88px; line-height:88px; background-color:#779ec4; color:#fff;}
.org_table .org_item.big_org_item ul{ padding-top:22px;}
.org_table .org_item.big_org_item ul li a{ background-color:#f4f7fb; border:0; height:66px; line-height:66px; font-size:18px;}
.org_table .org_item.big_org_item ul li span{ word-break:break-word; background-color:#f4f7fb; border:0; height:106px; line-height:1.6; font-size:18px; display:flex; justify-content:center; align-items:center;}

.org_con{ display:none;}
.org_con.active{ display:block;}

.amo_history { margin-left:20px; padding:20px 50px 40px 80px; position:relative; width:calc(100% - 20px); }
.amo_history:before { content:''; position:absolute; left:0; top:50px;bottom:80px; width:2px; border-left:2px dashed #21649C;}
.amo_history:after{ content:''; position:absolute; width:10px; height:10px; left:-4px; bottom:80px; border-radius:10px; background-color:#21649C;}
.amo_history span.ball{ position:absolute; width:10px; height:10px; left:-4px; top:50px; border-radius:10px; background-color:#21649C;}
.amo_history h2 { position:relative; color:#21649C; font-size:28px; font-weight:800; padding:0; margin-bottom:5px; }
.amo_history h2:after { content:''; position:absolute; left:0; bottom:0; width:90px; height:2px; background-color:#21649C; }
.amo_history dl { display:flex; margin-bottom:30px; }
.amo_history dl dt{ font-size:18px; font-weight:900; color:#21649C; min-width:34px; }
.amo_history dl dt:after{ content:'.'; }
.amo_history dl dd{ font-size:17px; }
.icao_work { text-align:center; }
.icao_work img { display:block; margin:auto; width:90%; }
.icao_work img.icao { height:150px; width:auto;  }

.iso_img_wrap { display:flex; justify-content:space-evenly;}
.iso_img_wrap img { width:33%; }
@media (max-width:1299px){
	.point .arw_absol_box{ width:26%; font-size:17px; padding:30px 20px;}
	.point .arw_absol_box b{ font-size:17px;}
	.point .arw_absol_box b span{ font-size:20px;}

	.obje{ width:14%; font-size:26px;}
	.obje b{ font-size:40px;}
}

@media (max-width:1199px){
	.grt_slogan{ padding:40px 20px; border-left:0; border-right:0;}
	.grt_slogan h5{ font-size:16px;}

	.mis_vis > div .circle span{ width:100px; height:100px; line-height:100px;}
	.mis_vis > div .mv_text{ font-size:16px;}
}

@media (max-width:959px){
	.grt_slogan{ padding:30px 20px;}
	.grt_box{ padding:0 0 0;}
	.grt_box .ceo_pic{ float:none; width:100%; padding:0; margin:0;}
	.grt_box .ceo_pic img{ width:100%;}
	.grt_box .ceo_text{ float:none; width:auto; padding:0;}

	.mis_vis{ padding-bottom:20px;}
	.mis_vis > div{ float:none; width:auto; overflow:hidden; padding:0 0 15px; display:block; }
	.mis_vis > div .circle{ float:left; display:block; padding:5px;}
	.mis_vis > div .circle span{ width:70px; height:70px; line-height:70px; font-size:15px;}
	.mis_vis > div .mv_text{ padding:15px 0 0 100px; font-size:15px; display:Block;}
	.mis_vis > div .mv_text br{ display:none;}

	.point{ margin:20px 0 0; display:block; }
	.point .arw_absol_box{ float:none; width:auto; padding:25px 30px; font-size:14px; margin:0 0 10px;}
	.point .arw_absol_box .tri_absol{ display:block;}
	.point .arw_absol_box b{ font-size:14px;}
	.point .arw_absol_box b span{ font-size:16px;}

	.obje{ width:100%; margin:0 0 20px; float:none; text-align:center;}

	.value_wrap { margin-top:10px; }
	.value_wrap h4{ float:none; width:auto; font-size:18px;}
	.value_wrap ul{ width:100%;}
	.value_wrap ul li{ padding:10px; line-height:20px; font-size:15px;}
	.value_wrap ul li br{ display:inline;}
	.value_wrap .business_box ul li{ line-height:20px;}
	.value_wrap table{ float:none; width:100%;}
	.value_wrap table tr th{ display:none;}
	.value_wrap table tr th,
	.value_wrap table tr td{ height:70px; padding:0 10px;}
	.value_wrap table.table_m_color{ border-top:2px solid #2d6ca1;}
	.value_wrap table.table_m_color tr:nth-child(odd) td{ background-color:#f1f5fa;}

	.org_table .org_item{ margin:0 auto; overflow:visible;}
	.org_table .org_item > p{ float:none; max-width:80%; margin:0 auto;}
	.org_table .org_item > p a{ width:auto; height:55px; line-height:55px;}
	.org_table .org_item.big_org_item > p a{ height:65px; line-height:65px;}
	.org_table .org_item ul{ float:none; width:auto; overflow:visible; max-width:60%; margin:0 auto;}
	.org_table .org_item.big_org_item ul{ max-width:80%;}
	.org_table .org_item ul li{ width:auto; float:none; margin:0 0 20px;}
	.org_table .org_item ul li:after{ width:1px; height:69px; border-top:0; border-left:1px dashed #000; top:26px; left:-20px;}
	.org_table .org_item ul li:last-child:after{ display:none;}
	.org_table .org_item ul li a{ width:auto; height:50px; line-height:50px;}
	.org_table .org_item.big_org_item ul li a{ height:50px; line-height:50px;}
	.org_table .org_item ul li a:after{ height:1px; width:20px; top:25px; left:-20px; border-left:0; border-top:1px solid #000;}
	.org_table .org_item ul li span:after{ height:1px; width:20px; top:25px; left:-20px; border-left:0; border-top:1px solid #000;}
	.org_table .org_item ul li span { width:100%; }
	.org_table .org_item ul li .org_table .org_item ul li a:after{ height:1px; width:20px; top:25px; left:-20px; border-left:0; border-top:1px solid #000;}
	.org_table .org_item.big_org_item ul li span { height: 49px; font-size:17px;  }

	.gray_borderbox{ padding:20px 20px;}

	.loca_text{ margin:0;}
	.loca_text > div:first-child { margin-top:20px; }
	.loca_text > div{ width:auto; float:none; margin:0 0 20px;}
	.loca_text > div h4{ font-size:16px; margin-bottom:15px;}
	.loca_text > div p{ font-size:14px; margin-bottom:5px;}
}

@media (max-width:767px){

}