@charset "utf-8";




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

	トップページ 	top

------------------------------------------------------*/
/*    COMMON  &   MAINIMAGE
-------------------------------*/

/*mainimage*/
#top #mainimage {
	background-image: url(../Image/mainimage.png);
	background-repeat: no-repeat;
	background-size: cover ;
	position: relative;
	height: 796px;
	background-position: center;
	z-index: 10;
}
#top .mv_inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

#top #mainimage .mv_txt {
	padding-top: 17%;
}
#top #mainimage .mv_txt .txt_sub {
	margin-top: 28px;
}
#mainimage .logo_wrap {
	display: flex;
	margin-top: 30px;
}
#mainimage .logo_wrap .logo_box:nth-child(2) {
	margin-left: 50px;
}
#top .lead_txt {
	text-align: center;
}

@media print, screen and (min-width : 767px ) {
	
}
/*     message
-------------------------------*/
#top .message {
	text-align: center;
	position: relative;
}
#top .message .Inner {
	position: relative;
}

#top .message .Inner:before {
	content: '';
	width: 534px;
	height: 1028px;
	background: url(../Image/bg_circle01.png) no-repeat;
	position: absolute;
	top: -375px;
	left: -363px;
	z-index: -1;
	opacity: 0;
	transform: translateY(30px);
	transition: 1s ease-in-out;
}
#top .message .Inner.inview_active:before {
	opacity: 1;
	transform: translateY(0);
}
#top .message .Inner:after {
	content: '';
	width: 220px;
	height: 510px;
	background: url(../Image/bg_circle02.png) no-repeat;
	position: absolute;
	top: -93px;
	right: 0;
	z-index: -1;
	opacity: 0;
	transform: translateY(30px);
	transition: 1s ease-in-out;
	transition-delay: 0.3s;
}
#top .message .Inner.inview_active:after {
	opacity: 1;
	transform: translateY(0);
}
#top .message .txt_ttl {
	font-weight: 500;
	font-size: 22px;
	line-height: 1;
	margin-bottom: 20px;
}
#top .message .txt_box p {
	line-height: 2.3;
}
#top .message .anchor_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 70px;
}
#top .message .btn_anchor {
	text-align: center;
}
#top .message .btn_anchor {
	margin: 0 50px;
}

#top .message .btn_anchor a {
	border: solid 2px #fabe00;
	border-radius: 10px;
	display: block;
	line-height: 1;
	padding: 20px 0 45px 0;
	width: 420px;
	position: relative;
}
#top .message .btn_anchor .anchor_txt {
	font-size: 14px;
	margin-top: 10px;
	display: block;
}
#top .message .btn_anchor a:after {
	content: '';
	background: url(../Image/anchor_arrow.png) no-repeat;
	width: 31px;
	height: 14px;
	position: absolute;
	bottom: 20px;
	left: 50%;
    transform: translateX(-50%);
}

/*ぬくもり*/
#nukumori,#careplan {
	padding: 0 1.5%;
	
}
.nukumori_wrap {
	border: solid 10px #fff09a;
	border-radius: 10px;
	overflow: hidden;
}
/*    お仕事
-------------------------------*/
#top .job {
	overflow: hidden;
}
#top .job:before,
#top .job:after {
	content: '';
	width: 25%;
	padding-top: 25%;
	max-width: 505px;
	max-height: 505px;
	position: absolute;
	background-size: contain;
}
#top .job:before {
	background-image: url(../Image/img_circle01.png);
	top: -175px;
	right: -151px;
}
#top .job:after {
	background-image: url(../Image/img_circle02.png);
	bottom: -217px;
	left: -213px;
}
#top .job .ttl_01 {
	margin-bottom: 50px;
}
#top .job .ttl_01 img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}
#top .job .ttl_01:before {
	content: 'nukumori';
}
#top .job_wrap {
	margin-top: 53px;
}
#top .job_tab {
	display: flex;
}
#top .job_tab .tab_item {
	width: 50%;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
	font-size: 23px;
	font-weight: 500;
	background: #d8d8d8;
	padding: 22px 0 28px;
	text-align: center;
	border-top: solid 6px #d8d8d8;
	line-height: 1;
}
#top .job_tab .tab_item.active {
	background: #fff;
	color: #ff942c;
	border-top: solid 6px #ff942c;
}
#top .job_tab .tab_item:first-child {
	margin-right: 1px;
}
#top .job_tab .tab_item:nth-child(2) {
	margin-left: 1px;
}
#top .job_content {
	display: none;
	background: #fff;
	padding: 50px;
}
#top .job_content.active {
	display: block;
}
#top .job_intro01 {
	display: flex;
}
#top .job_intro01 .img_box {
	width: 50%;
	padding-right: 30px;
}
#top .job_intro01 .txt_box {
	width: 50%;
	padding-left: 30px;
	padding-top: 30px;
}
#top .job_intro01 .txt_box .job_ttl {
	font-weight: 500;
	font-size: 25px;
	color: #fabe00;
	line-height: 1;
	margin-bottom: 23px;
}
#top .job_intro02 {
	max-width: 1000px;
	margin: 0 auto;
	background: #fff8e3;
	padding: 40px 0;
	margin-top: 50px;
}
#top .job_intro02 .ttl {
	font-size: 20px;
	color: #ff942c;
	line-height: 1;
	margin-bottom: 21px;
	text-align: center;
}
#top .job_intro02 .list_wrap {
	display: flex;
}
#top .job_intro02 .list_wrap .job_list {
	width: 50%;
	padding: 0 25px;
}
#top .job_intro02 .list_wrap .job_list li {
	padding: 8px 0;
	border-bottom: dashed 1px #ff683e;
}
@media print, screen and (min-width : 767px ) {
	
}
/*    recommend
-------------------------------*/
#top .recommend .ttl_01:before {
	content: 'recommend';
}
#top .recommend .recommend_list {
	display: flex;
}
#top .recommend .recommend_list li {
	width: 360px;
	margin-right: 60px;
	border-radius: 50%;
	position: relative;
	background: #ffe8a6;
	top: 10px;
	left: 10px;
}
#top .recommend .recommend_list li:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-radius: 50%;
	background: #fff;
	z-index: -1;
}
#top .recommend .recommend_list li:last-child {
	margin-right: 0;
}
#top .recommend .recommend_list li .inner {
	padding: 140px 40px 100px;
	background: url(../Image/icon_recommend03.png) no-repeat center top 30px;
}
#top .recommend .recommend_list li:nth-child(2) .inner {
	background-image: url(../Image/icon_recommend01.png);
}
#top .recommend .recommend_list li:nth-child(3) .inner {
	background-image: url(../Image/icon_recommend02.png);
}
#top .recommend .recommend_list li .ttl {
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 13px;
	text-align: center;
}
/*    merit
-------------------------------*/
#top .merit {
	overflow: hidden;
}
#top .merit:before {
	content: '';
	width: 43%;
	padding-top: 43%;
	max-width: 737px;
	max-height: 737px;
	top: -334px;
	left: -50px;
	position: absolute;
	background: url(../Image/img_circle03.png) no-repeat;
	background-size: contain;
	
	z-index: -1;
}
#top .merit .ttl_01:before {
	content: 'advantage';
}
#top .merit .merit_wrap {
	display: flex;
	align-items: center;
}
#top .merit .merit_wrap .img_box {
	width: 50%;
	padding-right: 50px;
}
#top .merit .merit_wrap .txt_box {
	width: 50%;
	padding: 80px 0;
	position: relative;
}
#top .merit .merit_wrap .txt_box:after {
	content: '';
	width: 800px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 10px;
	z-index: -1;

}
#top .merit .merit_wrap .merit_list li {
	font-size: 18px;
	font-weight: 500;
	padding-left: 60px;
	position: relative;
	margin-top: 20px;
	line-height: 39px;
}
#top .merit .merit_wrap .merit_list li:first-child {
	margin-top: 0;
}
#top .merit .merit_wrap .merit_list li:before {
	content: '';
	background: url(../Image/icon_01.png) no-repeat;
	width: 45px;
	height: 39px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#top .merit .merit_wrap .merit_list li:nth-child(2):before {
	background-image: url(../Image/icon_02.png);
}
#top .merit .merit_wrap .merit_list li:nth-child(3):before {
	background-image: url(../Image/icon_03.png);
}
#top .merit .merit_wrap .merit_list li:nth-child(4):before {
	background-image: url(../Image/icon_04.png);
}
#top .merit .merit_wrap .merit_list li:nth-child(5):before {
	background-image: url(../Image/icon_05.png);
}
/*    staff
-------------------------------*/
#top .staff {
	background: url(../Image/img_bg01.png) no-repeat;
	background-size: cover;
	overflow: hidden;
}
#top .staff .ttl_01:before {
	content: 'staff interview';
}
#top .staff .interview_wrap .slick-track {
	display: flex;
	justify-content: center;
}
#top .staff .sldWrap {
    position: relative;
}

.nukumori-arrow-box,
.careplan-arrow-box {
    position: absolute;
    width: 1200px;
    height: 57px;
    left: 0;
    right: 0;
    margin: 0 auto;
	bottom: 219px;
}
#top .staff .interview_box {
	background: rgba(255,240,154,0.35);
	padding: 50px 30px;
	display: flex;
	justify-content: space-between;
	width: 1200px;
	position: relative;
	z-index: -10;
	margin: 0 50px;
}
#top .staff .slick-prev, 
#top .staff .slick-next {
	width: 66px;
	height: 57px;
	background: #fff;
	position: absolute;
	box-shadow: 0 1px 7px 1px rgba(0,0,0,0.2);
	border-radius: 10px;
	z-index: 10;
}
#top .staff .slick-prev {
	left: -30px;
}
#top .staff .slick-next {
	right: -30px;
}
@media print, screen and (max-width : 1300px ) {
#top .staff .slick-prev {
	left: 0;
}
#top .staff .slick-next {
	right: 0;
}
}
#top .staff .slick-prev:before,
#top .staff .slick-next:before {
	content: '';
	background: url(../Image/arrow_prev.png) no-repeat;
	width: 18px;
	height: 35px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
}
@media print, screen and (min-width : 767px ) {
	#top .staff .slick-prev:hover, 
#top .staff .slick-next:hover {
	opacity: 0.8;
}
}

#top .staff .slick-next:before  {
	background: url(../Image/arrow_next.png) no-repeat;
	left: inherit;
	right: 20px;
}
#top .staff .interview_box .l_box {
	color: #fff;
	position: relative;
	
}
#top .staff .interview_box .l_box .profile_box {
	line-height: 1;
	padding: 75px 36px;
	position: relative;
	min-width: 244px;
}
#top .staff .interview_box .l_box .profile_box .name {
	display: inline-block;
	font-size: 500px;
	font-size: 27px;
	margin-right: 35px;
	font-weight: 500;
}
#top .staff .interview_box .l_box .profile_box .old {
	font-size: 27px;
}
#top .staff .interview_box .l_box .profile_box .year {
	margin-top: 15px;
}
#top .staff .interview_box .l_box .profile_box .type {
	margin-top: 20px;
}
#top .staff .interview_box .l_box .icon_box {
	position: absolute;
	width: 145px;
	height: 145px;
	background: rgba(255,224,49,0.64);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	    top: 200px;
    right: -40px;
}
#top .staff .interview_box .l_box .profile_box:before {
	content: '';
	width: 100%;
	height:100%;
	background: #ff942c;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
    border-radius: 20px;
}
#top .staff .interview_box .r_box {
	background: #fff;
	border-radius: 10px;
	width: 830px;
	padding-top: 20px;
	padding: 41px 44px;
	z-index: -10;
}
#top .staff .interview_box .r_box .txt_box .q {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 5px;
}
#top .staff .interview_box .r_box .txt_box .q span {
	position: relative;
}
#top .staff .interview_box .r_box .txt_box .q span:after {
	content: '';
	width: 100%;
	height: 7px;
	background: #ff942c;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

#top .staff .interview_box .r_box .txt_box .q.yellow span:after {
	background: #fabe00;
}
#top .staff .interview_box .r_box .txt_box {
	margin-top: 24px;
}
#top .staff .interview_box .r_box .txt_box:first-child {
	margin-top: 0;
}
/*    schedule
-------------------------------*/
#top .schedule {
	overflow: hidden;
}
#top .schedule:before,
#top .schedule:after {
	content: '';
	width: 25%;
	padding-top: 25%;
	max-width: 505px;
	max-height: 505px;
	position: absolute;
	background-size: contain;
}
#top .schedule:before {
	background-image: url(../Image/img_circle01.png);
	top: -121px;
	right: -151px;
}
#top .schedule:after {
	background-image: url(../Image/img_circle02.png);
	bottom: -134px;
	left: -190px;
}
#top .schedule .ttl_01:before {
	content: 'daily schedule';
}
#top .schedule .schedule_tab {
	display: flex;
}
#top .schedule .schedule_tab .tab_item {
	width: 33.3333%;
	border-radius: 10px 10px 0 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    background: #d8d8d8;
    padding: 22px 0 28px;
    text-align: center;
    border-top: solid 6px #d8d8d8;
    line-height: 1;
	margin: 0 1px;
}
#top .schedule .schedule_tab .tab_item:first-child {
	margin-left: 0;
}
#top .schedule .schedule_tab .tab_item:nth-child(2) {
	margin-right: 0;
}
#top .schedule .schedule_tab .tab_item.active {
	background: #fff;
	color: #ff942c;
	border-top: solid 6px #ff942c;
}
#top .schedule .schedule_content {
	display: none;
	background: #fff;
	padding: 50px 150px;
}
#top .schedule .schedule_content.active {
	display: block;
	
}
#top .schedule .schedule_content .top_txt .ttl {
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
}
#top .schedule .schedule_content .top_txt .txt {
	font-size: 24px;
	line-height: 1;
	margin-top: 10px;
}
#top .schedule .schedule_content .top_txt .attention {
	margin-top: 10px;
}
#top .schedule .schedule_content .morning_box {
	background: #fff4e9;
	padding: 30px 35px 20px;
	margin-top: 30px;
}
#top .schedule .schedule_content .table_schedule .main {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	line-height: 1;
	padding: 9px 18px;
	margin-bottom: 8px;
	background: #ff942c;
	display: inline-block;
	border-radius: 3px;
}
#top .schedule .schedule_content .table_schedule .sub {
	padding-top: 5px;
}
#top .schedule .schedule_content .table_schedule .sub + .main {
	margin-top: 10px;
}
#top .schedule .schedule_content .table_schedule th {
	width: 134px;
	padding-left: 48px;
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 400;
	overflow: hidden;
}
#top .schedule .schedule_content.touroku .table_schedule th {
	width: 200px;
}
#top .schedule .schedule_content .table_schedule td {
	padding-bottom: 30px;
}
#top .schedule .schedule_content .table_schedule th:before {
	content: '';
	background: url(../Image/clock_0830.png) no-repeat center / contain;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 5px;
}
#top .schedule .schedule_content .afternoon_box .table_schedule tr:last-child th:after {
	display: none;
}
#top .schedule .schedule_content .table_schedule th.clock_08:before {
	background-image: url(../Image/clock_08.png);
}
#top .schedule .schedule_content .table_schedule th.clock_0830:before {
	background-image: url(../Image/clock_0830.png);
}
#top .schedule .schedule_content .table_schedule th.clock_0845:before {
	background-image: url(../Image/clock_0845.png);
}
#top .schedule .schedule_content .table_schedule th.clock_09:before {
	background-image: url(../Image/clock_09.png);
}
#top .schedule .schedule_content .table_schedule th.clock_10:before {
	background-image: url(../Image/clock_10.png);
}
#top .schedule .schedule_content .table_schedule th.clock_11:before {
	background-image: url(../Image/clock_11.png);
}
#top .schedule .schedule_content .table_schedule th.clock_12:before {
	background-image: url(../Image/clock_12.png);
}
#top .schedule .schedule_content .table_schedule th.clock_1230:before {
	background-image: url(../Image/clock_1230.png);
}
#top .schedule .schedule_content .table_schedule th.clock_13:before {
	background-image: url(../Image/clock_13.png);
}
#top .schedule .schedule_content .table_schedule th.clock_14:before {
	background-image: url(../Image/clock_14.png);
}
#top .schedule .schedule_content .table_schedule th.clock_15:before {
	background-image: url(../Image/clock_15.png);
}
#top .schedule .schedule_content .table_schedule th.clock_1530:before {
	background-image: url(../Image/clock_1530.png);
}
#top .schedule .schedule_content .table_schedule th.clock_17:before {
	background-image: url(../Image/clock_17.png);
}
#top .schedule .schedule_content .table_schedule th.clock_1730:before {
	background-image: url(../Image/clock_1730.png);
}
#top .schedule .schedule_content .table_schedule th.clock_1745:before {
	background-image: url(../Image/clock_1745.png);
}
#top .schedule .schedule_content .table_schedule th.clock_18:before {
	background-image: url(../Image/clock_18.png);
}
#top .schedule .schedule_content .table_schedule th span {
	position: relative;
}
#top .schedule .schedule_content .table_schedule th:after {
	content: '';
	width: 4px;
	height: 100%;
	background: url(../Image/img_dot.png) repeat-y;
	position: absolute;
	top: 44px;
	right: 55px;
}
#top .schedule .schedule_content.touroku .table_schedule th:after {
	right: 94px;
}
#top .schedule .schedule_content .noon_box {
	padding: 10px 35px;
}
#top .schedule .schedule_content .noon_box th {
	
}
#top .schedule .schedule_content .noon_box th:after {
	display: none;
}
#top .schedule .schedule_content .noon_box td {
	padding-bottom: 0;
}
#top .schedule .schedule_content .noon_box .main {
	margin-bottom: 0;
}
#top .schedule .schedule_content .afternoon_box {
	background: #ffe5cd;
	padding: 30px 35px 20px;
}
#top .schedule .schedule_content .bottom_txt {
	margin-top: 13px;
}
/*    qa
-------------------------------*/

#top .qa .ttl_01:before {
	content: 'Q and A';
}
#top .qa .qa_wrap {
	max-width: 1000px;
	margin: 0 auto;
}
#top .qa .question {
	font-size: 18px;
	padding-left: 34px;
	position: relative;
	padding: 22px 20px 22px 50px;
	border-top: solid 1px #d8d8d8;
}
#top .qa .question:first-of-type {
	border-top: none;
}

#top .qa .question:before {
	content: 'Q.';
	font-family: 'Lato', sans-serif;
	color: #ff9c00;
	font-size: 26px;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 25px;
	line-height: 1;
}
#top .qa .answer {
	width: 960px;
	margin: 0 auto;
	background: #fff09a;
	padding: 8px 50px;
	position: relative;
	margin-bottom: 13px;
	border-radius: 3px;
}
#top .qa .answer:before {
	content: 'A.';
	color: #ff9c00;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	left: 20px;
	top: 15px;
	line-height: 1;
}
#top .qa .question.open:after {
	content: "\f068";
}
#top .qa .question:after,
#top .qa .question.close:after{
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 20px;
    color: #d8d8d8;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
#top .sec_btn {
	padding: 80px 0;
}
#top .sec_btn .btn_contact .txt {
	margin-bottom: 15px;
	text-align: center;
}
#top .sec_btn .btn a {
	margin: 0 auto;
}
/*    careplan
-------------------------------*/
#careplan {
	margin-top: 30px;
}
.nukumori_wrap {
	border: solid 10px #fff09a;
	border-radius: 10px;
}
.careplan_wrap {
	border: solid 10px #ffce9e;
	border-radius: 10px;
}
#careplan .ttl_01:before {
	color: #ffe6cd;
}
#careplan .job {
	overflow: hidden;
}
#careplan .job .ttl_01:before {
	content: 'careplan';
}
#careplan .job:before,
#careplan .job:after {
	content: '';
	width: 25%;
	padding-top: 25%;
	max-width: 505px;
	max-height: 505px;
	position: absolute;
	background-size: contain;
}
#careplan .job:before {
	background-image: url(../Image/img_circle04.png);
	top: -175px;
	right: -151px;
}
#careplan .job:after {
	background-image: url(../Image/img_circle05.png);
	bottom: -217px;
	left: -213px;
}
#careplan .job .job_content {
	display: block;
}
#careplan .job_intro01 .txt_box .job_ttl {
	color: #ff942c;
}
#careplan .staff .interview_box {
	    background: rgba(255,206,158,0.35);
}
#careplan .staff .slick-prev:before {
	background: url(../Image/arrow_prev_or.png) no-repeat;
}
#careplan .staff .slick-next:before {
	background: url(../Image/arrow_next_or.png) no-repeat;
}
@media print, screen and (min-width : 767px ) {
	
}