@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:770px) {
/*------------- スマホヘッダー ------*/
#sp-rec-header{
		position: fixed;
        display: block;
		width: 100%;
		height: 60px;
		z-index: 1000;
		top: 0;
		left: 0;
		right: 0;
		background: #E383B0;
		background: linear-gradient(315deg,rgba(227, 131, 176, 1) 44%, rgba(246, 225, 166, 1) 90%);
    }
	#sp-hd-logo{
		position: absolute;
		display: block;
		width: 40%;/* 160px */
		height: auto;/* 50px */
		margin: auto;
		top: 0;
		bottom: 0;
		left: 10px;
	}
/*----------------------------------------*/
#rec-header{
    display: none;
}
#rec-header::after{
	display: none;
}
#rec-logo{
    display: none;
}
#rec-menu{
    display: none;
}
#rec-menu li{
    display: none;
}
#rec-menu li a{
	display: none;
}
/*-------------------------------*/
#rec-footer{
	position: relative;
    height: auto;/* 400px */
    background: #3b3638;
	padding: 30px 0 70px;
}
#rec-footer::after{
	display: none;
}
#rec-ft-logo{
	position: inherit;
	display: block;
	width: 50%;/* 240px */
	height: auto;/* 70px */
	top: inherit;/* 70px */
	left: inherit;/* 100px */
	margin: auto;
}
#rec-ft-menu{
	display: none;
}
#rec-ft-menu li{
	display: none;
}
#rec-ft-menu li a{
	display: none;
}
#rec-copy{
	position: absolute;
	width: 100%;
	font-size: 12px;/* 13px */
	line-height: 1;
	font-weight: normal;
	color: #FFFFFF;
	bottom: 5px;/* 20px */
	right: 0;/* 30px */
	text-align: center;
}
/*--------採用メインイメージ ------ */
#rec-m-img{
    position: relative;
	width: 100%;
	height: auto;/* 710px */
}
#rec-m-img::after{
	content: '';
	display: block;
	padding-top: 70vh;
}
#rec-m-msg{
	position: absolute;
	width: 66%;/* 630px */
	height: auto;/* 280px */
	top: 64.3%;/* 400px */
	left: 0;/* 50px */
}
#rec-m-deco{
	position: absolute;
	display: block;
	width: 37.5%;/* 600px */
	height: auto;/* 300px */
	right: 40px;/* 40px */
	bottom: -30px;/* -30px*/
	z-index: 30;
}
/*--------エンドロールスクロール ------------------*/
.rec-scroll1{
    position: absolute;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.rec-scroll1 .roll-scroll{
	width: 100%;
	display: flex;
	white-space: nowrap;
}
.rec-scroll1 .roll-scroll img {
	width: 100%; /* 515px 画像サイズは任意で調整可能 */
	height: auto;
	margin: 10px;/* 0 5px */
}
/*-----------------------------*/
.rec-box1{
    position: relative;
    height: auto;/* 1100px */
	background-color: #ffe4e1;
	padding: 80px 0 100px;
}
.rec-box1::after{
	display: none;
}
.rec-img1{
    position: inherit;
	display: block;
	width: 50%;/* 450px */
	height: auto;/* 670px */
	top: inherit;/* 150px */
	right: inherit;/* 100px */
	border-radius: 10px;/* 12px */
	margin: auto;
}
.rec-mark1{
    position: inherit;
    width: 90%;/* 800px */
    top: inherit;/* 210px */
    left: inherit;/* 100px */
	right: inherit;
	margin: 20px auto 0;
    color: #FFFFFF;
}
.rec-home-deco1{
	position: absolute;
	display: block;
	width: 70%;/* 500px */
	height: auto;/* 140px */
	top: 90%;/* 750px */
	left: inherit;/* 490px */
	right: 2%;/* 490px */
	transform: rotate(-14deg);
}
/*-----------------------------*/
.rec-box2{
    position: relative;
    height: auto;/* 1000px */
	background-image: inherit;
	background-size: cover;
}
.rec-box2::after{
	content: '';
	display: block;
	padding-top: 820px;
}
.rec-mark2{
    position: absolute;
    width: 90%;/* 700px */
    top: 400px;/* 140px */
    left: 0;/* 100px */
	right: 0;
	margin: auto;
}
.rec-img2-1{
    position: absolute;
    display: block;
    width: 60%;/* 560px */
    height: auto;/* 650px */
    top: 70px;/* 150px */
    right: 30px;/* 60px */
    border-radius: 10px;/* 30px */
}
.rec-img2-2{
    position: absolute;
    display: block;
    width: 30%;/* 305px */
    height: auto;/* 350px */
    top: 250px;/* 540px */
    right: 62%;/* 590px */
    border-radius: 10px;/* 30px */
}
/*-----------------------------*/
.rec-box3{
    position: relative;
    height: auto;
    background: #e6e6fa;
    padding: 100px 0 70px;/* 100px 0*/
}
.rec-mark3{
    position: absolute;
    top: 50px;/* 100px  1250bese*/
    left: 20px;/* 50px */
}
.rec_title1{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 24px;/* 39px*/
	line-height: 1.2;
}
.rec_title1::before{
    content: 'ASAHIのおしごと';
    display: block;
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 17px;/* 20px --> 15px*/
	line-height: 1.5;
}
/*---- 角丸----*/
.rec-kakumaru1{
	position: absolute;
	display: block;
	width: 20px;/* 80px */
	height: 20px;/* 80px */
	background: #222222;
	bottom: 0;
	right: 0;
}
.rec-kakumaru1::before{
	content: '';
	position: absolute;
	display: block;
	width: 40px;/* 160px */
	height: 40px;/* 160px */
	border-radius: 50%;
	background: #f0f3f6;
	top: -20px;/* -80px*/
	left: -20px;/* -80px */
}
/*-------- 職種　------*/
.job-list{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 85%;/* 1300px */
    margin: 40px auto 0;/* 130px auto 0*/
    list-style: none;
}
.job-list .job-list-mm{
	position: relative;
    width: 100%;/* 620px */
	height: auto;
    min-height: inherit;/* 430px */
    margin-bottom: 35px;/* 35px */
	overflow: hidden;
}
.job-list-mm .job-list-img{
    display: block;
    width: 100%;
    height: auto;/* 300px */
    border-radius: 8px;
    overflow: hidden;
}
.list-txt{
    padding: 10px 0;/* 15px 10px */
}
.list-job-name{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 21px;/* 22px */
	line-height: 1.5;
	margin-bottom: 7px;/* 7px */
}
.job-list .job-list-mm a{
	position: absolute;
	width: 100%;
	padding-top: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
/*-----------------------------*/
.rec-box4{
    position: relative;
    height: auto;/* 1000px */
	background: #222222;
	padding: 60px 0;
}
.rec-box4::after{
	display: none;
}
.rec-mark4{
	position:inherit;
    top: inherit;/* 130px */
    left: inherit;/* 50px */
	color: #FFFFFF;
	padding: 0 20px;
}
.rec_title2{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 24px;/* 39px*/
	line-height: 1.2;
}
.rec_title2::before{
    content: 'スタッフメッセージ';
    display: block;
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px;/* 20px --> 15px*/
	line-height: 1.5;
}
/*---- 角丸----*/
.rec-kakumaru2{
	position: absolute;
	display: block;
	width: 20px;/* 80px */
	height: 20px;/* 80px */
	background: #f0f3f6;
	top: 0;
}
.rec-kakumaru2::before{
	content: '';
	position: absolute;
	display: block;
	width: 40px;/* 160px */
	height: 40px;/* 160px */
	border-radius: 50%;
	background: #222222;
}
/*---- 角丸----*/
.rec-kakumaru3{
	position: absolute;
	display: block;
	width: 20px;/* 80px */
	height: 20px;/* 80px */
	bottom: 0;
	right: 0;
	background: #FFFFFF;
}
.rec-kakumaru3::before{
	content: '';
	position: absolute;
	display: block;
	width: 40px;/* 160px */
	height: 40px;/* 160px */
	border-radius: 50%;
	top: -20px;/* -80px */
	left: -20px;/* -80px */
	background: #222222;
}
/*------ インタビュー -----*/
.interview_box{
	position: inherit;
	display: flex;
	width: 95%;/* 1500px */
	height: auto;/* 500px */
	margin: 40px auto 0;
	top: inherit;/* 330px */
	left: inherit;
	right: inherit;
	overflow: scroll;
	justify-content: inherit;
}
.interview_box::after{
	display: none;
}
.interview{
	position: relative;
	width: 60%;/* 350px */
	height: 340px;/* 500px */
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
	margin-left: 20px;
}
.interview::after{
	display: none;
}
.interview-img{
	width: 100%;
	height: 100%;
}
.interview-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.interview-roll{
	position: absolute;
	display: block;
	padding: 10px 20px;/* 10px 30px */
	background: #222222;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 17px;/* 15px*/
	line-height: 1;
	color: #FFFFFF;
	top: 0;
	right: 0;
	border-radius: 0 0 0 10px;
}
.interview-txt{
	position: absolute;
	width: 95%;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 4%;/* 20px */
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px;/* 23px*/
	line-height: 1.5;
	color: #FFFFFF;
}
/*-----------------------------*/
.rec-box5{
    position: relative;
    height: auto;/* 1000px */
	padding: 70px 0;
}
.rec-box5::after{
	display: none;
}
.rec-mark5{
	position: inherit;
    top: inherit;/* 130px */
    left: inherit;/* 50px */
	padding: 0 20px;
}
.rec_title3{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 22px;/* 39px*/
	line-height: 1.2;
}
.rec_title3::before{
    content: '';
    display: block;
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px;/* 20px --> 15px*/
	line-height: 1.5;
}
/*---- 角丸----*/
.rec-kakumaru4{
	position: absolute;
	display: block;
	width: 20px;/* 80px */
	height: 20px;/* 80px */
	top: 0;
	left: 0;
	background: #222222;
}
.rec-kakumaru4::before{
	content: '';
	position: absolute;
	display: block;
	width: 40px;/* 160px */
	height: 40px;/* 160px */
	border-radius: 50%;
	background: #FFFFFF;
}
/*----------------------  福利厚生　------*/
.employee-box{
	position: inherit;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;/* 1400px */
	margin: 40px auto 0;
	top: inherit;/* 320px */
	left: inherit;
	right: inherit;
}
.employee{
	position: relative;
	width: 100%;/* 440px */
	height: auto;/* 250px */
	background: #eef1f4;
	flex-shrink: 0;
	margin-bottom: 20px;/* 20px */
	overflow: hidden;
	border-radius: 8px;
	padding: 25px 15px;
}
.employee::after{
	display: none;
}
.employ-img{
	position: inherit;
	display: block;
	width: 40%;/* 80px */
	height: auto;/* 80px */
	border-radius: 50%;
	background: #F9BBBC;
	top: inherit;/* 30px */
	left: inherit;/* 20px */
	margin: auto;
}
.employ-name{
	position: inherit;
	top: inherit;/* 48px */
	left: inherit;/* 120px */
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 24px;/* 39px -32px*/
	line-height: 1.5;
	border-bottom: 2px solid #CB3235;
	padding-bottom: 5px;
}
.employ-txt{
	position: inherit;
	width: 100%;
	top: inherit;/* 130px */
	left: inherit;
	right: inherit;
	margin: auto;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 16px;/* 16px --> 11px*/
	line-height: 1.6;
	padding: 20px 0;
}
/*-----------------------------*/
.rec-box6{
    position: relative;
    padding: 50px 0;/* 120px 0*/
	background: #eef1f4;
}
.entry-bunner{
	display: block;
	width: 90%;/* 1120px */
	height: auto;/* 480px */
	margin: auto;
}

/*----------------------------------------------------------------- 訪問看護ページCSS 　　　--------*/
#rec-m-img2{
	position: relative;
	height: auto;/* 800px */
	background-image: linear-gradient(170deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1));
}
#rec-m-img2::after{
	content: '';
	display: block;
	padding-top: 85vh;
}
.rec-nurse-m{
	display: none;
}
.rec-nurse-sp{
	position: absolute;
	display: block;
	width: 106%;
	height: auto;
}
.rec-nurse-msg{
	position: absolute;
	width: 80%;/* 580px */
	height: auto;/* 280px */
	top: 8%;/* 100px */
	left: 0;/* 50px */
}
/*----*/
.rec-nurse-box1{
	position: relative;
	height: auto;/* 920px */
}
.rec-nurse-box1::after{
	content: '';
	display: block;
	padding-top: 800px;
}
.rec-nurse-img1-1{
	position: absolute;
	width: 40%;/* 340px */
	height: auto;/* 500px */
	top: 80px;/* 100px */
	right: 25px;/* 50px */
	border-radius: 10px;
}
.rec-nurse-img1-2{
	position: absolute;
	width: 40%;/* 340px */
	height: auto;/* 500px */
	top: 140px;/* 300px */
	right: 50%;/* 420px */
	border-radius: 10px;
}
.rec-nu-mark1{
	position: absolute;
	width: 90%;/* 650px */
	top: 380px;/* 200px */
	left: 0;/* 70px */
	right: 0;
	margin: auto;
}
/*----*/
.rec-nurse-box2{
    position: relative;
	height: auto;/* 830px */
	overflow: hidden;
}
.rec-nurse-box2::after{
	content: '';
	display: block;
	padding-top: 50px;
}
.rec-nure-back1{
	background-image: url("../img/rec-nurse/rec-nurse-back1.jpg");
	background-size: cover;
}
.rec-nu-mark2{
    text-align: center;
	padding: 50px 0 30px;/* 80px 0 39px */
}
.rec-nu-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 20px;/* 32px*/
	line-height: 1.5;
}
.rec-nu-title1::before{
	content: '';
	display: block;
	width: 70px;/* 80px */
	height: 57px;/* 80px */
	background: url("../img/common/tag.png");
	background-size: cover;
	margin: 0 auto 10px;
}
/*-----gsap 横スクボックス ---*/
.rec-sc-box1{
    display: flex;
}
.mm1{
	margin-left: 10%;/* 180px */
}
.rec-sc-box1mm{
    position: relative;
    width: 95%;/* 1200px */
    height: auto;/* 500px */
    background-color: #FFFFFF;
    margin-right: 20px;/* 50px */
	flex-shrink: 0;
	border-radius: inherit;
	overflow: hidden;
	padding: 15px 0;
}
.rec-sc-box1mm::after{
	display: none;
}
.rec-sc-img1{
	position: inherit;
	display: block;
	width: 90%;/* 580px */
	height: auto;/* 400px */
	top: inherit;
	bottom: inherit;
	left: inherit;/* 10px */
	margin: auto;
	border-radius: 10px;
}
.rec-sc-mark1{
	position: inherit;
	width: 90%;/* 440px */
	top: inherit;/* 160px */
	right: inherit;/* 40px */
	margin: 15px auto 0;
}
/*----*/
.rec-nurse-box3{
	position: relative;
	height: auto;
	padding: 50px 0;
}
.rec-nu-mark3{
	text-align: center;
}
/*---- 訪問看護の業務内容 ----*/
.rr-nurse-work{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 80%;/* 1200px */
	height: auto;
	margin: 50px auto 0;/* 70px auto 0*/
	justify-content: space-between;
}
.rr-nurse-work .list{
	position: relative;
	width: 100%;/* 280px */
	height: auto;/* 300px */
	background: #FFFFFF;
	margin-bottom: 20px;/* 20px */
	padding: 25px 0;
}
.rr-nurse-work .list::after{
	display: none;
}
.rr-nurse-work .list .work-list-mark{
	position: inherit;
	width: 40%;/* 150px */
	height: auto;/* 150px */
	border-radius: 50%;
	background: #ECEE8E;
	top: inherit;/* 40px */
	left: inherit;
	right: inherit;
	margin: auto;
}
.rr-nurse-work .list .list-title{
	position: inherit;
	width: 100%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 18px;/* 18px */
	line-height: 1.5;
	text-align: center;
	top: inherit;/* 210px */
	padding: 15px 0 0;
}
/*----*/
.rec-nurse-box4{
	position: relative;
	height: auto;
	padding: 60px 0;/* 150px 0*/
}
/* ----- １日の流れ --*/
.day-flow{
	position: relative;
	width: 90%;/* 1300px */
	height: auto;
	overflow: hidden;
	background-color: #eaf7ff;
	margin: auto;
	padding: 60px 10px;/* 80px 100px */
	border-radius: 10px;
}
.day-flow-tlt1{
	display: block;
	width: 90%;
	padding: 10px 20px;/* 15px 20px */
	background-color: #31b4ff;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 22px;/* 30px */
	line-height: 1;
	color: #FFFEFE;
	margin: auto;
	border-radius: 10px;/* 10px */
}
/*--*/
.day-flow-tlt2{
	display: block;
	width: 90%;
	padding: 10px;/* 10px */
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 22px;/* 28px */
	line-height: 1;
	margin: 60px auto 0;/* 60px auto 0*/
	border-left: 4px solid #2086BE;
}
.day-flex{
	display: flex;
	flex-direction: column;
	width: 95%;
	justify-content: space-between;
	margin: 40px auto;/* 40px auto*/
}
.day-img{
	display: block;
	width: 100%;/* 400px */
	height: auto;/* 250px */
	border-radius: 10px;
	flex-shrink: 0;
}
.day-mark{
	width: 100%;/* 660px */
	padding: 20px 0;/* 20px 0*/
}
/*---  スケジュール　-*/
.schedule-box{
	display: flex;
	flex-direction: column;
	width: 95%;/* 1100px */
	height: auto;
	background: #FFFFFF;
	margin: 40px auto 0;/* 40px auto 0*/
	border-radius: inherit;/* 20px */
	overflow: hidden;
	padding: 40px 0;/* 80px 0*/
}
.schedule-box li{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 90%;/* 1000px */
	height: auto;
	margin: 0 auto 40px;/* 0 auto 40px */
	padding: 30px 10px;/* 30px */
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #A0A0A0;
}
.schedule-box li:last-child{
	margin: 0 auto;
}
.schedule-work-img{
	width: 50%;/* 130px */
	height: auto;/* 130px */
	background: #eaf7ff;
	object-fit: cover;
	margin: auto;
}
.schedule-work-img img{
	width: 100%;
	height: auto;
}
.schedule-mark{
	width: 100%;/* 780px */
	padding: 20px 0 0;
}
.schedule-time{
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 17px;/* 17px*/
	line-height: 1.5;
}
.shedule-tlt{
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 18px;/* 18px*/
	line-height: 1.5;
}
/*------------------------*/
.rec-nurse-box5{
	position: relative;
	height: auto;
	padding: 9.3% 0;/* 150px 0*/
	background-color: #fdede4;
}
.recruit-deta-box{
	position: relative;
	width: 90%;/* 1300px */
	height: auto;/* 1000px */
	overflow: hidden;
	background-color: #FFFFFF;
	margin: auto;
	padding: 50px 10px;/* 80px 100px */
	border-radius: 10px;
}
.recruit-tlt1{
	display: block;
	padding: 15px 20px;/* 15px 20px */
	background-color: #31b4ff;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 22px;/* 30px */
	line-height: 1;
	color: #FFFEFE;
	margin: auto;
	border-radius: 10px;
    text-align: center;
}
.recruit-switch{
	display: flex;
	width: 95%;/* 900px */
	margin: 40px auto;/* 40px auto*/
	list-style: none;
	justify-content: space-between;
}
.recruit-switch li{
	width: 47%;/* 400px */
	height: auto;
	margin: 15px 1.6%;/* 15px */
	padding: 15px 0;/* 15px 0*/
	font-size: 16px;/* 20px */
	font-weight: bold;
	text-align: center;
	border-radius: 10px;/* 14px */
}
.sw1{
	background: #e76a73;
	color: #FFFFFF;
}
.sw2{
	background: #0068b7;
	color: #FFFFFF;
}
.rec-area1{
    width: 100%;/* 1000px */
    height: auto;
    margin: auto;
    display: none;
}
.rec-area2{
    width: 100%;/* 1000px */
    height: auto;
    margin: auto;
    display: none;
}
.active{
	display: block;
}
/*------ 求人情報 --*/
.rec-deta{
    width: 100%;/* 1000px */
    margin: auto;
    border-collapse: collapse;
}
.rec-deta tr{
    line-height: 1.8;
}
.rec-deta th{
     display: block;
    width: 100%;/* 230px */
    border-bottom: inherit;
    padding: 20px 20px 10px;/* 25px */
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    color: #78603b;
}
.rec-deta td{
     display: block;
    border-bottom:  2px solid #ACACAC;
    padding: 10px 20px 25px;/* 25px 40px */
}
.teate-list{
}
/*----------------------------------------------------------------- 訪問介護ページCSS 　　　--------*/
#rec-m-img3{
	position: relative;
	height: auto;/* 700px */
}
#rec-m-img3::after{
	content: '';
	display: block;
	padding-top: 65vh;
}
.rec-care-msg{
	position: absolute;
	display: block;
	width: 80%;/* 700px */
	height: auto;
	bottom: 30px;/* 80px */
	left: 0;/* 100px */
}
/*-----*/
.rec-care-box1{
	position: relative;
	height: auto;/* 850px */
	padding: 80px 0;
}
.rec-care-box1::after{
	display: none;
}
.rec-care-img1{
	position: inherit;
	display: block;
	width: 90%;/* 650px */
	height: auto;/* 550px */
	top: inherit;/* 100px */
	right: inherit;/* 70px */
	margin: auto;
}
.rec-care-mark1{
	position: inherit;
	width: 90%;/* 650px */
	top: inherit;/* 200px */
	left: inherit;/* 70px */
	margin: 15px auto 0;
}
.rec-care-back1{
	background-image: url("../img/rec-care/rec-care-back1.jpg");
	background-size: cover;
}
/*----------------------------------------------------------------- ナーシングデイ採用CSS 　　　--------*/
#rec-m-img4-in{
	position: relative;
	height: auto;/* 800px */
}
#rec-m-img4-in::after{
	content: '';
	display: block;
	padding-top: 80vh;
}
.rec-day-msg{
	position: absolute;
	width: 70%;/* 580px */
	height: auto;/* 280px */
	bottom: 40px;/* 100px */
	left: 0;/* 50px */
}
/*----------------------------------------------------------------- 屋久島採用CSS 　　　--------*/
#rec-m-img5-in{
	position: relative;
	height: auto;/* 800px */
}
#rec-m-img5-in::after{
	content: '';
	display: block;
	padding-top: 80vh;
}
.rec-yakushima-msg{
	position: absolute;
	width: 70%;/* 580px */
	height: auto;/* 280px */
	bottom: 40px;/* 100px */
	left: 0;/* 50px */
}
/*----------------------------------------------------  スタッフインタビューCSS    -----*/
.interview-box{
	padding: 70px 0 90px;
	width: 90%;
	margin: auto;
}
.stuff-img{
	display: block;
	width: 100%;
	height: auto;/* 490px */
	margin: auto;
}
.view-plof{
	width: 100%;
	padding: 15px;
	border-bottom: 1px solid #C4C4C4;
}
/*-------------------------------------------*/
.view-roll1{
	display: inline-block;
	padding: 5px 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 13px;/* 13px*/
	line-height: 1;
	background: #dc8fd1;
	color: #FFFFFF;
	border-radius: 8px;
}
.view-roll2{
	display: inline-block;
	padding: 5px 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 13px;/* 13px*/
	line-height: 1;
	background: #ee7800;
	color: #FFFFFF;
	border-radius: 8px;
}
/*-------------------------------------------*/
.view-name{
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 23px;/* 26px */
	line-height: 1.6;
	margin-top: 7px;
}
.view-section{
	width: 100%;
	padding: 25px 0 50px;
	line-height: 2;
}
.view-title{
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 18px;/* 26px */
	line-height: 1.6;
	background-color: #f2f5f8;
	padding: 10px 8px;
	border-left: 4px solid #0083D8;
	margin-bottom: 13px;
}
/*--------------------------------------------------  エントリーフォーム　--------------*/
.entry-box{
	padding: 90px 0;
}
}