@charset "utf-8";

#mainvis{
background-image: url("../../img/course/beginner/ttl.jpg");
}

#mf1 p{
position: relative;
}
#mf1 p:after{
content: "";
display: block;
max-width: 205px;
max-height: 165px;
width: 27.33vw;
height: 22vw;
background: url("../../img/course/beginner/i1.png") center center /cover no-repeat;
position: absolute;
right: 0;
top: 0;
}

#mf1 table{
width: 100%;
margin: 50px 0;
border: #ccc solid 3px;
border-radius: 10px;
border-collapse: separate;
border-spacing: 0;
}
#mf1 table th{
font-size: 1.25em;
font-weight: bold;
border: #ccc solid;
border-width: 0 3px 3px 0;
padding: 10px;
}
#mf1 table td{
border: #ccc solid;
border-width: 0 3px 3px 0;
padding: 10px;
}
#mf1 table tr:last-of-type *{
border-bottom: none;
}
#mf1 table th:last-of-type,
#mf1 table td:last-of-type{
border-right: none;
}




#mf1 .cbox{
margin: 0 0 30px 0;
border: solid 3px;
border-radius: 10px;
position: relative;
}
#mf1 .cbox:after{
content: "";
display: block;
max-width: 200px;
max-height: 205px;
width: 26.67vw;
height: 27.33vw;
background: url("../../img/course/beginner/i2.png") center center /cover no-repeat;
position: absolute;
right: 40px;
top: -40px;
}
#mf1 .cbox-inner{
padding: 20px;
}
#mf1 .cbox h2{
font-size: 1.5em;
font-weight: bold;
margin: 0 0 20px 0;
display: flex;
align-items: center;
}
#mf1 .cbox h2:before{
content: "";
display: block;
width: 33px;
height: 29px;
margin:  0 10px 0 0;
background: url("../../img/course/ic1.jpg") center center /cover no-repeat;
}
#mf1 .cbox ul{
display: flex;
align-items: flex-start;
}
#mf1 .cbox ul li{
margin: 0 40px 0 0;
}







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

#mf1{
margin: 0 5vw 10vw 5vw;
}
#mf1 p:after{
margin: 1vw 0 3vw auto;
position: static;
}

#mf1 table{
margin: 3vw 0 10vw 0;
}
#mf1 table th{
font-size: 1em;
padding: 2vw;
}
#mf1 table td{
padding: 2vw;
}


#mf1 .cbox{
margin: 0 0 4vw 0;
}
#mf1 .cbox:after{
right: 3vw;
top: -3vw;
}

#mf1 .cbox-inner{
padding: 3vw;
}
#mf1 .cbox h2{
font-size: 1em;
margin: 0 0 2vw 0;
}
#mf1 .cbox h2:before{
max-width: 33px;
max-height: 29px;
width: 4.4vw;
height: 3.87vw;
margin:  0 0.5em 0 0;
}
#mf1 .cbox h3{
font-size: 1em;
margin: 0 0 1vw 0;
}
#mf1 .cbox ul{
display: block;
}
#mf1 .cbox ul li{
margin: 0 0 1vw 0;
}


}