@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700;800;900&family=Noto+Sans+JP:wght@100..900&display=swap');
@import url("../com/css/goods.css");
#content .s-font{
	font-size:0.95rem!important;
}

#content sup{
	font-size:50%!important;
}

/*--------------------------------

	タイトル部分

--------------------------------*/


#title{
	background-color: #2F9D74;
}

#title .text{
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
	justify-content: center;
}

#title h3{
	line-height: 1.4;
}

#title h3 span{
	font-size:1.25rem;
	margin-right:1em;
}
/*---------バナー------------------*/

#title-bottom{
	background-color: #F0FBF8;
	box-shadow:0px 0px 7px 1px #366B59 inset;
	border-radius:0px 0px 6px 6px ;
}

#title-bottom img{
	filter: drop-shadow(2px 3px 3px #ccc);
}

@media screen and (min-width: 0) and (max-width: 750px){
	#title{
		background-color: #fff;
	}
	
	#title-head{
		border-radius: 6px;
		background-color: #2F9D74;
	}
	
	#title-logo{
		width:100%;
		flex-direction: column;
	}
	
	#title-logo .item{
		width:200px;
	}
	
	/*#title-logo .item img{
		width:90%;
	}*/
	
	#title-bottom{
		background-color: #fff;
		box-shadow:none;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	#title-bottom::after{
		content:"";
		display: inline-block;
		width:49.5%;
	}
	
	#title-bottom a{
		width:49.5%;
		margin-bottom:3px;
	}
}

/*--------------------------------

	ページメニュー

--------------------------------＊*/

#pagemenu{
	border-bottom:3px solid #34A179;
	margin-bottom:30px;
}


#pagemenu li{
	border-top:1px solid #49C798;
	border-left:1px solid #49C798;
	border-right:1px solid #49C798;
	color:#2C926C;
}

#pagemenu li a{
	color:#2C926C;
}

#pagemenu li a::before{
	content:url(img/link-ico02.png);
	margin-right:5px;
}

#pagemenu li.now{
	background: rgb(67,191,146);
	background: -webkit-linear-gradient(bottom, #34A179 0%,  rgba(67,191,146,1) 100%);
	background: -o-linear-gradient(bottom,  rgba(52,161,121,1) 0%,  rgba(67,191,146,1) 100%);
	background: linear-gradient(to top,  rgba(52,161,121,1) 0%,  rgba(67,191,146,1) 100%);
	color:#E9F8F2;
	pointer-events: none;
}

#pagemenu li.now::before{
	content: url(img/link-ico01.png);
	margin-right:5px;
}

@media screen and (min-width: 0) and (max-width: 750px){
	#pagemenu li a::before,
	#pagemenu li.now::before{
		margin-right:0;
	}
}

/*--------------------------------

	コンテンツ

--------------------------------＊*/

#content .item-title,
#hokenryou .item-title,
#after .item-title{
	background-color: #2F9D74;
}

/*--------------------------------



	特長



--------------------------------*/

#tokuchou{
	padding:50px 0;
}

#tokuchou_cachi{
	font-size:1.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom:30px;
	line-height: 2;
}

#tokuchou_cachi h3{
	font-size:2rem;
	color:#444444;
	line-height: normal;
	margin-bottom:30px;
	letter-spacing: 0.01rem;
}

#tokuchou_cachi .teiban{
	text-decoration: underline;
	text-decoration-color: #C7E09A;
	text-decoration-thickness: 4px;
}

#tokuchou_cachi .service{
	text-decoration: underline;
	text-decoration-color: #F8CDE0;
	text-decoration-thickness: 4px;
}

#tokuchou_cachi sup{
	font-size:0.7rem;
}

/*--------------------------------

	レスポンシブ

--------------------------------*/

@media screen and (min-width: 0) and (max-width: 750px){
	#tokuchou_cachi{
		width:95%;
		margin:0 auto 60px auto;
		line-height: 1.8;
		font-size:1.15rem;
		text-align: left;
	}
	
	#tokuchou_cachi h3{
		width:100%;
		font-size:1.48rem;
		margin-left:0;
		padding-left:0;
		text-align: center;
		line-height: 1.6;
	}
	
}

/*--------------------------------


	定番


--------------------------------*/

#teiban{
	width:100%;
	background-color: #FFFDF0;
	border:3px solid #00A04D;
	padding:20px 10px;
	border-radius: 10px;
	margin-bottom:50px;
}

#teiban h4{
	width:min(100%,300px);
	margin:0 auto;
	margin-bottom:30px;
}

#teiban h4 img{
	width:100%;
	height: auto;
}

#teiban h4 p{
	background-color: #01A04E;
	width:100%;
	border-radius: 100px;
	line-height: 40px;
	color:#fff;
	font-size:1.5rem;
	text-align: center;
}

#teiban ul{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	gap:10px;
}

#teiban li{
	font-family: "Noto Sans JP", sans-serif;
  	font-weight: 700;
	width:calc(50% - 5px);
	background-color: #F3FAED;
	padding:5px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding-left:0;
	text-indent: 0;
}

#teiban li .ico{
	width:110px;
	height: 110px;
	border-radius: 50%/50%;
	background-color: #fff;
	border:2px solid #01A04E;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#teiban li .ico img{
	width: auto;
	max-width: 55px;
	height: auto;
	max-height: 55px;
	vertical-align: top;
	margin-bottom:8px;
}

#teiban li:nth-child(3) .ico img{
	max-height: 40px;	
	margin-top:-10px;
	margin-bottom:0;
}

#teiban li:nth-child(3) .ico img{
	max-width: 60px;
}

#teiban li .ico p{
	font-size:1.15rem;
	color:#01A04E;
	text-align: center;
	line-height: 1.2;
}

#teiban li .ico p span{
	font-size:1rem;
}

#teiban li .text{
	flex:1;
	padding-right:10px;
	margin-left:10px;
	font-size:1.15rem;
	line-height: normal;
}

#teiban li .text strong{
	color:#D90000;
	font-size: 1.3rem;
	font-weight: 700;
}

#teiban li:first-child .text strong{
	font-size:1.8rem
}


/*--------------------------------

	レスポンシブ

--------------------------------*/

@media screen and (min-width: 0) and (max-width: 750px){
	#teiban ul{
		flex-direction: column;
	}
	
	#teiban li{
		width:100%;
		flex-direction: column;
		padding:20px 10px;
	}
	
	#teiban li .ico{
		margin-bottom:15px;
	}
}


/*--------------------------------


	頼れるサービス


--------------------------------*/

#tayoreru{
	width:100%;
	background-color: #FFFDF0;
	border:3px solid #EB6EA5;
	padding:20px 10px;
	border-radius: 10px;
	margin-top:0px;
}

#tayoreru_title{
	width:100%;
	margin:0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap:70px;
}

#tayoreru_title::before{
	content:'';
	width:170px;
	height: 160px;
	display: block;
	background-image: url("img/tayoreru_01.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: right bottom;
}

#tayoreru_title::after{
	content:'';
	width:100px;
	height: 150px;
	display: block;
	background-image: url("img/tayoreru_02.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#tayoreru_title h4{
	font-family: "M PLUS 1p", sans-serif;
  	font-weight: 700;
	width:300px;
	/*margin:0 auto;*/
	margin-bottom:30px;
	color:#DB1E73;
	font-size:1.8rem;
	line-height: 1.4;
}

#tayoreru_title h4 .nonmalfont{
	font-size:1.3rem;
	text-align: center;
	width:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:8px;
	
}

#tayoreru_title h4 .nonmalfont::before,
#tayoreru_title h4 .nonmalfont::after{
	content:'';
	flex:1;
	/*width:20px;*/
	height: 2px;
	border-top:1px solid #DB1E73;
	border-bottom:1px solid #DB1E73;
}

#tayoreru_title h4 .nonmalfont::before{
	margin-right:5px;
}

#tayoreru_title h4 .nonmalfont::after{
	margin-light:5px;
}

#tayoreru_title h4 strong{
	font-size:2.5rem;
	font-weight: 700;
}


#tayoreru h4 p{
	font-family:"メイリオ",'Meiryo UI', sans-serif;
	background-color: #E33383;
	width:100%;
	border-radius: 100px;
	line-height: 40px;
	color:#fff;
	font-size:1.5rem;
	text-align: center;
	margin-top:8px;
}

#tayoreru .item{
	margin-top:30px;
}

#tayoreru .item ul{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	gap:10px;
}

#tayoreru .item li{
	font-family: "Noto Sans JP", sans-serif;
  	font-weight: 700;
	width:calc(50% - 5px);
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap:5px;
	padding-left:0;
	text-indent: 0;
	padding:5px;
	line-height: 1.2;
}

#tayoreru li .ico{
	width:60px;
	height: 60px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color:#fff;
	line-height: 1;
}

#tayoreru li .ico p{
	font-size:0.9rem;
	font-weight: 600;
	margin-top:3px;
}

#tayoreru li .text{
	flex:1;
	padding-right:10px;
	margin-left:10px;
	font-size:1.1rem;
	line-height: normal;
}


#tayoreru li .ico .i{
	font-size:28px;
	/*font-weight: normal;*/
}

#tayoreru li .ico .fa-phone-volume{
	font-size:23px!important;
}

/*--------------------------------

	レスポンシブ

--------------------------------*/

@media screen and (min-width: 0) and (max-width: 750px){
	#tayoreru .item ul{
		flex-direction: column;
	}
	
	#tayoreru .item li{
		width:100%;
	}
	
	#tayoreru_title::before,
	#tayoreru_title::after{
		content:none;
	}
	
	#tayoreru li .text{
		font-size:1rem;
	}
	
	#tayoreru li .ico{
		width:50px;
		height: 50px;
	}
}

/*--------------------------------

	健康

--------------------------------*/
#tayoreru_health{
	background-color: #FEFBFA;
	padding:5px 5px 10px 5px;
}

#tayoreru_health h5{
	background-color: #EE7961;
	font-size:1.55rem;
	color:#fff;
	margin-bottom:10px;
	border-radius: 5px;
	text-align: center;
}

#tayoreru_health .item li{
	border:1px solid #EE7961;
}
#tayoreru_health .item li .ico{
	background-color: #EF917C;
}



/*--------------------------------

	治療


--------------------------------*/
#tayoreru_chiryou{
	background-color: #EAF9F0;
	padding:5px 5px 10px 5px;
}

#tayoreru_chiryou h5{
	background-color: #45C579;
	font-size:1.55rem;
	color:#fff;
	margin-bottom:10px;
	border-radius: 5px;
	text-align: center;
}

#tayoreru_chiryou li{
	border:1px solid #50C981;
}
#tayoreru_chiryou li .ico{
	background-color: #50C981;
}


/*--------------------------------

	健康

--------------------------------*/
#tayoreru_health{
	background-color: #FEFBFA;
	padding:5px 5px 10px 5px;
}

#tayoreru_health h5{
	background-color: #EE7961;
	font-size:1.55rem;
	color:#fff;
	margin-bottom:10px;
	border-radius: 5px;
	text-align: center;
}

#tayoreru_health li{
	border:1px solid #EE7961;
}
#tayoreru_health li .ico{
	background-color: #EF917C;
}



/*--------------------------------

	介護


--------------------------------*/
#tayoreru_kaigo{
	background-color: #F2FAFD;
	padding:5px 5px 10px 5px;
}

#tayoreru_kaigo h5{
	background-color: #2FABE2;
	font-size:1.55rem;
	color:#fff;
	margin-bottom:10px;
	border-radius: 5px;
	text-align: center;
}

#tayoreru_kaigo li{
	border:1px solid #2FABE2;
}
#tayoreru_kaigo li .ico{
	background-color: #73BAE6;
}


/*--------------------------------

	注意

--------------------------------*/
#tayoreru_chu{
	margin-top:30px;
	font-size:0.85rem;
	border-top:1px dotted rgba(199,193,193,1.00);
	padding-top:30px;
}

#tayoreru_chu p{
	padding-left:3em;
	text-indent: -3em;
}

#tayoreru_chu ul{
	display: block;
}

#tayoreru_chu li{
	width:100%;
	padding-left: 1em;
	text-indent: -1em;
	margin-top:5px;
	
}

/*--------------------------------

	レスポンシブ

--------------------------------*/

@media screen and (min-width: 0) and (max-width: 750px){
	#tayoreru h5{
		font-size:1.2rem;
		padding:5px 5px;
		line-height: 25px;
		border-radius: 5px;
		text-align: center;
	}
	
	#tayoreru_chu li{
		word-break: break-all;
	}
}


