@charset "utf-8";

/*===============================================
●共通
===============================================*/

/*aboutSupport
---------------------------------------------- */
#aboutSupport section {border: 1px solid #E1E1E1;}
#aboutSupport section p {text-align: center;}
#aboutSupport  a {color: #EC0F85;}

/*elderlySupport
---------------------------------------------- */
#elderlySupport .consulImg {
	border: 1px solid #E1E1E1;
	position: relative;
}
#elderlySupport .consulImg p {position: absolute;}
#elderlySupport section {background-color: #F8F8F8;}
#elderlySupport .consulPara {
	background-color: #EC0F85;
	color: #fff;
	text-align: center;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#elderlySupport h4 {
	color: #EC0F85;
	display: flex;
	align-items: center;
}
#elderlySupport .group {
	color: #EC0F85;
	font-weight: bold;
	position: relative;
}
#elderlySupport .group:after {
	content: "";
	display: inline-block;
	background-color: #FFC1E2;
	width: 100%;
	height: 1px;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
}
#elderlySupport .group span {
	position: relative;
	background-color: #F8F8F8;
	z-index: 2;
	padding-right: 1.5em;
}
#elderlySupport .consulHead {
	font-family: "tbchibirgothicplusk-pro", sans-serif;
	font-style: normal;
	font-weight: 400;
}
#elderlySupport .consulRight img {width: 100%;}

/*===============================================
●画面の横幅が769px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px) {
	
	/*aboutSupport
	---------------------------------------------- */
	#aboutSupport {margin-bottom: 5em;}
	#aboutSupport p:first-of-type {margin-bottom: 1em;}
	#aboutSupport section {
		padding: 1em;
		margin-bottom: 2em;
	}
	#aboutSupport .tit03 {margin-bottom: 0.5em;}
	#aboutSupport .imgFlexBox div:not(:last-of-type) {text-align: center;}
	#aboutSupport .imgFlexBox div:last-of-type {
		width: 30%;
		max-width: 115px;
		margin: 0 0 0 auto;
	}
	#aboutSupport .imgFlexBox img {width: 100%;}
	
	/*elderlySupport
	---------------------------------------------- */
	#elderlySupport {padding-bottom: 4em;}
	#elderlySupport > p {margin-bottom: 2em;}
	#elderlySupport .consulImg {padding: 1em;}
	#elderlySupport section:not(:last-of-type) {margin-bottom: 1em;}
	#elderlySupport section:last-of-type {margin-bottom: 2em;}
	#elderlySupport section .consulLeft {padding: 1.5em;}
	#elderlySupport section .consulRight {padding: 0 1.5em 1.5em;}
	#elderlySupport section .consulRight div {margin-bottom: 0.5em;}
	#elderlySupport h4 {margin: 0.8em 0;}
	#elderlySupport .consulPara {
		width: 7em;
		padding: 0.4em 0.3em;
	}
	#elderlySupport .group {margin: 1em 0;}
}
	
/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px) {
	
	/*aboutSupport
	---------------------------------------------- */
	#aboutSupport {margin-bottom: 10em;}
	#aboutSupport section {
		margin: 2.3em 0;
		padding: 3em 2.6em 4em;
	}
	#aboutSupport .tit03 {margin-bottom: 0;}
	#aboutSupport section p {margin-bottom: 2.5em;}
	#aboutSupport .imgFlexBox div:nth-last-of-type(2) {margin-right: 7.5%;}
	#aboutSupport .imgFlexBox div:last-of-type {
		width: 27%;
		position: relative;
	}
	#aboutSupport .imgFlexBox div:last-of-type img {
		position: absolute;
		bottom: 0;
	}
	
	/*elderlySupport
	---------------------------------------------- */
	#elderlySupport {padding-bottom: 7.5em;}
	#elderlySupport .consulImg {padding: 3em;}
	#elderlySupport .consulImg p {line-height: 1.5em;}
	#elderlySupport > p {margin-bottom: 2.3em;}
	#elderlySupport .consulImg p:first-of-type {
		top: 16%;
		right: 27%;
	}
	#elderlySupport .consulImg p:nth-of-type(2) {
		top: 52%;
		right: 9%;
	}
	#elderlySupport .consulImg p:last-of-type {
		top: 78%;
		right: 9%;
	}
	#elderlySupport section {
		margin-bottom: 1.8em;
		display: flex;
		padding: 3em;
	}
	#elderlySupport section .consulLeft {
		width: 70%;
		padding-right: 3%;
	}
	#elderlySupport section:last-of-type {margin-bottom: 3em;}
	#elderlySupport section .consulRight {width: 30%;}
	#elderlySupport section .consulRight div {margin-bottom: 1em;}
	#elderlySupport section .consulRight p {line-height: 1.5em;}
	#elderlySupport .consulHead {display: flex;}
	#elderlySupport .consulPara {
		font-size: 1.5em;
		padding: 0.4em 0;
		margin-right: 1em;
		line-height: 1.1em;
		width: 180px;
	}
	#elderlySupport h4 {
		font-size: 1.1em;
		line-height: 1.3em;
	}
	#elderlySupport h3 {
		line-height: 2em;
		font-size: 1.2em;
		margin: 1em 0;
	}
	#elderlySupport .group {
		font-size: 1.1em;
		margin-bottom: 1em;
	}
}