/* CSS Document */
#main .topics {margin-top: 300px;}
#main .topics .headLine01 {top: -65px;}
#main .topics .list li {width: 420px;position: relative;border-right: none;}
#main .topics .list {justify-content: space-around;}
#main .btmBox {padding: 0;background: none;background-size: auto;}
#main .btmBox .bannerUl {margin-right: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
#main .btmBox .bannerUl li {width: 550px;margin: 0;margin-bottom: 50px;}
#main .scholl {padding: 248px 0 0px;}
#main .topics .list li::after {position: absolute;content: '';right: -10rem;top: 3px;width: 1px;height: 45rem;background-color: var(--base-color);}
#main .topics .list li:last-child::after {position: initial;}
#main .mainVisual .fooUl h2 {font-family: din-condensed, sans-serif;font-style: normal;font-weight: bold;}

@media (max-width: 896px){
#main .topics .list li {width: 100%;}
#main .topics .list li:last-child {border-bottom: none;}
#main .topics .headLine01 {top: -30px;}
#main .topics .list li a {padding: 34px 0 34px;}
#main .scholl {padding: 70px 0 0px;}
#main .topics {margin-top: 100px;}
#gFooter .fInner .naviBox > div:after {width: 47%;height: 1px;background-color: #363068;position: absolute;bottom: 0;left: 0;content: "";}
#gFooter .fInner .naviBox .lBox .naviUl > li {margin-bottom: 0;width: 45%!important;}
#gFooter .fInner .naviBox .lBox {width: 100%;flex: inherit;}
#gFooter .naviUl {margin-bottom: -1px;display: flex;}
#main .mainVisual .fooUl h2 .sp01 {font-size: 3.4rem;}
#main .btmBox .bannerUl li img {max-height: 50px;}
	
	}