@charset "utf-8";
/* CSS Document */
.main-footer{
	background-color: #204888;
	padding: 30px 0;
}
.footer-col{
	width: 100%;
	margin:0 0 25px 0;
	font-size: 1.0rem;
	line-height: 1.8rem;
}
.footer-logo{
	display: block;
	background-color: #fff;
	max-width: 87px;
	width: 100%;
	padding:8px 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.footer-logo img{
	width: 100%;
	height: auto;
	display: block;
}
.footer-col h4{
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.6rem;
	margin-bottom: 14px;
	font-family: 'Baloo 2', sans-serif;
	font-weight: 600;
}
.footer-col p{
	color: #d0dae7;
}
.footer-col ul{
	margin: 0;
	padding: 0;
	font: 500 1.0rem / 1.4rem 'Inter 18pt', sans-serif;
}
.footer-col ul li{
	margin: 0 0 8px 0;
	padding: 0;
	background-image: none;
}
.footer-col ul li:last-child{
	margin-bottom: 0;
}
.footer-col ul li a, .footer-col ul li span{
	display: inline-block;
	color: #d0dae7;
}
.footer-btn{
	align-items: center;
}
.footer-btn span{
	display: block;
	color: #fff;
	font-family:'Inter 18pt', sans-serif;
	font-size: 1.0rem;
	line-height: 1.4rem;
	background-color: #1e293b;
	padding: 6px 12px;
	border-radius: 5px;
	margin-right: 8px;
	text-transform: uppercase;
}
.footer-btn span:last-child{
	margin-right: 0;
}
.footer-col4 a{
	display: block;
	border-radius: 15px;
    overflow: hidden;
}
.footer-col4 img{
	width: 100%;
	height: auto;
	display: block;
}
.footer-top{
	padding-bottom: 18px;
	border-bottom: 1px solid #1e293b;
}
.footer-bottom{
	padding: 14px 0 0 0;
	font-size: 1.0rem;
	line-height: 1.4rem;
}
.footer-bottom p{
	color:#6490d5;
}
.footer-col2, .footer-col3{
	width: 48%;
}
.footer-col:last-child{
	margin-bottom: 0;
}
.location-icon{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.3 20'%3E%3Cpath fill='%23fff' d='M13.3 6.7c0 .9-.1 1.7-.4 2.3L8.2 19.1c-.1.3-.3.5-.6.7-.3.1-.6.2-.9.2s-.6-.1-.9-.2c-.3-.2-.5-.4-.6-.7L.4 9C.1 8.4 0 7.6 0 6.7 0 4.8.7 3.3 2 2s2.9-2 4.7-2 3.4.7 4.7 2 1.9 2.8 1.9 4.7zM9 9c.7-.7 1-1.4 1-2.4S9.7 5 9 4.3s-1.4-1-2.4-1c-.9 0-1.7.3-2.4 1s-1 1.4-1 2.4.3 1.7 1 2.4 1.4 1 2.4 1C7.6 10 8.4 9.7 9 9z'/%3E%3C/svg%3E")no-repeat 0 0;
	display: block;
	padding-left: 20px;
	background-size: 9px auto;
}
.phone-icon{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M20.1 15.8c0 .3 0 .6-.1 1l-.3 1c-.2.5-.8 1-1.7 1.5a5.44 5.44 0 0 1-2.7.7h-.8c-.2 0-.5-.1-.8-.2s-.5-.2-.7-.2c-.1-.1-.4-.1-.8-.3-.4-.1-.6-.2-.7-.3-.9-.3-1.8-.7-2.5-1.2-1.2-.7-2.5-1.8-3.8-3.1s-2.3-2.6-3.1-3.8c-.4-.6-.8-1.4-1.1-2.3 0-.1-.1-.3-.3-.7-.1-.4-.2-.7-.3-.8 0-.2-.1-.4-.2-.7s-.1-.6-.2-.8v-.8c0-.8.2-1.7.7-2.6.5-1 1-1.5 1.5-1.7.2-.1.6-.2 1-.3.4-.2.8-.2 1-.2h.3c.2.1.4.4.8 1.1l.4.8c.2.3.3.6.5.9s.3.5.4.8l.2.4c.2.1.3.3.4.4s.1.3.1.4c0 .2-.1.4-.4.7s-.6.6-.9.8c-.3.3-.6.5-.9.8-.3.2-.4.5-.4.6s0 .2.1.3c0 .1.1.2.1.3s.1.2.2.3c.1.3.2.3.2.4.7 1.3 1.5 2.4 2.5 3.3.9.9 2 1.8 3.3 2.5 0 0 .1.1.3.2s.3.2.3.2c.1 0 .2.1.3.1s.2.1.3.1c.2 0 .4-.1.7-.4s.5-.6.8-.9c.2-.3.5-.6.8-.9s.5-.4.7-.4c.1 0 .3 0 .4.1s.3.2.5.3.3.2.4.2c.2.1.5.3.8.4.3.2.6.3.9.5s.6.3.8.4c.7.3 1 .6 1.1.8-.2.1-.1.2-.1.3z'/%3E%3C/svg%3E") no-repeat 0 0;
	display: block;
	padding-left: 20px;
	background-size: 12px auto;
}
.mail-icon{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10px' height='10px' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M8.844,3.365C8.011,3.941,7.173,4.518,6.345,5.101C5.998,5.341,5.41,5.832,4.978,5.832H4.972H4.967 c-0.433,0-1.02-0.491-1.367-0.731C2.772,4.518,1.934,3.941,1.105,3.365c-0.379-0.256-0.918-0.86-0.918-1.346 c0-0.523,0.283-0.972,0.854-0.972h7.861c0.465,0,0.855,0.385,0.855,0.854C9.758,2.5,9.314,3.039,8.844,3.365z M9.758,7.712 c0,0.47-0.385,0.854-0.855,0.854H1.042c-0.47,0-0.854-0.385-0.854-0.854v-4.24c0.16,0.176,0.342,0.331,0.54,0.464 C1.613,4.54,2.51,5.143,3.381,5.779c0.448,0.331,1.004,0.737,1.586,0.737h0.005h0.005c0.582,0,1.138-0.406,1.586-0.737 c0.871-0.63,1.768-1.239,2.66-1.843c0.192-0.133,0.373-0.288,0.534-0.464V7.712z'%3E%3C/path%3E%3C/svg%3E")no-repeat 0 2px;
	display: block;
	padding-left: 20px;
	background-size: 13px auto;
}
.phone-number-for-mob{
	display: block;
}
.phone-number-for-desk{
	display: none;
}
@media only screen and (min-width:500px){
	.footer-col{
		width: 29.33%;
        margin: 0 4% 4% 0;
	}
	.footer-col:last-child{
		margin-right: 0;
	}
	.footer-col4{
		max-width: 244px;
		width: 100%;
		margin-right: 0;
	}
}
@media only screen and (min-width:768px){
	.main-footer{
		padding: 40px 0;
	}
	.footer-col h4{
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: 15px;
	}
	.footer-logo{
		max-width: 100px;
		width: 100%;
		padding:10px 8px;
		margin-bottom: 12px;
	}
	.footer-col{
		font-size: 1.2rem;
		line-height: 2.0rem;
		width: 25%;
		margin-bottom: 0;
		margin-right: 0;
	}
	.footer-col2{
		width: 16%;
	}
	.footer-col3{
		width: 21%;
	}
	.footer-col4{
		max-width: 270px;
		width: 33%;
	}
	.footer-col ul{
		margin: 0;
		padding: 0;
		font-size:1.2rem;
		line-height: 1.6rem;
	}
	.footer-top{
		padding-bottom: 28px;
		justify-content: space-between;
	}
	.footer-bottom{
		padding: 18px 0 0 0;
	}
	.footer-bottom{
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.location-icon{
		background-size: 10px auto;
	}
	.phone-icon{
		background-size: 14px auto;
	}
	.mail-icon{
		background-size: 15px auto;
	}
}
@media only screen and (min-width:921px){
	.footer-col{
/*
		width: 23.5%;
		margin:0 2% 0 0;
*/
	}
	.footer-col:last-child{
		margin-right: 0;
	}
	.footer-col h4{
		margin-bottom: 16px;
	}
}
@media only screen and (min-width:1025px){
	.main-footer{
		padding: 50px 0;
	}
	.footer-logo{
		max-width: 115px;
		margin-bottom: 14px;
	}
	.footer-col ul li a:hover{
		color: #2bb9cf;
	}
	.footer-top{
		padding-bottom: 38px;
	}
	.footer-bottom{
		padding: 24px 0 0 0;
	}
	.footer-col ul li a.phone-number-for-mob{
		display: none;
	}
	.phone-number-for-desk{
		display: block;
		font-style: normal;
	}
}
@media only screen and (min-width:1200px){
	
}
@media only screen and (min-width:1500px){
	.main-footer{
		padding: 64px 0;
	}
	.footer-logo{
		margin-bottom: 17px;
	}
	.footer-top{
		padding-bottom: 48px;
	}
	.footer-col4 {
        max-width: 330px;
        width: 27%;
    }
}