.mt40{
	margin-top:40px;
}
.information h2 {
    text-align: center;
    padding-bottom: 0;
    border-bottom: none;
}
table.price {
    margin: 0 auto;
    border: 1px solid #CCC;
    border-collapse: collapse;
    width: 100%;
}

table.price th, table.price td {
    border: 1px solid #CCC;
    padding: 5px;
    text-align: center;
}

table.price th{
    background-color:#FFF4F4
}
table.price td.coursename {
    text-align: left;
}
table.price td.simpleplan {
    width: 1em;
    background-color:#F4F4F4;
}
h2{
    margin-top:2em;
    text-align: center;
}
.initial {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5em;
    padding-bottom: 0.3em;
}

.initial .initiallabel {
    width: 8%;
    font-weight: bold;
}

.initial .initialpriced {
    width: 85%;
}
.targetgrade {
    width: 12%;
}

.term {
    width: 8%;
}

.information h3 {
    margin-top: 2em;
}
@media screen and (max-width:639px){
    table.price th, table.price td {
        font-size: 80%;
    }
    
    table.price {
        width: 96%;
    }
    
    table.price th.coursename {
        width: 9em;
    }
    table.price span{
        display:block;
    }
    .initial {
        width: 96%;
        margin: 0 auto;
    }
    
    .initial .initiallabel {
        width: 15%;
    }
    
    .information h3 {
        text-align: center;
    }
    
    ul.caution {width: 96%;margin: 0 auto;}
    
    .targetgrade {
        width: 100%;
    }
    
    .classline {
        flex-wrap: wrap;
        width: 96%;
        font-size: 1.6rem;
    }
    
    .classname {
        width: 60%;
        padding-left: 1em;
        box-sizing: border-box;
    }
    
    .teacher {
        text-align: right;
        width: 40%;
        padding-right: 1em;
        box-sizing: border-box;
    }
    
    .term {
        padding-left: 1em;
        width: 10%;
        box-sizing: border-box;
    }
    
    .time {
        width: 90%;
    }
}