@charset "UTF-8";
/*##########################################################################################
##//レポーティング機能//
/bs/i-filter/function/report/
####################################################################
##########################################################################################*/
#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: 24px; line-height: 150%; }
@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; } }
#main section h3:before { display: none; }
#main section h3:after { display: none; }
#main section figure { margin-bottom: 30px; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section figure { max-width: 100%; height: auto; text-align: center; margin: 15px auto; } }
@media screen and (min-width: 0) and (max-width: 768px) { #main section figure img { max-width: 100%; height: auto; text-align: center; margin: 0 auto; } }
#main section article { width: 718px; height: 393px; margin-top: 30px; margin-left: auto; margin-right: auto; background: url(../images/01.png) no-repeat; border: none; position: relative; /*バツ印*/ /*768px以上の場合非表示*/ }
@media screen and (min-width: 0) and (max-width: 768px) { #main section article { width: auto; background: none; width: 100%; height: auto !important; margin: 0 auto; } }
#main section article h4 { position: absolute; bottom: 15px; font-size: 20px; color: #0459B2; text-align: center !important; line-height: 160%; font-weight: normal; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section article h4 { font-size: 14px; font-size: 0.875rem; position: static; height: auto; } }
#main section article h4:nth-child(1) { left: 48px; }
@media screen and (min-width: 99px) and (max-width: 320px) { #main section article h4:nth-child(1) { padding-top: 295px; padding-bottom: 34px; background: url(../images/01_sp.png) no-repeat left 34px; background-size: 643px 351px; float: none; width: 300px; margin: 0 auto; } }
@media screen and (min-width: 321px) and (max-width: 768px) { #main section article h4:nth-child(1) { padding-top: 330px; padding-bottom: 34px; background: url(../images/01_sp.png) no-repeat left 34px; float: none; width: 335px; margin: 0 auto; } }
#main section article h4:nth-child(2) { right: 70px; }
@media screen and (min-width: 99px) and (max-width: 320px) { #main section article h4:nth-child(2) { padding-top: 330px; padding-bottom: 34px; background: url(../images/01_sp.png) no-repeat right 69px; background-size: 643px 351px; float: none; width: 300px; margin: 20px auto; } }
@media screen and (min-width: 321px) and (max-width: 768px) { #main section article h4:nth-child(2) { padding-top: 330px; padding-bottom: 34px; background: url(../images/01_sp.png) no-repeat right bottom; float: none; width: 335px; margin: 20px auto; } }
@media screen and (min-width: 0) and (max-width: 768px) { #main section article .smdn { display: none !important; } }
@media screen and (min-width: 769px) and (max-width: 9999px) { #main section article .pcdn { display: none !important; } }
@media screen and (min-width: 99px) and (max-width: 320px) { #main section article .pcdn { display: block; width: 100%; height: 28px; z-index: 99; text-align: center; margin: 20px auto; position: absolute; bottom: 397px; } }
@media screen and (min-width: 321px) and (max-width: 768px) { #main section article .pcdn { display: block; width: 100%; height: 28px; z-index: 99; text-align: center; margin: 20px auto; position: absolute; bottom: 410px; } }
#main section aside { border-radius: 5px; padding: 20px; border: 1px solid #ccc; }
#main section aside h5 { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #045bb3; }
#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; }
#main section div { margin: 40px 0; padding: 20px; background: #EDF5FF; border-radius: 4px; }
#main section div h4 { margin-bottom: 10px; font-size: 22px; font-weight: normal; }
#main section div div { margin: 0; padding: 10px 20px; background: #fff; position: relative; }
#main section div ul { margin-right: 140px; float: left; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section div ul { float: none; margin: 0; } }
#main section div ul li { font-size: 14px; line-height: 160%; }
#main section div p { position: absolute; bottom: 0; right: 10px; }