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


/*--------------------------------------------------


    Job　看護師の仕事
	

---------------------------------------------------*/

/*共通*/
.job-nav{
	width:100%;
	height:350px;
	position:relative;
	margin-bottom:40px;
}

.job-nav > .title{
	width:367px;
	height:350px;
	background:url(../images/common/icon_education.svg) no-repeat right bottom;
	background-size:auto 190px;
	position:absolute;
	top:0;
	left:0;
}

.title > h2{
	font-size:24px;
	padding-top:90px;
	line-height:1.4;
}

.title > h2 span{
	font-size:20px;
	display:block;
}

.job-nav .job-area01,
.job-nav .job-area02{
	width:580px;
	height:350px;
	position:absolute;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.job-nav .job-area01{
	top:0px;
	left:0px;
	background:url(../images/job/job01_main.jpg) no-repeat center center;
	background-size:cover;
}

.job-nav .job-area02{
	top:0px;
	right:0px;
	background:url(../images/job/job02_main.jpg) no-repeat center center;
	background-size:cover;
}

.inner-main > p{
	top:100px;
}

.inner-main > h1{
	font-size:66px;
	top:170px;
}

.inner-main > h2{
	font-size:34px;
	top:370px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

.inner-main.job > h2{
	font-size:14px;
	top:270px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.inner-main > h3{
	font-size:48px;
	color:#3e9749;
	text-align:right;
	line-height:1.4;
	position:absolute;
	top:270px;
	right:0;
	background-color:rgba(255,255,255,0.8);
	padding:20px 0 20px 20px;
}

.inner-main.job01 .image{
	background:url(../images/job/job01_main.jpg) no-repeat left top;
	background-size:cover;
}

.inner-main.job02 .image{
	background:url(../images/job/job02_main.jpg) no-repeat left top;
	background-size:cover;
}


.job-area{
	width:100%;
	margin-bottom:100px;
}


/*Job01 部署・仕事紹介*/
.job01-area{
	width:100%;
}

.job01-area img{
	width:370px;
	height:auto;
}

.job01-area .text{
	width:760px;
}

.job01-area .text > h4{
	font-size:30px;
	border-bottom:5px #6CB075 solid;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	margin-bottom:30px;
	padding-bottom:10px;
}

.job01-area .text > h4 span{
	display:block;
	font-size:20px;
	color:#666666;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.job01-area .text > h5{
	font-size:20px;
	color:#3e9749;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	margin-bottom:10px;
}

.job01-area .text p+h5{
	margin-top:20px;
}

.job01-area p{
	font-size:16px;
	line-height:2;
}

.job01-area .left{
	float:left;
}

.job01-area .right{
	float:right;
}

.job01-area + div{
	margin-top:150px;
}

.job01-area:after{
	content: "";
    clear: both;
	display: block;
}



/*Job02 看護師の１日*/
.job02-title{
	width:100%;
	height:346px;
	position:relative;
	border-radius:10px;
	margin-bottom:50px;
}

.job02-title.staff01{
	background:url(../images/job/job02_01.jpg) no-repeat center center;
}

.job02-title.staff02{
	background:url(../images/job/job02_04.jpg) no-repeat center center;
}

.job02-title > h4{
	display:block;
	position:absolute;
	top:240px;
	right:40px;
	text-align:right;
	font-size:30px;
	line-height:1.4;
}

.job02-title > h4 span{
	display:block;
	font-size:18px;
}

.headline01.job02 hr{
	margin-bottom:20px;
}

.headline01{
	margin-bottom:100px;
}

.job02-area{
	width:100%;
	margin-bottom:50px;
}

.job02-area ul li{
	width:48%;
	float:left;
	min-height:250px;
	border-bottom:1px #999999 dashed;
	padding-bottom:15px;
	margin-bottom:60px;
}

.job02-area.staff03 ul li:nth-child(2),
.job02-area.staff03 ul li:nth-child(4),
.job02-area.staff03 ul li:nth-child(6),
.job02-area.staff03 ul li:nth-child(8),
.job02-area.staff03 ul li:nth-child(11)
{
	margin-left:4%;
}

/*.job02-area ul li:nth-child(2),
.job02-area ul li:nth-child(5),
.job02-area ul li:nth-child(7),
.job02-area ul li:nth-child(10){
	width:48%;
	margin-left:4%;
}*/

.job02-area ul li > h4{
	font-size:24px;
	color:#3e9749;
	margin-bottom:20px;
}

.job02-area ul li > h4 span{
	font-size:30px;
	margin-right:30px;
}

.job02-area ul li > p{
	font-size:16px;
	line-height:2;
}

.job02-area ul li.image,
.job02-area ul li.text{
	width:100%;
}

.job02-area ul li.image > h4,
.job02-area ul li.image > p{
	width:48%;
}

.job02-area ul li.image img{
	float:right;
}

.job02-area.staff02 ul li:nth-child(2),
.job02-area.staff02 ul li:nth-child(4),
.job02-area.staff02 ul li:nth-child(6),
.job02-area.staff02 ul li:nth-child(13){
	width:48%;
	margin-left:4%;
}

.job02-area.staff02 ul li:nth-child(10){
	margin-left:0;
}

.job02-area:after{
	content: "";
    clear: both;
	display: block;
}


.job02-area.staff02 ul li.w48siz{
	width:48%!important;
	margin-left:4%;
}


@media screen and (max-width: 960px) {
.job-nav{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.job-nav > .title{
	width:100%;
	height:80px;
	background:url(../images/common/icon_education.svg) no-repeat right 0;
	background-size:auto 70px;
	position:static;
}

.job-nav .job-area01,
.job-nav .job-area02{
	width:49%;
	height:150px;
	position:relative;
	top:0;
	left:0;
	border-radius:0px;
}

.job-nav .job-area01{
	float:left;
}

.inner-main > h1{
	font-size:20px;
	top:350px;
}

.inner-main > h2{
	font-size:12px;
	top:420px;
}

.inner-main > h3{
	font-size:24px;
	text-align:center;
	line-height:1.4;
	position:static;
	background:none;
	padding:0;
	margin-bottom:15px;
}

.job-area{
	margin-bottom:50px;
}


/*Job01 部署・仕事紹介*/
.job01-area img{
	width:100%;
	height:auto;
}

.job01-area .text{
	width:100%;
	margin-bottom:20px;
}

.job01-area .text > h4{
	font-size:20px;
	margin-bottom:15px;
	padding-bottom:5px;
}

.job01-area .text > h4 span{
	font-size:14px;
}

.job01-area .text > h5{
	font-size:16px;
	margin-bottom:10px;
}

.job01-area p{
	font-size:14px;
	line-height:1.6;
}

.job01-area .left{
	float:none;
}

.job01-area .right{
	float:none;
}

.job01-area + div{
	margin-top:20px;
}


/*Job02 看護師の１日*/
.job02-title{
	height:100px;
	position:relative;
	border-radius:0px;
	margin-bottom:20px;
}

.job02-title.staff01{
	background:url(../images/job/job02_01.jpg) no-repeat center center;
	background-size:cover;
}

.job02-title.staff02{
	background:url(../images/job/job02_04.jpg) no-repeat center center;
	background-size:cover;
}

.job02-title > h4{
	display:block;
	top:50px;
	right:10px;
	font-size:18px;
}

.job02-title > h4 span{
	font-size:14px;
}

.headline01.job02 hr{
	margin-bottom:10px;
}

.headline01{
	margin-bottom:30px;
}

.headline01.job02 img{
	width:40px;
	height:auto;
}

.job02-area{
	margin-bottom:30px;
}

.job02-area ul li{
	width:100%;
	float:none;
	min-height:100px;
	padding-bottom:10px;
	margin-bottom:10px;
}

.job02-area ul li:nth-child(2),
.job02-area ul li:nth-child(5),
.job02-area ul li:nth-child(7),
.job02-area ul li:nth-child(10){
	width:100%;
	margin-left:0;
}

.job02-area ul li > h4{
	font-size:18px;
	margin-bottom:10px;
}

.job02-area ul li > h4 span{
	font-size:20px;
	margin-right:20px;
}

.job02-area ul li > p{
	font-size:14px;
}

.job02-area ul li.image > h4,
.job02-area ul li.image > p{
	width:100%;
}

.job02-area ul li.image > p{
	margin-bottom:10px;
}

.job02-area ul li.image img{
	width:100%;
	height:auto;
	float:none;
	margin-bottom:5px;
}

.job02-area.staff02 ul li:nth-child(2),
.job02-area.staff02 ul li:nth-child(4),
.job02-area.staff02 ul li:nth-child(6),
.job02-area.staff02 ul li:nth-child(13){
	width:100%;
	margin-left:0;
}

.job02-area:after{
	content: "";
    clear: both;
	display: block;
}
.job02-area.staff03 ul li:nth-child(2),
.job02-area.staff03 ul li:nth-child(4),
.job02-area.staff03 ul li:nth-child(6),
.job02-area.staff03 ul li:nth-child(8),
.job02-area.staff03 ul li:nth-child(11)
{
	margin-left:0%;
}
}





/*20230322*/
.job01-area .OneBlock{
	width:100%!important;
}