﻿/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset   "UTF-8";
#hukusi h2 {
	margin:				50px auto;
	font-size:			27px;
	font-weight:		bold;
}
#hukusi h3 {
	width:				100%;
	margin:				30px auto;
	text-align:			left;
	font-size:			20px;
	font-weight:		bold;
}
#hukusi h4 {
	width:				100%;
	text-align:			left;
	font-size:			19px;
	font-weight:		normal;
}
#hukusi p {
	width:				70%;
	margin:				50px auto;
	text-align:			left;
	font-size:			16px;
	line-height:		23px;
}
#hukusi img {
	width:				100%;
}
#hukusi section {
	width:				80%;
	max-width:			1440px;
	margin:				0 auto;
	padding:			50px 0 20px 0;
/*border:1px red solid;*/
}
#hukusi .cont p.grn {
	width:				100%;
	color:				#5DAC81;
	margin:				10px 0;
	padding:			10px 1em;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	font-size:			20px;
	font-weight:		bold;
	border-radius:		100vh;
	background-color:	#f0f0f0;
}
#hukusi .cont p.red {
	width:				95%;
	color:				#D0104C;
	margin:				0 auto;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}

@media screen and ( max-width:768px ) {
	#hukusi h2 {
		font-size:			20px;
	}
	#hukusi h3 {
		font-size:			17px;
	}
	#hukusi h4 {
		font-size:			15px;
	}
	#hukusi p {
		width:				95%;
	}
	#hukusi section {
		width:				95%;
		padding-top:		40px;
		padding-bottom:		0;
	}
}
@media screen and ( max-width:428px ) {
	#hukusi .cont p.grn {
		font-size:			18px;
	}
	#hukusi .cont p.red {
	}
}

/****************************************************/
/* 施設案内エリア										*/
/****************************************************/
#megumi .cont {
	width:				100%;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
/*border:1px blue solid;*/
}
#megumi .cont p {
	width:				68%;
	padding:			20px 0;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	text-align:			left;
	font-size:			18px;
}
#megumi .cont img.logo {
	width:				28%;
}
#megumi .cont img.build {
	width:				95%;
}
#megumi .cont p,
#megumi .cont img {
	margin:				5px;
/*border:1px lime solid;*/
}
@media screen and ( max-width:768px ) {
	#megumi .cont p {
		width:				100%;
		font-size:			16px;
	}
	#megumi .cont img.logo {
		width:				80%;
	}
	#megumi .cont img.build {
		width:				100%;
	}
}

/****************************************************/
/* 居宅介護支援事業エリア									*/
/****************************************************/
#care .cont {
	width:				80%;
	margin:				0 auto;
}
#care .cont .care1 {
	width:				100%;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row nowrap;
	        flex-flow:			row nowrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
	padding-bottom:		20px;
}
#care .cont img.plan {
	width:				150px;
	height:				154px;
}
#care .cont .com {
	width:				70%;
	color:				#D0104C;
	margin:				0;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#care .cont p {
	width:				95%;
	margin:				20px auto;
	font-size:			16px;
}
@media screen and ( max-width:768px ) {
	#care .cont {
		width:				95%;
	}
}
@media screen and ( max-width:428px ) {
	#care .cont .care1 {
		-webkit-box-orient:			horizontal;
		-webkit-box-direction:			normal;
		    -ms-flex-flow:			row wrap;
		        flex-flow:			row wrap;
		padding-bottom:		0;
	}
	#care .cont .com {
		width:				100%;
	}
}

/****************************************************/
/* 福祉用具貸与エリア									*/
/****************************************************/
#tools .cont,
#day .cont,
#short .cont,
#helper .cont {
	width:				80%;
	margin:				0 auto;
}
#tools .cont p,
#day .cont p,
#short .cont p,
#helper .cont p {
	width:				95%;
	margin:				20px auto;
	font-size:			16px;
}
#tools .cont .fbox,
#day .cont .fbox,
#short .cont .fbox,
#helper .cont .fbox {
	width:				95%;
	margin:				0 auto 20px;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
}
#tools .cont img,
#helper .cont img {
	width:				auto;
	height:				150px;
	margin:				0 3px;
}
#tools .cont .fbox span:before,
#helper .cont .fbox span:before {
	content:				'●';
}
#tools .cont .fbox span,
#helper .cont .fbox span {
	margin:				5px;
}
@media screen and ( max-width:768px ) {
	#tools .cont,
	#day .cont,
	#short .cont,
	#helper .cont {
		width:				95%;
	}
}
@media screen and ( max-width:428px ) {
	#tools .cont img,
	#helper .cont img {
		height:				22vw;
	}
}

/****************************************************/
/* 通所介護事業【デイサービス】エリア							*/
/****************************************************/
#day .cont img {
	margin-top:			10px;
}
#day .cont img.p01 {
	width:				300px;
}
#day .cont img.p02 {
	width:				300px;
}
#day .cont img.p03 {
	width:				100%;
}
#day .cont .fbox p {
	width:				auto;
}
@media screen and ( max-width:428px ) {
	#day .cont img {
		margin-top:			3px;
	}
	#day .cont img.p01 {
		width:				100%;
	}
	#day .cont img.p02 {
		width:				100%;
	}
	#day .cont .fbox p {
		font-size:			3.7vw;
		line-height:		18px;
	}
}

/****************************************************/
/* 短期入所生活介護事業【ショートステイ】エリア					*/
/****************************************************/
#short .cont img {
	margin:				10px 5px 0;
}
#short .cont .fbox {
	-webkit-box-align:		end;
	    -ms-flex-align:		end;
	        align-items:		flex-end;
}
#short .cont .fbox .grn {
	width:				100%;
	display:				none;
}
#short .cont .fbox2 {
	height:				400px;
	-webkit-box-orient:			vertical;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			column wrap;
	        flex-flow:			column wrap;
	-webkit-box-align:		center;
	    -ms-flex-align:		center;
	        align-items:		center;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
}
#short .cont .fbox2 p {
	margin:				0;
}
#short .cont img.shiki {
	width:				280px;
}
#short .cont img.sched {
	width:				300px;
}
#short .cont img.titl {
	width:				30%;
}
#short .cont img.p01 {
	width:				30%;
}
#short .cont img.p02 {
	width:				30%;
}
#short .cont img.p03 {
	width:				35%;
}
#short .cont img.p04 {
	width:				48%;
}
#short .cont img.p05 {
	width:				30%;
}
#short .cont img.p06 {
	width:				30%;
}
#short .cont img.i02 {
	width:				48%;
}
#short .cont img.i03 {
	width:				25%;
}
#short .cont .fbox p {
	width:				auto;
}
@media screen and ( max-width:768px ) {
	#short .cont .fbox2 {
		height:				400px;
	}
	#short .cont img.shiki {
		width:				40%;
	}
	#short .cont img.sched {
		width:				40%;
	}
}
@media screen and ( max-width:428px ) {
	#short .cont img {
		margin-top:			3px;
	}
	#short .cont .fbox2 {
		height:				auto;
		-webkit-box-orient:			horizontal;
		-webkit-box-direction:			normal;
		    -ms-flex-flow:			row wrap;
		        flex-flow:			row wrap;
	}
	#short .cont img.shiki {
		width:				80%;
	}
	#short .cont img.sched {
		width:				80%;
	}
	#short .cont img.titl {
		display:			none;
	}
	#short .cont .fbox .grn {
		display:			block;
	}
	#short .cont img.p01 {
		width:				45%;
	}
	#short .cont img.p02 {
		width:				40%;
	}
	#short .cont img.p03 {
		width:				45%;
	}
	#short .cont img.p04 {
		width:				45%;
	}
	#short .cont img.p05 {
		width:				45%;
	}
	#short .cont img.p06 {
		width:				45%;
	}
	#short .cont img.i02 {
		width:				45%;
	}
	#short .cont img.i03 {
		width:				30%;
	}
	#short .cont .fbox p {
		font-size:			3.7vw;
		line-height:		18px;
	}
}

/****************************************************/
/* 介護サービスを利用するまでの手順エリア						*/
/****************************************************/
#proc a {
	width:				70%;
	padding:			20px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
