@charset "utf-8";
/* css Document */
/*------------　共通headタイトル　--------------*/
.head2_title {
	background: url("img/kouryou_head.jpg") center top no-repeat;
	height: 200px;
	margin-bottom: 40px;
}
.head2_title p {
	text-align: center;
	color: #638D2C;
	font-size: 40px;
	padding-top: 75px;
}
.care_key img {
	width: 100%;
}
/*------------　共通タイトル　--------------*/
h2 {
	color: #92C751;
	font-size: 30px;
	text-align: center;
}
.title {
	background: url("img/care_title.png") center bottom no-repeat;
	height: 94px;
	margin-bottom: 40px;
}
/*------------　施設サービス　--------------*/
div.box {
	display: block;
	margin: auto;
	width: 300px;
}
.ichiran_01 {
	background-color: #D86F80;
	border: 2px solid #D86F80;
	color: #fff !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 1rem;
	border-radius: 10px;
	text-align: center;
	display: block;
	margin-bottom: 40px;
	width: 300px;
}
.ichiran_01:hover {
	background-color: transparent;
	border: 2px solid #D86F80;
	color: #D86F80 !important;
}
.ichiran_02 {
	background-color: #F5AB31;
	border: 2px solid #F5AB31;
	color: #fff !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
		padding: 1rem;
	border-radius: 10px;
	text-align: center;
	display: block;
	margin-bottom: 40px;
	width: 300px;
}
.ichiran_02:hover {
	background-color: transparent;
	border: 2px solid #F5AB31;
	color: #F5AB31 !important;
}
.ichiran_03 {
	background-color: #99C935;
	border: 2px solid #99C935;
	color: #fff !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
		padding: 1rem;
	border-radius: 10px;
	text-align: center;
	display: block;
	margin-bottom: 40px;
	width: 300px;
}
.ichiran_03:hover {
	background-color: transparent;
	border: 2px solid #99C935;
	color: #99C935 !important;
}

/*枠*/
.tokubetsu {
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto 70px;
}
.tokubetsu .item1, .tokubetsu .item2 {
	background: center bottom / 300px auto url("../nursing_facility/img/shisetsu_btn.png") no-repeat, center top / contain url("../nursing_facility/img/shisetsu_contbg.png") no-repeat;
	text-align: center;
	width: 475px;
	height: 735px;
	position: relative;
}
.item1 div.p1 p, .item2 div.p1 p {
	margin: 30px auto;
	font-size: 25px;
	text-align: center;
}
.item1 img, .item2 img {
	margin-bottom: 30px;
}
.item1 div.p2 p, .item2 div.p2 p {
	text-align: left;
	margin-bottom: 30px;
	line-height: 1.7rem;
	padding: 0 30px;
}
.btn1, .btn2 {
	width: 300px;
	height: 103px;
	position: absolute;
	margin: auto;
	right: 0;
	bottom: 0;
	left: 0;
	padding-bottom: 28px;
	padding-top: 13.5px;
}
.btn1 a, .btn2 a {
	display: block;
	color: #fff;
	bottom: 0;
}
.btn1 a:hover, .btn2 a:hover {
	font-size: 18px;
}
/*------------　在宅サービス　--------------*/
.zaitaku {
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	margin: 0 auto 70px;
}
.zaitaku .item1, .zaitaku .item2 {
	background: center bottom / 300px auto url("../home_care/img/zaitaku_btn.png") no-repeat, center top / contain url("../home_care/img/zaitaku_contbg.png") no-repeat;
	text-align: center;
	width: 475px;
	height: 735px;
	position: relative;
}
/*------------　地域密着型サービス　--------------*/
.group {
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto 70px;
}
.group_item1, .group_item2 {
	background: center bottom / 300px auto url("../local_adhesion/img/chiiki_btn.png") no-repeat, center top / contain url("../local_adhesion/img/chiiki_contbg.jpg") no-repeat;
	text-align: center;
	width: 475px;
	height: 735px;
	position: relative;
}
.group_item1 div.p1 p, .group_item2 div.p1 p {
	margin: 30px auto;
	font-size: 25px;
	text-align: center;
}
.group_item1 img, .group_item2 img {
	margin-bottom: 30px;
}
.group_item1 div.p2 p, .group_item2 div.p2 p {
	text-align: left;
	margin-bottom: 30px;
	line-height: 1.7rem;
	padding: 0 30px;
}
/*------------　概要　--------------*/
.tada_access_cont {
	width: 600px;
	margin: 0 auto 15px;
}
.tada_access_cont01 {
	width: 500px;
	margin: 0 auto 15px;
}
.tada_access_cont p:first-of-type {
	margin-bottom: 15px;
}
table.tada_access {
	width: 500px;
	margin: 0 auto 30px auto;
}
table {
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
}
table.tada_access th {
	width: 65px;
	text-align: left;
	font-weight: bold;
	padding: 5px 0 0;
}
table.tada_access td {
	padding: 5px 5px 5px 0;
}
.map {
	display: block;
	margin: 0 auto 70px;
}
/* ====================================================================

                               SPメニュ

==================================================================== */
/* ----------------------------980px以下---------------------------- */
@media (max-width: 980px) {
	/*------------　共通headタイトル　--------------*/
	.head2_title {
		background-size: cover;
		height: 100px;
		margin-bottom: 40px;
	}
	.head2_title p {
		font-size: 30px;
		padding-top: 30px;
	}
	.care_key img {
		width: 100%;
	}
	/*------------　タイトル　--------------*/
	h2 {
		color: #92C751;
		font-size: 25px;
		text-align: center;
		margin: 0 0 40px;
	}
	.title {
		background-size: 40% auto;
		height: 74px;
		margin-bottom: 40px;
	}
	/*------------　施設サービス　--------------*/
	.tokubetsu {
		flex-direction: row;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
	}
	.tokubetsu .item1 {
		background: none;
		text-align: center;
		background-color: rgba(254, 149, 173, 0.3);
		border-radius: 20px 20px;
		width: 47%;
		margin: 0 2% 2% 2%;
		height: auto;
		position: static;
		display: flex;
		justify-content: space-between;
	}
	.tokubetsu .item2 {
		background: none;
		background-color: rgba(254, 149, 173, 0.3);
		border-radius: 20px 20px;
		text-align: center;
		width: 47%;
		margin: 0 2% 2% 0;
		height: auto;
		position: static;
		display: flex;
		justify-content: space-between;
	}
	.flex_cont {
		display: flex;
		flex-direction: column;
		padding: 5%;
	}
	.item1 div.p1 p, .item2 div.p1 p {
		margin: 8% auto;
		font-size: 22px;
	}
	.item1 img, .item2 img {
		width: 100%;
		margin: 0 auto 5%;
	}
	.item1 div.p2 p, .item2 div.p2 p {
		text-align: left;
		margin: 0 auto 5%;
		line-height: 1.7rem;
		width: 100%;
		padding: 0 0;
	}
	.tokubetsu .btn1 {
		width: 80%;
		height: auto;
		background-color: #D86F80;
		border-radius: 10px 10px;
		padding: 0 0;
		position: static;
		margin-top: auto;
	}
	.tokubetsu .btn2 {
		margin: 0 auto !important;
		width: 80%;
		height: auto;
		background-color: #D86F80;
		border-radius: 10px 10px;
		padding: 0 0;
		position: static;
		margin-top: auto !important;
	}
	.btn1 a, .btn2 a {
		display: block;
		color: #fff;
		bottom: 0;
		padding: 5%;
	}
	.btn1 a:hover, .btn2 a:hover {
		font-size: 18px;
	}
	/*------------　在宅サービス　--------------	*/
	.zaitaku {
		flex-direction: row;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
	}
	.zaitaku .item1 {
		background: none;
		text-align: center;
		background-color: rgba(255, 228, 187, 0.5);
		border-radius: 20px 20px;
		width: 47%;
		margin: 0 2% 2% 2%;
		height: auto;
		position: static;
		display: flex;
		justify-content: space-between;
	}
	.zaitaku .item2 {
		background: none;
		background-color: rgba(255, 228, 187, 0.5);
		border-radius: 20px 20px;
		text-align: center;
		width: 47%;
		margin: 0 2% 2% 0;
		height: auto;
		position: static;
		display: flex;
		justify-content: space-between;
	}
	.zaitaku .btn1 {
		width: 80%;
		height: auto;
		background-color: #F5AB31;
		border-radius: 10px 10px;
		padding: 0 0;
		position: static;
		margin-top: auto;
	}
	.zaitaku .btn2 {
		margin: 0 auto !important;
		width: 80%;
		height: auto;
		background-color: #F5AB31;
		border-radius: 10px 10px;
		padding: 0 0;
		position: static;
		margin-top: auto !important;
	}
	/*------------　地域密着型サービス　--------------*/
	.group {
		flex-direction: row;
		justify-content: flex-start;
		width: 100%;
		margin: 0 auto 40px;
	}
	.group_item1 {
		background: none;
		text-align: center;
		background-color: rgba(209, 255, 231, 0.5);
		border-radius: 20px 20px;
		width: 47%;
		margin: 0 2% 2% 2%;
		height: auto;
		position: static;
		display: flex;
		justify-content: space-between;
	}
	.group_item2 {
		background: none;
		background-color: rgba(209, 255, 231, 0.5);
		border-radius: 20px 20px;
		text-align: center;
		width: 47%;
		margin: 0 2% 2% 0;
		height: auto;
		position: static;
		display: flex;
		justify-content: space-between;
	}
	.flex_cont {
		display: flex;
		flex-direction: column;
		padding: 5%;
	}
	.group_item1 div.p1 p, .group_item2 div.p1 p {
		margin: 8% auto;
		font-size: 22px;
	}
	.group_item1 img, .group_item2 img {
		width: 100%;
		margin: 0 auto 5%;
	}
	.group_item1 div.p2 p, .group_item2 div.p2 p {
		text-align: left;
		margin: 0 auto 5%;
		line-height: 1.7rem;
		width: 100%;
		padding: 0 0;
	}
	.group_item1 .btn1 {
		width: 80%;
		height: auto;
		background-color: #99C935;
		border-radius: 10px 10px;
		padding: 0 0;
		position: static;
		margin-top: auto;
	}
	.group_item2 .btn2 {
		margin: 0 auto !important;
		width: 80%;
		height: auto;
		background-color: #99C935;
		border-radius: 10px 10px;
		padding: 0 0;
		position: static;
		margin-top: auto !important;
	}
	.btn1 a, .btn2 a {
		display: block;
		color: #fff;
		bottom: 0;
		padding: 5%;
	}
	.btn1 a:hover, .btn2 a:hover {
		font-size: 18px;
	}
	/*------------　概要　--------------*/
	.map {
		margin: 0 auto 40px;
	}
}
/* ----------------------------500px以下---------------------------- */
@media (max-width: 500px) {
	.head2_title {
		background-size: cover;
		height: 100px;
	}
	.head2_title p {
		font-size: 25px;
		padding-top: 30px;
	}
	/*------------　タイトル　--------------*/
	h2 {
		color: #92C751;
		font-size: 20px;
		text-align: center;
		margin: 0;
	}
	.title {
		background-size: 70% auto;
		height: 64px;
		margin-bottom: 20px;
	}
	/*------------　施設サービス　--------------*/
	.tokubetsu {
		flex-direction: column;
		justify-content: center;
		width: 90%;
		margin: 0 auto;
	}
	.tokubetsu .item1 {
		width: 100%;
		margin: 0 auto 5%;
	}
	.tokubetsu .item2 {
		width: 100%;
		margin: 0 auto 5%;
	}
	/*------------　在宅サービス　--------------*/
	.zaitaku {
		flex-direction: column;
		justify-content: center;
		width: 90%;
		margin: 0 auto;
	}
	.zaitaku .item1 {
		width: 100%;
		margin: 0 auto 5%;
	}
	.zaitaku .item2 {
		width: 100%;
		margin: 0 auto 5%;
	}
	/*------------　地域密着型サービス　--------------*/
	.group {
		flex-direction: column;
		justify-content: center;
		width: 90%;
		margin: 0 auto;
	}
	.group_item1 {
		width: 100%;
		margin: 0 auto 5%;
	}
	.group_item2 {
		width: 100%;
		margin: 0 auto 5%;
	}
	/*------------　概要　--------------*/
	.tada_access_cont {
		width: 90%;
	}
	.tada_access_cont01 {
		width: 100%;
		margin: 0 auto 15px;
		padding: 0 20px;
	}
	.tada_access_cont p:first-of-type {
		margin-bottom: 10px;
	}
	table.tada_access {
		width: 90%;
		margin: 0 auto 20px;
	}
	table {
		text-align: left;
		border-collapse: collapse;
		border-spacing: 0;
	}
	table.tada_access th {
		width: 100%;
		text-align: left;
		font-weight: bold;
		padding: 5px 0 0;
		display: block;
		position: relative;
	}
	table.tada_access td {
		width: 100%;
		padding: 5px 5px 5px 4rem;
		display: block;
		position: relative;
		top: -1.8rem;
	}
	.map {
		display: block;
		margin: 0 auto 40px;
	}
}