@charset "utf-8";

#mainvis h1 {
font-size: 1.1em;
}
#mainvis .cbox {
width: 220px;
}
h2 {
text-align: center;
position: relative;
margin: 2em auto;
font-size: 1.2em;
}
h2:before {
content: "";
display: block;
width: 2em;
height: 2em;
background: url("../img/rehabilitation/ic3.png") center / contain no-repeat;
position: absolute;
top: -2em;
left: 50%;
transform: translate(-50%, -50%);
}
h2 span {
display: block;
margin: 1em auto;
color: #8D8D8D;
width: fit-conetnt;
width: -moz-fit-conetnt;
padding: 0 1em;
}
h2 span:before {
content: "";
display: block;
width: 6em;
height: 2px;
margin: .5em auto;
background: #2EA761;
}

#mf1 .cbox {
width: 1000px;
margin: 3vw auto 0;
background: #EFFFEB;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
padding: 1.5em 2em;
}
#mf1 .cboxs {
width: 20%;
border-right: 2px dashed #2EA761;
display: flex;
justify-content: center;
align-items: center;
flex-direction:column; 
}
#mf1 .tbox {
width: 70%;
background: #fff;
border-radius: 15px;
padding: 1em;
margin: 0 2em;
}

#mf2 .cbox {
width: 1000px;
display: flex;
border-bottom: 2px dashed #2AA157;
margin: 5vw auto;
padding: 0 0 3vw;
}
#mf2 .cbox:last-child {
border-bottom: none;
}

/*　　0427 追加　　*/

#mf2 .add {
flex-wrap: wrap;
}

#mf2 .add h2{
width: 100%;
text-align: center;
}

#mf2 .add figure{
width: 378px;
}

#mf2 .add div{
width: 590px;
}

#mf2 .add div ul{
margin-bottom: 30px;
}

#mf2 .add div ul li{
font-weight: bold;
margin-bottom: 10px;
font-size: 18px;
}

#mf2 .add div h3{
padding: 15px;
text-align: center;
margin: 30px auto 20px;
color: #fff;
background: #2EA761;
font-size: 18px;
border: solid 1px transparent;
border-radius: 5px;
}

#mf2 .add b{
font-weight: bold;
color: #2EA761;
}

/*　　0427 追加　　*/

#mf2 figure {
margin: 0 3% 0 0;
}
#mf2 h2 {
font-size: 1.4em;
font-weight: bold;
border-bottom: 2px solid #2AA157;
margin-bottom: 1em;
padding: .6em 0 .5em;
margin: 0 auto 1em;
text-align: left;
}
#mf2 h2:before {
display: none;
}
#mf2 div p {
margin-bottom: 1em;
}
#mf2 .gbtn a {
margin: 2em auto 0 0;
}

#mf3 {
background: #F2F0EC;
padding: 5vw 0;
}
#mf3 ul {
width: 1000px;
margin: 0 auto;
padding: 15px;
display: flex;
overflow: hidden;
}
#mf3 li {
width: 30%;
margin: 0 5% 0 0;
background: #fff;
padding: 1em 2em;
border-radius: 15px;
box-shadow: 3px 3px 15px rgb(0 0 0 / 20%);
}
#mf3 li:last-child {
margin-right: 0;
}
#mf3 li h3,
#mf3 li figure {
text-align: center;
}
#mf3 li figure {
margin: 2vw 0;
}
#mf3 li h3 {
font-weight: bold;
text-align: center;
}
#mf3 li a {
display: block;
text-decoration: underline;
color: #2AA157;
text-align: left;
margin-top: 2em;
}

#mf4 .mf-inner {
padding: 5vw 0 0;
}
#mf4 .cbox {
width: 1000px;
display: flex;
border-bottom: 2px dashed #2AA157;
margin: 5vw auto;
padding: 0 0 3vw;
}
#mf4 .cbox:last-child {
border-bottom: none;
}
#mf4 figure {
margin: 0 3% 0 0;
}
#mf4 h3 {
font-size: 1.4em;
font-weight: bold;
border-bottom: 2px solid #2AA157;
margin-bottom: 1em;
padding: .6em 0 .5em;
text-align: left;
}
#mf4 h3:before {
display: none;
}
#mf4 div p {
margin-bottom: 1em;
}


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

#mf5 h2::before{
content: none;
}



@media screen and (max-width: 1024px) {
#mainvis .cbox {
width: 40vw;
}
#mf1 .cbox,
#mf2 .cbox,
#mf3 ul {
width: auto;
}
#mf1 .cbox {
padding: 1em;
display: block;
}
#mf1 .cboxs {
width: 100%;
border-right: none;
border-bottom: 2px dashed #2EA761;
padding-bottom: .5em;
margin-bottom: 1em;
}
#mf1 .tbox{
width: 100%;
margin: 0;
}

#mf2 h2 {
margin: 1em auto;
}

#mf2 .cbox,
#mf4 .cbox{
width: auto;
display: block;
margin: 5vw auto 10vw;
padding: 10px;
}
#mf2 figure,
#mf4 figure{
margin: 0;
text-align: center;
}
#mf3, #mf4 {
padding: 10vw 0 3vw;
}
#mf3 ul {
display: block;
}
#mf3 li {
width: 100%;
margin: 3vw auto;
}

#mf4 h3{
margin: 1em auto;
}
#mf4 .cbox{
margin-bottom: 0;
}

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

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



}


@media screen and (max-width: 768px) {
#mainvis h1 {
font-size: 1.1em !important;
}
h2:before {
width: 1.2em;
height: 1.2em;
top: -1em;
}
h2 span {
margin: 0;
line-height: 1;
}

#mf2 .mf-frame{
padding: 0 15px;
}

#mf2 .add figure{
width: 100%;
margin-bottom: 20px;
}

#mf2 .add div{
width: 100%;
}

#mf2 .add div ul{
padding-left: 25px;
}

#mf2 .add div ul li{
margin-bottom: 5px;
list-style-type: disc;
}

}

@media screen and (max-width: 540px) {
#mainvis .cbox {
width: 60vw;
}
#mainvis .cbox figure {
width: 6vw;
}
}