@charset "utf-8";

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

@media (max-width: 640px){


/*============================================
main  SP
============================================*/
main section .inner-flex-start {
    flex-direction: column;
}

main section .inner-flex-start .program-box {
  background: #fff;
  width: 100%;
}
main section .inner-flex-start .banner-box {
  background: #fff;
  width: 100%;
}
main section .inner-flex-wrap {
    flex-direction: column;
}

main section .inner-flex-wrap .merit-box {
  background: #fff;
  width: 100%;
}
h3 {
  padding: 40px 0;
  }
section .program-top-image h4 {
  font-size: 22px;
  }
section .program-top-image p {
  width: 93.6%;
  margin: 25px 3.2% 40px;
  font-size: 15px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  line-height:1.6em;
  text-align: justify;
}
bottom.moreinfo img {
  padding-top:20px;
  padding-bottom:50px;
}
h5 {
  font-size: 22px;
}
section p.about  {
  line-height:1.8em;
}
h5.color {
  font-size: 22px;
}
h6.color {
  text-align:center;
}
section ul.merit {
  margin:0 6%;

}
section dl{
  padding:0 6.4% 40px;
  font-size: 16px;
  line-height:1.5em;
}
section dl dt{
  float:none;
  padding-bottom:5px;
}
section dl dd{
  padding-bottom:20px;
}
section dl dd a{
 text-align:left;
}

/*============================================

============================================*/
}