.formula i {padding: 0 1rem;}
.future li {font-weight: bold;font-size: 1.5rem;padding: .2rem 1rem;margin: 1rem auto auto;border-radius: 50rem;box-shadow: 0 0 1px 2px #f1f1f1;}
.future li:nth-of-type(1) {background: linear-gradient(90deg, rgb(117 57 188 / 20%), #fff 30%, #fff 70%, rgb(117 57 188 / 20%));}
.future li:nth-of-type(2) {background: linear-gradient(90deg, rgb(0 156 211 / 20%), #fff 30%, #fff 70%, rgb(0 156 211 / 20%));}
.future li:nth-of-type(3) {background: linear-gradient(90deg, rgb(83 134 251 / 20%), #fff 30%, #fff 70%, rgb(83 134 251 / 20%));}

@media screen and (min-width: 1281px){   
}

@media screen and (min-width: 1024px){   
    .cross_chart {padding: 1rem;}
}

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

@media screen and (max-width: 1023px){   
    .cross_chart .capsuletitle, .future li {font-size: 1.25rem;}
    .college {display: flex;flex-wrap: wrap;justify-content: center;}
    .college li {margin: auto 0.25rem;}
    .formula {width: 100%;text-align: center;}
    .future {display: flex;}
    .future li {margin: 1rem 0.25rem 0;text-align: center;width: calc(100%/3 - 0.25rem);padding: 1rem;border-radius: 2rem;}
    .future li:nth-of-type(1) {background: linear-gradient(0deg, rgb(117 57 188 / 20%), #fff 30%, #fff 70%, rgb(117 57 188 / 20%));}
    .future li:nth-of-type(2) {background: linear-gradient(0deg, rgb(0 156 211 / 20%), #fff 30%, #fff 70%, rgb(0 156 211 / 20%));}
    .future li:nth-of-type(3) {background: linear-gradient(0deg, rgb(83 134 251 / 20%), #fff 30%, #fff 70%, rgb(83 134 251 / 20%));}
    .situation_table th {font-size: 1rem;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
}

@media screen and (min-width: 768px) {   
    .module_table .lg\:hidden {display: none;}
}

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

@media screen and (max-width: 767px) and (orientation: portrait) {   
    .college {width: 100%;}   
}