@charset "utf-8";


#mainvis{
	background-image:url(../img/cmn/ptn2.png), url(../img/recruit/bg1.jpg);
}


#mf1{
	background-image:url(../img/recruit/ptn1.png), url(../img/recruit/ptn2.png);
	background-position: right top, left bottom;
	background-repeat:no-repeat;
}
#mf1 .mf-inner{
	padding:70px 0;
}
#mf1 h2{
	font-size:1.75em;
	margin:0 0 50px 0;
	padding:15px 0;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#00469a;
}
#mf1 dl{
	margin:0 0 35px 0;
}
#mf1 dl dt{
	float:left;
	font-size:2em;
	font-weight:bold;
	line-height:1.4em;
}
#mf1 dl dt img{
	margin:0 0 10px 40px;
}
#mf1 dl dd{
	float:right;
}
.qa{
	margin:0 0 60px 0;
}
.qa h3{
	color:#009ee7;
	font-size:1.68em;
	font-weight:bold;
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	border-bottom:#009ee7 solid 2px;
}
.qa p{
	margin:0 0 20px 0;
	font-size:1.25em;
	line-height:1.5em;
}

#cbox2 p{
	font-size:1.25em;
	line-height:1.5em;
	margin:0 0 100px 0;
}
#cbox2 .cboxs h3{
	color:#009ee7;
	font-size:1.68em;
	font-weight:bold;
	margin:0 0 30px 0;
}
#cbox2 .cboxs h3 span{
	font-size:0.89em;
	background:#009ee7;
	color:#fff;
	font-weight:bold;
	border-radius:10px;
	margin:0 10px 0 0;
	padding:3px 10px;
}
#cbox2 table{
	border:#848484 solid 1px;
	margin:0 0 50px 0;
}
#cbox2 table tr{
	border:#848484 solid 1px;
}
#cbox2 table th,
#cbox2 table td{
	padding:50px 30px;
	font-size:1.12em;
}
#cbox2 table th{
	width:8em;
	text-align:center;
	font-weight:bold;
	background:#e5e5e5;
}
#cbox2 table a{
	background:#f1f1f1 url(../img/cmn/bg1.png) left top repeat;
}
#cbox2 ul{
}
#cbox2 li{
	list-style:disc;
	margin:0 0 10px 1em;
}
#cbox2 .cboxs p a{
	display:block;
	font-size:1.22em;
	font-weight:bold;
	background:#00469a;
	color:#fff;
	text-align:center;
	width:320px;
	margin:0 auto;
	padding:25px 0;
	text-decoration:none;
	position:relative;
	 
}
#cbox2 .cboxs p a:before{
	position:absolute;
	content:url(../img/top/ar1.png);
	right:15px;
	bottom:10px;
}

#cbox2 .cboxs p a:hover{
	background:#00ffff url(../img/cmn/bg1.png) left top repeat;
	color:#00469a;
}
#cbox2 .cboxs p a:hover:before{
	content:url(../img/top/ar2.png);
}




@media screen and (max-width: 800px) {
#mf1 .mf-inner{
	padding:50px 20px;
}
#mf1 h2{
	margin:0 0 30px 0;
}
#mf1 dl{
	margin:0 0 35px 0;
}
#mf1 dl dt{
	float:none;
}

#mf1 dl dt br{
	display:none;
}

#mf1 dl dt img{
	display:block;
	margin:0 auto 10px auto;
}
#mf1 dl dd{
	float:none;
	text-align:center;
}
.qa{
	margin:0 0 40px 0;
}
.qa h3{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
.qa p{
}

#cbox2 p{
	margin:0 0 50px 0;
}


#cbox2 .cboxs{
	margin:0 0 100px 0 ;
}
#cbox2 .cboxs h3{
	text-align:center;
}
#cbox2 .cboxs h3 span{
	display:block;
	margin:0 0 10px 0;
	padding:5px;
}

#cbox2 table{
	margin:0 0 20px 0;
}
#cbox2 table,
#cbox2 table tbody,
#cbox2 table tr,
#cbox2 table th,
#cbox2 table td{
	display:block;
	width:100%;
}
#cbox2 table tr{
	border:none;
}
#cbox2 table th,
#cbox2 table td{
	width:auto;
	padding:20px;
}

#cbox2 .cboxs p a{
	width:auto;
}

}