@charset "utf-8";
/* ===================================================================
個別CSS
=================================================================== */
#news .latest a dd,
#topics .latest a dd{
	text-decoration:underline !important;
}

#news .latest a dd:hover,
#topics .latest a dd:hover{
	text-decoration:none !important;
}

#news .more a dd,
#topics .more a dd{
	text-decoration:underline !important;
}

#news .more a dd:hover,
#topics .more a dd:hover{
	text-decoration:none !important;
}


#main #header{
	box-sizing:border-box;
	height:605px;
	padding-top:189px;
	background-image: url("../img/main_bg.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
}
#main #header h2 .logo{
	margin-top:19px;
}
#main #header .subtitle{
	margin-top:24px;
	color:#FFF;
	font-size:18px;
	letter-spacing:0.2em;
}

#main .col2{
	min-width:850px;
}
#main .col2 .left,
#main .col2 .right{
	box-sizing:border-box;
	padding:15px 40px 20px;
	display:block;
	width:50%;
/*	height:96px;*/
	position:relative;
	border-bottom:1px solid #dedfe0;
}

#main .col2 .left{
	float:left;
	border-right:1px solid #dedfe0;
}
#main .col2 .right{
	float:right;
}

#main .col2 .left h3,
#main .col2 .right h3{
	font-size:13px;
}
#main .col2 .left h3 strong,
#main .col2 .right h3 strong{
	font-size:16px;
}
#main .col2 .left dl,
#main .col2 .right dl{
	margin-top:7px;
	font-size:14px;
}
#main .col2 .left dt,
#main .col2 .right dt{
	display:inline-block;
	width:85px;
	margin-right:10px;
}
#main .col2 .left dd,
#main .col2 .right dd{
	display:inline-block;
}
#main .col2 .left a,
#main .col2 .right a{
	color:#333;
}
#main .col2 .left a:hover,
#main .col2 .right a:hover{
	color:#0099FF;
}
#main .col2 .btn_arrow,
#main .col2 .btn_arrow{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:0px;
	bottom:0px;
}
#main .col2 .btn_arrow a,
#main .col2 .btn_arrow a{
	display:block;
	width:30px;
	height:30px;
	background: url(../img/share/arrow_up01.gif) no-repeat scroll left top;
}
#main .col2 .btn_arrow a:hover,
#main .col2 .btn_arrow a:hover{
	text-decoration:none;
	background: url(../img/share/arrow_up01_o.gif) no-repeat scroll left top;
}
#main .col2 .close .btn_arrow a,
#main .col2 .close .btn_arrow a{
	display:block;
	width:30px;
	height:30px;
	background: url(../img/share/arrow_down01.gif) no-repeat scroll left top;
}
#main .col2 .close .btn_arrow a:hover,
#main .col2 .close .btn_arrow a:hover{
	text-decoration:none;
	background: url(../img/share/arrow_down01_o.gif) no-repeat scroll left top;
}
#main .col2 .left .more,
#main .col2 .right .more{
	box-sizing:border-box;
	display:block;
	width:625px;
	position:absolute;
	top:95px;
	left:0px;
	border:1px solid #dce0e4;
	background-color:#FFF;
}
#main .col2 .right .more{
	left:-1px;
}
#main .col2 .left .close .more,
#main .col2 .right .close .more{
	display:none;
}
#main .col2 .left .more dl,
#main .col2 .right .more dl{
	margin:15px 40px 0px;
}
#main .col2 .left .more .btn_area,
#main .col2 .right .more .btn_area{
	box-sizing:border-box;
	border-top:1px solid #dce0e4;
	text-align:right;
	margin-top:30px;
}
#main .col2 .left .more .btn_area a,
#main .col2 .right .more .btn_area a{
	display:inline-block;
	padding:4px 11px 10px 5px;
	color:#0099FF;
}
#main .col2 .left .more .btn_area a:hover,
#main .col2 .right .more .btn_area a:hover{
	text-decoration:none;
}
#main .col2 .left .more .btn_area a span,
#main .col2 .right .more .btn_area a span{
	display:block;
	background: url(../img/share/icon_close.png) no-repeat scroll right 6px;
	padding-right:17px;
	font-size:14px;
}


#main #business{
	min-width:850px;
}
#main #business h3{
	margin-top:43px;
	padding-bottom:45px;
	text-align:center;
	font-size:36px;
	letter-spacing:0.1em;
}
#main #business h3 span{
	display:block;
	margin-top:4px;
	font-size:16px;
	letter-spacing:0px;
}
#main #business .col3 .left,
#main #business .col3 .center,
#main #business .col3 .right{
	box-sizing:border-box;
	padding:22px 30px 20px;
	display:block;
	min-height:382px;
}
#main #business .col3 .left{
	float:left;
	width:33%;
	background-image: url("../img/contents01_bg.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
#main #business .col3 .center{
	float:left;
	width:34%;
	background-image: url("../img/contents02_bg.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
#main #business .col3 .right{
	float:right;
	width:33%;
	background-image: url("../img/contents03_bg.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
#main #business .col3 .left h4,
#main #business .col3 .center h4,
#main #business .col3 .right h4{
	text-align:center;
	font-size:44px;
	letter-spacing:0.1em;
}
#main #business .col3 .left h4 span,
#main #business .col3 .center h4 span,
#main #business .col3 .right h4 span{
	margin-top:-5px;
	display:block;
	font-size:15px;
	letter-spacing:0em;
}
#main #business .col3 .left .txt1,
#main #business .col3 .center .txt1,
#main #business .col3 .right .txt1{
	margin-top:13px;
	font-size:14px;
	line-height:1.8em;
}
#main #business .col3 .left .btn_area,
#main #business .col3 .center .btn_area,
#main #business .col3 .right .btn_area{
	margin-top:53px;
	text-align:center;
}
#main #business .col3 .left .btn_area a,
#main #business .col3 .center .btn_area a,
#main #business .col3 .right .btn_area a{
	box-sizing:border-box;
	display:inline-block;
	background-color:#0099ff;
	width:198px;
	height:44px;
	color:#FFF;
	font-size:16px;
	padding:10px 18px 0px;
	text-align:center;
}
#main #business .col3 .left .btn_area a:hover,
#main #business .col3 .center .btn_area a:hover,
#main #business .col3 .right .btn_area a:hover{
	text-decoration:none;
	background-color:#53baff;
}

#main #company{
	box-sizing:border-box;
	display:block;
	background-image: url("../img/contents04_bg.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-width:850px;
	height:500px;
	padding-top:47px;
	text-align:center;
	color:#FFF;
}
#main #company h3{
	font-size:36px;
}
#main #company h3 span{
	display:block;
	margin-top:8px;
	font-size:16px;
}
#main #company ul{
	display:block;
	margin-top:85px;
	font-size:0px;
}
#main #company ul li{
	box-sizing:border-box;
	display:inline-block;
	width:146px;
	margin:0px 15px;
}
#main #company ul li a{
	display:block;
	padding-top:154px;
	color:#FFF;
	font-size:18px;
}
#main #company ul li.num01 a{ background: url(../img/icon01.png) no-repeat scroll left top; }
#main #company ul li.num02 a{ background: url(../img/icon02.png) no-repeat scroll left top; }
#main #company ul li.num03 a{ background: url(../img/icon03.png) no-repeat scroll left top; }
#main #company ul li.num04 a{ background: url(../img/icon04.png) no-repeat scroll left top; }
#main #company ul li.num05 a{ background: url(../img/icon05.png) no-repeat scroll left top; }
#main #company ul li.num01 a:hover{ background: url(../img/icon01_o.png) no-repeat scroll left top; }
#main #company ul li.num02 a:hover{ background: url(../img/icon02_o.png) no-repeat scroll left top; }
#main #company ul li.num03 a:hover{ background: url(../img/icon03_o.png) no-repeat scroll left top; }
#main #company ul li.num04 a:hover{ background: url(../img/icon04_o.png) no-repeat scroll left top; }
#main #company ul li.num05 a:hover{ background: url(../img/icon05_o.png) no-repeat scroll left top; }
#main #company ul li a:hover{
	text-decoration:none;
}

#main #recruit{
	box-sizing:border-box;
	display:block;
	background-image: url("../img/contents05_bg.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-width:850px;
	height:485px;
	padding-top:43px;
	text-align:center;
	color:#FFF;
}
#main #recruit h3{
	font-size:36px;
}
#main #recruit h3 span{
	display:block;
	margin-top:6px;
	font-size:16px;
}
#main #recruit .txt1{
	margin-top:76px;
	font-size:40px;
}
#main #recruit .btn_area{
	margin-top:147px;
	text-align:center;
}
#main #recruit .btn_area a{
	box-sizing:border-box;
	display:inline-block;
	background-color:#f0f0f0;
	width:198px;
	height:44px;
	color:#0099FF;
	font-size:16px;
	padding:10px 18px 0px;
	text-align:center;
}
#main #recruit .btn_area a:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#53baff;
}