@charset "utf-8";

.mf-frame{
width: 1200px;
margin: 0 100px 0 50px;
}
.mf h2{
font-size: 1.5em;
font-weight: bold;
color: #78ad66;
margin: 0 0 50px 0;
}
.mf h2:after{
content: "";
display: table;
margin: 20px auto;
width: 50px;
height: 1px;
background: #78ad66;
}

.cbox{
margin: 0 0 100px 0;
}

#cbox11 p{
width: 1000px;
margin: 0 auto;
}

#cbox12 .clist{
justify-content: center;
align-items: center;
}
#cbox12 figure{
border-radius: 100%;
overflow: hidden;
}
#cbox12 figure img{
width: 100%;
}
#cbox12 .ctext{
width: 800px;
margin: 0 0 0 1em;
}
#cbox12 .ctext p{
line-height: 2em;
}


#mf2{
background: #FFFDF4;
}
#mf2 .mf-inner{
padding: 100px 0;
}
#mf2 table{
width: 1000px;
margin: 0 auto;
}
#mf2 table tr{
border-bottom: #78ad66 solid 1px;
}
#mf2 table th,
#mf2 table td{
padding: 20px;
font-size: 1.2em;
}
#mf2 table th{
color: #78ad66;
}

#mf3 .mf-inner{
padding: 100px 0;
}
.gmap{
width: 100%;
height: 500px;
position: relative;
}
.gmap iframe{
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}



@media screen and (max-width: 767px) {
.mf-frame{
width: auto;
margin: 0;
}

.mf h2{
font-size: 1.3em;
margin: 0 0 5vw 0;
}
.mf h2:after{
margin: 5vw auto;
}

.cbox{
margin: 0 0 10vw 0;
}

#mf1 .mf-inner{
padding: 0 5vw;
}
#cbox11 p{
width: auto;
}

#cbox12 .ctext{
width: auto;
margin: 5vw 0 0 0;
}


#mf2 .mf-inner{
padding: 10vw 5vw;
}
#mf2 table{
width: auto;
margin: 0 auto;
}
#mf2 table tr{
border-bottom: #78ad66 solid 1px;
}
#mf2 table th,
#mf2 table td{
padding: 3vw 2vw;
font-size: 1em;
}


#mf3 .mf-inner{
padding: 0 5vw;
}
.gmap{
height: 50vw;
}

}