#course_details{width: 280px;outline:0;text-decoration:none;text-shadow: 1px 1px 1px #000;background-color: yellow;display:inline;}#course_glance{width: 580px;background-color: white;display:inline;}#training_box a:link {color: blue;}#training_box a:visited {color: blue;}#training_box a:hover {color: red;}#training_box a:active {color: red;}.picon1 {background-color: #5afc4b;}.picon2 {background-color: #fcc44b;}.picon3 {background-color: #f0f731;}.picon4 {background-color: #b7f5f7;}.picon5 {background-color: #f731f7;}.picon6 {background-color: #92c0fc;}.picon7 {background-color: #d2d5d9;}.public_box a:link{color:white;}.public_box a:visited{color:white;}.public_box a:active{color:white;}.public_box a:hover{color:#0000a0;}@media only screen and (min-width: 960px) {.training_box{max-width: 1200px;width: 100%;margin-right:auto;margin-left: auto;text-align: center;padding-top:0px;padding-bottom:10px;padding-left: 10px;margin-top: 10px;margin-bottom: 20px;font-size: 1.5vw;font-family: "Myriad Pro", sans-serif;color: #939598;}.training_box h2{font-size: 1.8vw !important;}.contents_line{width:920px;height: 290px;margin-bottom:15px;padding-left:5px;padding-right:5px;padding-top:15px;padding-bottom:10px;margin-left: auto;margin-right: auto;background-color:yellow;color: #000000;border-color: #000000;border-width: 1px;border-style: solid;text-decoration: none;}.picon_grid {width: 100%;display: -ms-grid;display: grid;-ms-grid-columns: auto auto auto auto auto auto auto;grid-template-columns: auto auto auto auto auto auto auto;cursor: pointer;}.picon0 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 7;grid-area: 1 / 1 / 1 / 8;text-align: center;}.picon0 h2 a{font-size:2vw;}.picon1, .picon2, .picon3, .picon4, .picon5, .picon6, .picon7 {margin-left: auto;margin-right: auto;margin-bottom: 1vw;width: 6vw;height: 6vw;color: #000000;font-family:"Myriad Pro", sans-serif;font-size:1.3vw;font-weight: bold;text-align:center;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;box-shadow:0px 0px 5px #666666;-moz-box-shadow:0px 0px 5px #666666;-webkit-box-shadow:0px 0px 5px #666666;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.picon8 {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 7;grid-area: 3 / 1 / 3 / 8;text-align: center;}.picon9 {-ms-grid-row: 4;-ms-grid-column: 1;-ms-grid-column-span: 7;grid-area: 4 / 1 / 4 / 8;text-align: center;}.picon10 {-ms-grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 7;grid-area: 5 / 1 / 5 / 8;text-align: center;}.icon_number{font-size:22px;padding-top: 2px;height: 30px;background-color: #ffffff;border-radius: 30px;width: 44px;padding-left: 3px;margin-left:2px;}.picture_box{width: 425px;height: 284px;padding-top:0px;margin-top: 2px;margin-left:22px;display:inline;float: left;position: relative;text-align: left;}.public_box{width: 414px;height: 272px;background-color: grey;padding-top:10px;padding-left: 10px;margin-top: 2px;margin-left:22px;border-color: #000000;border-width: 1px;border-style: solid;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:white;display:inline;float: left;position: relative;text-align: left;text-decoration: none;}.public_box a {text-decoration:none;font-size: 26px;}.public_box th{width: 120px;}.public_box tr{width: 120px;}}@media only screen and (max-width: 959px) {.training_box{max-width: 100%;padding-bottom:10px;padding-left: 2px;padding-right: 2px;font-size: 3.5vw;font-family: "Myriad Pro", sans-serif;color: #939598;text-align: center;}.contents_line {width: 100%;height: auto;background-color: grey;display: table;margin-top: 10px;}.contents_line .picture_box {width: 50%;height: 100%;display:inline;float: left;position: relative;}.contents_line .public_box {width: 50%;height: 100%;display:inline;float: left;position: relative;text-align: left;background-color: grey;padding-top: 12px;font-family:Arial, Helvetica, sans-serif;font-size:2.4vw;color:white;}.contents_line .picture_box img{width: 100%;}.picon_grid {width: 100%;display: grid;grid-template-columns: auto auto auto auto auto auto auto;}.picon0 {grid-area: 1 / 1 / 1 / 8;text-align: center;font-size:2.5vw;}.picon0 h2 a{font-size:3vw;}.picon1, .picon2, .picon3, .picon4, .picon5, .picon6, .picon7 {margin-left: auto;margin-right: auto;margin-bottom: 1vw;width: 11vw;height: 11vw;color: #000000;font-family:"Myriad Pro", sans-serif;font-size:2.4vw;font-weight: bold;text-align:center;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;box-shadow:0px 0px 5px #666666;-moz-box-shadow:0px 0px 5px #666666;-webkit-box-shadow:0px 0px 5px #666666;display: flex;align-items: center;justify-content: center;}.picon8 {grid-area: 3 / 1 / 3 / 8;text-align: center;font-size:2.5vw;}.picon9 {grid-area: 4 / 1 / 4 / 8;text-align: center;font-size:2.5vw;}.picon10 {grid-area: 5 / 1 / 5 / 8;text-align: center;font-size:2.5vw;}}