@charset "utf-8";
/* -----------------------------------------------------------
    recruit-nav 
-------------------------------------------------------------- */
#main {
	margin: 0!important;
}


#menu-box,.menu-box {
}

.r-hnav {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 15px -10px rgba(0,0,0,0.6);
	display: block;
	margin: 0 auto;
	padding: 0 15px;
    width: 1250px;
	position: absolute;
	top: 480px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#recruit.r-top .r-hnav {
	top: auto;
	bottom: -30px;
}

.recruit-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.recruit-nav ul {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
    align-items: center;
}

.recruit-nav ul li {
	line-height: 1.7;
	font-weight: bold;
}

.recruit-nav ul li a {
	display: block;
	padding: 5px 13px;
	position: relative;
}

.recruit-nav ul li a:hover {
	color: #F96E6B;
}

.recruit-nav ul li a::before {
	content: "";
	display: block;
	width: 2px;
	height: 50px;
	background: #DFDFDF;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.recruit-nav ul li:last-child a::before {
	display: none;
}

.recruit-nav .entry a {
	border-radius: 5px;
	background: #F96E6B;
	background: #E0004B;
	color: #fff;
	display: inline-block;
	padding: 16px 28px;
	font-weight: bold;
}

.recruit-nav .entry.e02 a{
    background: #007CAD; 
}

.recruit-nav .entry.e03 a{
    background: #DD9100; 
}

.recruit-nav .entry a:hover {
	background: #FC7E87;
}

.recruit-nav .entry.e02 a:hover {
	background: #7BBBD5;
}

.recruit-nav .entry.e03 a:hover {
	background: #E1A412;
}

/*　スクロールしたら　*/
.cb-header {
	box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 5%);
	width: 100%;
	position: fixed;
	top: -100px;
	left: 0;
	z-index: 300;
	background-color: #fff;
}

.cb-header .recruit-nav {
	justify-content: space-around;
}

.cb-header .recruit-nav nav ul {
	justify-content:flex-start;
	padding: 20px 0;
}

.cb-header .recruit-nav ul li {
	text-align: center;
	font-size: 1.5rem;
}

.cb-header .recruit-nav ul li a {
	padding: 5px 16px;
}

.cb-header .recruit-nav ul li a::before {
	height: 100%;
}

.cb-header .recruit-nav ul li:last-child a::before {
	height: 100%;
	display: block;
}

.cb-header .recruit-nav ul li:first-child a::after {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #DFDFDF;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.cb-header .recruit-nav .entry a {
	padding: 16px 28px;
}

/*.cb-header .recruit-nav .entry{
    margin: 0 10px;
}*/


@media screen and (max-width: 768px) {
	
	#header.header-r .sp-nav-area {
		display: flex;
	}
		
	#header.header-r .drawer-hamburger {
		position: relative;
	}
		
	#menu-box,.menu-box {
		box-shadow: none;
		height: auto;
	}
	
	.is-fixed .recruit-nav {
		padding: 0 0 0 0;
	}

	.is-fixed {
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 16;
	  width: 100%;
	}
	
	.r-hnav,
	#recruit.r-top .r-hnav{
		border-radius: 0;
		box-shadow: none;
		display: block;
		margin: 0;
		padding: 0;
		position: static;
		bottom: auto;
		width: 100%;
		left: auto;
		transform: none;
	}
	
	#recruit .recruit-nav {
		display: none;
		padding: 15px 20px 20px;
		background: #f5f5f5;
	}

	.recruit-nav ul {
		display: block;
        padding: 10px 10px;
	}

	.recruit-nav ul li a {
		border-bottom: #f5f5f5 solid 2px;
		padding: 15px;
		background: #fff;
	}
	.recruit-nav ul li:first-child a{
		border-radius: 10px 10px 0 0;
	}
	.recruit-nav ul li:last-child a {
		border-radius: 0 0 10px 10px;
	}
	
	.recruit-nav ul li a:hover {
		color: #333;
	}

	.recruit-nav ul li a::before {
		display: none;
	}

	.recruit-nav .entry {
		margin: 10px auto 0px;
        width: 94%;
	}

	.recruit-nav .entry a {
		border-radius: 5px;
		display: block;
		padding: 15px;
	}

	.recruit-nav .entry a:hover {
		background: #F96E6B;	
	}
	
	.cb-header .recruit-nav {
		display: none;
	}

	.r-under #footer {
		padding: 40px 0 0;
	}

	.r-under .btn-don {
		display: none;
	}
}



/* -----------------------------------------------------------
    採用トップ
-------------------------------------------------------------- */

#recruit.r-top {
	padding: 0 0 0;
}
#recruit.r-top .top-area,
#recruit .top-area{
    padding: 20px 0 0;
	position: static;
}
#recruit .top-area{
    padding: 70px 0 0;
}

/*
#recruit.r-top .h1-area {
	left: 25px;
	top: 130px;
	z-index: 1;
}
#recruit.r-top .breadcrumbs {
	right: 25px;
	top: 130px;
	z-index: 1;
}
*/

#recruit .h1-area {
	left: 25px;
	top: 130px;
	z-index: 1;
}
#recruit .breadcrumbs {
	right: 25px;
	top: 130px;
	z-index: 1;
}

#recruit.r-top .mv-area {
	background-image: url("../img/recruit-mv-mv.jpg"), url("../img/recruit-mv.jpg");
	background-repeat: no-repeat;
	background-position: left -30px top 25px , right -130px center;
	background-size: auto;
	min-height: 860px;
	position: relative;
}

#recruit.r-top .mv-area .page-title-area {
	background: none;
}

#recruit.r-top .mv-area .page-title-area .jp {
	padding: 70px 0 0;
	font-size: 7.0rem;
	font-weight: bold;
}

#recruit.r-top .mv-area .page-title-area .en {
	font-family: 'Raleway', sans-serif;
	background: url("../img/bg-title-box-recruit.png") no-repeat center;
	color: #fff;
	letter-spacing: 0.3em;
	text-align: center;
	width: 113px;
	height: 69px;
	line-height: 69px;
	margin: 30px 0 0;
	color: #111;
}

#recruit.r-top .mv-area .recruit-nav {
	bottom: 170px;
}

#recruit.r-top .recruit-top-area .top-txt h3 {
	font-size: 4.0rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 30px;
}

#recruit.r-top .recruit-top-area .top-txt p {
	padding: 0 0 5px;
}

#recruit.r-top .recruit-top-area .top-txt-div {
	display: flex;
}

#recruit.r-top .recruit-top-area .top-txt-div .btn {
	box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	line-height: 0;
	margin: 0 0 0 100px;
	transition: 0.3s;
}

#recruit.r-top .recruit-top-area .top-txt-div .btn:hover {
	box-shadow: none;
}

#recruit.r-top .recruit-top-area .top-txt-div .btn img {
	line-height: 0;
}

#recruit.r-top .recruit-top-area .recruit-top-box {
	margin: 140px 0 0;
	background: #FFFCF8;
	position: relative;
	padding: 0 0 140px;
}

#recruit.r-top .recruit-top-area .recruit-top-box::before {
	background-image: url("../img/bg-recruit-top-wave.jpg");
	position: absolute;
	bottom: 0;
	content: "";
	width: 100%;
	height: 140px;
	background-position: center top;
	background-size: 100% 140px;
	background-repeat: no-repeat;
}

#recruit.r-top .recruit-top-area .recruit-top-box .inner {
	display: flex;
	justify-content: space-between;
}

#recruit.r-top .recruit-top-area .recruit-top-box .inner div {
	width: 580px;
	position: relative;
	padding: 280px 0 0;
}

#recruit.r-top .recruit-top-area .recruit-top-box .inner div::before {
	position: absolute;
	top: -50px ;
	content: "";
	width: 580px;
	height: 300px;
	background-position: center top;
	background-size: auto;
	background-repeat: no-repeat;
	border-radius: 20px;
}

#recruit.r-top .recruit-top-area .recruit-top-box .inner div:nth-child(1)::before {
	background-image: url("../img/img-recruit-top01.jpg");
}

#recruit.r-top .recruit-top-area .recruit-top-box .inner div:nth-child(2)::before {
	background-image: url("../img/img-recruit-top02.jpg");
}

#recruit.r-top .recruit-top-area .recruit-top-box .inner div h4 {
	font-weight: bold;
	font-size: 2.6rem;
	line-height: 1.5;
	color: #FC7E87;
	text-align: center;
	padding: 0 0 20px;
	color: #E0004B;
}

#recruit.r-top .recruit-top-area .recruit-top-box .inner div p {
	padding: 0 0 10px;
}
	
.recruit-area {
	padding: 50px 0 100px; 
}

.recruit-area .box{
    display: flex;
    justify-content: space-between;
    margin: 50px 0px 50px;
}
.recruit-area .box a {
	display: block;
	line-height: 0;
}

.recruit-area .btn{
	position: relative;
	transition: 0.5s;
	border-radius: 20px;
	box-shadow: 10px 20px 30px rgba(0, 0, 0, .1);
}
.recruit-area .btn img {
	border-radius: 20px;
 }
.recruit-area .btn:hover{
	box-shadow: 10px 20px 30px rgba(0, 0, 0, .05);
	margin: 10px 0 -10px;
}

.recruit-area .btn .text{
	box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.1);
    width: 200px;
    background-color: #fff;
    padding: 40px 20px;
    position: absolute;
    top: 80px;
    left: 40px;
    text-align: left;
	border-radius: 10px;
}
.recruit-area .btn .text2{
    width: 370px;
    display: flex;
    justify-content: space-between;
	align-items: center;
    background-color: #fff;
    padding: 20px 20px;
    position: absolute;
    bottom: 0px;
	border-radius: 0 0 20px 20px;
}
.recruit-area .btn h5{
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 5px;
	line-height: 1.5;
}
.recruit-area .btn .text2 h5{
    margin-bottom: 0;
}
.recruit-area .btn p{
    font-family: 'Raleway', sans-serif;
    color: #F96E6B;
	color: #E0004B;
    font-size: 1.4rem; 
    font-weight: bold;
	letter-spacing: 0.3em;
}
.recruit-area .btn .text2 p{
    font-size: 1.2rem;
}
.recruit-area .link{
    display: flex;
    justify-content: end;
}
.recruit-area .link a{
  background: transparent;
  padding: 20px;
  border: 1px solid #B7B1AA;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transition: .3s;
  margin-left: 20px;

}
.recruit-area .link a span{
    padding-left: 90px;
}
.recruit-area .link a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #F96E6B;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease .3s;
    
  }


.recruit-area .link a:hover {
    color: #fff;
    border: 1px solid #F96E6B;
  }
.recruit-area .link a:hover::before {
    transform-origin: 0% 50%;
    transform: scaleX(1);
  }

@media screen and (max-width: 768px){

	#recruit.r-top {
		padding: 0 0 0;
	}
	#recruit.r-top .top-area,
	#recruit .top-area{
		padding: 0 0 0;
	}

	#recruit.r-top .mv-area {
		
		background-image: url("../img/recruit-mv-mv.jpg"), url("../img/recruit-mv.jpg");
		background-position: left -10px top 5px , center top 10px;
		
		
		background-size: 60px auto , auto 220px;
		min-height: 220px;
		margin: 0 0 0;
		z-index: inherit;
	}

	#recruit.r-top .mv-area .page-title-area {
		padding: 0 20px 30px;
	}

	#recruit.r-top .mv-area .page-title-area .jp {
        padding: 100px 0 0;
        font-size: 2.4rem;
        text-align: center;
	}

	#recruit.r-top .mv-area .page-title-area .en {		
		background-size: 100% auto ;
		letter-spacing: 0.2em;
		font-size: 1.0rem;
		width: 64px;
		height: 40px;
		line-height: 40px;
		margin: 10px auto 0;
	}

	#recruit.r-top .mv-area .recruit-nav {
		display: none;
        max-width: 100%;
        min-width: 100%;
        padding: 0 0 20px;
	}
	
	#recruit.r-top .recruit-top-area .top-txt {
		padding: 30px 20px 0
	}

	#recruit.r-top .recruit-top-area .top-txt h3 {
		font-size: 2.6rem;
		padding:0 0 20px;
	}
	
	#recruit.r-top .recruit-top-area .top-txt-div {
		display: block;
        padding: 10px 10px;
	}

	#recruit.r-top .recruit-top-area .top-txt-div .btn {
		margin: 20px 0 0;
	}

	#recruit.r-top .recruit-top-area .top-txt-div .btn:hover {
		box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0.1);
	}

	#recruit.r-top .recruit-top-area .top-txt-div .btn img {
		width: 100%;
	}

	#recruit.r-top .recruit-top-area .recruit-top-box {
		margin: 30px 0 0;
		padding: 40px 20px 50px;
	}

	#recruit.r-top .recruit-top-area .recruit-top-box::before {
		height: 50px;
		background-size: 100% 50px;
	}

	#recruit.r-top .recruit-top-area .recruit-top-box .inner {
		display: block;
		justify-content:flex-start;
	}

	#recruit.r-top .recruit-top-area .recruit-top-box .inner div {
		width: 100%;
		padding: 170px 0 0;
	}

	#recruit.r-top .recruit-top-area .recruit-top-box .inner div:nth-child(1) {
		margin: 0 0 20px;
	}

	#recruit.r-top .recruit-top-area .recruit-top-box .inner div::before {
		top:0 ;
		content: "";
		width: 100%;
		height: 150px;
		background-size: cover;
		border-radius: 5px;
	}

	#recruit.r-top .recruit-top-area .recruit-top-box .inner div h4 {
		font-size: 2.0rem;
		padding: 0 0 15px;
	}

	#recruit.r-top .recruit-top-area .recruit-top-box .inner div p {
		padding: 0 0 5px;
	}
	
    .recruit-area {
		padding: 20px 10px 40px;
	}
	
    .recruit-area .box{
        display: flex;
        margin-bottom: 0px;
        flex-wrap: wrap;
        justify-content: center;
		margin: 20px 0 0;
    }
	.recruit-area .box.box-m{
		margin: 0;
		justify-content: space-between;
	}
	.recruit-area .box.box-m .btn-sp {
		width: 48%;
	}
    .recruit-area .box:first-child{
        display: flex;
        flex-wrap: wrap;        
    }
    .recruit-area .btn,
	.recruit-area .btn:hover{
        margin: 0 0 20px;
    }
	.recruit-area .btn{
		border-radius: 10px;
	}
	.recruit-area .btn img {
		border-radius: 10px;
	 }
	
    .recruit-area .btn img {
		width: 100%;
    }
    .recruit-area .btn .text{
        display: flex;
        width: 100%;
        bottom: 0px;
        left: 0px;
        top: auto;
        justify-content: space-between;
		align-items: center;
        padding: 10px;
		border-radius: 0 0 10px 10px;
		box-shadow: none;
    }
    .recruit-area .btn .text2{
        width: 100%;
        bottom: 0px;
        left: 0px;
        top: auto;
        justify-content: space-between;
        padding: 10px 5px;
		border-radius: 0 0 10px 10px;
		box-shadow: none;
    }
	.recruit-area .btn h5{
		font-size: 1.8rem;
		margin-bottom: 0;
	}
	.recruit-area .box-m .btn h5{
		font-size: 1.6rem;
	}
    .recruit-area .btn .text2 span{
        display: none;
    }
    .recruit-area .box-m .btn .text2 p {
		font-size: 1.0rem;
    }
    /* .recruit-area .btn:first-child{
        margin-bottom: 20px;
    } */
    .recruit-area .link p{
        width: 175px;
        margin-left: 0px;
        padding: 10px 5px;
    }
    .recruit-area .link {
        justify-content: space-between;
		padding: 15px 0 20px;
    }
    .recruit-area .link p span {
        padding-left: 30px;
    }
    .recruit-area .link a{
		width: 100%;
		padding: 15px;
		position: relative;
		font-weight: bold;
    }
    .recruit-area .link a:first-child{
		margin: 0;
    }
    .recruit-area .link a span{
		position: absolute;
		right: 20px;
    }
}

/* -----------------------------------------------------------
    仕事内容
-------------------------------------------------------------- */
.works-area .works-list{
}
.works-area .works-list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.works-area .works-list li{
	margin-bottom: 40px;
	position: relative;
}
.works-area .works-list li a {
	display: block;
	background-color: #fff;
	padding: 25px 25px 35px 25px;
	box-shadow: 10px 20px 30px rgba(0, 0, 0, .1);
	border-radius: 20px;
}
.works-area .works-list li a:hover{
    box-shadow: 10px 20px 30px rgba(0, 0, 0, .08);
}
.works-area .works-list li.cate01 a:hover{
    background: #FFDDE2;
}
.works-area .works-list li.cate02 a:hover{
    background: #FBEBD1;
}
.works-area .works-list li.cate03 a:hover{
    background: #DBF3EE;
}
.works-area .works-list li.cate04 a:hover{
    background: #DCEEF8;
}

.works-area .works-list h3{
	margin-top: 30px;
	font-size: 2.4rem;
	font-weight: bold;
}
.works-area .works-list .more{
    border-radius: 5px;
    text-align: center;
    position: absolute;
    bottom: 35px;
    right: 30px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background: url("../img/chevron-right_wht.svg") no-repeat center center / 8px auto;
    
}
.works-area .works-list .more span {
	color: #fff;
}
.works-area .works-list .cate01 .more{
	background-color: #FF909E;
}
.works-area .works-list .cate02 .more{
	background-color: #F3BD67;
}
.works-area .works-list .cate03 .more{
	background-color: #88D8C6;
}
.works-area .works-list .cate04 .more{
	background-color: #8AC8E7;
}

@media screen and (max-width: 768px){
	
	.works-area .works-list{
		padding: 0 0px 0;
	}
	.works-area .works-list ul{
		display: block;
	}
	.works-area .works-list li{
		margin-bottom: 20px;
	}
	.works-area .works-list li img{
		width: 100%;
	}
	.works-area .works-list li a {
		padding: 15px 15px 22px 15px;
		border-radius: 10px;
	}
	.works-area .works-list h3{
		margin: 18px 0 0;
		font-size: 2rem;
		text-align: left;
	}
	.works-area .works-list .more{
		bottom: 20px;
		right: 15px;
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
	.works-area .works-list .more span {

	}
}


/* -----------------------------------------------------------
    仕事内容(詳細)
-------------------------------------------------------------- */

#recruit .works-area{
	margin: 110px auto 80px;
	text-align: center;

}
.works-area .about-area{
	padding-bottom: 50px;
}
.works-area .about-area .catch{
	margin-bottom: 20px;
	font-size: 4rem;
}
.works-area .about-area .text{
	margin-top: 50px;
}
.works-area .about-area .text p.catch{
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0;
}
.works-area .about-area .text p:nth-child(2){
	margin-top: 20px;
}
.works-area .about-area .feature{
	margin-bottom: 50px;	
}
.works-area .business-area{
	position: relative;
	background: url("../img/top-facility-bg2.jpg") #F3F9F3 no-repeat right top / 100% auto;
    background-repeat: no-repeat;
	padding: 90px 0 60px;
	margin: 0 -25px 80px;
}

.works-area .business-area .catch{
	font-size: 4rem;
}

/*
.works-impediment .works-area .business-area .title .en {
	color: #FC7E87;
}
.works-impediment .works-area .business-area .title .jp {
	background-image: url(../img/bg-title-txt-p.png);
}
.works-elderly .works-area .business-area .title .en {
	color: #F3BD67;
}
.works-elderly .works-area .business-area .title .jp {
	background-image: url(../img/bg-title-txt-y.png);
}
.works-child-welfare .works-area .business-area .title .en {
	color: #64CCB5;
}
.works-child-welfare .works-area .business-area .title .jp {
	background-image: url(../img/bg-title-txt-g.png);
}
.works-childcare .works-area .business-area .title .en {
	color: #7DB9E1;
}
.works-childcare .works-area .business-area .title .jp {
	background-image: url(../img/bg-title-txt-b.png);
}
*/


/*
.works-area .business-area::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 300px;
	background: #FFFCF8;
	z-index: -1;
	left: 0px;
	top: 0px;
}
.works-area .business-area::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 288px;
	background-image: url(../img/bg-rec-work-wave.png);
	z-index: -1;
	left: 0px;
	top: 240px;
	background-repeat: no-repeat;
	background-size: cover;
}
*/

.works-child-welfare .works-area .business-area .business-list{
	width: 810px;
	margin: 0 auto;
}
.works-area .business-area .business-list{
	display: flex;
	justify-content: space-between;
}
.works-area .business-area .business-list li{
	width: 390px;
}
.works-area .business-area .business-list .title{
	font-size: 2.6rem;
	font-weight: bold;
	margin: 30px 0px 20px;
}

/*
.works-impediment .works-area .business-area .business-list .title{
	color: #FC7E87;
}
.works-elderly .works-area .business-area .business-list .title{
	color: #F3BD67;
}
.works-child-welfare .works-area .business-area .business-list .title{
	color: #64CCB5;
}
.works-childcare .works-area .business-area .business-list .title{
	color: #7DB9E1;
}
*/

.works-area .business-area .business-list .feature{
	text-align: left;
}
.works-area .occupation-area .inner{
	display: flex;
	background-color: #f7f7f7;
	padding: 70px;
	border-radius: 20px;
	width: 100%;
}
.works-area .occupation-area .title{
	margin-top: 20px;
	margin-right: 75px;
	width: 125px;
	text-align: left;
}
.works-area .occupation-area .title .jp{
	background-position: left bottom;
}
.works-impediment .works-area .occupation-area .title .en {
	color: #E0004B;
}
.works-impediment .works-area .occupation-area .title .jp {
	background-image: url(../img/bg-title-txt-p.png);
}
.works-elderly .works-area .occupation-area .title .en {
	color: #9D650B;
}
.works-elderly .works-area .occupation-area .title .jp {
	background-image: url(../img/bg-title-txt-y.png);
}
.works-child-welfare .works-area .occupation-area .title .en {
	color: #287B6B;
}
.works-child-welfare .works-area .occupation-area .title .jp {
	background-image: url(../img/bg-title-txt-g.png);
}
.works-childcare .works-area .occupation-area .title .en {
	color: #2279A5;
}
.works-childcare .works-area .occupation-area .title .jp {
	background-image: url(../img/bg-title-txt-b.png);
}

.works-area .occupation-area .occupation-list{
	width: calc(100% - 200px);
}
.works-area .occupation-area .occupation-list li{
	/*display: flex;*/
	text-align: left;
	padding: 30px 50px 30px 40px;
	background-color: #fff;
	margin-bottom: 10px;
	border-radius: 10px;
}
.works-area .occupation-area .occupation-list li:last-of-type{
	margin-bottom: 0;
}
.works-area .occupation-area .occupation-list .job{
	font-size: 2.0rem;
	font-weight: bold;
	/*margin-right: 20px;
	width: 100px;*/
}
.works-impediment .works-area .occupation-area .occupation-list .job {
	color: #E0004B;
}
.works-elderly .works-area .occupation-area .occupation-list .job {
	color: #9D650B;
}
.works-child-welfare .works-area .occupation-area .occupation-list .job {
	color: #287B6B;
}
.works-childcare .works-area .occupation-area .occupation-list .job {
	color: #2279A5;
}

.works-area .occupation-area .occupation-list .feature{
	max-width: 660px;
	text-align: left;
}

@media screen and (max-width: 768px){
	#recruit .works-area{
		width: 100%;
		margin: 0 auto;
		padding: 30px 0px 30px;
		/*
		background: #f6f6f6;
		*/
	}
	.works-area .about-area{
		padding-bottom: 30px;
	}

	.works-area .about-area .catch{
		text-align: left;
		font-size: 2.4rem;
		margin-bottom: 10px;
	}
	
	.works-area .about-area .inner img{
		width: 100%;
	}
	.works-area .about-area .text {
		margin-top: 30px;
		text-align: left;
	}
	.works-area .about-area .text p.catch{
		font-size: 2rem;
		font-weight: bold;
		margin: 0;
	}
	.works-area .about-area .text p:nth-child(2){
		margin-top: 15px;
	}
	.works-area .about-area .feature {
		margin-bottom: 30px;
		text-align: left;
	}
	.works-area .business-area {
		padding: 50px 0 10px;
		margin: 0 auto;
	}
	/*
	.works-area .business-area::after{
		top: auto;
		background-image: url(../img/int-01-bg-wave-y.png);
		height: 60px;
		z-index: 0;
		background-size: contain;
		bottom: -60px;
	}
	*/
	.works-area .business-area .catch {
		font-size: 2.2rem;
		margin: 0 0 25px;
		text-align: left;
	}
	.works-area .business-area .business-list{
		display: block;
	}
	.works-child-welfare .works-area .business-area .business-list{
		width: 100%;
		margin: 0 auto;
	}
	.works-area .business-area .business-list li{
		width: 100%;
		margin-bottom: 30px;
	}
	.works-area .business-area .business-list li img{
		width: 100%;
	}
	.works-area .business-area .business-list .title {
		margin: 20px 0px 15px;
		font-size: 2.2rem;
	}
	.works-area .occupation-area .inner{
		display: block;
		padding: 10px 20px 30px;
		border-radius: 0px;
		margin: 20px 0 0;
	}
	.works-area .occupation-area .title {
		margin-right: 0px;
		width: 100%;
		text-align: center;
	}
	
	.works-area .occupation-area .occupation-list{
		width: 100%;
	}
	.works-area .occupation-area .occupation-list li {
		display: block;
		padding: 20px;
		margin-bottom: 10px;
	}
	.works-area .occupation-area .occupation-list .job {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}
}




/*   エントリーエリア
--------------------------------------- */
.entry-area{
	background-image: url("../img/bg-recruit-contact.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 80px 0px;
	background-size: cover;
}
.entry-area .text .title{
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	letter-spacing: 0.3em;
	color: #FC7E87;
	color: #E0004B;
	font-size: 1.4rem;
	margin: 0 0 20px;
}
.entry-area .catch{
	font-size: 4.0rem;
	font-weight: bold;
	margin-bottom: 25px;
}
.entry-area .btn-box {
	display: flex;
	justify-content: flex-start;
}
.entry-area .btn-more{
    width: 100%;
    max-width: 300px;
	font-size: 2.6rem;
	margin: 0 20px 0 0;
}
.entry-area .btn-more a{
    padding: 25px 20px;
    font-weight: bold;
	background: #F96E6B;
	background: #E0004B;
    border-radius: 5px;
	color: #fff;
	transition: .3s;
	display: block;
	position: relative;
	box-shadow: 10px 20px 30px rgba(0, 0, 0, .2);
}
.entry-area .btn-more.btn-mainabi a {
}
.entry-area .btn-more.btn-mainabi em {
	font-size: 1.8rem;
	font-weight: bold;
	display: block;
	padding: 0 0 7px;
}
.entry-area .btn-more.btn-mainabi a {
    padding: 10px 20px;
	line-height: 1;
	background: #00aaeb;
	background: #007CAD;
	text-align: center;
}
.entry-area .btn-more.btn-mainabi a img {
	height: 46px;
}
.entry-area .btn-more .fa {
	font-size: 2.0rem;
	position: absolute;
	right:  20px;
	top: 35px;
}
.entry-area .btn-more a:hover{
    box-shadow: none;
	color: #fff;
}
@media screen and (max-width: 768px){
    .entry-area{
		background-image: url("../img/bg-recruit-contact-sp.jpg");
		padding: 100px 10px 0;
		background-position: right top;
		min-height: 375px;
	}
	.entry-area .text .title{
		margin: 0 0 10px;
	}
	.entry-area .catch{
		font-size: 2.0rem;
		margin-bottom: 30px;
	}
	.entry-area .btn-more{
		margin: 0;
	}
	.entry-area .title{
		text-align: left;
	}
	.entry-area .btn-box {
		display: block;
	}
	.entry-area .btn-more{
		width: 100%;
		max-width: 100%;
		font-size: 1.8rem;
		margin: 0 0 10px;
	}
	.entry-area .btn-more a{
		padding: 15px;
	}
	.entry-area .btn-more .fa {
		font-size: 2rem;
		right:  10px;
		top: 22px;
	}
	.entry-area .btn-more.btn-mainabi em {
		display: inline-block;
		padding: 0;
	}
	.entry-area .btn-more.btn-mainabi a {
		display: flex;
		align-items: center;
	}
	.entry-area .btn-more.btn-mainabi a img {
		margin: 0 0 0 10px;
	}
}

/* -----------------------------------------------------------
    代表メッセージ
-------------------------------------------------------------- */

/* 準備中 */
.recruit-message-area .preparation{
	font-size: 3rem;
	font-weight: bold;
}

@media screen and (max-width: 768px){
	.recruit-message-area .preparation{
	font-size: 2rem;
}
}


#recruit .recruit-message-area {
	min-width: 1000px;
	max-width: 1000px;
	margin: 100px auto 60px;
}

#recruit .recruit-message-area .txt-box {
	padding: 50px 0 0;
}

#recruit .recruit-message-area .txt-box p {
	padding:  0 0 20px;
}

#recruit .recruit-message-area .txt-box .catch{
	font-size: 3rem;
	margin-top: 40px;
	margin-bottom: 0;
}

#recruit .recruit-message-area .name {
	text-align: right;
	padding: 20px 0 0;
}

@media screen and (max-width: 768px){

	#recruit .recruit-message-area {
		min-width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 25px 25px 30px;
	}

	#recruit .recruit-message-area .img-box img {
		width: 100%;
	}

	#recruit .recruit-message-area .txt-box {
		padding: 30px 0 0;
	}
	
	#recruit .recruit-message-area .txt-box p {
		padding:  0 0 10px;
	}

	#recruit .recruit-message-area .txt-box .catch{
	font-size: 2.2rem;
    margin-top: 30px;
	}
	
	#recruit .recruit-message-area .name {
		padding: 10px 0 0!important;
	}
	#recruit .recruit-message-area .name img {
		width: 120px;
	}
	

}


/* -----------------------------------------------------------
    スタッフインタビュー
-------------------------------------------------------------- */

#recruit .recruit-interview-area{
	margin: 120px auto 80px;
}

.recruit-interview-area .intro-area{
	text-align: center;
}
.recruit-interview-area .catch{
	font-size: 4rem;
	text-align: center;
	margin: 0 0 20px;
}

#recruit .recruit-interview-area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}
#recruit .recruit-interview-area ul li{
	width: 580px;
	margin-bottom: 70px;
	position: relative;
	transition: 0.5s;
}

#recruit .recruit-interview-area ul li:nth-of-type(n+3){
	margin-bottom: 0;
}

#recruit .recruit-interview-area ul li a {
	overflow: hidden;
	display: block;
	box-shadow: 10px 20px 30px rgba(0, 0, 0, .1);
	border-radius: 20px;
	background-color: #fff;
}

#recruit .recruit-interview-area ul li a:hover{
	box-shadow: 10px 20px 30px rgba(0, 0, 0, .05);
	/*
	margin: 10px 0 -10px;
	*/
}

#recruit .recruit-interview-area ul li .text{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	bottom: 0px;
	padding: 25px 30px;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: bold;
	background-color: #fff;
	border-radius: 0 0 20px 20px;
	transition: 0.3s;
}
#recruit .recruit-interview-area ul li a:hover .text{
	background: #FFDDE2;
	padding: 25px 20px 25px 40px;
}

#recruit .recruit-interview-area ul li h3 {
	font-size: 1.8rem;
	font-weight: bold;
}
#recruit .recruit-interview-area ul li .name{
	font-size: 1.8rem;
	color: #FC7E87;
	color: #E0004B;
	font-weight: bold;
}


@media screen and (max-width: 768px){
	
	#recruit .recruit-interview-area{
		width: 100%;
		margin: 0 auto;
		padding: 40px 0px;
	}
	
	.recruit-interview-area .intro-area{
		text-align: left;
	}
	.recruit-interview-area .catch{
		font-size: 2.4rem;
		text-align: left;
		margin: 0 0 15px;
	}
	
	#recruit .recruit-interview-area ul{
		margin-top: 30px;
	}
	/*
	#recruit .recruit-interview-area ul li a:hover{
		margin: 0;
	}
	*/
	#recruit .recruit-interview-area ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	#recruit .recruit-interview-area ul li:nth-of-type(n+3){
		margin-bottom: 20px;
	}
	#recruit .recruit-interview-area ul li img {
		width: 100%;
		margin: 0;
	}
		
	#recruit .recruit-interview-area ul li .text{
		display: block;
		position: static;
		bottom: auto;
		padding: 15px;
		font-size: 1.8rem;
		line-height: 1.5;
		background-color: #fff;
		border-radius: 0 0 20px 20px;
	}
	#recruit .recruit-interview-area ul li a:hover .text{
		padding: 15px;
	}

	
}

/* -----------------------------------------------------------
    スタッフインタビュー(詳細)
-------------------------------------------------------------- */
.r-interview .page-title-area {
    border-radius: 20px 20px 0 0;
	padding: 40px 0 0!important;
	min-height: 530px;
	display: flex;
	align-items: center;
}

.r-interview .page-title-area.int-page-01 {
	background: url("../img/int01-mv.png") no-repeat center bottom!important;
	background-size: cover!important;
}

.r-interview .page-title-area.int-page-02 {
	background: url("../img/int02-mv.png") no-repeat center bottom!important;
	background-size: cover!important;
}

.r-interview .page-title-area.int-page-03 {
	background: url("../img/int03-mv.png") no-repeat center bottom!important;
	background-size: cover!important;
}

.r-interview .page-title-area.int-page-04 {
	background: url("../img/int04-mv.png") no-repeat center bottom!important;
	background-size: cover!important;
}

.r-interview .page-title-area.int-page-04 {
	background: url("../img/int04-mv.png") no-repeat center bottom!important;
	background-size: cover!important;
}
/*.r-interview .page-title-area::after {
	content: "";
	background-image: url(../img/int-01-bg-wave-y.png);
	width: 100%;
	height: 59px;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	bottom: -59px;
	left: 0px;
}
.r-interview .page-title-area .inner {
	display: flex;
	align-items: center;
	position: relative;
}*/
.r-interview .page-title-area h2{
	font-size: 4.5rem;
	line-height: 1.7;
	font-weight: bold;
	margin-bottom: 60px;
	bottom: 0px;
}
.r-interview .page-title-area .text{
	margin-right: 60px;
}
.r-interview .page-title-area .name{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	background-image: url(../img/bg-title-box-recruit.png);
	background-repeat: no-repeat;
	display: inline-block;
	color: #fff;
	color: #111;
	letter-spacing: 0.3em;
	text-align: center;
	width: 113px;
	height: 69px;
	line-height: 69px;
}
.r-interview .page-title-area .title-img{
	position: relative;
	z-index: 0;
	padding: 0 0 20px;
}
.r-interview .bg-box {
    width: 100%;
    height: 500px;
    background-attachment: fixed;
    background-position: center top 75px;
    background-size: cover;
	position: relative;
}
.r-interview .bg-box.box01 {
	background-image: url(../img/int01-bg.jpg);
}
.r-interview .bg-box.box02 {
	background-image: url(../img/int02-bg.jpg);
}
.r-interview .bg-box.box03 {
	background-image: url(../img/int03-bg.jpg);
}
.r-interview .bg-box.box04 {
	background-image: url(../img/int04-bg.jpg);
}
.r-interview .bg-box::before{
	content: "";
	background-image: url(../img/int-01-bg-wave.png);
	position: absolute;
	width: 100%;
	height: 70px;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: 100% 70px;
	display: block;
}
/*.rec-content-area{
	position: relative;
}
.rec-content-area:after{
	content: "";
	width: 100%;
	height: 500px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
}
.int01.rec-content-area:after{
	background-image: url(../img/int01-bg.jpg);
}
.int02.rec-content-area:after{
	background-image: url(../img/int02-bg.jpg);
}
.int03.rec-content-area:after{
	background-image: url(../img/int03-bg.jpg);
}
.int04.rec-content-area:after{
	background-image: url(../img/int04-bg.jpg);
}:*/
.rec-content-area .box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 130px;
	align-items:flex-end;
	flex-flow: row-reverse;
}
.rec-content-area .box:nth-child(2n){
 flex-flow: row;
}
.rec-content-area .box .text-box p {
	padding: 0 0 0 50px;
}
.rec-content-area .box .catch{
	font-size: 3.0rem;
	font-weight: bold;
	color: #FC7E87;
	color: #E0004B;
	margin-bottom: 30px;
	position: relative;
	text-align: left;
	padding-left: 50px;
}
.rec-content-area .box .catch::before{
	content: "";
	background-image: url(../img/bg-title-txt-p.png);
	position: absolute;
	width: 24px;
	height: 6px;
	left: 0px;
	top: 25px;
}
.rec-content-area .box .text-box{
	margin: 0px 100px 0px 0px;
}
.rec-content-area .box:nth-child(2n) .text-box{
	margin: 0px 0px 0px 100px;
}
.rec-content-area .box .text-box p:nth-child(2){
	margin-top: 0px;
}
.rec-content-area .box img{
	border-radius: 10px;
}
.message-area{
	margin: 60px 0 auto;
	/*padding-top: 600px;
	position: relative;*/
}
.message-area .inner {
	min-width: 1000px;
	max-width: 1000px;
}
.message-area .catch{
	/*
	background-color: #FC7E87;
	color: #fff;
	font-size: 2.6rem;
	font-weight: bold;
	padding: 20px 60px;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 30px;
	*/
	font-size: 2.6rem;
	font-weight: bold;
	color: #FC7E87;
	color: #E0004B;
	margin: 0 0 40px;
}
.message-area .text{
	margin-top: 20px;

}
.message-area .text:first-of-type{
	margin-top: 0px;

}
@media screen and (max-width: 768px){
	.r-interview .page-title-area {
		border-radius: 20px 20px 0 0;
		padding: 0 20px 0!important;
		min-height: 300px;
		display: block;
		align-items: stretch;
		position: relative;
	}

	.r-interview .page-title-area.int-page-01 {
		background: url("../img/int01-mv-sp.png") no-repeat top center!important;
		background-size: auto 100%!important;
	}

	.r-interview .page-title-area.int-page-02 {
		background: url("../img/int02-mv-sp.png") no-repeat top center!important;
		background-size: cover!important;
	}

	.r-interview .page-title-area.int-page-03 {
		background: url("../img/int03-mv-sp.png") no-repeat top center!important;
		background-size: cover!important;
	}

	.r-interview .page-title-area.int-page-04 {
		background: url("../img/int04-mv-sp.png") no-repeat top center!important;
		background-size: cover!important;
	}
	.r-interview .page-title-area::after {
		background-size: contain;
	}
	/*.r-interview .page-title-area img{
		width: 100%;
	}
	.r-interview .page-title-area .text{
		position: absolute;
		bottom: 0px;
		margin-right: 0;
	}*/
	.r-interview .page-title-area .inner {
		position: absolute;
		bottom: 0;
	}
	.r-interview .page-title-area h2{
		text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
		font-size: 2.0rem;
		margin-bottom: 15px;
	}
	.r-interview .page-title-area .name{
		background-size: 100% auto;
		letter-spacing: 0.2em;
		font-size: 1.0rem;
		display: inline-block;
		width: 64px;
		height: 40px;
		line-height: 40px;
	}
	.r-interview .bg-box {
		width: 100%;
		height: auto;
		/*
		background-attachment: local;
		*/
		background-repeat: no-repeat;
		background-position: center top;
		background: none;
	}
	.r-interview .bg-box::before{
		height: 30px;
		background-size: 100% 30px;
	}
	.r-interview .page-title-area .title-img:after{
		content: none;
	}

	#recruit .rec-content-area{
		width: 100%;
		margin: 0 auto;
		padding: 0 0px 0;
	}
	.rec-content-area .box{
		display:block;
		margin-bottom: 20px;
	}
	.rec-content-area .box .text-box{
		width: 100%;
		margin-bottom: 0;
		margin: 0px 0 0 0px;
	}
	.rec-content-area .box:nth-child(2n) .text-box{
		margin: 0px;
	}

	.rec-content-area .box .text-box p:last-of-type{
		margin-bottom: 30px;
	}
	.rec-content-area .box img{
		width: 100%;
		margin: 0 0 20px;
	}
	.rec-content-area .box .text-box p {
		padding: 0;
	}
	.rec-content-area .box .text-box .catch{
		margin-bottom: 15px;
		font-size: 2.2rem;
		padding-left: 0;
	}
	.rec-content-area .box .catch::before{
		top: 10px;
		display: none;
	}
	.rec-content-area:after{
		content: none;
	}
	.message-area{
		margin: 20px auto 0;
		/*padding-top: 600px;
		position: relative;*/
	}
	.message-area .inner {
		min-width: 100%;
		max-width: 100%;
	}
	
	.message-area .catch{
		font-size: 2.2rem;
		margin: 0 0 20px;
		text-align: left;
	}
	
}


/* -----------------------------------------------------------
    教育制度
-------------------------------------------------------------- */
.recruit-education-area{
	padding: 120px 0px 80px;
}

.recruit-education-area .catch{
	font-size: 4rem;
}

.recruit-education-area .box{
	text-align: center;
	margin-bottom: 75px;
}

.recruit-education-area .box h3 {
	font-weight: bold;
	font-size: 4.0rem;
	padding: 0 0 30px;
}

.recruit-education-area .content-box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}
.content-box:nth-child(1){
	flex-direction: row-reverse;
}
.recruit-education-area .content-box .img{
	margin-right: 100px;
	position: relative;
}
.recruit-education-area .content-box .img:nth-child(odd):after{
 	position: absolute;
    content: '';
    top: 120px;
    left: -510px;
    width: 1110px;
    background: #FFFCF8;
	border-radius: 0px 20px 20px 0px;
	height: 370px;
	z-index: -1;
}
.recruit-education-area .content-box:nth-child(1) .img{
	margin-right: 0;
	margin-left: 100px;
}

.recruit-education-area .content-box:nth-child(1) .img:after{
	position: absolute;
    content: '';
    top: 120px;
    left: -60px;
    width: 1110px;
    background: #FFFCF8;
	border-radius: 20px 0px 0px 20px;
	height: 370px;
	z-index: -1;
}
.recruit-education-area .content-box:nth-child(2){
	margin-top: 60px;
	margin-bottom: 70px;
}
.recruit-education-area .internship-area .content-box:nth-child(2) {
	margin-top: 100px;
	margin-bottom: 100px;
}
.recruit-education-area .content-box:nth-child(2) .img:nth-child(2){
	top: 90px;
	margin-right: 0;
}
.recruit-education-area .content-box:nth-child(2) .img:nth-child(2):after{
	content: none;
}
.recruit-education-area .about{
	color: #E0004B;
	padding: 10px;
	border: solid 2px #E0004B;
	border-radius: 5px;
	width: 200px;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: 0.3em;
}
.recruit-education-area .catch{
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 25px;
}
.recruit-education-area .sub-box{
	margin-top: 40px;
	background-color: #F9F9F9;
	padding: 30px;
	border-radius: 10px;
	position: relative;
}
.recruit-education-area .sub-box .title{
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #00B577;
	color: #008053;
	position: absolute;
	top: -13px;
}
.recruit-education-area .welfare-area{
	padding-bottom: 100px;
}
.recruit-education-area .welfare-area .inner{
	max-width: 1000px;
    min-width: 1000px;
}
.recruit-education-area .gallery-area{
	background: linear-gradient(#F3F9F3 25% , #fff 25%);
	/*background-color: #F3F9F3;*/
	padding: 70px  0px 0px;
	border-radius: 20px 20px 0 0;
}
.recruit-education-area .gallery-area .message{
	font-size: 2.0rem;
	font-weight: bold;
	color: #00B577;
	color: #008053;
	margin-bottom: 40px;
	text-align: center;
}
.recruit-education-area .gallery-area .gallery-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruit-education-area .gallery-area .gallery-list li{
	margin: 0px 30px 30px 0px;
}
.recruit-education-area .gallery-area .gallery-list li:nth-child(3n){
	margin: 0px 0px 30px 0px;
}

.recruit-education-area .gallery-area .gallery-list li img{
	border-radius: 20px;
}


@media screen and (max-width: 768px){
	.recruit-education-area{
		width: 100%;
		margin: 0 auto;
		padding: 45px 0 0;
	}
		
	.recruit-education-area .box h3 {
		font-size: 2.4rem;
		padding: 0 0 10px;
		line-height: 1.5;
	}
	.recruit-education-area .text{
		margin-top: 10px;
	}
	.recruit-education-area .catch {
		font-size: 2.4rem;
		margin-bottom: 15px;
	}
	.recruit-education-area .about{
		margin-bottom: 20px;
	}
	.recruit-education-area .sub-box{
		margin-top: 30px;
		padding: 20px 15px;
	}
	.recruit-education-area .sub-box .title{
		margin-bottom: 0;
	}
	.recruit-education-area .box {
		text-align: left;
		margin-bottom: 0px;
	}
	.recruit-education-area .content-box {
   	 	display: block;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.recruit-education-area .content-box .img {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.recruit-education-area .content-box img {
		width: 100%;
	}
	
	.recruit-education-area .content-box:nth-child(1) .img {
		margin-right: 0;
		margin-left: 0px;
	}
	.recruit-education-area .content-box:nth-child(2) {
    	margin-top: 30px;
		margin-bottom: 0;
	}
	.recruit-education-area .internship-area .content-box:nth-child(2) {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.recruit-education-area .welfare-area{
		padding-bottom: 50px;
	}
	.recruit-education-area .welfare-area .inner {
		max-width: 100%;
		min-width: 100%;
	}
	
	.recruit-education-area .gallery-area {
    	 background: #F3F9F3;
		padding: 40px 0px 40px;
	}
	.recruit-education-area .gallery-area .message{
		margin-bottom: 20px;
	}
	.recruit-education-area .gallery-area .gallery-list li {
    	margin: 0px;
		width: 33%;
	}
	.recruit-education-area .gallery-area .gallery-list li img{
		width: 100%;
		border-radius: 10px;
	}
	.recruit-education-area .gallery-area .gallery-list li:nth-child(3n) {
    margin: 0px 0px 0px 0px;
	}
}


/* -----------------------------------------------------------
    募集要項
-------------------------------------------------------------- */

#recruit .application-area {
	overflow: hidden;
	padding: 100px 0 0;
	min-width: 1000px;
	max-width: 1000px;
}

#recruit.works-impediment .application-area .title .en {
	color: #E0004B;
}

#recruit.works-impediment .application-area .title .jp {
	background-image: url("../img/bg-title-txt-p.png") ;
}

#recruit.works-elderly .application-area .title .en {
	color: #9D650B;
}

#recruit.works-elderly .application-area .title .jp {
	background-image: url("../img/bg-title-txt-y.png") ;
}

#recruit.works-child-welfare .application-area .title .en {
	color: #287B6B;
}

#recruit.works-child-welfare .application-area .title .jp {
	background-image: url("../img/bg-title-txt-g.png") ;
}

#recruit.works-childcare .application-area .title .en {
	color: #2279A5;
}

#recruit.works-childcare .application-area .title .jp {
	background-image: url("../img/bg-title-txt-b.png") ;
}

#recruit .application-area .contents-left {
	text-align: left;
	width: 750px;
}

#recruit .application-area .contents-left h4 {
	/*
	background: #00B577;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 1.5;
	border-radius: 5px;
	*/
	margin: 0 0 10px;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 1.5;
	border-bottom: 3px #00B577 solid;
}

#recruit.works-impediment .application-area .contents-left h4 ,
#recruit .recruit-midcareer-area .contents-left .application-impediment h4 {
	border-bottom: 3px #FF909E solid;
}

#recruit.works-elderly .application-area .contents-left h4 ,
#recruit .recruit-midcareer-area .contents-left .application-elderly h4 {
	border-bottom: 3px #F3BD67 solid;
}

#recruit.works-child-welfare .application-area .contents-left h4 ,
#recruit .recruit-midcareer-area .contents-left .application-child-welfare h4 {
	border-bottom: 3px #88D8C6 solid;
}

#recruit.works-childcare .application-area .contents-left h4 ,
#recruit .recruit-midcareer-area .contents-left .application-childcare h4 {
	border-bottom: 3px #8AC8E7 solid;
}

#recruit .application-area .contents-left section {
	padding: 0 0 70px;
}

#recruit .application-area .contents-left section table {
	width: 100%;
	border-collapse: collapse;
}

#recruit .application-area .contents-left section table tr {
	border-bottom: 1px solid #E6E6E6;
}

#recruit .application-area .contents-left section table tr th {
	text-align: left;
	vertical-align: text-top;
	padding: 15px 0;
	line-height: 1.7;
	width: 130px;
}

#recruit .application-area .contents-left section table tr td {
	line-height: 1.5;
	padding: 15px 0;
}

#recruit .application-area .contents-left section table .dl-box dl dt {
	display: inline-block;
}

#recruit .application-area .contents-left section table tr td dl dt {
	font-weight: bold;
	line-height: 1.5;
}

#recruit .application-area .contents-left section table tr td dl dd {
	padding: 0 0 10px;
	line-height: 1.5;
}

#recruit .application-area .contents-left section table tr td dl dd:last-child {
	padding: 0;
}

#recruit .application-area .contents-left section .a-pdf a:hover {
	color: #00B577;
}

#recruit .application-area .contents-left section .a-pdf a i {
	color: #00B577;
	padding: 0 10px;
}

#recruit .application-area .contents-right {
	text-align: left;
	margin: -150px 0 0;
	width: 200px;
}

#recruit .application-area .contents-right #side-scroll {
	margin: 150px 0 100px;
}

#recruit .application-area .contents-right .ttl-s {
    font-family: 'Raleway', sans-serif;
	letter-spacing: 0.2em;
	border-top: #00B577 solid 2px;
	background-size: 100% auto;
	text-align: center;
	padding: 20px 0;
}

#recruit .application-area .contents-right .ttl-s span {
    font-size: 2rem;
}

#recruit .application-area .contents-right .side-nav {
}

#recruit .application-area .contents-right .side-nav li {
	background: #f5f5f5;
	border-top: #fff solid 2px;
}

#recruit .application-area .contents-right .side-nav li p {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
}

#recruit .application-area .contents-right .side-nav li p span {
	color: #666;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1.2rem;
	letter-spacing: 0.2em;
}

#recruit .application-area .contents-right .side-nav li a {
	display: block;
	padding: 15px;
}

#recruit .application-area .contents-right .side-nav li a:hover {
	color: #fff;
	background: #00B577;
}

#recruit.works-impediment .application-area .contents-right .side-nav li a:hover ,
#recruit .recruit-midcareer-area .contents-right .side-nav .side-impediment a:hover {
	background: #FF909E;
}

#recruit.works-elderly .application-area .contents-right .side-nav li a:hover ,
#recruit .recruit-midcareer-area .contents-right .side-nav .side-elderly a:hover {
	background: #F3BD67;
}

#recruit.works-child-welfare .application-area .contents-right .side-nav li a:hover ,
#recruit .recruit-midcareer-area .contents-right .side-nav .side-child-welfare a:hover {
	background: #88D8C6;
}

#recruit.works-childcare .application-area .contents-right .side-nav li a:hover ,
#recruit .recruit-midcareer-area .contents-right .side-nav .side-childcare a:hover {
	background: #8AC8E7;
}

#recruit .works-area .application-area .red {
	font-size: 1.4rem;
	font-weight: bold;
	color: #ff0000;
	color: #E60000;
	padding: 0 0 0 10px;
}

@media screen and (max-width: 768px){
	
	#recruit .application-area {
		overflow: hidden;
		padding: 40px 0;
		min-width: inherit;
		max-width: inherit;
	}
	
	#recruit .application-area .contents-left {
		width: 100%;
	}
	
	#recruit .application-area .contents-left section h4 {
		position: relative;
		border-bottom: #fff solid 1px;
		padding: 5px 30px 5px 5px;
	}
	
	#recruit .application-area .contents-left section p {
		padding: 0 0 10px;
	}

	#recruit .application-area .contents-left section .img img {
		width: 100%;
	}

	#recruit .application-area .contents-left section .name img {
		width: 100px;
	}

	#recruit .application-area .contents-left section table {
		transition: 0.3s;
		/*
		display: none;
		*/
	}

	#recruit .application-area .contents-left section table tr th {
		padding: 10px 0 0;
		display: block;
		width: 100%;
	}

	#recruit .application-area .contents-left section table tr td {
		display: block;
		width: 100%;
		padding: 0 0 10px;
	}

	#recruit .application-area .contents-right {
		display: none;
	}

}

/*マンガブック*/
#recruit .digital-box .img {
	margin: 50px 0 0;
	line-height: 0;
}

#recruit .digital-box .img img {
	box-shadow: 7px 7px 30px -10px rgb(0 0 0 / 30%);
	line-height: 0;
	display: inline-block;
	transition: 0.3s;
}

#recruit .digital-box .img img:hover {
	box-shadow: none;
}

#recruit .digital-box a {
	display: block;
}

@media screen and (max-width: 768px){
	
	#recruit .digital-box .img {
		margin: 30px 0 0;
		text-align: center;
		display: block;
	}
	
	#recruit .digital-box .img img {
		width: auto;
		max-width: 100%;
	}

	#recruit .digital-box .img img:hover {
		box-shadow: 7px 7px 30px -10px rgb(0 0 0 / 30%);
	}

}