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



#comingsoon{
padding: 80px 0 100px;
text-align: center;
}


#pagetitle-wrap{
height: 650px;
}

#title-growth{
position: absolute;
top: 250px;
left: 0;
width: 100%;
text-align: center;
animation-name: pagetitle;
animation-duration: 1.5s;
animation-timing-function: ease-in-out;
animation-delay: 0;
-webkit-animation-name: pagetitle;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-delay: 0;
}

@keyframes pagetitle{
0%{opacity: 0;padding: 20px 0;}
100%{opacity: 1;padding: 0;}
}

@-webkit-keyframes pagetitle{
0%{opacity: 0;padding: 20px 0;}
100%{opacity: 1;padding: 0;}
}

#title-growth img{
display: block;
width: 100%;
max-width: 300px;
margin: 0 auto;
}



#growth-box{
margin: 0 auto;
max-width: 1280px;
box-sizing: border-box;
padding: 0 3% 100px;
}



#growth-intro{
background-image: url("../img/growth/growth-main.jpg");
background-repeat: no-repeat;
background-position: left;
background-size: cover;
margin: 0 0 60px;
padding: 100px 2%;
}

#intro-text{
background-color: rgba(255,255,255,0.6);
padding: 30px 5%;
width: 55%;
box-sizing: border-box;
margin: 0 0 0 auto;
}

#intro-cap{
margin: 0 0 10px;
}

#intro-cap span{
background-color: #F48082;
color: #FFFFFF;
padding: 8px 20px;
border-radius: 6px;
font-weight: bold;
}

.intro-theme{
font-size: 19px;
font-weight: bold;
margin: 0 0 10px;
}

#intro-setsumei{
border-left: 3px solid #888888;
padding: 3px 0 3px 10px;
margin: 0 1%;
}

.intro-attention{background: linear-gradient(transparent 70%, #F48082 70%);}



h2,h3,h4,h5,h6{
position: absolute;
top: -10px;
left: -3%;
}

h2 span,h3 span,h4 span,h5 span,h6 span{
font-size: 20px;
text-align: center;
padding: 15px 60px;
background-color: #111111;
color: #FFFFFF;
}




#merit-box{
background-color: #FFFFFF;
padding: 60px 6% 40px;
margin: 0 0 80px 3%;
position: relative;
}

#merit-intro-img{
display: block;
margin: 15px auto;
width: 60%;
max-width: 280px;
}

#merit-title{
font-size: 20px;
font-weight: bold;
margin: 0 0 8px;
}

.merit-block{
border: 2px solid #CCCCCC;
margin: 15px 0 30px;
padding: 25px 5%;
}

#merit-title span{background: linear-gradient(transparent 70%, #F48082 70%);}
#merit{background: linear-gradient(transparent 70%, #EBD092 70%);}
#demerit{background: linear-gradient(transparent 70%, #81D8EF 70%);}

#demerit-uline{
background: linear-gradient(transparent 80%, #81D8EF 80%);
font-weight: bold;
}

#merit-box p{padding: 0 3%;}

.merit-category{
font-size: 18px;
font-weight: bold;
}

.merit-theme{
font-weight: bold;
margin: 10px 0 0;
}

#merit-attention{
background-color: #F1F1F1;
margin: 5px 0 0;
padding: 10px 3%;
}




#flow-box{
background-color: #FFFFFF;
padding: 60px 6% 40px;
margin: 0 0 80px 3%;
position: relative;
}

.flow-block{
border: 2px solid #CCCCCC;
padding: 25px 5%;
}

.flow-category{
font-size: 18px;
font-weight: bold;
border-bottom: 3px solid #E8BCF0;
border-left: 3px solid #E8BCF0;
padding: 3px 0 3px 10px;
margin: 0 0 10px;
}

#flow-menu-wrap{
display: flex;
flex-wrap: wrap;
margin: 8px auto 0;
max-width: 800px;
}

.flow-menu{
width: 23%;
margin: 0 1%;
padding: 15px 4% 18px;
line-height: 1.6;
box-sizing: border-box;
background-color: #EEEEEE;
}


.flow-uline{background: linear-gradient(transparent 80%, #EBD092 80%);}

.flow-cap{font-weight: bold;}

.flow-allow{
text-align: center;
font-size: 22px;
font-weight: bold;
margin: 5px 0 0;
}




#price-box{
background-color: #FFFFFF;
padding: 60px 6% 40px;
margin: 0 0 80px 3%;
position: relative;
}

.price-block{
margin: 0 0 30px;
border: 1px solid #CCCCCC;
padding: 0 0 25px;
}

.price-block p{
padding: 0 5%;
}

.price-table{
background-color: #111111;
color: #FFFFFF;
width: 100%;
padding: 12px 5%;
margin: 0 0 15px;
font-size: 22px;
}
.price-table th{text-align: left;}
.price-table th span{
font-size: 16px;
margin: 0 0 0 15px;
}
.price-table td{
text-align: right;
font-weight: bold;
}


.price-one{
text-align: right;
margin: 0 0 8px;
}
.price-one span{
background-color: #EEEEEE;
padding: 5px 15px;
}

.price-uline{
background: linear-gradient(transparent 80%, #EBD092 80%);
padding: 0 3px;
}

.price-tuika{
width: 100%;
padding: 10px 5% 0;
font-size: 16px;
}
.price-tuika th{text-align: left;}
.price-tuika td{
text-align: right;
font-weight: bold;
}

.price-uline{
background: linear-gradient(transparent 80%, #EBD092 80%);
padding: 0 3px;
}

.price-ikkai{
width: 100%;
margin: 0 0 20px;
font-weight: bold;
font-size: 18px;
}
.price-ikkai th{text-align: left;}
.price-ikkai th span{
font-weight: normal;
font-size: 14px;
margin: 0 0 0 10px;
}
.price-ikkai td{text-align: right;}
.price-ikkai td span{
color: #888888;
font-weight: normal;
font-size: 14px;
margin: 0 0 0 10px;
}



#price-shiharai{
background-color: #EEEEEE;
padding: 20px 5%;
}

#price-shiharai-title{
font-size: 16px;
font-weight: bold;
margin: 0 0 12px;
padding: 0 0 3px;
border-bottom: 1px solid #888888;
}

#price-shiharai p{padding: 0 2%;}

.price-goukei{
text-align: right;
font-weight: bold;
}



#before-after-box{ 
background-color: #FFFFFF;
padding: 60px 6% 40px;
margin: 0 0 80px 3%;
position: relative;
}

.ba-category{
font-size: 24px;
font-weight: bold;
margin: 0 0 10px;
}

.ba-category span{
background: linear-gradient(transparent 80%, #EBD092 80%);
padding: 0 5px;
}

.ba-block{
margin: 0 5% 40px;
}

.ba-block p{
border-left: 1px solid #888888;
border-bottom: 1px solid #888888;
padding: 4px 15px;
margin: 0 0 15px;
}

.ba-img{
margin: 0 1%;
width: 42%;
vertical-align: middle;
}

.ba-allow{
width: 5%;
vertical-align: middle;
}







#shikumi-box{ 
background-color: #FFFFFF;
padding: 60px 6% 40px;
margin: 0 0 80px 3%;
position: relative;
}

.shikumi-block{
display: flex;
flex-wrap: wrap;
padding: 5px 0 5px 20px;
margin: 0 0 30px;
border-left: 5px solid #EFDFE0;
}

.shikumi-text{
width: 60%;
}

.shikumi-img{
width: 40%;
box-sizing: border-box;
padding: 30px 5%;
}

.shikumi-img img{
width: 100%;
}

.shikumi-category{
font-size: 18px;
font-weight: bold;
margin: 0 0 8px;
}

#shikumi-box p span{
font-weight: bold;
}

.shikumi-strong{
font-weight: bold;
margin: 5px 0 25px;
}





#growth-attention-box{
background-color: #FFFFFF;
padding: 60px 6% 40px;
margin: 0 0 80px 3%;
position: relative;
}

.growth-attention-block{
border-left: 5px solid #E9E4D4;
padding: 5px 0 5px 20px;
margin: 0 0 15px;
}

.growth-attention-theme{
font-size: 15px;
font-weight: bold;
margin: 0 0 5px;
}

.growth-attention-uline{
background: linear-gradient(transparent 80%, #FF6163 80%);
}

#growth-attention-innerblock{
background-color: #F1F1F1;
margin: 8px 0 12px;
padding: 8px 3%;
}







#homecare-attention-box{
background-color: #FFFFFF;
padding: 60px 6% 40px;
margin: 0 0 60px 3%;
position: relative;
}

.homecare-attention-block{
border-left: 5px solid #E3EDF1;
padding: 5px 0 5px 20px;
margin: 0 0 15px;
}

.homecare-attention-theme{
font-size: 15px;
font-weight: bold;
margin: 0 0 5px;
}




#tel-box{
background-color: #111111;
color: #FFFFFF;
padding: 20px 6%;
margin: 0 0 40px 3%;
position: relative;
text-align: center;
}

#tel-box-number{
font-size: 20px;
margin: 5px 0 0;
}
#tel-box-number span{
font-size: 28px;
color: #FFFFFF;
}

#tel-box a{color: #FFFFFF;}










/*       PC       */
@media(min-width: 991px){




}

/*     TABLET     */
@media(min-width: 768px) and (max-width: 990px){




}

/*  SMART-PHONE  */
@media(max-width: 767px){



#pagetitle-wrap{height: 450px;}

#title-growth{top: 160px;}
#title-growth img{max-width: 180px;}






#growth-intro{padding: 80px 2%;}

#intro-text{
padding: 30px 5%;
width: 85%;
}

.intro-theme{
font-size: 15px;
font-weight: bold;
margin: 0 0 5px;
}


h2 span,h3 span,h4 span,h5 span,h6 span{
font-size: 15px;
padding: 12px 25px;
}


#merit-box{padding: 40px 6% 40px;}
#merit-title{font-size: 15px;}
#merit-box p{padding: 0 3%;}
.merit-category{font-size: 15px;}



#flow-box{padding: 40px 6% 40px;}
.flow-menu{
width: 44%;
margin: 0 3% 20px;
padding: 10px 4% 12px;
}
.flow-category{font-size: 15px;}



#price-box{
padding: 40px 6% 40px;
margin: 0 0 80px 3%;
}
.price-table{
padding: 8px 5%;
font-size: 16px;
}
.price-table th span{
font-size: 13px;
margin: 0 0 0 10px;
}

.price-tuika{font-size: 14px;}

.price-ikkai{
font-size: 15px;
}
.price-ikkai th span{
font-size: 14px;
display: block;
}
.price-ikkai td span{
font-size: 11px;
display: block;
}


#price-shiharai-title{font-size: 15px;}



#before-after-box{ 
padding: 40px 6% 40px;
margin: 0 0 80px 3%;
}
.ba-category{font-size: 18px;}
.ba-block p{padding: 2px 10px;}



#shikumi-box{padding: 40px 6% 40px;}
.shikumi-block{
padding: 5px 0 5px 15px;
border-left: 3px solid #EFDFE0;
}
.shikumi-category{
font-size: 16px;
font-weight: bold;
margin: 0 0 8px;
}
.shikumi-text{width: 100%;}
.shikumi-img{
width: 100%;
padding: 0 5%;
}



#growth-attention-box{padding: 40px 6% 40px;}
.growth-attention-block{
border-left: 3px solid #E9E4D4;
padding: 5px 0 5px 15px;
}
.growth-attention-theme{font-size: 14px;}



#homecare-attention-box{padding: 40px 6% 40px;}
.homecare-attention-block{
border-left: 3px solid #E3EDF1;
padding: 5px 0 5px 15px;
}
.homecare-attention-theme{font-size: 14px;}







#tel-box{padding: 15px 6%;}
#tel-box-number{font-size: 16px;}
#tel-box-number span{font-size: 24px;}







}