@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: content.css
Css info: 各ページスタイル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
index
--------------------------------------------------------------------------*/
.index .mobi_g_nav .gNav_v00 a{
    background: #eb5e69;
	color: #fff;
	padding: 4px 1em;
}
/*--------------------------------*/
.index_h2_box{
	margin: 0 auto 50px;
}
.index .main_img{
	display: block;
	width: 100%;
	max-width: 1800px;
	height: auto;
	margin-bottom: 50px;
}
/*タイトル*/
.index_content_tit{
	text-align: center;
	font-family: Georgia, "Yu Mincho", YuMincho,"Hiragino Mincho ProN" ,HGS明朝E ,serif;
	font-weight: bold;
	font-size: 1.625em;/*26pt*/
	line-height: 1.6;
}
.index_content_tit span{
	display: inline-block;
}
	.index_content_tit span::after{
		display: block;
		content: "";
		height: 6px;
		margin: 20px auto;
		background: #61c5da;
		border-radius: 2px;
		width: 70%;
		max-width: 300px;
	}
.index_content_tit_sub{
	font-size: 0.875em;/*14*/
	color: #4cbdd5;
	text-align: center;
	margin: -10px auto 30px;
}
.index_content_lead{
	text-align: center;
	margin-bottom: 60px;
}
@media only screen and (max-width: 600px) {
    .index_h2_box{
    	margin: 0 auto 40px;
    }
	.index_content_tit{
		font-size: 1.5em;/*24pt*/
		line-height: 1.4;
		width: 90%;
		margin: 0 auto;
	}
	.index_content_lead{
		width: 90%;
		margin: 0 auto 40px;
		text-align: left;
	}
}

/* サービス --------------------------------*/
.index .service{
	background: #f2f2e8;
	padding: 60px 0;
}

.index .service_list{
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
	.index .service_list li{
		display: inline-block;
		vertical-align: top;
		width: 31.9388%;
		min-height: 419px;
		background: #fff;
		border-top: 6px solid #f5afb4;
		padding: 20px 20px 24px 20px;
		margin: 0 1% 20px;
		text-align: left;
	}
		.index .service_list img{
			display: block;
			border-radius: 2px;
			margin-bottom: 20px;
		}
		.index .service_list h3{
			color: #f2959c;
			font-size: 1.250em;/*20*/
			margin-bottom: 16px;
		}
		.index .service_list p{
			font-size: 0.875em;/*14*/
			line-height: 1.6;
			margin-bottom: 16px;
		}
		.index .service_list a{
    		display: block;
    		width: 100%;
    		height: 44px;
    		background: #fff;
    		border: 2px solid #f2959c;
    		border-radius: 22px;
    		text-align: center;
    		color: #f2959c;
    		line-height: 44px;
    		transition: .3s;
		}
		    .index .service_list a:hover{
    		    background: #fef7f7;
		    }
@media only screen and (max-width: 980px) {
	.index .service_list{
		width: 90%;
	}
    	.index .service_list li{
    		width: 48%;
    	}
    		.index .service_list img{
    			width: 100%;
    			height: auto;
    		}
}

@media only screen and (max-width: 600px) {
    .index .main_img{
    	margin-bottom: 40px;
    }
	.index .service{
		padding: 40px 0;
	}
		.index .service_list li{
			width: 100%;
			min-height: auto;
			margin: 0 0 20px 0;
		}
			.index .service_list h3{
				font-size: 1.125em;/*18*/
				margin-bottom: 10px;
			}
}

/* アクセス・お問い合わせ -----------------------------*/
.index_contact{
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family: Georgia, "Yu Mincho", YuMincho,"Hiragino Mincho ProN" ,HGS明朝E ,serif;
	font-weight: bold;
	font-size: 1.375em;/*22pt*/
	text-align: center;
}
	.index_contact li{
		width: 50%;
		float: left;
	}
		.index_contact li a{
			padding: 70px 0;
			display: block;
			width: 100%;
			height: 100%;
			transition: .2s;
		}
	.index_contact .access{
		border-right: 1px solid #ccc;
	}
		.index_contact .access h3::before{
			display: block;
			content: "";
			width: 33px;
			height: 40px;
			background: url(../img/common/ico_access.png);
			background-size: 100%;
			margin: 0 auto 30px;
			transition: .2s;
		}
	.index_contact .contact{
	}
		.index_contact .contact h3::before{
			display: block;
			content: "";
			width: 40px;
			height: 39px;
			background: url(../img/common/ico_contact.png);
			background-size: 100%;
			margin: 0 auto 31px;
			transition: .2s;
		}

		.index_contact a:hover{
			padding: 65px 0 70px;
		}
		.index_contact .access:hover h3::before{
			margin: 0 auto 35px;
		}
		.index_contact .contact:hover h3::before{
			margin: 0 auto 36px;
		}
		.index_contact .access h3::after,
		.index_contact .contact h3::after{
			display: block;
			content: "";
			width: 10px;
			height: 9px;
			background: url(../img/common/nw_bk.png) right center no-repeat;
			margin: 10px auto 0;
		}


@media only screen and (max-width: 600px) {
	.index_contact{
		width: 100%;
		margin: 0 auto;
		font-size: 1.25em;/*20pt*/
	}
		.index_contact li{
			width: 50%;
			float: left;
		}
			.index_contact li a{
				padding: 45px 0;
			}
		.index_contact .access{
		}
			.index_contact .access h3::before{
				display: block;
				content: "";
				width: 25px;
				height: 30px;
				background: url(../img/common/ico_access.png);
				background-size: 100%;
				margin: 0 auto 20px;
				transition: .2s;
			}
		.index_contact .contact{
		}
			.index_contact .contact h3::before{
				display: block;
				content: "";
				width: 30px;
				height: 29px;
				background: url(../img/common/ico_contact.png);
				background-size: 100%;
				margin: 0 auto 21px;
				transition: .2s;
			}

			.index_contact a:hover{
				padding: 45px 0;
			}
			.index_contact .access:hover h3::before{
				margin: 0 auto 20px;
			}
			.index_contact .contact:hover h3::before{
				margin: 0 auto 21px;
			}
}
/* おおぎだの取り組み -----------------------------*/
.index_effort_box{
	padding: 60px 0 0;
}
.effort_img{
	display: block;
	max-width: 90%;
	margin: -20px auto 40px;
}
.effort_btn{
	display: block;
	margin: 0 auto 100px;
	width: 400px;
	height: 80px;
	font-feature-settings: "palt";
	letter-spacing: 0.04em;
	line-height: 80px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 40px;
	font-family: Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	font-size: 2.0rem;
	background: url(../img/common/nw_bk.png) 90% center no-repeat;
	background-size: 10px 9px;
	transition: .2s;
}
	.effort_btn:hover{
		background-color: #fdeff0;
	}
@media only screen and (max-width: 600px) {
	.index_effort_box{
		padding: 40px 0 0;
	}
	.effort_btn{
		margin: 0 auto 60px;
		max-width: 90%;
		width: 300px;
		height: 60px;
		font-size: 1.8rem;
		line-height: 60px;
		border-radius: 30px;
	}
		.effort_btn:hover{
			background-color: #fdeff0;
			background-image: url(../img/common/ico_contact.png),url(../img/common/nw_bk.png);
			background-position: 50px center,90% center;
			background-repeat: no-repeat,no-repeat;
			background-size: 40px 39px,10px 9px;
		}
}
/*------------------------------------------------------------------------
訪問介護 / 介護予防訪問介護
--------------------------------------------------------------------------*/
.service01 .gNav_v01 a:after{
	width: 100%;
	height: 4px;
	background-color: #eb5e69;

}
.service01 .mobi_g_nav .gNav_v01 a{
    background: #eb5e69;
	color: #fff;
	padding: 4px 1em;
}
/*--------------------------------*/
.service02 .gNav_v02 a:after{
	width: 100%;
	height: 4px;
	background-color: #eb5e69;

}
.service02 .mobi_g_nav .gNav_v02 a{
    background: #eb5e69;
	color: #fff;
	padding: 4px 1em;
}
/*--------------------------------*/
.service_page .service_box{
    margin-bottom: 30px;
}
    .service_page .service_img{
    	display: block;
    	float: left;
    	width: 15.5555%;
    	height: auto;
    	border-radius: 2px;
    	box-shadow: 20px 10px #fdeff0;
    }
    .service_page .service_box .txt_box{
        float: right;
        width: 80%;
        margin-top: 10px;
    }
        .service_page .service_title{
            color: #f2959c;
            font-size: 1em;
            margin-bottom: 10px;
        }


.service_page .service_charge_date{
	margin: -30px 0 30px;
	color: #eb5e69;
	font-size: 1.4rem;
}
.service_page .add_service_list{
    padding-bottom: 20px;
    border-bottom:1px solid #a2a2a2;
}
    .service_page .add_service_list + .service_title{
        margin-top: 20px;
    }

.service_page .add_service_list li{
	list-style: disc outside;
	margin-left: 1em;
	line-height: 2em;
}
	.service_page .add_service_list .item{
		display: inline-block;
		width: 300px;
	}
.service_page .txt_border{
    padding : 1em 0;
    border-bottom:1px solid #a2a2a2;
    margin-bottom: 20px;
}

.service_page .price_att{
    line-height: 1.6;
    margin-bottom: 10px;
}
.service_page .price_att span{
    display: inline-block;
    background: #f2959c;
    color: #fff;
    font-weight: bold;
    padding: 0 6px;
}

.service_page .price_table{
    width: 48.8889%;
    float: left;
    margin: 0 2.222% 20px 0;
}
    .service_page .price_table:nth-child(2n){
        margin-right: 0;
    }
    .service_page .price_table caption{
		position: relative;
    }
	.service_page .price_table caption h4{
		font-weight: normal;
		text-align: left;
		padding: 10px 1em;
		background: #d0eef4;
		border-top: 1px solid #a2a2a2;
		border-left: 1px solid #a2a2a2;
		border-right: 1px solid #a2a2a2;
	}
	.service_page .price_table caption .unit{
		position: absolute;
		top: 4px;
		right: 1em;
	}
	.service_page .price_table th,
	.service_page .price_table td{
		border: 1px solid #a2a2a2;
		padding: 1em;
		width: 50%;
		vertical-align: top;
		text-align: center;
	}
	.service_page.service02 .price_table th{
    	width: 77%;
    	padding: 1em 0.6em;
    }
    .service_page.service02 .price_table td{
        width: 23%;
        padding: 1em 0.6em;
    }


@media only screen and (max-width: 600px) {
    .service_page .service_img{
    	float: none;
    	width: 80%;
    	max-width: 200px;
    	margin: 0 auto 20px;
    }
    .service_page .service_box .txt_box{
        float: none;
        width: 100%;
    }

    .service_page .service_charge_date{
	    margin: -20px 0 30px;
    }
	.service_page .add_service_list{
    	margin-top: 20px;
	}
	.service_page .add_service_list li{
		line-height: 1.6em;
		margin-bottom: 8px;
	}
		.service_page .add_service_list .item,
		.service_page .add_service_list .price{
			display: block;
		}

    .service_page .price_table{
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }
}

/* 運営規程・重要事項説明書 -------------------------------*/
.data_list li{
	list-style: disc outside;
	margin-left: 1em;
	line-height: 1.6;
	margin-bottom: 7px;
}
.data_list li a{
	background: url(../img/common/nw_bk.png) right center no-repeat;
	padding-right: 14px;
}
@media only screen and (max-width: 600px) {
	.data_list li{
		line-height: 1.6em;
		margin-bottom: 8px;
	}
}