@charset "UTF-8";
footer{
	line-height: 1;
}

.ftr_wrap{
	background: #fff;
	color: #1a1a1a;
}

.ftr_logowrap{
	padding: 55px 0 30px;
	border-bottom: 1px solid #D5DBDB;
}

.ftr_logofig{
	text-align: center;
	margin: auto;
	width: 200px;
}

.ftr_logocap{
	text-align: center;
	width: 100%;
	margin: 43px auto 0;
	font-size: 11px;
	font-weight: 500;
	line-height: 22px;
}

.ftr_navwrap{
	padding: 28px 0 26px;
}

.ftr_navmapbox{
	width: 100%;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
/*
	justify-content: space-between;
*/
	margin: 0 auto -15px;
}

.ftr_navmapbox {
	margin: 0 20px 0 0;
}

.ftr_navmapbox li{
	margin: 0 1em 0 0;
}

.ftr_wrap a.ftr_navmap_link{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #1a1a1a;
	margin: 0 0 15px;
}

.ftr_ct_btbox{
	width: 248px;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	margin: 41px auto 0;
}

.ftr_wrap a.ftr_ctbt{
	display: block;
	width: 115px;
	height: 32px;
	border: 2px solid #fff;
	border-radius: 16px;
	text-align: center;
	line-height: calc( 32px - ( 2px * 2 ) );
	font-size: 12px;
	font-weight: bold;
}

.ftr_wrap a.ftr_ctbt.flink_trial {
	background: #fff;
	border: 2px solid #1a1a1a;
	color: #1A1A1A;
}

.ftr_wrap a.ftr_ctbt.flink_contact {
	background: #FFFF00;
	border: 2px solid #1a1a1a;
	color: #1A1A1A;
}

.ftr_navptbox{
	width: auto;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	margin: 42px 0;
	max-width: 370px;
}
.ftr_navptbox li{
	margin: 0 1em 0 0;
}

.ftr_wrap a.ftr_navpt_link{
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	color: #1a1a1a;
}

.ftr_pt_btbox{
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
}

.ftr_wrap a.ftr_ptbt{
	display: block;
	width: 170px;
	height: 30px;
	border: 1px solid #1a1a1a;
	text-align: center;
	line-height: calc( 30px - ( 1px * 2 ) );
	font-size: 15px;
	font-weight: bold;
	color: #1a1a1a;
	background: #fff;
	
}

.ftr_cmpwrap{
	margin: 40px 0 0;
	padding: 34px 0 70px;
	text-align: center;
	background: #1a1a1a;
}

.ftr_cmpname{
	font-size: 10px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

.ftr_cmplogo{
	text-align: center;
	width: 174.8px;
	margin: 28px auto 0;
}

.brw320{
	display: none;
}

/* footer_colorreco_clr */
.footer_colorreco_clr {
	position: relative;
	width: 100%;
	background: #fff;
}
.footer_colorreco_clr div {
	margin: 0 0 4px;
	height: 4px;
}
.footer_colorreco_clr div:nth-child(1) {
	background: #0096FF;
}
.footer_colorreco_clr div:nth-child(2) {
	background: #FF0096;
}
.footer_colorreco_clr div:nth-child(3) {
	margin: 0;
	background: #FFFF00;
}
.footer_colorreco_clr div.ftr_logo_colorreco_clr {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 209px;
	height: 35px;
	margin: 0;
	transform: translateX(-50%) translateY(-50%);
}
@media only screen and (min-width: 375px) {
	.brw320{
		display: block;
	}
	.ftr_logocap{
		width: 286px;
	}
	
	.ftr_ct_btbox{
		width: 304px;
	}
	.ftr_wrap a.ftr_ctbt{
		display: block;
		width: 144px;
		height: 32px;
		border: 2px solid #fff;
		border-radius: 16px;
		text-align: center;
		line-height: calc( 32px - ( 2px * 2 ) );
		font-size: 14px;
		font-weight: bold;
	}

}

@media only screen and (min-width: 769px) {

	.ftr_logowrap{
		padding: 114.5px 0 66px;
	}

	.ftr_logofig{
		text-align: center;
		margin: auto;
		width: 250px;
	}

	.ftr_logocap{
		text-align: center;
		width: 390px;
		margin: 50px auto 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 30px;
	}

	.ftr_navwrap{
		padding: 53px 0 35px;
	}

	.ftr_navmapbox{
		width: 100%;
		max-width: 792px;
		margin: auto;
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.ftr_navmapbox li{
		margin: 0;
	}

	.ftr_wrap a.ftr_navmap_link{
		font-size: 16px;
		font-weight: bold;
		line-height: 24px;
		margin: 0;
	}
	.ftr_wrap a.ftr_navmap_link:hover{
		color: #999;
	}
	.ftr_ct_btbox{
		width: 380px;
		display: flex;
		flex-flow: row;
		justify-content: space-between;
		margin: 67px auto 0;
	}

	.ftr_wrap a.ftr_ctbt{
		display: block;
		width: 180px;
		height: 40px;
		border: 2px solid #fff;
		border-radius: 20px;
		text-align: center;
		line-height: calc( 40px - ( 2px * 2 ) );
		font-size: 18px;
		font-weight: bold;
	}

	.ftr_wrap a.ftr_ctbt.flink_contact {
		background: #FFFF00;
		color: #1A1A1A;
	}

	.ftr_wrap a.ftr_ctbt.flink_trial:hover {
		background: #1a1a1a;
		color: #fff;
	}

	.ftr_wrap a.ftr_ctbt.flink_contact:hover {
		background: #1a1a1a;
		color: #fff;
	}

	.ftr_navptbox{
		max-width: 480px;
		display: flex;
		flex-flow: row;
		justify-content: space-between;
		margin: 66px auto 0;

	}

	.ftr_wrap a.ftr_navpt_link{
		font-size: 15px;
		font-weight: bold;
		line-height: 22px;
	}
	.ftr_wrap a.ftr_navpt_link:hover{
		color: #999;
	}

	.ftr_pt_btbox{
		margin: 34px auto 0;
		display: flex;
		justify-content: center;
	}

	.ftr_wrap a.ftr_ptbt:hover{
		color: #fff;
		background: #1a1a1a;
	}

	.ftr_cmpwrap{
		padding: 58px 0 36px;
		text-align: center;
	}

	.ftr_cmpname{
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		text-align: center;
	}

	.ftr_cmplogo{
		text-align: center;
		width: 220px;
		margin: 35px auto 0;
	}

}