@charset "UTF-8";


.onlySP { display:none;}
.shippori {
	 font-family: "Shippori Mincho", serif;
}


@media screen and (max-width:768px){
	.onlyPC { display: none;}
	.onlySP { display: block;}
	.wrap img.onlySP { display: inline-block;}
}

/* キャリアステップ 総合職 */

ol#shopCareerstepList, ol#headOfficeCareerstepList {
	margin: 13px 0 0;
	width: 344px;
}


ol#shopCareerstepList li, ol#headOfficeCareerstepList li {
	min-height:28px;
	height:auto !important;
	height:28px;
	margin:0 0 1px;
	font-size:109%;
	padding: 0 0 28px 42px;
	line-height:1.8em;
}


ol#shopCareerstepList li.n1
{
	padding-top:28px;
	background:url(../img/no_blue1.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#shopCareerstepList li.n2
{
	padding-top:28px;
	background:url(../img/no_blue2.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#shopCareerstepList li.n3
{
	padding-top:28px;
	background:url(../img/no_blue3.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#shopCareerstepList li.n4
{
	padding-top:28px;
	background:url(../img/no_blue4.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#shopCareerstepList li.n5
{
	padding-top:28px;
	background:url(../img/no_blue5.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#headOfficeCareerstepList li.n1
{
	padding-top:28px;
	background:url(../img/no_red1.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#headOfficeCareerstepList li.n2
{
	padding-top:28px;
	background:url(../img/no_red2.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#headOfficeCareerstepList li.n3
{
	padding-top:28px;
	background:url(../img/no_red3.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#headOfficeCareerstepList li.n4
{
	padding-top:28px;
	background:url(../img/no_red4.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

/* キャリアステップ 専門職 */

div#masterCareerstep {
	margin: 30px 0 27px;
}

ol#masterCareerstepList, ol#masterOfficeCareerstepList {
	width:730px;
	margin: 13px 0 40px;
}

ol#masterCareerstepList li
{
	min-height:28px;
	height:auto !important;
	height:28px;
	margin:0 0 1px;
	font-size:109%;
	padding: 0 0 9px 42px;
	line-height:1.8em;
}

ol#masterCareerstepList li.n1
{
	padding-top:28px;
	background:url(../img/no_blue1.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#masterCareerstepList li.n2
{
	padding-top:28px;
	background:url(../img/no_blue2.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#masterCareerstepList li.n3
{
	padding-top:28px;
	background:url(../img/no_blue3.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

ol#masterCareerstepList li.n4
{
	padding-top:28px;
	background:url(../img/no_blue4.png) no-repeat left 32px #FFF;
	background-size: 30px 30px;
}

/* 階層別研修 */

.induction_h2 {
	font-size: 28px;
	text-align: center;
	color: #ffffff;
	background: #23394e;
	padding: 25px 0;
	font-weight: 500;
	margin-bottom: 48px;
}

.induction_imagebox p {
	font-size: 16px;
	color: #000000;
	text-align: center;
	margin-bottom: 50px;
}
.induction_imagebox #inductionImage {
	width: 540px;
	margin: 0 auto 90px;
}

.no_area {
	margin-bottom: 50px;
}

.no_tit {
	display: flex;
	border-bottom: 1px solid #d6d6d6;
}
.no_tit div {
	width: 5.75%;
	height: auto;
}
.no_tit div img {
	width: 100%;
}

.no_area .no_tit h3 {
	font-size: 22px;
	color: #000000;
	padding-left: 27px;
	width: 94.25%;
	line-height: 1.6em;
}

.no_area p {
	font-size: 14px;
	padding: 15px 0 0 42px;
	line-height: 1.8em;
}

.nonbum_area {
	width: 634px;
	margin: 0 auto 50px;
}

dl.nonbum_area dt {
	font-size: 22px;
	border-left:8px solid #0a5aa9;
	border-bottom: 1px solid #d6d6d6;
	color: #000000;
	padding: 0 0 5px 24px;
	
}

dl.nonbum_area  dd {
	font-size: 14px;
	padding: 15px 0 0 36px;
	line-height: 1.8em;
}

/* 階層別研修 */

.jobtype_imagebox p {
	width: 620px;
	font-size: 16px;
	color: #000000;
	text-align: left;
	margin:0 auto 50px;
}

.jobtype_imagebox #jobtypeImage {
	width: 730px;
	margin: 0 auto 90px;
}


@media screen and (max-width:768px){
	.mv_area {
		 width: 100vw;
 		 margin: 0 calc(50% - 50vw);
	}
	
	.mv_area .sp_tit {
		margin-bottom: 35px;
	}
	
	.btn_align {
		width: 76%;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	/* 社風 */
	.human_resources_img {
		width: 100%!important;
	}
	
	/* キャリアステップ */	
	div#shopCareerstep
	{
		float:none;
		width:100%;
		overflow:hidden;
		margin:30px 20px 27px 0;
	}

	div#headOfficeCareerstep
	{
		float:none;
		width:100%;
		overflow:hidden;
		margin:30px 0 27px 0;
	}
	
	/* 階層別研修 */
	.induction_h2 {
		font-size: 21px;
		text-align: center;
		color: #ffffff;
		background: #23394e;
		padding: 16px 0;
		font-weight: 500;
		margin-bottom: 32px;
	}

	.induction_imagebox p {
		width: 76%;
		margin: 0 auto 32px;
		font-size: 14px;
		color: #000000;
		text-align: left;
	}
	.induction_imagebox #inductionImage {
		width: 100%;
		margin: 0 auto 58px;
	}

	.no_area {
		margin-bottom: 50px;
	}

	.no_tit {
		display: flex;
		border-bottom: 1px solid #d6d6d6;
	}
	.no_tit div {
		width: 10%;
		height: auto;
	}
	.no_tit div img {
		width: 100%;
	}

	.no_area .no_tit h3 {
		font-size: 20px;
		color: #000000;
		padding-left: 2.8%;
		width: 90%;
		line-height: 1.6em;
	}

	.no_area p {
		font-size: 14px;
		padding: 25px 3.7% 0 3.7%;
		line-height: 1.8em;
	}

	.nonbum_area {
		width: 100%;
		margin: 0 auto 50px;
		box-sizing: border-box;
		padding-left: 8.5%;
	}

	dl.nonbum_area dt {
		font-size: 22px;
		border-left:8px solid #0a5aa9;
		border-bottom: 1px solid #d6d6d6;
		color: #000000;
		padding: 0 0 5px 24px;

	}

	dl.nonbum_area  dd {
		font-size: 14px;
		padding: 20px 3% 0 0;
		line-height: 1.8em;
	}
	
	
	
	/* 階層別研修 */

	.jobtype_imagebox p {
		width: 91.4%;
		font-size: 14px;
		color: #000000;
		text-align: left;
		margin:0 auto 30px;
	}

	.jobtype_imagebox #jobtypeImage {
		width: 100%;
		margin: 0 auto 50px;
	}

	
}