@charset "UTF-8";
/*##########################################################################################
##// 「InterSec × i-FILTER」 //############################################################
##########################################################################################*/
#main { margin-left: auto; margin-right: auto; }
@media screen and (min-width: 0) and (max-width: 768px) { #main { width: auto; height: auto; } }
#main section aside { margin-bottom: 25px; background: #eee; padding: 10px 15px; }
#main section aside:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }
#main section aside dl { float: left; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section aside dl { float: none; } }
#main section aside dt { display: inline-block; margin-right: 10px; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section aside dt { display: block; margin-bottom: 5px; } }
#main section aside dd { display: inline-block; border-radius: 3px; width: 80px; height: 20px; margin: 0 5px; color: #fff; text-align: center; }
#main section aside dd.all { background: #C20202; }
#main section aside dd.fc { background: #07825D; }
#main section aside dd.if { background: #367AC1; }
#main section aside dd.mf { background: #FA4619; }
#main section figure { display: table; margin: 30px 0; text-align: center; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section figure img { max-width: 100%; height: auto; margin: 0 auto; text-align: center; } }
#main section h4 { margin-bottom: 10px; font-size: 20px; line-height: 140%; }
@media screen and (min-width: 0) and (max-width: 768px) { #main section h4 { margin: 20px auto 10px auto; font-size: 14px; font-size: 0.875rem; } }
#main section ol.indent li { list-style: none; padding-left: 1.3em; text-indent: -1.3em; margin-bottom: .5em; }
#main section table { /*width:auto;*/ }

#sub { float: right; }
@media screen and (min-width: 0) and (max-width: 768px) { #sub { float: none; } }

@media screen and (min-width: 0) and (max-width: 768px) { #header_ad { display: none; } }

@media screen and (min-width: 0) and (max-width: 768px) { #bs #header, #es #header { position: fixed; left: 0; right: 0; top: 0; z-index: 100; background: #fff !important; -webkit-transform: translate3d(0px, 0px, 1px); -webkit-transition: .2s -webkit-transform ease-in-out; } }
@media screen and (min-width: 0) and (max-width: 768px) { #bs #header.show, #es #header.show { -webkit-transform: translate3d(240px, 0px, 1px); min-width: 320px; } }

@media screen and (min-width: 0) and (max-width: 768px) { #bs #header, #es #header { border-bottom: 7px solid #0B61B7; height: auto; } }

@media screen and (min-width: 0) and (max-width: 768px) { #bs #contents, #es #contents { width: auto !important; padding-top: 10px; padding-bottom: 0; } }

@media screen and (min-width: 0) and (max-width: 768px) { #sub { margin-top: 40px !important; } }
@media screen and (min-width: 0) and (max-width: 768px) { #sub #submenu { width: 100%; } }
@media screen and (min-width: 0) and (max-width: 768px) { #sub #submenu dl:nth-last-of-type(1):after, #sub #submenu dl:nth-last-of-type(1):before { width: 100%; left: -2px; } }
@media screen and (min-width: 0) and (max-width: 768px) { #sub aside.banner { background-repeat: repeat-x; } }

#main div.event { margin-top: 40px; }
@media screen and (min-width: 0) and (max-width: 768px) { #main div.event { margin: auto; } }