@font-face {
    font-family: "FEASFBI"; 
    src: url("../../fonts/FEASFBI.eot"); 
    src: url("../../fonts/FEASFBI.eot?#iefix") format("embedded-opentype"), 
        url("../../fonts/FEASFBI.woff") format("woff"), 
        url("../../fonts/FEASFBI.ttf") format("truetype"); 
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
.ffb{
    font-family: "FEASFBI" !important; 
}
#oct-banner{
    --orange: #f66c00;
	width: 100%;
	background-image: url(../../../images/23/oct/banner/back.jpg);
	background-image: -webkit-image-set(url("../../../images/23/oct/banner/back.jpg") 1x, url("../../../images/23/oct/banner/back@2x.jpg") 2x);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	font-size: 16px;
}
#oct-banner .banner-inner{
	height: auto;
	padding: 0 15px;
}
#oct-banner .banner-image{
    margin: 35px 19px 0 4px;
}
#oct-banner .button{
	font-size: 2.8125em;
	width: 315px;
	height: 75px;
    border-radius: 38px;
	margin-top: 28px;
    border-width: 3px;
}
@media screen and (min-width: 1241px){
	#oct-banner {
		width: 100vw;
		max-width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}
}
@media screen and (max-width: 1199px){
    #oct-banner .banner-image{
        margin: 0 15px;
    }
	#oct-banner .button{
		width: 280px;
		height: 60px;
		font-size: 2em;
        margin-top: 16px;
	}
}
@media screen and (max-width: 991px){
	#oct-banner .button{
		width: 250px;
		height: 50px;
		font-size: 1.5em;
	}
}
@media screen and (max-width: 767px){
    #oct-banner{
        background-position: center;
        background-image: url(../../../images/23/oct/hero/back-m.jpg);
        background-image: -webkit-image-set(url("../../../images/23/oct/hero/back-m.jpg") 1x, url("../../../images/23/oct/hero/back-m@2x.jpg") 2x);
    }
	#oct-banner .banner-inner{
		flex-direction: column;
        padding-bottom: 0;
	}
    #oct-banner .banner-image {
        margin: 15px auto 0;
        max-width: 70%;
        order: 3;
    }
}
@media screen and (max-width: 567px){
}