@charset "utf-8";
.vacancy_area{
	width: 70%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	max-width: 980px;
	padding-bottom: 40px;
}
/*------------ショートステイ-------------*/
.ttl_short_base{
	width: 100%;
	padding: 6px;
	margin: 40px auto 30px;
	background-color: #dd8897;
	border-radius: 8px;
}
.ttl_short{
	text-align: center;
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: 0.2em;
	padding: 5px 0;
	background-color: #dd8897;
	border:1px solid #fff;
	border-radius: 6px;
}

.short_area{
	width: 94%;
	margin: 30px auto;
	padding:3%; 
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border:1px solid #ccc;
	background-color: #ecfdff;
}

.data_short{
    width: 38%;
    padding: 5px 30px;
	font-weight: 700;
}
.data_short p{
	padding-left: 10px;
}
.short_date{
	width: 12em;
	margin: 15px auto;
	padding: 5px 30px;
	font-weight: 700;
	border:1px solid #37969f;
	color: #187179;
	border-radius: 30px;
	text-align: center;
}
.data_table{
	width: 58%;
	display: flex;
	flex-direction: column;
}

/*-------------デイサービス---------------*/
.ttl_day_base{
	width: 100%;
	padding: 6px;
	margin: 40px auto 30px;
	background-color: #dd8b2c;
	border-radius: 8px;
}
.ttl_day{
	text-align: center;
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: 0.2em;
	padding: 5px 0;
	background-color: #dd8b2c;
	border:1px solid #fff;
	border-radius: 6px;
}
.day_area{
	width: 94%;
	margin: 30px auto;
	padding:3%; 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff8ef;
	border:1px solid #ccc;
}

.data_day{
    width: 100%;
    padding: 5px 0;
	font-weight: 700;
	display: flex;
	flex-direction: row;
	margin: 0;
	align-items: center;
	justify-content: flex-start;
}

.day_date{
	width: 12em;
	margin: 0;
	padding: 5px 30px;
	font-weight: 700;
	border:1px solid #dd8b2c;
	color: #b36c1b;
	border-radius: 30px;
	text-align: center;
}
.day_com{
	width: calc(100%-14em);
	font-weight: 700;
	margin-left: 40px;
	color: #000;

}
.day_tb_area{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.day_table{
	width: 48%;
}
.day_table_ttl_1{
	background-color: #4eb44c;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	width: 100%;
	text-align: center;
	letter-spacing: 0.2em;
	margin:20px 0 -10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.day_table_ttl_2{
	background-color:#48A8B0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	width: 100%;
	text-align: center;
	letter-spacing: 0.2em;
	margin:20px 0 -10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
.vacancy_area{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	max-width: 900px;
	padding-bottom: 40px;
}


}
/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
.vacancy_area{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	max-width: 480px;
	padding-bottom: 20px;
}
/*------------ショートステイ-------------*/
.ttl_short_base{
	width: 90%;
	padding: 3px;
	margin: 20px auto;
	background-color: #4ea6ae;
	border-radius: 8px;
}
.ttl_short{
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
	letter-spacing: 0.2em;
	padding: 3px 0;
	background-color: #4ea6ae;
	border:1px solid #fff;
	border-radius: 6px;
}

.short_area{
	width: 94%;
	margin: 30px auto;
	padding:3%; 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border:1px solid #ccc;
	background-color: #ecfdff;
}

.data_short{
    width: 90%;
    padding: 5px 30px;
	font-weight: 700;
}
.data_short p{
	padding-left: 10px;
}
.short_date{
	width: 12em;
	margin: 15px auto;
	padding: 5px 30px;
	font-weight: 700;
	border:1px solid #37969f;
	color: #187179;
	border-radius: 30px;
	text-align: center;
}
.data_table{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

/*-------------デイサービス---------------*/
.ttl_day_base{
	width: 90%;
	padding: 3px;
	margin: 20px auto;
	background-color: #dd8b2c;
	border-radius: 8px;
}
.ttl_day{
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
	letter-spacing: 0.2em;
	padding: 3px 0;
	background-color: #dd8b2c;
	border:1px solid #fff;
	border-radius: 6px;
}
.day_area{
	width: 94%;
	margin: 30px auto;
	padding:3%; 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff8ef;
	border:1px solid #ccc;
}

.data_day{
    width: 100%;
    padding: 5px 0;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	margin: 0;
	align-items: center;
	justify-content: flex-start;
}

.day_date{
	width: 12em;
	margin: 0;
	padding: 5px 30px;
	font-weight: 700;
	border:1px solid #dd8b2c;
	color: #b36c1b;
	border-radius: 30px;
	text-align: center;
}
.day_com{
	width:100%;
	font-weight: 700;
	margin-left: 40px;
	color: #000;

}
.day_tb_area{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.day_table{
	width: 80%;
	margin: 0 auto
}
.day_table_ttl_1{
	background-color: #4eb44c;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	width: 100%;
	text-align: center;
	letter-spacing: 0.2em;
	margin:20px 0 -10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.day_table_ttl_2{
	background-color:#48A8B0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	width: 100%;
	text-align: center;
	letter-spacing: 0.2em;
	margin:20px 0 -10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
}