@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/



/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 961px){
	
	footer div.f_bottom div.illust::before{
		content: "";
		width: 140%;
		height: 67.5%;
		background: url("../images/rehabilitation/f_text_pc.svg") no-repeat;
		background-size: contain;
		top: 15%;
		left: -156.8%;
		z-index: 3;
	}
	
	section#rehabili1 {
		padding-bottom: 2.8vw;
	}
	
	section#rehabili1 .section_inner {
		width: 42.8%;
		max-width: 608px;
		margin: 0 auto;
		position: relative;
	}
	
	section#rehabili1 .section_inner span.illust1 {
		width: 23%;
		display: inline-block;
		position: absolute;
		top: 0;
		left: -29.2%;
		z-index: 9;
	}
	section#rehabili1 .section_inner span.illust2 {
		width: 21.2%;
		display: inline-block;
		position: absolute;
		bottom: 0;
		right: -35%;
		z-index: 9;
	}
	
	section#rehabili1 .section_inner h3{
		font-size: 2.2rem;
		font-size: clamp(calc((2.2rem * 0.64)), 1.54vw, 2.2rem);
		font-weight: 600;
		line-height: 1;
		margin: 3em 0 1.5em;
	}
	
	section#rehabili1 .section_inner p{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
	}
	
	section#rehabili2 {
		width: 100%;
		background: rgba(212,236,243,.3);
		padding: 4.2vw 0 5vw;
		padding: 4.2cqw 0 5cqw;
	}
	
	section#rehabili2 .section_inner {
		width: 72.6%;
		max-width: 1032px;
		margin: 0 auto;
		position: relative;
	}
	
	section#rehabili2 .section_inner span.illust3 {
		width: 35.1%;
		display: inline-block;
		position: absolute;
		bottom: 0;
		right: 4.2%;
		z-index: 9;
	}
	
	section#rehabili2 .section_inner div.block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#rehabili2 .section_inner div.block div.box{
		width: 46.6%;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
	}
	
	section#rehabili2 .section_inner div.block div.box.box3 {
		margin-top: -8em;
	}
	
	section#rehabili2 .section_inner div.block div.box h4{
		font-size: 2.2rem;
		font-size: clamp(calc((2.2rem * 0.64)), 1.54vw, 2.2rem);
		line-height: 1.6;
		font-weight: 600;
		letter-spacing: 0.04em;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 1em;
	}
	
	section#rehabili2 .section_inner div.block div.box:nth-child(n + 3) h4{
		margin-top: 3em;
	}
	
	section#rehabili2 .section_inner div.block div.box.box1 h4{
		width: 82.74%;
		height: 7.67vw;
		height: 7.67cqw;
		max-height: 109px;
		background: url("../images/rehabilitation/head01_bg_pc.svg") no-repeat;
		background-size: contain;
		padding-left: 1.25em;
		margin-left: -1.25em;
	}
	section#rehabili2 .section_inner div.block div.box.box2 h4{
		width: 72.9%;
		height: 7.32vw;
		height: 7.32cqw;
		max-height: 104px;
		background: url("../images/rehabilitation/head02_bg_pc.svg") no-repeat;
		background-size: contain;
		padding-left: 2em;
		margin-left: -2em;
	}
	section#rehabili2 .section_inner div.block div.box.box3 h4{
		width: 87.3%;
		height: 7.67vw;
		height: 7.67cqw;
		max-height: 109px;
		background: url("../images/rehabilitation/head03_bg_pc.svg") no-repeat;
		background-size: contain;
		padding-left: 1.25em;
		margin-left: -1.25em;
	}
	section#rehabili2 .section_inner div.block div.box.box4 h4{
		width: 90.4%;
		height: 5.49vw;
		height: 5.49cqw;
		max-height: 78px;
		background: url("../images/rehabilitation/head04_bg_pc.svg") no-repeat;
		background-size: contain;
		padding-left: 1.25em;
	}
	
	section#rehabili2 .section_inner div.block div.box h4 span{
		display: inline-block;
	}
	
	section#rehabili2 .section_inner div.block div.box p{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
	}
	
	section#rehabili3 {
		width: 100%;
		padding: 4.2vw 0;
	}
	
	section#rehabili3 .section_inner {
		width: 64.4%;
		max-width: 915px;
		margin: 0 auto;
	}
	
	section#rehabili3 .section_inner h3{
		font-size: 2.2rem;
		font-size: clamp(calc((2.2rem * 0.64)), 1.54vw, 2.2rem);
		line-height: 1.6;
		text-align: center;
		font-weight: 600;
		letter-spacing: 0.04em;
		margin-bottom: 2em;
	}
	
	section#rehabili3 .section_inner h3 small{
		display: block;
		font-size: 81.8%;
	}
	
	section#rehabili3 .section_inner p{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
	}
	
	section#rehabili3 .section_inner p + p{
		margin-top: 2em;
	}
}


@media screen and (min-width:961px) and (max-width: 1500px){

}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 960px){
	
	footer div.f_bottom div.illust::before{
		content: "";
		width: 117%;
		height: 54.8%;
		background: url("../images/rehabilitation/f_text_sp.svg") no-repeat;
		background-size: contain;
		top: 38%;
		left: -135%;
		z-index: 3;
	}
	
	section#rehabili1 {
		padding-bottom: 12vw;
	}
	
	section#rehabili1 .section_inner {
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	
	section#rehabili1 .section_inner span.illust1 {
		width: 24%;
		display: inline-block;
		position: absolute;
		bottom: -16.4vw;
		bottom: -16.4cqw;
		left: 11%;
		z-index: 9;
	}
	section#rehabili1 .section_inner span.illust2 {
		width: 23%;
		display: inline-block;
		position: absolute;
		bottom: -10.4vw;
		bottom: -10.4cqw;
		right: 7.7%;
		z-index: 9;
	}
	
	section#rehabili1 .section_inner h3{
		font-size: calc(2.2rem * 0.72);
		font-size: clamp(calc((2.2rem * 0.72)), 4.4vw, calc(2.2rem * 1.92));
		font-weight: 600;
		line-height: 1.6;
		margin: 2em 0 1.5em;
	}
	
	section#rehabili1 .section_inner p{
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
	}
	
	section#rehabili2 {
		width: 100%;
		background: rgba(212,236,243,.3);
		padding: 15.2vw 0 17vw;
		padding: 15.2cqw 0 17cqw;
	}
	
	section#rehabili2 .section_inner {
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	
	section#rehabili2 .section_inner span.illust3 {
		width: 91%;
		display: inline-block;
		position: absolute;
		bottom: -38.6vw;
		bottom: -38.6cqw;
		left: 5.5%;
		z-index: 9;
	}
	
	section#rehabili2 .section_inner div.block{
		display: block;
	}
	
	section#rehabili2 .section_inner div.block div.box{
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
	}
	
	section#rehabili2 .section_inner div.block div.box + div.box{
		margin-top: 3.5em;
	}
	
	section#rehabili2 .section_inner div.block div.box h4{
		font-size: calc(2.2rem * 0.72);
		font-size: clamp(calc((2.2rem * 0.72)), 4.4vw, calc(2.2rem * 1.92));
		line-height: 1.6;
		font-weight: 600;
		letter-spacing: 0.04em;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 1.25em;
	}
	
	section#rehabili2 .section_inner div.block div.box.box1 h4{
		width: 99.5%;
		height: 22.2vw;
		height: 22.2cqw;
		background: url("../images/rehabilitation/head01_bg_sp.svg") no-repeat;
		background-size: contain;
		padding-left: 1.25em;
	}
	section#rehabili2 .section_inner div.block div.box.box2 h4{
		width: 87.7%;
		height: 20.8vw;
		height: 20.8cqw;
		background: url("../images/rehabilitation/head02_bg_sp.svg") no-repeat;
		background-size: contain;
		padding-left: 2em;
	}
	section#rehabili2 .section_inner div.block div.box.box3 h4{
		width: 105%;
		height: 21.8vw;
		height: 21.8cqw;
		background: url("../images/rehabilitation/head03_bg_sp.svg") no-repeat;
		background-size: contain;
		padding-left: 1.25em;
		margin-left: -2.5%;
	}
	section#rehabili2 .section_inner div.block div.box.box4 h4{
		width: 105.7%;
		height: 16vw;
		height: 16cqw;
		background: url("../images/rehabilitation/head04_bg_sp.svg") no-repeat;
		background-size: contain;
		padding-left: 0.75em;
		margin-left: -5%;
	}
	
	section#rehabili2 .section_inner div.block div.box h4 span{
		display: inline-block;
	}
	
	section#rehabili2 .section_inner div.block div.box p{
		width: 98.8%;
		margin: 0 auto;
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
	}
	
	section#rehabili3 {
		width: 100%;
		padding: 30vw 0 4vw;
	}
	
	section#rehabili3 .section_inner {
		width: 80%;
		margin: 0 auto;
	}
	
	section#rehabili3 .section_inner h3{
		font-size: calc(2.2rem * 0.72);
		font-size: clamp(calc((2.2rem * 0.72)), 4.4vw, calc(2.2rem * 1.92));
		line-height: 1.6;
		font-weight: 600;
		letter-spacing: 0.04em;
		margin-bottom: 1.5em;
	}
	
	section#rehabili3 .section_inner h3 small{
		display: block;
		font-size: 81.8%;
	}
	
	section#rehabili3 .section_inner p{
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
	}
	
	section#rehabili3 .section_inner p + p{
		margin-top: 2em;
	}
	
	
	
	

}