@charset "UTF-8";
/*##########################################################################################
##//情報教育支援機能//######################################################################
##########################################################################################*/
#main section h2 { margin-top: 40px; }
#main section h3 { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border-radius: 0px; width: auto; height: auto; min-width: auto; min-height: auto; margin: 0; padding: 0; border: none; background: none; font-weight: normal; line-height: 100%; margin-bottom: 1em; clear: both; color: #0459b2; font-size: 22px; line-height: 150%; position: relative; line-height: 140%; }
#main section h3:before { display: none; }
#main section h3:after { display: none; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section h3 { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border-radius: 0px; width: auto; height: auto; min-width: auto; min-height: auto; margin: 0; padding: 0; border: none; background: none; font-weight: normal; line-height: 100%; margin-bottom: 1em; clear: both; color: #0459b2; font-size: 14px; line-height: 150%; }
  #main section h3:before { display: none; }
  #main section h3:after { display: none; } }
@media screen and (min-width: 0) and (max-width: 768px) { #main section h3 br { display: none; } }
#main section h2 + h3 { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border-radius: 0px; width: auto; height: auto; min-width: auto; min-height: auto; margin: 0; padding: 0; border: none; background: none; font-weight: normal; line-height: 100%; margin-bottom: 10px; clear: both; color: #0459b2; font-size: 22px; line-height: 150%; padding-left: 0; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section h2 + h3 { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border-radius: 0px; width: auto; height: auto; min-width: auto; min-height: auto; margin: 0; padding: 0; border: none; background: none; font-weight: normal; line-height: 100%; margin-bottom: 10px; clear: both; color: #0459b2; font-size: 14px; line-height: 150%; }
  #main section h2 + h3:before { display: none; }
  #main section h2 + h3:after { display: none; } }
#main section h2 + h3:before { display: none; }
#main section h2 + h3:after { display: none; }
#main section h2 + h3 small { font-size: 11px; font-size: 0.6875rem; }
#main section h3 + figure { margin-left: 20px; float: right; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section h3 + figure { margin: 15px auto; float: none; } }
#main section h4 { padding-left: 20px; background: url(/common/images/bullet/circle/blue.png) no-repeat 0px 2px; font-size: 22px; font-size: 1.375rem; margin-bottom: 10px; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section h4 { font-size: 14px; font-size: 0.875rem; } }
#main section div.logo-and-txt { border-radius: 5px; padding: 20px; border: 1px solid #ccc; margin: 30px 0 50px; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div.logo-and-txt { padding: 15px; } }
#main section div.logo-and-txt div { border-radius: 0px; margin: 0; padding: 0; border: none; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #ccc; padding-bottom: 20px; }
#main section div.logo-and-txt div:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }
#main section div.logo-and-txt div:nth-last-of-type(1) { margin-bottom: 0; padding-bottom: 0; border: none; }
#main section div.logo-and-txt div h5 { font-size: 18px; font-size: 1.125rem; margin-bottom: 5px; line-height: 130%; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div.logo-and-txt div h5 { font-size: 14px; font-size: 0.875rem; display: block; } }
#main section div.logo-and-txt div figure { border-radius: 5px; width: 180px; height: 100px; margin-right: 20px; float: left; border: 1px solid #ccc; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div.logo-and-txt div figure { float: none; height: auto; margin: 20px auto; } }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div.logo-and-txt div figure { max-width: 100%; height: auto; text-align: center; margin: 15px auto; } }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div.logo-and-txt div figure img { max-width: 100%; height: auto; text-align: center; margin: 0 auto; } }
#main section div.logo-and-txt div ul li { text-align: right; }
#main section div.logo-and-txt div ul li a { padding-left: 15px; background: url(/common/images/bullet/todetail.png) no-repeat 0px 6px; }
#main section div.logo-and-txt div ol.note li { word-wrap: break-word; }
#main section div.logo-and-txt div ol.note li a { padding-left: 15px; background: url(/common/images/bullet/todetail.png) no-repeat 0px 6px; }
#main section div.logo-and-txt div p, #main section div.logo-and-txt div ol.note { margin-left: 200px; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div.logo-and-txt div p, #main section div.logo-and-txt div ol.note { margin: 15px auto; } }
#main section div.btn { border-top: 1px dotted #ccc; margin: 30px 0 70px; padding-top: 30px; }
#main section div.btn:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }
@media screen and (min-width: 768px) { #main section div.btn { margin: 30px 130px 70px; } }
#main section div.btn p { text-align: center; }
#main section div.btn a.form { display: inline-block; }
#main section div.btn a.form.contact { margin-left: 40px; float: left; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div.btn a.form.contact { text-align: center; margin: 15px auto; float: none; } }
#main section div.btn a.form.download { margin-right: 40px; float: right; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div.btn a.form.download { text-align: center; margin: 15px auto; float: none; } }
#main section div.btn a.form span { display: block; border-radius: 5px; width: 300px; color: #fff; background: #1368BF; cursor: pointer; font-size: 18px; padding-left: 16px; }
#main section div.btn a.form span b { padding-left: 18px; background: url(/common/images/bullet/circleArrow/white.png) no-repeat 0px 21px; display: inline-block; padding-top: 18px; padding-bottom: 18px; }
#main section div.btn a.form span span { font-size: 12px; }
#main section div.btn a.form span:hover { opacity: 0.8; }
#main section div.btn a.form span[disabled] { opacity: 0.5; cursor: default; }
#main section figure.test { border: 3px solid #f2f2f2; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section figure.test { max-width: 100%; height: auto; text-align: center; margin: 15px auto; } }
@media screen and (min-width: 0) and (max-width: 768px) { #main section figure.test img { max-width: 100%; height: auto; text-align: center; margin: 0 auto; } }
#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; }