@charset "utf-8";

/*===============================================================
BASE layout SP
=================================================================*/

@media (max-width: 640px){




/*============================================
header SP
============================================*/
/*============================================
main  SP
============================================*/
  main section .inner-flex-wrap {
    flex-direction: column;
}
main section .inner-flex-wrap .program-box {
  background: #fff;
  width: 100%;
}
main section .inner-flex-start {
    flex-direction: column;
}
main section .inner-flex-start .banner-box {
  background: #fff;
  width: 100%;
}
section .program-top-image h4 {
  font-size: 22px;

  }
section .program-top-image p {
  font-size: 15px;
}
h5 {
  font-size: 22px;
}
section p.details {
  font-size: 15px;
}
h5.color {
  font-size: 22px;
}
section p.details-color {
  font-size: 15px;
}
/*============================================
side  SP
============================================*/
/*============================================
footer  SP
============================================*/

}