@charset "UTF-8";
/* CSS Document */
#rec-header{
    position: relative;
    width: 100%;
    height: 110px;
}
#rec-logo{
    position: absolute;
    display: block;
	width: 240px;/* 120px */
	height: 70px;/* 120px */
	top: 0;
	bottom: 0;
	left: 2.8%;/* 45px */
    margin: auto;
	background: #F9BCBD;
}
#rec-menu{
    position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 1000px;/* 1270px */
	height: 70px;/* 70px */
	top: 0;
	bottom: 0;
	left: 350px;/* 200px */
	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: 25px 0;/* 25px 0*/
}
#rec-menu li a{
	text-decoration: none;
	color: #000000;
	line-height: 1;
}
/*-------------------------------*/
#rec-footer{
	position: relative;
    height: 400px;
    background: #3b3638;
}
#rec-ft-logo{
	position: absolute;
	width: 240px;
	height: 70px;
	background: #FFE7E7;
	top: 70px;
	left: 100px;
}
#rec-ft-menu{
	position: absolute;
	width: 750px;
	list-style: none;
	top: 70px;
	right: 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;/* 18px → 11px */
	line-height: 1;
	font-weight: normal;
	color: #FFFFFF;
	bottom: 20px;
	right: 30px;
}
/*--------採用メインイメージ ------ */
#rec-m-img{
    position: relative;
	width: 100%;
	height: 710px;/* 1030px */
}
#rec-m-msg{
	position: absolute;
	width: 700px;/* 700px */
	height: 280px;/* 280px */
	background: #FFFFFF;
	top: 400px;
	left: 50px;
}
/*--------エンドロールスクロール ------------------*/
.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;
}
/*-----------------------------*/
.rec-box1{
    position: relative;
    height: 950px;
	background-color: #ffe4e1;
}
.rec-img1{
    position: absolute;
	width: 450px;/* 450px */
	height: auto;/* 670px */
	top: 150px;/* 230px */
	right: 100px;/* 100px */
	border-radius: 12px;
}
.rec-mark1{
    position: absolute;
    width: 700px;
    top: 210px;
    left: 100px;
    color: #FFFFFF;
}
/*-----------------------------*/
.rec-box2{
    position: relative;
    height: 1000px;
}
.rec-mark2{
    position: absolute;
    width: 700px;
    top: 140px;
    left: 100px;
}
.rec-img2-1{
    position: absolute;
    display: block;
    width: 560px;/* 560px */
    height: 650px;/* 650px */
    top: 150px;/* 150px */
    right: 60px;/* 60px */
    border-radius: 30px;
}
.rec-img2-2{
    position: absolute;
    display: block;
    width: 305px;/* 305px */
    height: 350px;/* 350px */
    top: 540px;
    right: 590px;
    border-radius: 30px;
}
/*-----------------------------*/
.rec-box3{
    position: relative;
    height: auto;
    background: #e6e6fa;
    padding: 100px 0;
}
.rec-mark3{
    position: absolute;
    top: 100px;
    left: 50px;
}
.rec_title1{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 39px;/* 39px -32px*/
	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;
	height: 80px;
	background: #222222;
	bottom: 0;
	right: 0;
}
.rec-kakumaru1::before{
	content: '';
	position: absolute;
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: #f0f3f6;
	top: -80px;
	left: -80px;
}
/*-------- 職種　------*/
.job-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1300px;
    margin: 130px auto 0;
    list-style: none;
}
.job-list .job-list-mm{
    width: 620px;
    height: 430px;
    margin-bottom: 35px;
}
.job-list-mm .job-list-img{
    display: block;
    width: 100%;
    height: 300px;
    border-radius: 15px;
    background: #F1F2BF;
    overflow: hidden;
}
.list-txt{
    padding: 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;/* 34px -->29px */
	line-height: 1.5;
	margin-bottom: 7px;
}
/*-----------------------------*/
.rec-box4{
    position: relative;
    height: 1000px;
	background: #222222;
}
.rec-mark4{
	position: absolute;
    top: 130px;
    left: 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 -32px*/
	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;
	height: 80px;
	background: #f0f3f6;
}
.rec-kakumaru2::before{
	content: '';
	position: absolute;
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: #222222;
}
/*---- 角丸----*/
.rec-kakumaru3{
	position: absolute;
	display: block;
	width: 80px;
	height: 80px;
	bottom: 0;
	right: 0;
	background: #FFFFFF;
}
.rec-kakumaru3::before{
	content: '';
	position: absolute;
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	top: -80px;
	left: -80px;
	background: #222222;
}
/*------ インタビュー -----*/
.interview_box{
	position: absolute;
	display: flex;
	width: 1500px;
	height: 500px;
	margin: auto;
	top: 330px;
	left: 0;
	right: 0;
	overflow: hidden;
	justify-content: space-between;
}
.interview{
	position: relative;
	width: 350px;
	height: 500px;
	background: yellow;
	margin-right: 15px;
	flex-shrink: 0; /* 縮小しない */
	border-radius: 15px;
	overflow: hidden;
}
.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;
	background: #222222;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 15px;/* 39px -32px*/
	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: 20px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 23px;/* 39px -32px*/
	line-height: 1.5;
	color: #FFFFFF;
}
/*-----------------------------*/
.rec-box5{
    position: relative;
    height: 1000px;
}
.rec-mark5{
	position: absolute;
    top: 130px;
    left: 50px;
}
.rec_title3{
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 39px;/* 39px -32px*/
	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;
	height: 80px;
	top: 0;
	left: 0;
	background: #222222;
}
.rec-kakumaru4::before{
	content: '';
	position: absolute;
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: #FFFFFF;
}
/*----------------------  福利厚生　------*/
.employee-box{
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1400px;/* 1400px */
	margin: auto;
	top: 320px;/* 320px */
	left: 0;
	right: 0;
}
.employee{
	position: relative;
	width: 440px;/* 440px */
	height: 250px;/* 250px */
	background: #eef1f4;
	flex-shrink: 0;
	margin-bottom: 20px;/* 20px */
	overflow: hidden;
	border-radius: 13px;
}
.employ-img{
	position: absolute;
	width: 80px;/* 80px */
	height: 80px;/* 80px */
	border-radius: 50%;
	background: #F9BBBC;
	top: 30px;/* 30px */
	left: 20px;/* 20px */
}
.employ-name{
	position: absolute;
	top: 48px;/* 40px */
	left: 120px;/* 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: 130px;/* 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: 120px 0;
	background: #eef1f4;
}
.entry-bunner{
	display: block;
	width: 1120px;
	height: 480px;
	background: #D8CB8B;
	margin: auto;
}

/*----------------------------------------------------------------- 訪問看護ページCSS 　　　--------*/
#rec-m-img2{
	position: relative;
	height: 800px;
	background-color: #E2E2E2;
}
.rec-nurse-m{
	background-image: 'linear-gradient(22deg, rgba(228, 127, 180, 1), rgba(241, 219, 168, 1) 61%, rgba(255, 247, 216, 1) 80%, rgba(255, 255, 255, 1)';
	background-size: cover;
}
.rec-nurse-m img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.rec-nurse-msg{
	position: absolute;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 41px;/* 39px -32px*/
	letter-spacing: 0.15em;
	line-height: 1.8;
	top: 100px;/* 100px */
	left: 100px;/* 100px */
}
/*----*/
.rec-nurse-box1{
	position: relative;
	height: 920px;/* 920px */
}
.rec-nurse-img1-1{
	position: absolute;
	width: 340px;/* 340px */
	height: auto;/* 500px */
	background: #D6D6D6;
	top: 100px;/* 100px */
	right: 50px;/* 50px */
	border-radius: 15px;
}
.rec-nurse-img1-2{
	position: absolute;
	width: 340px;/* 340px */
	height: auto;/* 500px */
	background: #D6D6D6;
	top: 300px;/* 300px */
	right: 420px;/* 420px */
	border-radius: 15px;
}
.rec-nu-mark1{
	position: absolute;
	width: 650px;/* 650px */
	top: 200px;/* 200px */
	left: 70px;/* 70px */
}
/*----*/
.rec-nurse-box2{
    position: relative;
	height: 830px;/**/
	overflow: hidden;
}
.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;
}
.rec-nu-title1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 32px;/* 39px -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: 1200px;/* 1200px */
    height: 500px;/* 500px */
    background-color: #FFFFFF;
    margin-right: 50px;/* 50px */
	flex-shrink: 0;
	border-radius: 15px;
	overflow: hidden;
}
.rec-sc-img1{
	position: absolute;
	display: block;
	width: 580px;/* 580px */
	height: 400px;/* 400px */
	background: #C5C5C5;
	top: 0;
	bottom: 0;
	left: 50px;/* 10px */
	margin: auto;
	border-radius: 20px;
}
.rec-sc-mark1{
	position: absolute;
	width: 500px;/* 440px */
	top: 80px;/* 160px */
	right: 50px;/* 40px */
}
/*----*/
.rec-nurse-box3{
	position: relative;
	height: auto;
	padding: 100px 0;
}
.rec-nu-mark3{
	text-align: center;
}
/*---- 訪問看護の業務内容 ----*/
.rr-nurse-work{
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	height: auto;
	margin: 70px auto 0;
	justify-content: space-between;
}
.rr-nurse-work .list{
	position: relative;
	width: 280px;
	height: 300px;
	background: #FFFFFF;
	margin-bottom: 20px
}
.rr-nurse-work .list .work-list-mark{
	position: absolute;
	width: 150px;/* 120px */
	height: 150px;/* 120px */
	border-radius: 50%;
	background: #ECEE8E;
	top: 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;/* 34px -->29px */
	line-height: 1.5;
	text-align: center;
	top: 210px;
}
/*----*/
.rec-nurse-box4{
	position: relative;
	height: auto;
	padding: 150px 0;
}
/* ----- １日の流れ --*/
.day-flow{
	position: relative;
	width: 1300px;
	height: auto;
	overflow: hidden;
	background-color: #eaf7ff;
	margin: auto;
	padding: 80px 100px;
	border-radius: 20px;
}
.day-flow-tlt1{
	display: block;
	padding: 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;/* 34px -->29px */
	line-height: 1;
	color: #FFFEFE;
	margin: auto;
	border-radius: 10px;
}
/*--*/
.day-flow-tlt2{
	display: block;
	padding: 10px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 28px;/* 34px -->29px */
	line-height: 1;
	margin: 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;
}
.day-img{
	display: block;
	width: 400px;/* 400px */
	height: 250px;/* 250px */
	border-radius: 10px;
	flex-shrink: 0;
}
.day-mark{
	width: 660px;
	padding: 20px 0;
}
/*---  スケジュール　-*/
.schedule-box{
	display: flex;
	flex-direction: column;
	width: 1100px;
	height: auto;
	background: #FFFFFF;
	margin: 40px auto 0;
	border-radius: 20px;
	overflow: hidden;
	padding: 80px 0;
}
.schedule-box li{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 1000px;
	height: auto;
	margin: 0 auto 40px;
	padding: 30px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #A0A0A0;
}
.schedule-box li:last-child{
	margin: 0 auto;
}
.schedule-work-img{
	width: 130px;
	height: 130px;
	background: #BFF0AF;
}
.schedule-mark{
	width: 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;/* 16px --> 11px*/
	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: 19px;/* 39px -32px*/
	line-height: 1.5;
}
/*------------------------*/
.rec-nurse-box5{
	position: relative;
	height: auto;
	padding: 150px 0;
	background-color: #fdede4;
}
.recruit-deta-box{
	position: relative;
	width: 1300px;
	height: auto;/* 1000px */
	overflow: hidden;
	background-color: #FFFFFF;
	margin: auto;
	padding: 80px 100px;
	border-radius: 20px;
}
.recruit-tlt1{
	display: block;
	padding: 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;/* 34px -->29px */
	line-height: 1;
	color: #FFFEFE;
	margin: auto;
	border-radius: 10px;
}
.recruit-switch{
	display: flex;
	width: 900px;/* 900px */
	margin: 40px auto;/* 40px auto*/
	list-style: none;
	justify-content: space-between;
}
.recruit-switch li{
	width: 400px;/* 340px */
	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: 1000px;
    height: auto;
    margin: auto;
    display: none;
}
.rec-area2{
    width: 1000px;
    height: auto;
    margin: auto;
    display: none;
}
.active{
	display: block;
}
/*------ 求人情報 --*/
.rec-deta{
    width: 1000px;
    margin: auto;
    border-collapse: collapse;
}
.rec-deta tr{
    line-height: 1.8;
}
.rec-deta th{
    width: 230px;
    border-bottom: 2px solid #ffa500;
    padding: 25px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    color: #78603b;
}
.rec-deta td{
    border-bottom:  2px solid #ACACAC;
    padding: 25px 40px;
}
.teate-list{
}
/*----------------------------------------------------------------- 訪問介護ページCSS 　　　--------*/
#rec-m-img3{
	position: relative;
	height: 800px;
	background-color: #E2E2E2;
}
.rec-care-msg{
	position: absolute;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 41px;/* 39px -32px*/
	letter-spacing: 0.15em;
	line-height: 1.8;
	top: 100px;/* 100px */
	left: 100px;/* 100px */
}
/*-----*/
.rec-care-img1{
	position: absolute;
	display: block;
	width: 650px;
	height: 550px;
	background: #C7C7C7;
	top: 150px;/* 100px */
	right: 70px;;
}
.rec-care-back1{
	background-image: url("../img/rec-care/rec-care-back1.jpg");
	background-size: cover;
}