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

.under_mv h2{
	background: url(../img/bg_h2.png) no-repeat 50% 50%;
	background-size: cover;
}
.under_main .inner h3{
	line-height: 1.0;
	color: #FF668B;
	font-size: 3.0rem;
}
.under_main .inner h3 span{
	background: url(../img/bg_h3.png) 50% 50%;
	display: inline-block;
	line-height: 86px;
	padding: 0 20px;
}
.under_main .inner h3 span:before{
	content:url(../img/bg_h3_before.png);
	position: absolute;
	left: -76px;
	top: -1px;
	}
.under_main .inner h3 span:after{
	content:url(../img/bg_h3_after.png);
	position: absolute;
	right: -76px;
top: -1px;
}

.under_main .inner h3.support_index span{
	background: none;
	line-height: 50px;
	color:#be272e;
	padding: 0;
}
.under_main .inner h3.support_index span::before{
	content:url(../img/bg_h4_index_before.png);
	position: absolute;
	left: -107px;
	top: -6px;
}

.under_main .inner h3.support_index span::after{
	content:url(../img/bg_h4_index_after.png);
	position: absolute;
	right: -107px;
	top: -6px;
}

.under_main .inner h4{
	line-height: 70px;
	font-size: 2.9rem;
}
.under_main .inner h4 span:before{
	content:url(../img/bg_h4_before.png);
	position: absolute;
	left: -107px;
top: -6px;
	}
.under_main .inner h4 span:after{
	content:url(../img/bg_h4_after.png);
	position: absolute;
	right: -107px;
top: -6px;
	}
.under_main .inner .support_link{
	overflow: hidden;
	background: #f6f1cc;
	padding: 20px 10px 40px;
	position: relative;
}
.under_main .inner .support_link:before{
content: "";
width: 100%;
border-top: 3px dotted #fff;
position: absolute;
top: 10px;
height: 10px;
left: 0;	}
.under_main .inner .support_link:after{
content: "";
width: 100%;
border-top: 3px dotted #fff;
position: absolute;
height: 10px;
left: 0;	bottom: 10px;
	}

.under_main .inner .support_link .panel{
	float: left;
	width: 450px;
	margin-right: 20px;
	padding: 10px 5px;
	background: #fff;
	position: relative;
	margin-top: 90px;
	height: 455px;
	text-align: center;
}
.under_main .inner .support_link .panel:nth-child(even){
	margin-right: 0;
}

.under_main .inner .support_link .panel p.icon_num{
	background: url(../img/bg_icon_num.png) no-repeat 50% 50%;
	width: 100%;
	min-height: 106px;
	position: absolute;
	top: -75px;
	left: 0;
	text-align: center;
	font-size: 2.6rem;
	line-height: 1.0;
	padding-top: 100px;
	color: #fff;
}
.under_main .inner .support_link .panel p.icon_num span{
	display: inline-block;
	font-size: 1.5rem;
	margin-right: 5px;
}

.under_main .inner .support_link .panel h3{
	padding-top: 165px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	border-top: 2px dotted #D2A143;
	color: #39b14a;
}
.under_main .inner .support_link .panel h3.no1{
	background: url(../img/icon_support_01.png) 50% 68px no-repeat;
}
.under_main .inner .support_link .panel h3.no2{
	background: url(../img/icon_support_02.png) 50% 68px no-repeat;
}

.under_main .inner .support_link .panel h3.no3{
	background: url(../img/icon_support_03.png) 50% 68px no-repeat;
}

.under_main .inner .support_link .panel h3.no4{
	background: url(../img/icon_support_04.png) 50% 68px no-repeat;
}

.under_main .inner .support_link .panel h3.no5{
	background: url(../img/icon_support_05.png) 50% 68px no-repeat;
}

.under_main .inner .support_link .panel h3.no6{
	background: url(../img/icon_support_06.png) 50% 68px no-repeat;
}

.under_main .inner .support_link .panel h4{
	font-size: 1.8rem;
	color: #ff668b;
	line-height: 1.0;
	
}
.under_main .inner .support_link .panel a.btn{
background: #bd272d;
border-radius: 20px;
color: #fff;
padding: 10px 0;
text-align: center;
margin: 10px auto 0;
display: block;
width: 150px;
	position: absolute;
	bottom:10px;
	left: 0;
right: 0;
}
.under_main .inner .kyouyuu_box h5{
	text-align: center;
	color: #1B1464;
	position: relative;
	display: inline-block;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 33px;
margin-bottom: 10px;
	
}
.under_main .inner .kyouyuu_box h5:before {
    counter-increment:number;
    content:counter(number);
    position:absolute;
top: -1px;
left: -42px;
	font-weight: bold;
	background: #1B1464;
	border-radius: 50%;
	width: 33px;
	height: 33px;
	color: #fff;
}

.under_main .inner .support_content {
	text-align: center;
}
.under_main .inner .support_content p a{
	color: #FF668B;
}
.under_main .inner .support_content img{
width: 100%;	
}
.under_main .inner .support_content img.mt63{
	margin-top: 63px !important;

}
.under_main .inner .support_content h5{
	text-align: center;
	background: url(../img/bg_h5.png) repeat-x 50% 50%;
	display: inline-block;
	position: relative;
	height: 73px;
	line-height: 73px;
	color: #FF668B;
	letter-spacing: 0.1em;
	font-size: 2.1rem;
	margin-top: 35px;
	margin-bottom: 20px;
	padding:0  40px;
}

.under_main .inner .support_content h5:before{
	content: url(../img/bg_h5_before.png);
	position: absolute;
	left:-19px;
	}

.under_main .inner .support_content h5:after{
	content: url(../img/bg_h5_after.png);
	position: absolute;
	right:-19px;
	}

.under_main .inner .support_content .floatL,
.under_main .inner .support_content .floatR{
	width: 48%;
	padding: 10px 1%;
	text-align: left;
	line-height: 1.2;
}
.under_main .inner .support_content .floatR{
    max-width:300px;
    display: block;
    margin: 0 auto;
}
.under_main .inner .support_content .fcgreen_b,
.under_main .inner .support_content .fcpink_b{
	display: block;
	margin-top: 15px;
}
.red{
	color: red;
	font-weight: bold;
}
.riha_tokka_img{
    display: flex;
    justify-content: space-between;
    gap:50px;
}
.riha_tokka_mg{
    margin: 50px 0;
}
.riha_tokka_txt{
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.riha_tokka_box{
    border: 3px dotted #9CC458;
    widows: 80%;
}
.riha_tokka{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
    
}
.support_content .riha_tokka .riha_tokkaimg img{
    display: block;
    width: 60%;
    margin: 0 auto;
}
.undou_ex{
    max-width: 500px;
    margin: 0 auto;
}

.line_animation{
    display: block;
    color: #fff;
    width: fit-content;
    font-size: 30px;
    margin-bottom: 10px;
    padding: 0 20px;
    background-color:#9CC458; 
    text-align: left;
    margin: 20px;
    
}
.riha_tit{
    font-size: 26px;
    padding: 30px;
}
.riha_flex{
    display: flex;
    justify-content: center;
    gap:30px;
}
.riha_flex img{
    max-width: 400px;
}
.kinou_riha{
    padding: 50px 0;
}
.riha_img{
    display: block;
    content: '';
    background-color: #9CC458;
    width: 110%;
    height: 90%;
    z-index: -1;
    left: 6px;
    top: 6px;
}

.flex_voice{
	width: 100%;
	margin: 40px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 2px solid #9CC458;
	border-radius: 10px;
	background: #fffcec;
	padding: 20px;
	box-sizing: border-box;
}
.under_main .inner .flex_voice h3{
	width: 100%;
	font-size: 2.2rem;
	color: #9CC458;
	margin: 0 auto 20px;
}
.flex_voice .txt{
	width: 65%;
}
.flex_voice .txt.full{
	width: 100%;
}
.flex_voice .img{
	width: 30%;
}
.flex_voice .img img{
	width: 100%;
	display: block;
}

.reha-intro h4{
  margin-bottom: 10px;
}
.reha-intro .flexbox{
  display: flex;
  gap: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.reha-intro .flexbox .text{
  width: 70%;
}
.reha-intro .flexbox .image{
  width: 21%;
}
.reha-intro .flexbox .image img{
  width: 100%;
}
.reha-intro .img-box{
  justify-content: center;
}

@media screen and (max-width:767px) { 

.under_main .inner h3{
	
	font-size: 2.6rem;
	
}
.under_main .inner h3 span{
	padding:0 ;
	
}
.under_main .inner h4 {
	padding:0 ;
	
}
	.under_main .inner h3 span{
		display: block;
		width: 100%;
	}
	.under_main .inner h3 span:before,
	.under_main .inner h3 span:after{
	display:none;
	}
	
	.under_main .inner h4 span{
		text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
	}
	.under_main .inner h4 span:before{
		left:20px;
	}
	.under_main .inner h4 span:after{
	right:20px;
	}
	.under_main .inner h4 span:before,
	.under_main .inner h4 span:after{
opacity:0.3;
	}
    
    .riha_flex{
        flex-wrap: wrap;
    }

		.flex_voice .txt{
			width: 100%;
			margin-bottom: 20px;
		}
		.flex_voice .img{
			width: 100%;
		}

    .reha-intro h3 span,
  .reha-intro h4{
    font-size: 18px!important;
  }
  .reha-intro h4{
    line-height: 1.2!important;
  }
  .reha-intro .flexbox{
    flex-direction: column;
  }
  .reha-intro .flexbox .image{
    width: 60%;
    margin: auto;
  }
  .reha-intro .flexbox .text,
  .reha-intro .img-box div img{
    width: 100%;
  }
  .reha-intro .img-box{
    flex-direction: row;
  }
  .reha-intro .img-box div{
    width: calc(100% / 3);
  }

}
@media screen and (max-width:391px) {
    .riha_tokka_txt{
        font-size: 20px;
    }
    
}
/*メイン
------------------------------------------------------------------*/