@charset "UTF-8";
/* CSS Document */
#rec-header{
    position: relative;
    width: 100%;
    height: auto;/* 110px */
}
#rec-header::after{
	content: '';
	display: block;
	padding-top: 6.9%;
}
#rec-logo{
    position: absolute;
    display: block;
	width: 12.5%;/* 200px */
	height: auto;/* 70px */
	top: 0;
	bottom: 0;
	left: 2.8%;/* 45px */
    margin: auto;
}
#rec-menu{
    position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 68.7%;/* 1100px */
	height: 50%;/* 70px */
	top: 0;
	bottom: 0;
	left: 21.8%;/* 350px */
	margin: auto;
    padding: 0 60px;/* 0 60px */
	list-style: none;
	vertical-align: middle;
}
#rec-menu li{
    font-size: clamp(0.688rem, 0.347rem + 0.78vw, 1.125rem);/* 18px → 11px */
	line-height: 1;
	font-weight: bold;
	padding: 2.3% 0;/* 25px 0*/
}
#rec-menu li a{
	text-decoration: none;
	color: #000000;
	line-height: 1;
}
/*-------------------------------*/
#rec-footer{
	position: relative;
    height: auto;/* 400px */
    background: #3b3638;
}
#rec-footer::after{
	content: '';
	display: block;
	padding-top: 25%;
}
#rec-ft-logo{
	position: absolute;
	width: 15%;/* 240px */
	height: auto;/* 70px */
	top: 17.5%;/* 70px */
	left: 6.3%;/* 100px */
}
#rec-ft-menu{
	position: absolute;
	width: 46.9%;/* 750px */
	list-style: none;
	top: 17.5%;/* 70px */
	right: 6.3%;/* 100px */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#rec-ft-menu li{
	font-size: 16px;/* 18px → 11px */
	line-height: 1;
	font-weight: bold;
	padding: 25px 0;/* 25px 0*/
	color: #FFFFFF;
}
#rec-ft-menu li a{
	text-decoration: none;
	color: #FFFFFF;
}
#rec-copy{
	position: absolute;
	font-size: 13px;/* 13px */
	line-height: 1;
	font-weight: normal;
	color: #FFFFFF;
	bottom: 5%;/* 20px */
	right: 1.9%;/* 30px */
}
/*--------採用メインイメージ ------ */
#rec-m-img{
    position: relative;
	width: 100%;
	height: auto;/* 710px */
}
#rec-m-img::after{
	content: '';
	display: block;
	padding-top: 44.4%;
}
#rec-m-msg{
	position: absolute;
	width: 39.4%;/* 630px */
	height: auto;/* 280px */
	top: 56.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: 40%; /* 515px 画像サイズは任意で調整可能 */
	height: auto;
	margin: 0 5px;/* 0 5px */
}
/*-----------------------------*/
.rec-box1{
    position: relative;
    height: auto;/* 1100px */
	background-color: #ffe4e1;
}
.rec-box1::after{
	content: '';
	display: block;
	padding-top: 68.7%;
}
.rec-img1{
    position: absolute;
	width: 28.1%;/* 450px */
	height: auto;/* 670px */
	top: 15.8%;/* 150px */
	right: 6.3%;/* 100px */
	border-radius: 12px;/* 12px */
}
.rec-mark1{
    position: absolute;
    width: 50%;/* 800px */
    top: 19%;/* 210px */
    left: 6.3%;/* 100px */
    color: #FFFFFF;
}
.rec-home-deco1{
	position: absolute;
	display: block;
	width: 31.3%;/* 500px */
	height: auto;/* 140px */
	top: 68%;/* 750px */
	left: 30.6%;/* 490px */
	transform: rotate(-14deg);
}
/*-----------------------------*/
.rec-box2{
    position: relative;
    height: auto;/* 1000px */
	background-image: url("../img/recruit/home/rec-home-back1.png");
	background-size: cover;
}
.rec-box2::after{
	content: '';
	display: block;
	padding-top: 62.5%;
}
.rec-mark2{
    position: absolute;
    width: 43.7%;/* 700px */
    top: 14%;/* 140px */
    left: 6.3%;/* 100px */
}
.rec-img2-1{
    position: absolute;
    display: block;
    width: 35%;/* 560px */
    height: auto;/* 650px */
    top: 15%;/* 150px */
    right: 3.75%;/* 60px */
    border-radius: 30px;/* 30px */
}
.rec-img2-2{
    position: absolute;
    display: block;
    width: 19%;/* 305px */
    height: auto;/* 350px */
    top: 54%;/* 540px */
    right: 36.8%;/* 590px */
    border-radius: 30px;/* 30px */
}
/*-----------------------------*/
.rec-box3{
    position: relative;
    height: auto;
    background: #e6e6fa;
    padding: 6.2% 0;/* 100px 0*/
}
.rec-mark3{
    position: absolute;
    top: 7.9%;/* 100px  1250bese*/
    left: 3.1%;/* 50px */
}
.rec_title1{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 39px;/* 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: clamp(0.938rem, 0.648rem + 0.6vw, 1.25rem);/* 20px --> 15px*/
	line-height: 1.5;
}
/*---- 角丸----*/
.rec-kakumaru1{
	position: absolute;
	display: block;
	width: 80px;/* 80px */
	height: 80px;/* 80px */
	background: #222222;
	bottom: 0;
	right: 0;
}
.rec-kakumaru1::before{
	content: '';
	position: absolute;
	display: block;
	width: 160px;/* 160px */
	height: 160px;/* 160px */
	border-radius: 50%;
	background: #f0f3f6;
	top: -80px;/* -80px*/
	left: -80px;/* -80px */
}
/*-------- 職種　------*/
.job-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 81.2%;/* 1300px */
    margin: 8% auto 0;/* 130px auto 0*/
    list-style: none;
}
.job-list .job-list-mm{
	position: relative;
    width: 47.7%;/* 620px */
	height: auto;
    min-height: 430px;/* 430px */
    margin-bottom: 35px;/* 35px */
	overflow: hidden;
}
.job-list-mm .job-list-img{
    display: block;
    width: 100%;
    height: auto;/* 300px */
    border-radius: 15px;
    overflow: hidden;
}
.list-txt{
    padding: 15px 10px;/* 15px 10px */
}
.list-job-name{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 22px;/* 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;
}
.rec-box4::after{
	content: '';
	display: block;
	padding-top: 62.5%;
}
.rec-mark4{
	position: absolute;
    top: 13%;/* 130px */
    left: 3.1%;/* 50px */
	color: #FFFFFF;
}
.rec_title2{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 39px;/* 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: clamp(0.938rem, 0.648rem + 0.6vw, 1.25rem);/* 20px --> 15px*/
	line-height: 1.5;
}
/*---- 角丸----*/
.rec-kakumaru2{
	position: absolute;
	display: block;
	width: 80px;/* 80px */
	height: 80px;/* 80px */
	background: #f0f3f6;
}
.rec-kakumaru2::before{
	content: '';
	position: absolute;
	display: block;
	width: 160px;/* 160px */
	height: 160px;/* 160px */
	border-radius: 50%;
	background: #222222;
}
/*---- 角丸----*/
.rec-kakumaru3{
	position: absolute;
	display: block;
	width: 80px;/* 80px */
	height: 80px;/* 80px */
	bottom: 0;
	right: 0;
	background: #FFFFFF;
}
.rec-kakumaru3::before{
	content: '';
	position: absolute;
	display: block;
	width: 160px;/* 160px */
	height: 160px;/* 160px */
	border-radius: 50%;
	top: -80px;/* -80px */
	left: -80px;/* -80px */
	background: #222222;
}
/*------ インタビュー -----*/
.interview_box{
	position: absolute;
	display: flex;
	width: 93.7%;/* 1500px */
	height: auto;/* 500px */
	margin: auto;
	top: 33%;/* 330px */
	left: 0;
	right: 0;
	overflow: hidden;
	justify-content: space-between;
}
.interview_box::after{
	content: '';
	display: block;
	padding-top: 31.3%;
}
.interview{
	position: relative;
	width: 23.3%;/* 350px */
	height: auto;/* 500px */
	border-radius: 15px;
	overflow: hidden;
}
.interview::after{
	content: '';
	display: block;
	padding-top: 31.25%;
}
.interview-img{
	width: 100%;
	height: 100%;
}
.interview-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.interview-roll{
	position: absolute;
	display: block;
	padding: 10px 30px;/* 10px 30px */
	background: #222222;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 15px;/* 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: 23px;/* 23px*/
	line-height: 1.5;
	color: #FFFFFF;
}
.interview a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*-----------------------------*/
.rec-box5{
    position: relative;
    height: auto;/* 1000px */
}
.rec-box5::after{
	content: '';
	display: block;
	padding-top: 62.5%;
}
.rec-mark5{
	position: absolute;
    top: 13%;/* 130px */
    left: 3.1%;/* 50px */
}
.rec_title3{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 39px;/* 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: clamp(0.938rem, 0.648rem + 0.6vw, 1.25rem);/* 20px --> 15px*/
	line-height: 1.5;
}
/*---- 角丸----*/
.rec-kakumaru4{
	position: absolute;
	display: block;
	width: 80px;/* 80px */
	height: 80px;/* 80px */
	top: 0;
	left: 0;
	background: #222222;
}
.rec-kakumaru4::before{
	content: '';
	position: absolute;
	display: block;
	width: 160px;/* 160px */
	height: 160px;/* 160px */
	border-radius: 50%;
	background: #FFFFFF;
}
/*----------------------  福利厚生　------*/
.employee-box{
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 87.5%;/* 1400px */
	margin: auto;
	top: 32%;/* 320px */
	left: 0;
	right: 0;
}
.employee{
	position: relative;
	width: 31.4%;/* 440px */
	height: auto;/* 250px */
	background: #eef1f4;
	flex-shrink: 0;
	margin-bottom: 20px;/* 20px */
	overflow: hidden;
	border-radius: 13px;
}
.employee::after{
	content: '';
	display: block;
	padding-top: 56.8%;
}
.employ-img{
	position: absolute;
	width: 18%;/* 80px */
	height: auto;/* 80px */
	border-radius: 50%;
	background: #F9BBBC;
	top: 12%;/* 30px */
	left: 4.5%;/* 20px */
}
.employ-name{
	position: absolute;
	top: 19.2%;/* 48px */
	left: 27.2%;/* 120px */
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 26px;/* 39px -32px*/
	line-height: 1.5;
	border-bottom: 2px solid #CB3235;
	padding-bottom: 8px;
}
.employ-txt{
	position: absolute;
	width: 90%;
	top: 52%;/* 130px */
	left: 0;
	right: 0;
	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;
}
/*-----------------------------*/
.rec-box6{
    position: relative;
    padding: 7.5% 0;/* 120px 0*/
	background: #eef1f4;
}
.entry-bunner{
	display: block;
	width: 70%;/* 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));
	overflow: hidden;
}
#rec-m-img2::after{
	content: '';
	display: block;
	padding-top: 50%;
}
.rec-nurse-m{
	position: absolute;
	display: block;
	width: 105%;
	height: auto;
}
.rec-nurse-sp{
	display: none;
}
.rec-nurse-msg{
	position: absolute;
	width: 39%;/* 580px */
	height: auto;/* 280px */
	top: 100px;/* 100px */
	left: 0;/* 50px */
}
/*----*/
.rec-nurse-box1{
	position: relative;
	height: auto;/* 920px */
}
.rec-nurse-box1::after{
	content: '';
	display: block;
	padding-top: 57.5%;
}
.rec-nurse-img1-1{
	position: absolute;
	width: 21.2%;/* 340px */
	height: auto;/* 500px */
	top: 10.8%;/* 100px */
	right: 3.1%;/* 50px */
	border-radius: 15px;
}
.rec-nurse-img1-2{
	position: absolute;
	width: 21.3%;/* 340px */
	height: auto;/* 500px */
	top: 32.6%;/* 300px */
	right: 26.3%;/* 420px */
	border-radius: 15px;
}
.rec-nu-mark1{
	position: absolute;
	width: 40.6%;/* 650px */
	top: 21.7%;/* 200px */
	left: 4.3%;/* 70px */
}
/*----*/
.rec-nurse-box2{
    position: relative;
	height: auto;/* 830px */
	overflow: hidden;
}
.rec-nurse-box2::after{
	content: '';
	display: block;
	padding-top: 10%;
}
.rec-nure-back1{
	background-image: url("../img/rec-nurse/rec-nurse-back1.jpg");
	background-size: cover;
}
.rec-nu-mark2{
    text-align: center;
	padding: 80px 0 39px;/* 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: 32px;/* 32px*/
	line-height: 1.8;
}
.rec-nu-title1::before{
	content: '';
	display: block;
	width: 80px;/* 80px */
	height: 63px;/* 80px */
	background: url("../img/common/tag.png");
	background-size: cover;
	margin: 0 auto 10px;
}
/*-----gsap 横スクボックス ---*/
.rec-sc-box1{
    display: flex;
}
.mm1{
	margin-left: 11%;/* 180px */
}
.rec-sc-box1mm{
    position: relative;
    width: 75%;/* 1200px */
    height: auto;/* 500px */
    background-color: #FFFFFF;
    margin-right: 50px;/* 50px */
	flex-shrink: 0;
	border-radius: 10px;
	overflow: hidden;
}
.rec-sc-box1mm::after{
	content: '';
	display: block;
	padding-top: 41.6%;
}
.rec-sc-img1{
	position: absolute;
	display: block;
	width: 48.3%;/* 580px */
	height: auto;/* 400px */
	top: 0;
	bottom: 0;
	left: 4.1%;/* 10px */
	margin: auto;
	border-radius: 10px;
}
.rec-sc-mark1{
	position: absolute;
	width: 41.6%;/* 440px */
	top: 16%;/* 160px */
	right: 4.1%;/* 40px */
}
/*----*/
.rec-nurse-box3{
	position: relative;
	height: auto;
	padding: 6.3% 0;
}
.rec-nu-mark3{
	text-align: center;
}
/*---- 訪問看護の業務内容 ----*/
.rr-nurse-work{
	display: flex;
	flex-wrap: wrap;
	width: 75%;/* 1200px */
	height: auto;
	margin: 70px auto 0;/* 70px auto 0*/
	justify-content: space-between;
}
.rr-nurse-work .list{
	position: relative;
	width: 23.3%;/* 280px */
	height: auto;/* 300px */
	background: #FFFFFF;
	margin-bottom: 20px;/* 20px */
}
.rr-nurse-work .list::after{
	content: '';
	display: block;
	padding-top: 107%;
}
.rr-nurse-work .list .work-list-mark{
	position: absolute;
	width: 53.6%;/* 150px */
	height: auto;/* 150px */
	border-radius: 50%;
	background: #ECEE8E;
	top: 13.3%;/* 40px */
	left: 0;
	right: 0;
	margin: auto;
}
.rr-nurse-work .list .list-title{
	position: absolute;
	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: 70%;/* 210px */
}
/*----*/
.rec-nurse-box4{
	position: relative;
	height: auto;
	padding: 9.4% 0;/* 150px 0*/
}
/* ----- １日の流れ --*/
.day-flow{
	position: relative;
	width: 81.3%;/* 1300px */
	height: auto;
	overflow: hidden;
	background-color: #eaf7ff;
	margin: auto;
	padding: 5% 6%;/* 80px 100px */
	border-radius: 20px;
}
.day-flow-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: 30px;/* 30px */
	line-height: 1;
	color: #FFFEFE;
	margin: auto;
	border-radius: 10px;/* 10px */
}
/*--*/
.day-flow-tlt2{
	display: block;
	padding: 10px;/* 10px */
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 28px;/* 28px */
	line-height: 1;
	margin: 60px auto 0;/* 60px auto 0*/
	border-left: 4px solid #2086BE;
}
.day-flex{
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	justify-content: space-between;
	margin: 40px auto;/* 40px auto*/
}
.day-img{
	display: block;
	width: 36.3%;/* 400px */
	height: auto;/* 250px */
	border-radius: 10px;
}
.day-mark{
	width: 60%;/* 660px */
	padding: 20px 0;/* 20px 0*/
}
/*---  スケジュール　-*/
.schedule-box{
	display: flex;
	flex-direction: column;
	width: 100%;/* 1100px */
	height: auto;
	background: #FFFFFF;
	margin: 40px auto 0;/* 40px auto 0*/
	border-radius: 20px;/* 20px */
	overflow: hidden;
	padding: 80px 0;/* 80px 0*/
}
.schedule-box li{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 90.9%;/* 1000px */
	height: auto;
	margin: 0 auto 40px;/* 0 auto 40px */
	padding: 30px;/* 30px */
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #A0A0A0;
}
.schedule-box li:last-child{
	margin: 0 auto;
}
.schedule-work-img{
	width: 13%;/* 130px */
	height: auto;/* 130px */
	background: #eaf7ff;
	object-fit: cover;
}
.schedule-work-img img{
	width: 100%;
	height: auto;
}
.schedule-mark{
	width: 82%;/* 780px */
}
.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: 81.2%;/* 1300px */
	height: auto;/* 1000px */
	overflow: hidden;
	background-color: #FFFFFF;
	margin: auto;
	padding: 80px 6%;/* 80px 100px */
	border-radius: 20px;
}
.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: 30px;/* 30px */
	line-height: 1;
	color: #FFFEFE;
	margin: auto;
	border-radius: 10px;
}
.recruit-switch{
	display: flex;
	width: 82%;/* 900px */
	margin: 40px auto;/* 40px auto*/
	list-style: none;
	justify-content: space-between;
}
.recruit-switch li{
	width: 44.4%;/* 400px */
	height: auto;
	margin: 15px 1.6%;/* 15px */
	padding: 15px 0;/* 15px 0*/
	font-size: clamp(1.125rem, 0.667rem + 0.67vw, 1.25rem);/* 20px */
	font-weight: bold;
	text-align: center;
	border-radius: 14px;/* 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{
    width: 23%;/* 230px */
    border-bottom: 2px solid #ffa500;
    padding: 25px;/* 25px */
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    color: #78603b;
}
.rec-deta td{
    border-bottom:  2px solid #ACACAC;
    padding: 25px 40px;/* 25px 40px */
}
.teate-list{
    list-style-position: inside;
}
/*----------------------------------------------------------------- 訪問介護ページCSS 　　　--------*/
#rec-m-img3{
	position: relative;
	height: auto;/* 700px */
}
#rec-m-img3::after{
	content: '';
	display: block;
	padding-top: 43.7%;
}
.rec-care-msg{
	position: absolute;
	display: block;
	width: 43.7%;/* 700px */
	height: auto;
	bottom: 11.4%;/* 80px */
	left: 0;/* 100px */
}
/*-----*/
.rec-care-box1{
	position: relative;
	height: auto;/* 850px */
}
.rec-care-box1::after{
	content: '';
	display: block;
	padding-top: 53.1%;
}
.rec-care-img1{
	position: absolute;
	display: block;
	width: 40.6%;/* 650px */
	height: auto;/* 550px */
	top: 23.5%;/* 200px */
	right: 4.3%;/* 70px */
}
.rec-care-mark1{
	position: absolute;
	width: 40.6%;/* 650px */
	top: 21.7%;/* 200px */
	left: 4.3%;/* 70px */
}
.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: 50%;
}
.rec-day-msg{
	position: absolute;
	width: 39%;/* 580px */
	height: auto;/* 280px */
	bottom: 100px;/* 100px */
	left: 0;/* 50px */
}
/*----------------------------------------------------------------- 屋久島採用CSS 　　　--------*/
#rec-m-img5-in{
	position: relative;
	height: auto;/* 800px */
}
#rec-m-img5-in::after{
	content: '';
	display: block;
	padding-top: 50%;
}
.rec-yakushima-msg{
	position: absolute;
	width: 46%;/* 580px */
	height: auto;/* 280px */
	bottom: 100px;/* 100px */
	left: 0;/* 50px */
}
/*----------------------------------------------------  スタッフインタビューCSS    -----*/
.interview-box{
	padding: 120px 0 180px;
	width: 880px;/* 880px */
	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: 20px;/* 26px */
	line-height: 1.6;
	background-color: #f2f5f8;
	padding: 10px 15px;
	border-left: 5px solid #0083D8;
	margin-bottom: 13px;
}
/*--------------------------------------------------  エントリーフォーム　--------------*/
.entry-box{
	padding: 120px 0;
}