/*=============================================
*
* career_pathページ
*
=============================================*/
/*---------------------------------------------
テキスト
---------------------------------------------*/
#career_path .txt01 {
	margin-bottom: 30px;
}
/* ============================================
topArea
============================================ */
#career_path #topArea {
	background: url(../images/career_path/career_pathTopAreaImg-01.png) center top no-repeat;
	height: 472px;
}
@media screen and (max-width:1100px){
#career_path #topArea{
	background: url(../images/career_path/career_pathTopAreaImg-02.png) center top no-repeat;
	height: 472px;
}
}
@media screen and (max-width:600px){
#career_path #topArea {
	background: url(../images/career_path/career_pathTopAreaImg-03.png) center top no-repeat;
	height: 380px;
}
}
/*---------------------------------------------
見出し
---------------------------------------------*/
#career_path #topArea h2.h01 {
	background: url(../images/career_path/career_pathTopHeading-01.png) center center no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 100%;
}
@media screen and (max-width:900px){
#career_path #topArea h2.h01 {
	background: url(../images/career_path/career_pathTopHeading-02.png) center center no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 100%;
}
}
@media screen and (max-width:600px){
#career_path #topArea h2.h01 {
	background: url(../images/career_path/career_pathTopHeading-03.png) center center no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 100%;
}
}
/*=============================================
*
* #leadTxtArea
*
=============================================*/
#career_path #leadTxtArea {
	/*background: url(../images/common/whiteBack.png) center center repeat;*/
	margin: 0 auto 60px auto;
	max-width: 1100px;
}
@media screen and (max-width:970px){
	#career_path #leadTxtArea {
		margin: 0 10px 60px 10px;
		width: auto;
	}
}
@media screen and (max-width:600px){
	#career_path #leadTxtArea {
		margin: 0 10px 60px 10px;
	}
}
/* 見出しリード*/
#career_path #leadTxtArea .heading {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
}
#career_path #leadTxtArea .lead01 {
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;*/
	font-size: 14px;
	letter-spacing: 0.15em;
	line-height: 1.5;
	margin-bottom: 15px;
	text-align: left;
}
/*=============================================
*
* #sec01
*
=============================================*/
#career_path #sec01 {
	max-width: 100%;
}
/**/
#career_path .inner02 {
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
}
/**/
#career_path #sec01 .linkBannerArea .list01 li {
	display: inline-block;
	margin: 0 15px 15px 15px; 
}
/*---------------------------------------------
リスト 
---------------------------------------------*/
#career_path li.n01  {
	padding: 0 0 20px 0;
}

#career_path li.n02  {
	background: #fff;
	margin-bottom: 30px;
	padding: 30px 0 0 0;
}

/*---------------------------------------------
見出し
---------------------------------------------*/
/* 見出しリード*/
#career_path #sec01 h1.heading {
	border-bottom: 1px #999 solid; 
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 28px;
	margin: 0 auto 40px auto;
	max-width: 290px;
	padding-bottom: 8px;
	width: auto;
	text-align: center;
}
#career_path #sec01 h2.lead01 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}
#career_path #sec01 h2.lead01 .en {
	display: inline;
	font-family: 'Bree Serif', serif;
	font-size: 30px;
	padding-right: 10px;
}

#career_path #sec01 .linkBannerArea .list01 li ol li {
	float: left;
}
/* ============================================
写真
============================================ */
#career_path #sec01 .photoBox {
	float: right;
	margin: -10px 0 20px 30px;
	width: 45%;
}
@media screen and (max-width:620px){
	#career_path #sec01 .photoBox {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}
}
#career_path #sec01 .photoBox img {
	margin-bottom: 15px;
}
#career_path #sec01 .photoBox figcaption {
	font-size: 15px;
	letter-spacing: 0.05em;
	text-align: left;
}/* ============================================
番号付きリスト
============================================ */
#career_path #sec01 .list02 {
	margin-bottom: 20px;
	padding-left: 2em;
	text-align: left;
}
#career_path #sec01 .list02 li {
	font-weight: bold;
	line-height: 2.3;
	list-style: decimal
}
/* ============================================
図
============================================ */
#career_path #sec01 .figureBox {
	float: right;
	margin: 0 0 20px 30px;
	width: 45%;
}
@media screen and (max-width:620px){
	#career_path #sec01 .figureBox {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}
}
#career_path #sec01 .figureBox img {
	margin-bottom: 15px;
}
/* ============================================
図のリスト
============================================ */
#career_path #sec01 .figureArea {
	margin-bottom: 30px;
	width: 100%;
}
#career_path #sec01 .figureArea li {
	display: inline-block;
	width: 45%;
}
@media screen and (max-width:620px){
	#career_path #sec01 .figureArea li {
		display: block;
		width: 100%;
	}
}
/* ============================================
ステップ
============================================ */
#career_path .step {
	margin-bottom: 30px;
	width: 100%;
}
#career_path .step li {
	background: #fff;
	border: 1px ccc solid;
	display: inline-block;
	margin-bottom: 30px;
	padding: 20px 5px;
	text-align: center;
	vertical-align: top;
	width: 32%;
}
#career_path .step li .title {
	font-size: 14px;
	text-align: center;
}
@media screen and (max-width:620px){
	#career_path #sec01 .figureArea li {
		display: block;
		width: 100%;
	}
}
/*=============================================
*
* #sec02 
*
=============================================*/
#career_path #sec02 {
    background: #fff;
    max-width: none;
    padding: 40px 0 30px 0;
}
@media screen and (max-width:970px){
	#career_path #sec02 {
		padding: 30px 10px 0 10px;
		width: auto;
	}
}
#career_path #sec02 .inner02 {
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
}
/* 見出しリード*/
#career_path #sec02 h1.heading {
	border-bottom: 1px #999 solid; 
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 28px;
	margin: 0 auto 40px auto;
	max-width: 290px;
	padding-bottom: 8px;
	width: auto;
	text-align: center;
}
#career_path #sec02 h2.heading {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 21px;
	margin-bottom: 20px;
	text-align: center;
}
#career_path #sec02 .lead01 {
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;*/
	font-size: 14px;
	letter-spacing: 0.15em;
	line-height: 1.5;
	margin-bottom: 35px;
	text-align: left;
}
#career_path #sec02 .list01 li {
	display: inline-block;
	margin-bottom: 30px;
	padding-top: 0;
	vertical-align: top;
	width: 32%;
}
@media screen and (max-width:800px){
	#career_path #sec02 .list01 li {
		width: 49%;
	}
}
@media screen and (max-width:520px){
	#career_path #sec02 .list01 li {
		width: 100%;
	}
}
#career_path #sec02 .box {
	border: 2px #666 solid;
	border-radius: 10px;
	overflow: hidden;
	padding: 3px;
	width: auto;
}
#career_path #sec02 .box table {
    border: none;
	margin: 0;
	max-width: none;
    width: 100%;
}
#career_path #sec02 .title {
	font-size: 21px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	text-align: center;	
}

#career_path #sec02 .list01 .lead01 {
	color: #666;
	margin-bottom: 20px;
	text-align: center;	
}

#career_path #sec02 tbody {
	position: relative;
}
#career_path #sec02 tbody.step1:after ,
#career_path #sec02 tbody.step2:after{
	bottom: -10px;
    content: url(../images/career_path/career_pathArrow.png);
	height: 31px;
	left: 50%;
	margin-left: -30px;
	position: absolute;
	width: 60px;
	z-index: 1000;
}
#career_path #sec02 th {
	color: #fff;
	font-weight: bold;
	padding: 0;
	vertical-align: middle;
	width: 50%;
}
@media screen and (max-width:520px){
	#career_path #sec02 th {
		width: 100%;
	}
}
#career_path #sec02 .step1 th {
	background: #d7de21;
	padding: 10px 15px;
}
#career_path #sec02 .step2 th {
	background: #39b34a;
	padding: 10px 15px;
}
#career_path #sec02 .n02 .step2 th {
	background: #f5911e;
}
#career_path #sec02 .step3 th {
	box-sizing: border-box;
}
.type {
	background: #ef5a24;
	height: 25%;
	padding: 10px 15px;
	text-align: center;
}
.type.n02 {
	background: #0071ba;
}
.type.n03 {
	background: #000;
}
.type.n04 {
	background: #fff;
	border: 4px #d6d6d6 solid;
	box-sizing: border-box;
	color: #000;
}