@charset "UTF-8";
/* ====================================================================================================

	トップページ設定用

==================================================================================================== */

/* main_img
-------------------------------------------------- */
#main_img {
	margin: 0px auto 0px;
	background: url(../images/main.png) no-repeat center top;
	min-height: 600px;
	overflow:hidden;
}
#main_img .inner{
	margin:117px auto 0;
	width:900px;
	height:366px;
	background: url(../images/main01.png) no-repeat center top;
}

#main_img h2{
	text-align:center;
	font-size:150%;
	padding-top:180px;
	font-weight:bold;
	line-height:1.3;
	letter-spacing:5px;
}

#main_img h2 span{
	color:#009a40;
}

#main_img p{
	font-size:200%;
	font-weight:bold;
	padding-top:10px;
	letter-spacing:6px;
}

#main_img p span{
	font-size:130%;
	color:#009a40;
}

/*「近隣コンタクトパートナー」ってなに？
-------------------------------------------------- */


#lead_box {
	background: #fff;
	min-height:500px;
	overflow:hidden;
	padding:55px 0 0;
}


#lead_box p{
        text-align:center;
        font-size:115%;
        font-weight:normal;
        margin-bottom:20px;
}

.first_btn li{
width:545px;
height:215px;
float:left;
}

.first_btn li:last-child{
float:right;
}

.first_btn li figure figcaption{
padding-top:33px;
}

.secont_btn li{
width:360px;
height:215px;
float:left;
margin:10px 10px 0 0;
}

.secont_btn li:last-child{
float:right;
margin:10px 0px 0 0;
}

.secont_btn li figure figcaption{
padding-top:23px;
line-height:1.5;
}


#lead_box figure{
position:relative;
}

#lead_box figure figcaption{
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:76%;
height:100px;
text-align:center;
background-color:rgba(255,255,255,.85);
background-image:url(../common_img/ic_arrow_02.png);
background-repeat:no-repeat;
background-position:95% center;
}

#lead_box a figure figcaption{
color:#000;
font-weight:bold;
font-size:130%;
}

#lead_box a figure figcaption span{
color:#009a40;
}

#lead_box a:hover figure{
	transition: all 0.5s ease;
	transform: scale(1.05);
}

#lead_box a:hover figure figcaption{
	background-color:rgba(255,255,255,0.5);
}

/* 行政ナレッジサービスについて
-------------------------------------------------- */

#service_box {
	background: url(../images/bg_01.png) no-repeat center bottom;
	min-height:985px;
	overflow:hidden;
}

#service_box p{
        text-align:center;
        font-size:115%;
        font-weight:normal;
        margin-bottom:20px;
}

.serv_box{
width:530px;
height:602px;
background: url(../images/bg_02.png) no-repeat center 0;
}

.serv_box figure{
text-align:center;
}

.serv_box dl{
width:80%;
margin:15px auto 0;
}

.serv_box dd{
margin:15px auto 0;
}

.serv_box dt{
font-size:115%;
}

/* SUNTRUSTの採用情報
-------------------------------------------------- */

#rec_box {
	background:url(../images/bg_03.png) repeat 0 0;
	overflow:hidden;
	padding:0 0 50px 0;
}

#rec_box p{
        text-align:center;
        font-size:115%;
        font-weight:normal;
        margin-bottom:40px;
}

.job{
border:solid 7px #009a3f;
padding:0 50px 40px;
margin-bottom:20px;
}


.site_wrapper02 {
	margin: 0 auto;
	width: 1180px;
	padding:0 0px;
	text-align: left;
}

.j_half{
width:540px;
position:relative;
}

.fig_left{
position:absolute;
bottom:-7px;
left:-40px;
}

.fig_right{
position:absolute;
bottom:-7px;
right:-40px;
}

.job dl dt{
        font-size:115%;
        font-weight:normal;
        padding:0 0px 30px;
}

/* SUNTRUSTのコラム
-------------------------------------------------- */

#column_box {
	background:#fff;
	overflow:hidden;
	padding:0 0 50px 0;
}

#column_box p{
        text-align:center;
        font-size:115%;
        font-weight:normal;
        margin-bottom:40px;
}

/* 会社情報
-------------------------------------------------- */

#company_box {
	background:#f7f7f7;
	overflow:hidden;
	padding:0 0 50px 0;
}

#company_box p{
        text-align:center;
        font-size:115%;
        font-weight:normal;
        margin-bottom:40px;
}

.ul_810px{
width:810px;
margin:30px auto 0;
}

.ul_810px li{
width:395px;
float:left;
}

.ul_810px li:last-child{
float:right;
}

.ul_810pxs li{
float:none;
width:395px;
margin:auto;
}

/* news_area
-------------------------------------------------- */

#news_area {
	padding: 70px 0px 0px 0px;
	width:960px;
	margin:0 auto;
}



#news_area h3 {
	padding: 0px 0px 7px 0px;
	font-size:200%;
	color:#000;
	margin-bottom: 40px;
	position:relative;
	text-align:left;
}

.all_btn{
position: absolute;
right:0;
top:10px;
}

#news_area ul {
	padding: 0px 30px 0px 0px;
	margin: 0px auto 0px;
	text-align: left;
	height: 170px;
	overflow: auto;
}
#news_area ul li {
	padding: 0px 0 10px 123px;
	text-indent: -123px;
	margin-bottom: 20px;
}
#news_area ul li span {
	padding: 0px 30px 0px 0px;
	font-weight: bold;
}

#news_area ul li a {
	color:#333;
	text-decoration:none;
}

#news_area ul li a:hover{
	color:#0075a9;
	text-decoration:underline;
}

#news_area p{
	padding: 60px 0px 0px 0px;
	line-height:2.0;
}