@charset "utf-8";

.sub_visual{ background-image:url('../../images/gmo/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;}
.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;}
.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;}
.point .arw_absol_box b{ float:Right; 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;}
.value_wrap ul li{ float:left; margin:0 1%; width:23%; background-color:#779ec4; 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/gmo/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;}
.board_v_content table tr td{ border:1px solid black; }


@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{ }
	.grt_slogan h5{ font-size:20px;}

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

	.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;}
}

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