@charset "utf-8";

#mainvis h1{
font-size: 0.88em;
line-height: 1.3em;
}
#mainvis figure img{
max-width: 30px;
width: 4vw;
}


#mf1 .mf-inner{
margin: 3vw auto 0;
}
#cbox11{
background: #EFFFEB;
border-radius: 15px;
margin: 0 0 80px 0 ;
}
#cbox11 .cbox-inner{
padding: 30px;
}
#cbox11 .clist{
justify-content: center;
align-items: center;
}
#cbox11 h2{
position: relative;
text-align: center;
font-size: 1em;
font-weight: bold;
margin: 0 40px 0 0;
padding: 30px 40px 30px 0;
border-right: #55A468 dashed 2px;
}
#cbox11 h2 span{
display: flex;
justify-content: center;
align-items: center;
max-width: 60px;
max-height: 60px;
width: 8vw;
height: 8vw;
margin: 0 auto;
background: #fff;
border-radius: 100%;
}
#cbox11 h2 img{
width: 2.34vw;
max-width: 15px;
}
#cbox11 p{
border-radius: 10px;
background: #fff;
padding: 40px 20px;
width: 70%;
}


#cbox12 .clist{
justify-content: space-between;
}
#cbox12 .ctext{
width: 550px;
}
#cbox12 h3{
font-size: 1.15em;
font-weight: bold;
border-bottom: #55A468 solid 2px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
#cbox12 p{
margin: 0 0 60px 0;
line-height: 2.25em;
}


#mf2{
background: #F2F0EC;
padding: 50px 0;
}
#mf2 .mf-frame{
background: #fff;
border-radius: 20px;
}
#mf2 h2{
white-space: nowrap;
}
.ttl {
font-size: 1.15em;
font-weight: bold;
text-align: center;
margin: 0 0 50px 0;
line-height: 1em;
position: relative;
}
.ttl:before{
content: "";
display: table;
margin: 0 auto 15px auto;
max-width: 15px;
max-height: 25px;
width: 2.34vw;
height: 3.91vw;
background: url("../img/sports_rehabilitation/ic1.png") center center /cover no-repeat;
}
.ttl span{
display: table;
margin: 0 auto;
font-size: 0.7em;
color: #8D8D8D;
line-height: 1em;
}
.ttl span:before{
content: "";
width: 70px;
height: 2px;
display: table;
background: #2AA157;
margin: 15px auto;
}

#mf2 .mf-inner{
padding: 60px;
}
#mf2 .clist{
justify-content: space-between;
}
#mf2 .cbox{
width: 410px;
margin: 0 0 80px 0;
}
#mf2 .cbox:nth-of-type(2n){
margin: 150px 0 -100px 0;
}
#mf2 figure{
text-align: center;
}
#mf2 h3{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 250px;
background: #fff;
color: #2EA761;
font-weight: bold;
padding: 20px;
border-radius: 0 10px 0 0 ;
line-height: 1.3em;
position: absolute;
transform: translate(0,-100%);
}

#mf3{
margin: 100px 0;
}
#mf3 .mf-frame{
background: url("../img/sports_rehabilitation/bg.png") center center no-repeat;
}
#mf3 .mf-inner{
padding: 100px 0;
}
#mf3 .cbox{
width: 750px;
margin: 0 auto;
background: rgba(255,255,255,0.8);
border-radius: 10px;
}
#mf3 .cbox-inner{
padding: 100px;
}
#mf3 h2{
font-size: 1.15em;
font-weight: bold;
border-bottom: #55A468 solid 2px;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}



@media screen and (max-width: 1024px) {
#mainvis h1{
font-size: 0.8em !important;
}


#mf1 .mf-inner{
padding:0 0 10vw 0;
}
#cbox11{
margin: 0 0 10vw 0 ;
}
#cbox11 .cbox-inner{
padding: 1em;
}

#cbox11 h2{
width: 100%;
margin: 0 0 5vw 0;
padding: 0 0 5vw 0;
border: none;
border-bottom: #55A468 dashed 2px;
}

#cbox11 p{
padding: 3vw;
width: auto;
}


#cbox12 .clist{
justify-content: center;
}
#cbox12 .ctext{
width: 100%;
}
#cbox12 h3{
margin: 5vw 0;
padding: 0 0 2vw 0;
}
#cbox12 p{
margin: 0 0 5vw 0;
}


#mf2{
padding: 10vw 0;
}

.ttl {
margin: 0 0 10vw 0;
}
.ttl:before{
margin: 2vw auto;
}
.ttl span:before{
margin: 4vw auto;
}

#mf2 .mf-inner{
padding: 10vw 5vw;
}
#mf2 .clist{
justify-content: center;
}
#mf2 .cbox{
width: auto;
margin: 0 0 10vw 0;
}
#mf2 .cbox:nth-of-type(2n){
margin: 0 0 10vw 0;
}
#mf2 h3{
width: 15em;
padding: 4vw 2vw;
}

#mf3{
margin: 10vw 0;
}
#mf3 .mf-frame{
background: url("../img/sports_rehabilitation/bgs.png") center center /cover no-repeat;
}

#mf3 .mf-inner{
padding: 5vw;
}
#mf3 .cbox{
width: auto;
}
#mf3 .cbox-inner{
padding: 5vw;
}
#mf3 h2{
padding: 0 0 2vw 0;
margin: 0 0 2vw 0;
}
}