@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:-15px; 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:25px; margin-left:10px;}

/* 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;}
.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:#be5503;}
.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;}
.point .arw_absol_box{ /* width:26%; */width: 298px; margin-left:2%; float:left; font-size:21px; background-color:#fff; line-height:1.1; padding:30px 30px 21px;}
.point .arw_absol_box b{ float:Right; font-size:20px;}
.point .arw_absol_box b span{ font-size:24px;}

.point #arw_absol_box2{ /* width:26%; */width: 368px; margin-left:2%; float:left; font-size:21px; background-color:#fff; line-height:1.1; padding:30px 30px 21px;}
.point #arw_absol_box2 b{ float:Right; font-size:20px;}
.point #arw_absol_box2 b span{ font-size:24px;}

.point #arw_absol_box3{ /* width:26%; */width: 298px; margin-left:2%; float:left; font-size:21px; background-color:#fff; line-height:1.1; padding:30px 30px 21px;}
.point #arw_absol_box3 b{ float:Right; font-size:20px;}
.point #arw_absol_box3 b span{ font-size:24px;}

/*
.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;}
.value_wrap ul li{ float:left; margin:0 1%; width:23%; background-color:#6d99be; text-align:center; line-height:66px; color:#fff; font-size:22px; font-weight:Bold;}
.value_wrap ul li br{ display:none;}
.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:95px; 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:80px; 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; cursor:pointer;}
.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.big_org_item > p a{ height:88px; line-height:88px; background-color:#103972; 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_con{ display:none;}
.org_con.active{ display:block;}

.history_movie { text-align:center; margin-top:20px; }
.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:14px; padding:30px 20px;}
	.point .arw_absol_box b{ font-size:15px;}
	.point .arw_absol_box b span{ font-size:18px;}
	
	.point #arw_absol_box2{ width:26%; font-size:14px; padding:30px 20px;}
	.point #arw_absol_box2 b{ font-size:15px;}
	.point #arw_absol_box2 b span{ font-size:18px;}
	
	.point #arw_absol_box3{ width:26%; font-size:14px; padding:30px 20px;}
	.point #arw_absol_box3 b{ font-size:15px;}
	.point #arw_absol_box3 b span{ font-size:18px;}

	.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;}
	.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;}
	.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;}
	
	.point #arw_absol_box2{ float:none; width:auto; padding:25px 30px; font-size:14px; margin:0 0 10px;}
	.point #arw_absol_box2 .tri_absol{ display:block;}
	.point #arw_absol_box2 b{ font-size:14px;}
	.point #arw_absol_box2 b span{ font-size:16px;}
	
	.point #arw_absol_box3{ float:none; width:auto; padding:25px 30px; font-size:14px; margin:0 0 10px;}
	.point #arw_absol_box3 .tri_absol{ display:block;}
	.point #arw_absol_box3 b{ font-size:14px;}
	.point #arw_absol_box3 b span{ font-size:16px;}

	.obje{ width:100%; margin:0 0 20px; float:none; text-align:center;}

	.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:16px;}
	.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;}

	.gray_borderbox{ padding:20px 20px;}

	.loca_text{ margin:0;}
	.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){

}