@charset "utf-8";

@media print,screen and (min-width : 501px) {

#course1{
  margin-top: 40px;
  text-align: center;
  line-height: 2;
}

#enrollment-fee{
  margin-top: 80px;
}
#enrollment-fee strong{
  font-size:22px;font-size:2.2rem;
  display: inline-block;
  margin: 10px 4px 0 0;
}
#enrollment-fee small{
  font-size:14px;font-size:1.4rem;
}


.plan{
  margin-top: 80px;
}
.plan p{
  margin-top: 10px;
}
.plan strong{
  font-size:22px;font-size:2.2rem;
  display: inline-block;
  margin: 0px 4px 0 0;
}
.plan small{
  font-size:14px;font-size:1.4rem;
}
.plan dl{
  margin-top: 20px;
}
.plan dl dt{
  font-family:"NotoSerifJP-4";
  font-size:18px;font-size:1.8rem;
}
.plan ul{
  margin-top: 10px;
}

#trial{
  margin-top: 80px;
}


#flow{
  margin-top: 80px;
}
#flow table{
  margin-top: 20px;
  width: 100%;
}
#flow table th{
  padding: 6px 16px;
  vertical-align: middle;
  width: 100px;
  border:solid 1px #888;
  line-height: 1.2;
}
#flow table th span{
  display: block;
  font-size:28px;font-size:2.8rem;

}

#flow table td{
  padding: 6px 16px;
}
#flow table td dt{
  font-family:"NotoSerifJP-4";
  font-size:22px;font-size:2.2rem;
  margin-bottom: 6px;
}
#flow table td a{
  color: #003ccf;
}


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

#course1{
  margin-top: 20px;
  line-height: 2;
}

#enrollment-fee{
  margin-top: 40px;
}
#enrollment-fee strong{
  font-size:18px;font-size:1.8rem;
  display: inline-block;
  margin: 10px 4px 0 0;
}
#enrollment-fee small{
  font-size:12px;font-size:1.2rem;
}


.plan{
  margin-top: 40px;
}
.plan .innerbox{
  padding: 0 10px 0 10px;
}
.plan p{
  margin-top: 10px;
}
.plan strong{
  font-size:18px;font-size:1.8rem;
  display: inline-block;
  margin: 0px 4px 0 0;
}
.plan small{
  font-size:12px;font-size:1.2rem;
}
.plan dl{
  margin-top: 20px;
}
.plan dl dt{
  font-family:"NotoSerifJP-4";
  font-size:18px;font-size:1.8rem;
}
.plan ul{
  margin-top: 10px;
}

#trial{
  margin-top: 40px;
}


#flow{
  margin-top: 40px;
}
#flow table{
  margin-top: 20px;
  width: 100%;
}
#flow table th{
  font-size:16px;font-size:1.6rem;
  padding: 6px 6px;
  vertical-align: middle;
  border:solid 1px #888;
}
#flow table th span{
  display: block;
  font-size:24px;font-size:2.4rem;
}

#flow table td{
  padding: 6px 0 10px 16px;
}
#flow table td dt{
  font-family:"NotoSerifJP-4";
  font-size:18px;font-size:1.8rem;
  margin-bottom: 6px;
}
#flow table td a{
  color: #003ccf;
}


}