@charset "UTF-8";

/* ------------------------------------------------------------------------
    Business
------------------------------------------------------------------------  */

/* Background */
.section {
	text-align:center;
}
#section0, 
#section1 {
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: auto;
}
#section0 {
	background-image: url(../../images/training_bg.png);
}
#section1 {
	background-image: url(../../images/life_bg.png);
}
/* Training */
#section0 {
	width: 100%;
	height: 100%;	
	display: table;
}
.system_wrap {
	width: 1000px;
	vertical-align: middle;
	display: table-cell;
	padding: 0 5% 0 45%; 
	text-align: left;
	position: relative;		
}
.system_wrap #training_wrap {
	width: 600px;
	vertical-align: middle;
	display: table-cell;
	text-align: left;
	position: relative;
	padding-bottom: 10px;
	overflow: hidden;
}
#training_wrap #training_title {
	font-size: 2.2em;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd; 
 }
#training_wrap .catch {
	font-size: 1.4em;
	margin-bottom: 20px;
}
#training_wrap ul.training_box {
	padding: 0 0 0 10px;
	border-left: 5px solid #ccc;
	margin-bottom: 10px;
}
#training_wrap ul.training_box>li {
	font-size: 1.7em;
	color: #004ea2;
}
#training_wrap ul.training_box>li>span {
	font-size: 0.8em;
	margin-left: 15px;
	color: #448aca;
	font-weight: normal;
}
#training_wrap ul.training_box>li>ul.sub_box {
	margin: 0;
	overflow: hidden;
}
#training_wrap ul.training_box>li>ul.sub_box>li {
	font-size: 0.7em;
	display: block;
	padding: 2px 20px 2px 0;
	color: #111;
	float: left;
}
#training_wrap ul.training_box>li>ul.sub_box>li span {
	font-size: 0.9em;
	color: #444;
	margin-left: 5px;
	font-weight: normal;
}

/* Life */
#section1 {
	width: 100%;
	height: 100%;	
	display: table;
}
.system_wrap2 {
	width: 1000px;
	vertical-align: middle;
	display: table-cell;
	padding: 0 40% 0 10%; 
	text-align: left;
	position: relative;		
}
.system_wrap2 #life_wrap {
	width: 500px;
	vertical-align: middle;
	display: table-cell;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#life_wrap #life_title {
	font-size: 2.2em;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd; 
 }
#life_wrap .catch {
	font-size: 1.4em;
	margin-bottom: 20px;
}
#life_wrap ul.life_box {
	margin-bottom: 10px;
}
#life_wrap ul.life_box li {
	font-size: 1.3em;
	color: #004ea2;
	margin-bottom: 15px;
	border-left: 5px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-indent: 10px;
}
#life_wrap ul.life_box li span {
	font-size: 0.8em;
	color: #448aca;
	margin-left: 10px;
}


.system_bottom_anchor a {
	text-decoration: none;
	font-size: 1.3em;
	color: #333;
	display: block;
	font-weight: bold;
}
.system_bottom_anchor a:hover {
	color: #004ea2;
	display: block;
}