@charset "UTF-8";
/****************************************************************************************************
****************************************************************************************************/
/* 481px以上 */
@media only print, screen and (min-width:481px) {
}
/* 641px以上 */
@media only print, screen and (min-width:641px) {
}
/* 767px以上 */
@media only print, screen and (min-width:767px) {
}
/* 768px以上 */
@media print, screen and (min-width:768px) {
}
/* 801px以上 */
@media only print, screen and (min-width:801px) {
}
/****************************************************************************************************
****************************************************************************************************/
div.practical_detail div#practical_detail_diagram ol li div.practical_detail_highlight{
    height: 100%;
}
div.practical_detail div#practical_detail_diagram ol li ul.practical_detail_highlight{
    height: 100%;
}
/****************************************************************************************************
1年次秋学科
要素のy位置 / 画像の高さ * 100%
****************************************************************************************************/
/* プロの技と発想を学び、ワンランク上の映像作りをめざす */
div.practical_detail div#practical_detail_diagram ol li.year1aut ul.practical_detail_highlight li.subject1 {
    top: calc( 38 / 220 * 100% );
}


/* 高度なデータ分析手法を身に付ける */
div.practical_detail div#practical_detail_diagram ol li.year1aut ul.practical_detail_highlight li.subject2{
    top: calc( 100 / 220 * 100% );
}


/* 時代が求めるプログラミングスキルを身に付ける */
div.practical_detail div#practical_detail_diagram ol li.year1aut ul.practical_detail_highlight li.subject3{
    top: calc( 7 / 220 * 100% );
}


/* ネットワークを理解してコンピュータを自在に操る */
div.practical_detail div#practical_detail_diagram ol li.year1aut ul.practical_detail_highlight li.subject4{
    top: calc( 131 / 220 * 100% );
}


/* デジタルグラフィックスを多角的かつ深く学ぶ */
div.practical_detail div#practical_detail_diagram ol li.year1aut ul.practical_detail_highlight li.subject5{
    top: calc( 69 / 220 * 100% );
}
/****************************************************************************************************
2年次
****************************************************************************************************/
/* プロの技と発想を学び、ワンランク上の映像作りをめざす */
div.practical_detail div#practical_detail_diagram ol li.year2 ul.practical_detail_highlight li.subject1 {
    top: calc( 69 / 386 * 100% );
}


/* 高度なデータ分析手法を身に付ける */
div.practical_detail div#practical_detail_diagram ol li.year2 ul.practical_detail_highlight li.subject2{
    top: calc( 162 / 386 * 100% );
}


/* 時代が求めるプログラミングスキルを身に付ける */
div.practical_detail div#practical_detail_diagram ol li.year2 ul.practical_detail_highlight li.subject3{
    top: calc( 348 / 386 * 100% );
}


/* ネットワークを理解してコンピュータを自在に操る */
div.practical_detail div#practical_detail_diagram ol li.year2 ul.practical_detail_highlight li.subject4{
    top: calc( 286 / 386 * 100% );
}


/* デジタルグラフィックスを多角的かつ深く学ぶ */
div.practical_detail div#practical_detail_diagram ol li.year2 ul.practical_detail_highlight li.subject5{
    top: calc( 100 / 386 * 100% );
}
/****************************************************************************************************
3年次
****************************************************************************************************/


/* プロの技と発想を学び、ワンランク上の映像作りをめざす */
div.practical_detail div#practical_detail_diagram ol li.year3 ul.practical_detail_highlight li.subject1{
    top: calc( 7 / 614 * 100% );
}

/* 高度なデータ分析手法を身に付ける */
div.practical_detail div#practical_detail_diagram ol li.year3 ul.practical_detail_highlight li.subject2{
    top: calc( 170 / 614 * 100% );
}


/* 時代が求めるプログラミングスキルを身に付ける */
div.practical_detail div#practical_detail_diagram ol li.year3 ul.practical_detail_highlight li.subject3{
}


/* ネットワークを理解してコンピュータを自在に操る */
div.practical_detail div#practical_detail_diagram ol li.year3 ul.practical_detail_highlight li.subject4{
    top: calc( 323 / 614 * 100% );
}


/* デジタルグラフィックスを多角的かつ深く学ぶ */
div.practical_detail div#practical_detail_diagram ol li.year3 ul.practical_detail_highlight li.subject5{
    top: calc( 476 / 614 * 100% );
}