@charset "utf-8";
/*=============================================================
 management index Layout
=============================================================*/
/* TTL
-------------------------------------------------------------*/
#pageTtlArea #pageTtlBox{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#pageTtlArea #pageTtlBox h1{
	display:table;
	width:100%;
	height:100%;
	max-height:500px;
	text-align:center;
	color:#263238;
	font-size:44px;
	font-weight:400;
}
#pageTtlArea #pageTtlBox h1 span{
	display:table-cell;
	vertical-align:middle;
}
#pageTtlArea #pageLeadBox{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#pageTtlArea #pageLeadBox p{
	display:table;
	width:100%;
	height:100%;
	text-align:center;
	color:#263238;
	font-size:18px;
	font-weight:700;
	line-height:1.45;
}
#pageTtlArea #pageLeadBox p span{
	display:table-cell;
	vertical-align:middle;
	padding-top:140px;
}
#ttlArea {
    padding-top: 40px;
    text-align: center;
}
#ttlArea p#lead {
    font-weight: 700;
    font-size: 22px;
    padding: 30px 0 40px;
}
#ancArea{
	display:inline-block;
}
#ancArea li{
	float:left;
	padding:0 15px;
}
#ancArea li a{
	display:block;
	padding:0 0 0 15px;
	position:relative;
	text-decoration:none;
}
#ancArea li a:hover{
	color:#1565c0;
}
#ancArea li a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 0;
	height: 0;
	margin-top: -1px;
	border: 5px solid transparent;
	border-top: 5px solid #1565c0;
}
#ancArea li a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 10px;
	height: 0;
	margin-top: -3px;
	border-top: 1px solid #1565c0;
}
/* section
-------------------------------------------------------------*/
.section{
	padding-top:10px;
}
.section p{
	padding-top:1em;
}
.sectionInner{
	width:960px;
	margin:0 auto;
}
.sectionInner p{
	margin:0 80px 40px 80px;
}
.sectionInner h3{

	margin-bottom: 20px;
}
/* sectionTtl
-------------------------------------------------------------*/
.sectionTtl{
	margin-top:160px;
	text-align:center;
	border-top: 1px solid #1565c0;
}
.sectionTtl h2{
	display:block;
	width:360px;
	margin:-20px auto 0;
	font-size:18px;
	color:#fff;
	line-height:41px;
	background-color:#1565c0;
}



/*=============================================================
job-base
=============================================================*/
#job-base{
	background-color:#eceff1;
	padding:0 0 65px;
	margin-top:100px;
	text-align:center;
}
#job-base-inner{
	width:482px;
	margin:0 auto;
}
#job-base-inner h2 img{
	width:272px;
	height:auto;
}
.job-base-btn-area{
	padding-top:40px;
}
.job-base-btn-area .imgbox{
	width:130px;
	display:table-cell;
	vertical-align:middle;
	padding:15px;
}
.job-base-btn-area a{
	display: table;
	width: 480px;
	background-color: #fff;
	margin:0 auto;
	position:relative;
	border: 1px solid #1565c0;
	color:#1565c0;
	text-decoration:none;
}
.job-base-btn-area a:hover{
	background-color: #e3f2fd;
}
.job-base-btn-area a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 5px solid transparent;
	border-left: 5px solid #1565c0;
}
.job-base-btn-area h3{
	display:table-cell;
	vertical-align:middle;
	font-size: 20px;
	text-align:left;
	padding-left:30px;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px) {
/* TTL
-------------------------------------------------------------*/
#pageTtlArea #pageTtlBox h1 span{
	padding-bottom:0px;
}
#pageTtlArea #pageLeadBox{
	height:auto;
	position:static;
}
#pageTtlArea #pageLeadBox p{
	display:block;
	height:auto;
	color:#263238;
	font-size:18px;
}
#pageTtlArea #pageLeadBox p span{
	display:block;
	padding:40px 0;
}
	/* section
-------------------------------------------------------------*/
.sectionInner{
	width:680px;
}
.sectionInner p{
	margin:0 40px 40px 40px;
}
/*=============================================================
job-base
=============================================================*/
#job-base{
	padding:0 0 50px;
	margin-top:70px;
}
#job-base-inner{
	width:560px;
	margin:0 auto;
}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px) {
/* TTL
-------------------------------------------------------------*/
#pageTtlArea #pageTtlBox h1{
	font-size:22px;
}
#pageTtlArea #pageTtlBox h1 span{
	padding-bottom:0px;
}
#pageTtlArea #pageLeadBox{
	height:auto;
	position:static;
}
#pageTtlArea #pageLeadBox p{
	display:block;
	height:auto;
	color:#263238;
	font-size:14px;
}
#pageTtlArea #pageLeadBox p span{
	display:block;
	padding:25px 0;
}
#ancArea{
	display:block;
	padding:0 13px;
}
#ancArea li{
	float:none;
	padding:0px;
}
#ancArea li a{
	display:block;
	padding:0 0 0 15px;
	text-align:left;
}
	/* section
-------------------------------------------------------------*/
.section{
	padding-top:0px;
}
.sectionInner{
	width:auto;
	padding:0 13px;
}
.sectionInner h3{
	font-size: 14px;
	font-weight: 700;
}
.sectionInner p{
	margin:0 0px 10px 0px;
}
/* sectionTtl
-------------------------------------------------------------*/
.sectionTtl{
	margin-top:70px;
	text-align:center;
	border-top: 1px solid #1565c0;
}
.sectionTtl h2{
	width:280px;
	margin:-17px auto 0;
	font-size:16px;
	line-height:33px;
}
/*=============================================================
job-base
=============================================================*/
#job-base{
	padding:0 13px 50px;
	margin-top:70px;
}
#job-base-inner{
	width:auto !important;
}
.job-base-btn-area{
	padding-top:30px;
}
.job-base-btn-area .imgbox{
	width: 84px;
	height: 84px;
	padding:5px;
}
.job-base-btn-area a{
	width:100%;
}
.job-base-btn-area h3{
	font-size: 16px;
}
.job-base-btn-area h3 span{
	display:inline-block;
}
}