@charset "utf-8";

.sub_vis-1{ background:url('/_sub01/img/subvis1.png') no-repeat center center; height:280px; }
.sub_vis1{ background:url('/_sub01/img/subvis1.png') no-repeat center center; height:280px;}
.sub_vis2{ background:url('/_sub01/img/subvis2.png') no-repeat center center; height:280px;}
.sub_vis3{ background:url('/_sub01/img/subvis3.png') no-repeat center center; height:280px;}
.sub_vis4{ background:url('/_sub01/img/subvis4.png') no-repeat center center; height:280px;}
.sub_vis5{ background:url('/_sub01/img/subvis5.png') no-repeat center center; height:280px;}
.sub_vis6{ background:url('/_sub01/img/subvis6.png') no-repeat center center; height:280px;}
.sub_vis7{ background:url('/_sub01/img/subvis7.png') no-repeat center center; height:280px;}


.sub_con_wrap{ padding-top:40px; overflow:hidden; min-height:500px; padding-bottom: 40px;}

.sub_left{ width:280px; float:left;}
.sub_right{ width: calc( 100% - 320px ); float:right; }
.sub_menu_tit{ background:url(/_sub01/img/nav_bg.png) no-repeat center center; background-color:#0052a0; color:#fff; font-size:30px; font-weight:bold; text-align:center; margin-bottom:20px; padding: 50px 0;}
.sub_menu_tit2{ background:url(/_sub01/img/nav_bg.png) no-repeat center center; background-color:#0052a0; color:#fff; font-size:30px; font-weight:bold; text-align:center; margin-bottom:20px; padding: 28px 0;}

.sub_menu{  border-top:1px solid #ccc; border-left:1px solid #ccc; }
.sub_menu li { background:#f5f5f5;  color:#232323; font-size:19px;  padding-left: 20px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.sub_menu li a{ display: block;  width: 100%;position:relative; padding:12px 0;}
.sub_menu li.on{color:#fff; background:#4b4b4b;}
.sub_menu li.on a{color:#fff;}
.sub_menu li.on a:after{content: '>';float: right;padding-right: 20px;}
.sub_menu li:hover{color:#fff; background:#4b4b4b;}
.sub_menu li:hover a{color:#fff; }

.sub_header{ line-height:30px; vertical-align:bottom;overflow:hidden; padding-bottom:40px;}
.sub_tit{color:#232323; font-size:30px; font-weight:bold; display:inline-block; float:left;}
.sub_nav{ color:#555555; font-size:15px; font-weight:bold; display:inline-block; float:right; }
.sub_nav span{ color:#f9756f;  }

.og_point_box{ border:1px solid #ccc; padding:30px;  font-size:16px;  color:#555555; position:relative; margin-bottom:30px;}
.og_point_box:before{position:absolute; content:' ';width: 50px;height: 50px;top: -2px;left: -2px;border-top: 2px solid #f9756f;border-left: 2px solid #f9756f;}
.og_point_hd{ font-size: 22px; color:#0052a0; font-weight:bold; margin-bottom:10px;} 
.og_point_box span{ color:#0052a0;}

.sub_con_header{ color:#232323; font-size:22px; font-weight:bold; background:url(/_sub01/img/sub-header.png) no-repeat left top 6px; padding-left: 28px; margin-top:20px;}

.basic_list{margin-top:20px; } 
.basic_list > li { color:#555555; font-size:16px; background:url(/_sub01/img/sub_blit.png) no-repeat left top 8px; padding-left:12px; margin-bottom:5px;}
.basic_list > li > ul > li{ position:relative;padding-left:10px;}
.basic_list > li > ul > li:before{content: " "; width: 6px; height: 6px; top: 9px; left: 0px; background: #0052a0; position: absolute; border-radius: 50%; } 

.basic_list li span{ color:#0052a0;}
.basic_list li span.red{color:#eb514a;}

.table {table-layout:fixed;width:100%; margin-top:20px; border-top:2px solid #4b4b4b;}
.table--min { min-width:600px;}
.table th{background:#dceeff; text-align:center; font-size:17px; color:#232323; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding : 8px 0;}
.table td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:16px; color:#555555;  text-align:center ;padding : 8px;}
.table td.bg, .table th.bg{ background:#f3f3f3;}
.table th.bg{ color:#555; font-size:16px; font-weight:normal;}
.table tr th:last-child, .table tr td:last-child{border-right:0;}

@media screen and (max-width: 1200px) {
	#contents_wrap{ padding-top :80px;}
	.sub_vis{display:none;}
}

@media screen and (max-width:1000px) {
  /*normal*/
	.sub_left{display:none;}
	.sub_right{ width:100%; }
}


@media screen and (max-width:700px) {
  .table-box {overflow-x:auto; }
}