@charset "UTF-8";

/* page-about.php */
.sec5.add {
  padding: 80px 0 90px;
}
.sec6.add {
  padding: 0 0 140px;
}
.two-btn-sec{
  display: flex;
  flex-wrap: wrap;
  width: 14%;
}

.two-btn-sec li{
  width: 100%;
  margin-bottom: 1%
}



.l_header .wrapper .two-btn-sec li a.headbtn.flowbtn{
  width: 100%;
  width: 100%;
  height: 45px;
  padding: 3px;
  font-size: 14px;
}

.l_header .wrapper .two-btn-sec li a.headbtn.flowbtn.add{
  background-color: #93C47D;
}
.l_spnav .sidebtn._school .txt.add:before{
  content: none;
}
.l_spnav .sidebtn.add{
  background-color: #93C47D;
}
html { scroll-behavior: smooth;}

#class-sec{
  padding-top: 100px;
  margin-top: -100px;
}


@media screen and (max-width: 1100px) {
  .sec5.add,
  .sec6.add {
    padding: 50px 0px 5px;
  }
}

/* front-page.php */
.sec8.add {
  padding: 100px 0 80px;
  margin-bottom: 10px;
  background: url(../img/top/topic_bg.jpg) repeat;
}

.l_header .wrapper .headnav .lists .item a {
    padding: 0 12px;
    font-size: 1.3rem;
    padding: 0 10px;
    font-size: 1.2rem;
}

.l_header .wrapper .headnav {
    width: 70%;
}

.l_header .wrapper .headbtn {
    width: 14.5%;
}

/* addon at 2020/09/04 from here */

@media (min-width: 768px) {

 .program_wrap.sp {
  display: none ;
 }

}
@media (max-width: 767px) {
 .program_wrap.sp {
  background: none;
  padding-bottom: 0 ;
 }
 .ttl_wrap.pc {
  display: none !important;
 }
 .l_spnav .convarea .txt {
    color: #fff;
    font-size: 1.1rem;
}

}

/* addon at 2020/09/04 till here */