@charset "utf-8";
* {box-sizing:border-box;}
#mvarea {
background:url(img/bg.jpg) no-repeat center top;
background-size:cover;
padding:0;

}

#mv {margin-bottom:0;margin-top: -40px;}
@media screen and (max-width: 900px){

#mv {
margin-top: 0px
}

}

#mvtxt {
background:#fa7920;
padding:1rem;
margin-top: 20px;
}

#mv {
width:960px;
max-width:100%;
margin-left:auto;
margin-right:auto;
}

.sec .wrap {
width:800px;
max-width:100%;
}

.sec h2 {
font-size:1.8rem;
color:#07151c;
padding:1.5rem 1rem;
border-top:solid 2px #e4e7e9;
}
.sec h2  span {
font-size:1.5rem;
padding:0;
}

.sec h3 {
font-size:1.1rem;
padding:0 1rem 1.5rem;
}

.sec ul {
padding:0 1rem;
}
.sec ul li {
position:relative;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22fi_18563703%22%20enable-background%3D%22new%200%200%20800%20800%22%20viewBox%3D%220%200%20800%20800%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231c274c%22%3E%3Cpath%20d%3D%22m238.1%20574c-7.2%200-14.1-3.1-18.8-8.6l-104.8-120c-9.1-10.4-8-26.2%202.4-35.3s26.2-8%2035.3%202.4l85.9%2098.4%20243.1-278.4c9.1-10.4%2024.9-11.5%2035.3-2.4s11.5%2024.9%202.4%2035.3l-261.9%20300c-4.8%205.4-11.7%208.6-18.9%208.6z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22m380.9%20576c-.5%200-.9%200-1.4%200-7.3-.4-14.1-4-18.5-9.8l-14.3-18.8c-8.4-11-6.2-26.7%204.7-35%209.4-7.2%2022.3-6.6%2031.1.6l265.9-279.2c9.5-10%2025.3-10.4%2035.3-.9s10.4%2025.3.9%2035.3l-285.6%20300.1c-4.7%205-11.2%207.7-18.1%207.7z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-size:25px;
background-position:left top;
background-repeat:no-repeat;
padding-left:2rem;
margin-bottom:0.8rem;
}

.sec dl {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
text-align:left;
border-top:solid 2px #e4e7e9;
padding:1rem;

}

.sec dl  dt {
font-weight:bold;
width:25%;
}

.sec dl  dd {
text-align:left;
width:75%;
}
.sec .flexbox  {
padding:0 1rem;
}
.sec .txt  {
padding:0 1rem;
}
.sec .flexbox .pic {
width:100px;
}
.sec .flexbox .desc {
width:calc(100% - 120px);
font-size:0.75rem;
line-height:1.8;
}
.instructor {
background: rgba(224, 240, 246, 0.5);
padding:1rem 0.5rem;
width:calc(100% - 2rem);
margin:auto;
}

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

.sec .flexbox .pic {
width:100%;
margin-bottom:1rem;
}
.sec .flexbox .pic img {
width:100px;
}
.sec .flexbox .desc {
width:100%;
}

}