@charset "utf-8";
/* CSS Document */

/*tuiki*/


div.main_img{
	background-image: url(../img/top_bg.png);
	background-position: center;
	margin: 0 auto;
}
div.main_img img{
	    text-align: center;
    margin: 0 auto;
    display: block;
	
}
div.main_text{
	background-color: #30519b;
	padding: 2em 0;
}
div.main_text img{
	    text-align: center;
    margin: 0 auto;
    display: block;
}
div.motomu{
	background-image: url(../img/bg_grid.png);
	overflow: hidden;
}
div.motomu div{
width: 960px;
margin: 2em auto;
	
}
div.motomu div h2{
text-align: center;
	font-size: 36px;
	
}
div.motomu div h2 span{
	background: -moz-linear-gradient(top, rgba(248, 255, 150, 0) 0%, rgba(255, 255, 4, 0) 67%, yellow 69%);
    background: -webkit-linear-gradient(top, rgba(248, 255, 150, 0) 0%, rgba(255, 255, 4, 0) 67%, yellow 69%);
    background: linear-gradient(to bottom, rgba(248, 255, 150, 0) 0%, rgba(255, 255, 4, 0) 67%, yellow 69%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8ff96', endColorstr='#ffff00',GradientType=0 );
	
}
div.motomu div ul.list{
width: 66%;
float: left;	
	margin-top: 5em;
}
div.motomu div p{
width: 30%;
float: left;	
}
div.motomu div ul.list li{
font-size: 24px;
	margin: 0.5em;
}
div.motomu div ul.list li span{
font-size: 24px;
color: #ca323d;
}
div.motomu div ul.point{
clear: both;
overflow: hidden;
}
div.motomu div ul.point li img{
width: 32%;
float: left;
	margin-right: 2%;
		margin-bottom: 2%;
}
div.motomu div ul.point li:nth-of-type(3n) img{
	margin-right: 0;
}
div.youkou{
	    margin-bottom: -2em;
	background: #dbeff9;
		overflow: hidden;
}
div.qa{
	background: #dbeff9;
		overflow: hidden;
}
div.qa>div{
	width: 960px;
margin: 2em auto;
}
div.youkou>div{
	width: 960px;
margin: 2em auto;
}
div.qa div h2{
	text-align: center;
	font-size: 36px;
}
div.youkou div h2{
	text-align: center;
	font-size: 36px;
	    position: relative;
	    margin-bottom: 2%;
}
div.youkou div h2:after {
    background: #0067b1;
    bottom: -3px;
    content: "";
    height: 4px;
    left: 50%;
    margin-left: -33px;
    position: absolute;
    width: 60px;
}

/*要項*/

div.youkou div dl{
	font-size: 16px;
    border-bottom: 4px solid #dbeff9;
    padding: 0;
    width: 100%;
    margin: 0;
    display: table;
}

div.youkou div dl dt {
	text-align: center;
     border-right: 4px solid #dbeff9;
    float: none;
    padding: 1em;
    vertical-align: top;
    display: table-cell;
    width: 25%;
    color: white;
    background-color: #0067b1;
    overflow: hidden;
}
div.youkou div dl dd{
     word-break: break-all;
    background-color: white;
    padding: 1em;
    padding-left: 1em;
    display: table-cell;
}

/*----*/
div.qa div dl{
	margin: 1em 0;
	font-size: 20px;
}
div.qa div dl dt span{
    padding: 0.2em;
    color: white;
    font-size: 30px;
    background: #2a4c98;
    margin-right: 0.3em;
}
div.qa div dl dt {
    background: white;
    padding: 0.3em;
    font-size: 20px;
    overflow: hidden;
}
div.qa div dl dd{
    font-size: 16px;
    margin-left: 3em;
    margin-top: 0.5em;
}
div.inta div h2{
	text-align: center;
	font-size: 36px;
}
div.inta div ul.btn{
    overflow: hidden;
	margin-top: 2em;
}
div.inta div ul.btn li{
    float: left;
    width: 32%;
		margin-right: 2%;
    margin-bottom: 3em;
    position: relative;
}
div.inta div ul.btn li:nth-of-type(3n) {
	margin-right: 0;
}
div.inta div ul.btn li a img{
 width: 100%;
	    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
div.inta>div{
	width: 960px;
margin: 2em auto ;
}
div.inta>div div.kobetsu{
	    padding: 0.3em;

    overflow: hidden;
	
}
div.inta>div div.kobetsu h3 span:nth-of-type(1){
padding: 1em 0.2em;
display: block;
    text-align: center;
    float: left;
    width: 60px;
    margin-right: 0.4em;
    font-size: 20px;
    background: white;
    margin-right: 0.3em;

}
div.inta>div div.seibi h3 span:nth-of-type(1){
		 color: #8cc253;
}
div.inta>div div.bankin h3 span:nth-of-type(1){
		 color: #5bbbb7;
}
div.inta>div div.eigyo h3 span:nth-of-type(1){
		 color: #4b5683;
}
div.inta>div div.kobetsu h3 span{
	text-align: right;
	    color: white;
	display: block;
	    font-size: 20px;
}
div.inta>div div.kobetsu h3{
	    font-size: 20px;
	    color: white;
	overflow: hidden;
	padding: 0.3em;

}
div.inta>div div.seibi h3{

	background-color: #8cc253;
}
div.inta>div div.bankin h3{

	background-color: #5bbbb7;
}
div.inta>div div.eigyo h3{

	background-color: #4b5683;
}
div.inta>div div.seibi>div.text div h4{
color: #8cc253;
}
div.inta>div div.bankin>div.text div h4{
color:  #5bbbb7;
}
div.inta>div div.eigyo>div.text div h4{
color:  #4b5683;
}
div.inta>div div.kobetsu>div.text div h4{

font-size: 20px;
	margin-bottom: 1%;
}
div.inta>div div.kobetsu>div.text div p{
	font-size: 16px;
	margin-bottom: 4%;
}
div.inta>div div.kobetsu>div.text div {
width: 49%;
float: left;
	
}
div.inta>div div.kobetsu>div.text div:nth-of-type(1)  {
margin-right: 2%;
}
div.inta>div div.kobetsu>div.text>div img{
width: 100%;
	
}

div.inta>div div.kobetsu>div.text>div img:nth-of-type(2){
margin-top: 7%;
}
div.inta>div div.kobetsu>div.text{
	margin: 2em 0 5em;
	overflow: hidden;
}
div.inta>div div.kobetsu>div.text div h5{
	text-align: center;
    font-size: 20px;
	margin-bottom: 3%;
}
div.inta>div div.kobetsu>div.text div ul.flow li p:nth-of-type(1) {
	padding: 0.5em;
		font-size: 18px;
}
div.inta>div div.kobetsu>div.text div ul.flow li p:nth-of-type(1) {
	background: #eeeeee;
}
div.inta>div div.seibi>div.text div ul.flow li p span{
	color: #8cc253;
}
div.inta>div div.bankin>div.text div ul.flow li p span{
	color: #5bbbb7;
}
div.inta>div div.eigyo>div.text div ul.flow li p span{
	color: #4b5683;
}
div.inta>div div.kobetsu>div.text div ul.flow li p span{
	    font-size: 23px;
    margin-right: 5px;
}
div.inta>div div.kobetsu>div.text div ul.flow p.ya{
color: #d9d9d9;
	font-size: 30px;
	text-align: center;

}









/*-------------------
	タイトル大
-----------------------*/
#title{
	background-image: url(../images/title.gif);
}


.subt.t_recruit{
	background-image: url(../images/t_recruit.gif);
}

#left p.recruit{
	line-height: 200%;
}

table.recruit{
	width:700px;
	border: 1px solid #2A4C98;
}
table.recruit td.tb_title{
	background-color: #2A4C98;
	margin: 0px;
	padding: 0px;
}
table.recruit th{
	width:170px;
	font-size: 12px;
	font-weight: normal;
	background-color: #f5f5f5;
	text-align: center;
	margin: 0px;
	padding: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #2A4C98;
	border-bottom-color: #2A4C98;
}
table.recruit td{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #2A4C98;
	border-bottom-color: #2A4C98;
}


.bt_form a{
	width: 560px;
	height: 0 !important;
	height /**/: 54px;
	padding-top: 54px;
	display: block;
	overflow: hidden;
	background-image: url(../images/bt_form.jpg);
	margin-right: auto;
	margin-left: auto;
}
.bt_form a:hover { background-position: 0px -54px;}