@charset "UTF-8";
p, ul li, table, a{color: #666;}

#bottom{margin-top: 40px;}
h3.subtitle03{font-weight: 600; text-align: center; font-size: 2.6rem;　font-size: 26px; margin:30px 0; text-align: center;}
#conceptbox ul{width: 100%; list-style: none; margin-left: -5px;}
#conceptbox li{width: 48%; float: left; margin: 0 2% 10px 0;}
#conceptbox li.lst{margin: 0 0 10px 0;}
.attention{font-size: 1.4rem; font-size: 14px; line-height: 2rem; font-weight: normal; text-align: left;}

.multi{color: #604c3f; font-weight: 600; font-size: 1.8rem; font-size: 18px; margin-top: 30px; margin-bottom: 15px; text-align: left;}
.sankaku{text-align: center;}
.multibox{background: #66b956; color: #fff; padding: 10px; margin-top: 15px; text-align: left;}
.multibox .title{text-align: center;}
.multibox p{font-weight: 600; color: #fff; margin: 15px 0;}
.multibox .pc{display: none;}
.multibox .title{margin: 15px 0;}
.multibox .course{border: 1px solid #fff; padding: 10px; font-weight: 600; margin-bottom: 10px;}
#multilesson{background: #ffff99; padding: 2px 0 20px 0; margin-top: 20px;}

@media screen and (min-width: 600px) {
h3.subtitle02{font-weight: 600; text-align: center; font-size: 1.8rem; margin-bottom: 15px;}
#conceptbox ul{width: 100%; list-style: none; margin-left: 0px;}
#conceptbox li{width: 24%; float: left; margin: 0 1% 10px 0;}
}

@media screen and (min-width: 700px) {
.multibox .sp{display: none;}
.multibox .pc{display: inherit;}
.multibox .title{text-align: center;}

}
  @media screen and (min-width : 960px) {
.multi{text-align: center;}
.multibox{padding:10px 20px; }
}