@charset "UTF-8";
/*##########################################################################################
##//情報教育支援機能//######################################################################
##########################################################################################*/
#main section aside { border-radius: 5px; padding: 20px; border: 1px solid #ccc; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section aside { padding: 15px; } }
#main section aside h5 { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #045bb3; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section aside h5 { font-size: 14px; font-size: 0.875rem; } }
#main section aside ul li { width: 210px; height: 50px; margin: 0 auto; text-align: center; clear: both; }
#main section aside ul li a { background: #eee; background: linear-gradient(to bottom, #fff , #eee); border-radius: 5px; width: 210px; height: 50px; display: block; line-height: 50px; font-size: 18px; color: #000; text-decoration: none; border: 1px solid #ccc; }
#main section aside ul li a span { padding-left: 18px; background: url(/common/images/bullet/circleArrow/blue.png) no-repeat 0px 6px; }
#main section aside ul li a:hover { opacity: 0.7; }
#main section aside ul li a.pdf span { padding-left: 22px; background: url(/common/images/icon/pdfS.gif) no-repeat 0px 4px; }

#function_category figure { margin: 20px 0 50px; }
@media screen and (min-width: 0) and (max-width: 768px) { #function_category figure { max-width: 100%; height: auto; text-align: center; margin: 15px auto; float: none; } }
@media screen and (min-width: 0) and (max-width: 768px) { #function_category figure img { max-width: 100%; height: auto; text-align: center; margin: 0 auto; } }
#function_category ol { border-radius: 4px; margin: 20px 0px 0px 0px; padding: 15px 15px 15px 15px; background: #eee; }
@media screen and (min-width: 0) and (max-width: 768px) { #function_category ol { display: none; } }
#function_category ol:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }
#function_category ol li { padding-left: 18px; position: relative; font-size: 14px; font-size: 0.875rem; width: 220px; margin-bottom: 10px; float: left; }
#function_category ol li:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; width: 13px; height: 13px; position: absolute; top: 3px; left: 0px; content: ""; background: url(/common/images/bullet/circleArrow/blue.png) no-repeat; }
#function_category ol li:nth-last-of-type(1) { margin-bottom: 0; }
#function_category ol li:nth-child(4n+1) { clear: both; }
#function_category div { padding-top: 40px; }
#function_category tbody th { width: 220px; }
@media screen and (min-width: 0) and (max-width: 768px) { #function_category tbody th { width: 40%; } }
#function_category table + ul { margin-top: 30px; }
@media screen and (min-width: 0) and (max-width: 768px) { #function_category table { margin-bottom: 20px; } }
#function_category ul { margin-top: 30px; }
#function_category ul li { margin-bottom: 5px; padding-left: 1em; text-indent: -1em; line-height: 1.5; font-size: 85%; }
#function_category ul li:nth-last-of-type(1) { margin-bottom: 0; }