@charset "utf-8";
/*personal_header*/
#personal_header{
	overflow: visible;
	background: #0db9fc;
	border-bottom: solid 2px #fff;
}
#personal_header > div{
	overflow: visible;
	min-height: 0;
	padding: 0;
}
#personal_header h2{
	overflow: visible;
	z-index: 100;
	height:70px;
	margin:0;
	padding: 1px 0 0;
	border-bottom: 0;
	letter-spacing: normal;
	line-height:70px;
	text-align: center;
	color: #fff;
	font-size: 34px;
}
#personal_header h2 span{
	height: 69px;
	display: inline-block;
	border-bottom: 3px #fff100 solid;
	line-height: 67px;
}
#personal_header h2.s_size{
	overflow: visible;
	z-index: 100;
	height:50px;
	padding: 1px 0 0;
	border-bottom: 0;
	letter-spacing: normal;
	line-height:50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
}
#personal_header h2.s_size span{
	height: 47px;
	display: inline-block;
	border-bottom: 3px #fff100 solid;
	line-height: 47px;
}
#personal_header h2.txt_left{
	text-align:left;
}

/*personal_body*/
#personal_body{
	
}
#personal_body > div{
	padding-top: 50px;
	padding-bottom:218px
}
#personal_body h3{
	height: auto;
	margin: 0;
	background: none;
	border:none;
	color: #0db9fc;
	text-align:center;
	font-size: 34px;
	letter-spacing: normal;
}
#personal_body h3 span{
	display: block;
	margin-top: 5px;
	font-size: 40px;
}
#personal_body p.read{
	padding-top: 15px;
	text-align: center;
}
#personal_body .banner_area{
	margin-top: 40px;
}
#personal_body .banner_area a{
	text-decoration: none;
	color:#333;
}
#personal_body .banner_area a:hover{
	opacity: 0.7;
}
#personal_body .banner_area dl{
	display: table;
	width: 100%;
	height: 178px;
	padding: 0;
	border: solid 1px #3ac3fc;
	letter-spacing: normal;
}
#personal_body .banner_area dt{
	display: table-cell;
	padding: 0 20px;
	width:373px;
	
}
#personal_body .banner_area dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 30px;
}
#personal_body .banner_area dd.text{
	padding-left: 34px;
}
#personal_body .banner_area dd.link_mark{
	position: relative;
	width: 210px;
	background: #3ac3fc;
	font-size: 22px;
	color: #fff;
	text-align: center;
}
#personal_body .banner_area dd.link_mark span:after{
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 20px;
	margin-top: -10px;
	background:url(../img/arrow_aside_anchor_large2.png)no-repeat 0 0 scroll;
	content:"";
}
/*----- personal common ----*/
.personal_300 .btn_text_link{
	position: relative;
	display: block;
	width: 240px;
	height: 60px;
	margin: 0 auto;
	border: solid 2px #1badea;
	border-radius: 30px;
	background:#fff;
	letter-spacing: normal;
	text-align:center;
	font-size: 16px;
	color: #1badea;
	line-height: 60px;
	text-decoration: none;
	vertical-align:top;
}
.personal_300 .btn_text_link.middle_size{
	width:330px;
}
.personal_300 .btn_text_link.large_size{
	width:500px;
}
.personal_300 .btn_text_link:after{
	position: absolute;
	top: 50%;
	right: 24px;
	width:7px;
	height: 12px;
	margin-top: -6px;
	background: url(../img/arrow_aside_anchor_large.png) no-repeat 0 0 scroll;
	background-size: cover;
	content:"";
}
.personal_300 .btn_text_link:hover{
	opacity: 0.7;
}
.personal_300 .btn_text_link.with_sub_txt{
	line-height: 30px;
	
}
.personal_300 .btn_text_link.with_sub_txt span{
	display: block;
	margin: 5px auto 0;
	font-size: 12px;
	line-height:1.8;
}
/*-----  wi2-300_body2  -----*/
#wi2-300_body2 > div{
	padding-top: 70px;
	width: 960px;
}

#wi2-300_body2 h3{
	height: auto;
	background: none;
	border:none;
	font-size: 28px;
	text-align:center;
	line-height: auto;
	letter-spacing: normal;
}
#wi2-300_body2 h3 span{
	position: relative;
	display: inline-block;
	height: 26px;
	line-height: 26px;
}
#wi2-300_body2 h3 span:after{
	position: absolute;
	display: block;
	left: 50%;
	bottom:-30px;
	width: 100px;
	height:8px;
	margin-left: -50px;
	background:#fdff00;
	content:"";
}
#wi2-300_body2 h3 span.with_img{
	padding-left: 195px;
}
#wi2-300_body2 h3 span.with_img:before{
	position: absolute;
	top:-25px;
	left:0;
	display: inline-block;
	height:56px;
	width: 183px;
	background: url(../img/img_title_wi2-300.png) no-repeat 0 0 scroll;
	content: "";
}
#wi2-300_body2 p.lead{
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: center;
	font-size: 16px;
}
#wi2-300_body2 p.footage{
	text-align: center;
	font-size: 14px;
}
#wi2-300_body2 p.emp_lable{
	height: 78px;
	margin-top:0;
	background: #009fe8;
	color:#ffff00;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height:78px;
}
#wi2-300_body2 p.emp_lable span.txt_large{
	display: inline-block;
	padding: 0 10px;
	font-size: 30px;
}

#wi2-300_body2 .flow_chart{
	padding: 20px 30px;
	background:#daebf2;
}
#wi2-300_body2 .flow_chart figure{
	display: block;
}
#wi2-300_body2 .culomon_with_listbox{
	position: relative;
	padding: 25px 20px;
	background:#cee7ed;
}
#wi2-300_body2 .culomon_with_listbox.bg_color_dim{
	background:#daebf2;
}
#wi2-300_body2 .culomon_with_listbox.with_margin_bottom{
	margin-bottom: 70px;
}
#wi2-300_body2 .culomon_with_listbox.with_icon_plus:after{
	position: absolute;
	top: -30px;
	left: 50%;
	width:60px;
	height: 60px;
	margin-left:-30px;
	background:url(../img/icon_plus.jpg) no-repeat 0 0 scroll;
	content:"";
	
}
#wi2-300_body2 .culomon_with_listbox h4{
	margin-top: 0;
	padding-bottom:16px;
	font-size: 18px;
	letter-spacing: normal;
	color:#000;
}
#wi2-300_body2 .culomon_with_listbox ul{
	display: inline-block;
	width:420px;
	letter-spacing: normal;
}
#wi2-300_body2 .culomon_with_listbox ul li{
	display: table;
	width: 100%;
	height: 130px;
	margin-bottom: 1px;
}

#wi2-300_body2 .culomon_with_listbox ul.list_small_h li{
	height: 69px;
}
#wi2-300_body2 .culomon_with_listbox ul li:last-child{
	margin-bottom: 0;
}
#wi2-300_body2 .culomon_with_listbox ul li span{
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	color:#000;
	
}
#wi2-300_body2 .culomon_with_listbox ul li span.title{
	width: 195px;
	background:#67c2ea;
	text-align:center;
	font-weight: bold;
}
#wi2-300_body2 .culomon_with_listbox ul li span.value{
	padding-left: 50px;
	background: #fff;
}
#wi2-300_body2 .culomon_with_listbox p{
	display: inline-block;
	width:455px;
	margin-left: 40px;
	box-sizing: border-box;
	margin-top: 0;
	letter-spacing: normal;
	vertical-align: top;
	font-size: 12px;
}
#wi2-300_body2 .culomon_with_listbox p a{
	color:#333;
}
#wi2-300_body2 .footer_btn_area{
	margin-top: 60px;
}
#wi2-300_body2 .footer_btn_area2{
	margin-top: 40px;
	padding-bottom: 100px;
}


#wi2-300_body2 .block_point{
	padding: 15px 10px ;
	background: #8fdcff;
	box-sizing: border-box;
}
#wi2-300_body2 .block_point figure{
	display: inline-block;
	margin-top: 10px;
	letter-spacing: normal;
	vertical-align: top;
}
#wi2-300_body2 .block_point p{
	display: inline-block;
	margin-top: 10px;
	letter-spacing: normal;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.6;
}
#wi2-300_body2 .blocck_type_1{
	margin-top: 55px;
}
#wi2-300_body2 .blocck_type_1 ul{
	display: table;
	width: 100%;
}
#wi2-300_body2 .blocck_type_1 li{
	position: relative;
	display: table-cell;
	width: 50%;
	padding-top: 80px;
	vertical-align: top;
}
#wi2-300_body2 .blocck_type_1 li:last-child:before{
	position: absolute;
	top: 10px ;
	left: -5px;
	width: 9px;
	height: 293px;
	background: url(../img/line_v_dotted.png) no-repeat 0 0 scroll;
	content: "";
}
#wi2-300_body2 .blocck_type_1 li:last-child{
	padding-left: 20px;
}
#wi2-300_body2 .blocck_type_1 li figure{
	position: relative;
	width:150px;
	margin-top: 0;
}
#wi2-300_body2 .blocck_type_1 li:first-child figure:before{
	position: absolute;
	left: 55px;
	top: -72px;
	width: 429px;
	height: 83px;
	background: url(../img/baloon_point_wi2-300_1.png) no-repeat 0 0 scroll;
	content: "";
}
#wi2-300_body2 .blocck_type_1 li:last-child figure:before{
	position: absolute;
	left: -270px;
	top: -72px;
	width: 429px;
	height: 83px;
	background: url(../img/baloon_point_wi2-300_2.png) no-repeat 0 0 scroll;
	content: "";
}
#wi2-300_body2 .blocck_type_1 li:first-child figure{
	margin-right: 10px;
}
#wi2-300_body2 .blocck_type_1 li:last-child figure{
	margin-left: 10px;
}
#wi2-300_body2 .blocck_type_1 li p{
	width: 285px;
	margin-top: 0;
}
#wi2-300_body2 .blocck_type_1 p span.bottom_txt{
	display: inline-block;
	margin-top: 10px;
	font-size: 10px;
}
#wi2-300_body2 .blocck_type_1 .sub_title{
	display: block;
	padding-bottom: 10px;
	font-size: 15px;
}
#wi2-300_body2 .blocck_type_2{
	display: inline-block;
	height:235px;
	width: 475px;
	margin-top: 10px;
	vertical-align:top;
}
#wi2-300_body2 .blocck_type_2 figure{
	width: 149px;
	margin-right: 10px;
}
#wi2-300_body2 .blocck_type_2 p{
	width: 285px;
}
#wi2-300_body2 .blocck_type_2 p span.bottom_txt{
	display: inline-block;
	margin-top: 10px;
	font-size: 10px;
}
#wi2-300_body2 .blocck_type_3{
	display: inline-block;
	width: 475px;
	height:235px;
	margin-left: 10px;
	margin-top: 10px;
	vertical-align:top;
}
#wi2-300_body2 .blocck_type_3 figure{
	width: 150px;
	margin-left: 10px;
}
#wi2-300_body2 .blocck_type_3 p{
	width: 285px;
}
#wi2-300_body2 .block_point.blocck_type_4{
	margin-top: 10px;
	padding: 20px 15px 25px;
	text-align: center;
	font-size: 16px;
}
#wi2-300_body2 .block_point .title{
	font-size: 20px;
	letter-spacing: normal;
}
#wi2-300_body2 .blocck_type_1 .title,
#wi2-300_body2 .blocck_type_2 .title,
#wi2-300_body2 .blocck_type_3 .title{
	display:block;
	text-align:center;
}
#wi2-300_body2 .block_point strong{
	font-size: 14px;
}
#wi2-300_body2 .block_point sub{
	display: inline-block;
	vertical-align: baseline;
	font-size: 12px;
}
#wi2-300_body2 .block_point span.txt_emp{
	display: inline-block;
	margin-right: 5px;
	background: url(../img/bg_txt_emp.png) repeat-x 0 -4px scroll;
	font-size: 15px;
	font-weight: bold;
}
#wi2-300_body2 .block_point.blocck_type_4 span.footage{
	font-size: 14px;
}
#wi2-300_body2 .block_point a{
	color:#333;
}

#wi2-300_body2 .bottom_btn_area{
	display: table;
	width: 740px;
	margin: 45px auto 0;
	padding-bottom: 90px;
}
#wi2-300_body2 .bottom_btn_area li{
	display: table-cell;
}
#wi2-300_body2 .bottom_btn_area li:first-child{
	padding-right: 100px;
}

/*-----  main_btn_area  -----*/
#main_btn_area{
	background:#ecfaff;
}
#main_btn_area > div{
	min-height:0;
	width: 960px;
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
}
#main_btn_area > div ul{
	display: table;
}
#main_btn_area > div li{
	display: table-cell;
	padding-left: 40px;
	vertical-align:top;
}
#main_btn_area > div li:first-child{
	padding-left: 0;
}
#main_btn_area > div li p{
	margin-top:0;
	padding-top: 5px;
	padding-left: 25px;
}
#main_btn_area > div li p a{
	color:#1badea;
	font-size: 16px;
	text-decoration:none;
}
#main_btn_area > div li p a:before{
	display: inline-block;
	width: 7px;
	height: 14px;
	margin-right:10px;
	background: url(../img/arrow_with_bgcolor_b.png) no-repeat 0 0 scroll;
	content: "";
}
/*-----  wi2-300_main_visual  -----*/
#wi2-300_main_visual{
	
}
#wi2-300_main_visual > div{
	position: relative;
	width: 960px;
	height:355px;
	min-height: 0;
	padding: 60px 0 0 350px;
}
#wi2-300_main_visual > div figure{
	position: absolute;
	top: 60px;
	left:27px;
	margin:0;
}
#wi2-300_main_visual  h3{
	height: auto;
	margin: 0;
	padding: 10px 0 0;
	border:none;
	background: none;
	letter-spacing: normal;
	font-size: 36px;
	line-height:1.3;
	color:#000;
}
#wi2-300_main_visual  h3 span{
	display: block;
	font-size: 26px;
}
#wi2-300_main_visual  p{
	width: 535px;
	margin-top: 12px;
}