@charset "UTF-8";

/*===========================================================*/
/* lf-hero-resources-a
/*===========================================================*/
.lf-hero-resources-a .lf-hero-contents {
	background-image: url(/imgv51/infinity/lf-bgg-bl-dg.png);
	background-position: left 50%;
}
.lf-hero-resources-a::after {
	background-image: url(/imgv51/infinity/lf-blue.png);
}
@media only screen and (max-width:1600px) {
    .lf-hero-resources-a .lf-hero-visual img {
		height: 100%;
    }
}

/*===========================================================*/
/* btn-resources-a
/*===========================================================*/
.btn-resources-a {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 40px;
	border-radius: 10px;
	background: url(/global/imagesgig5/bg-rd-mg_tcm100-6610272_tcm100-2750236-32.png) no-repeat left top / 100% 100%;
	color: #fff;
	text-decoration: none;
}
.btn-resources-a:hover,
.btn-resources-a:active,
.btn-resources-a:focus {
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.btn-resources-a {
		width: 100%;
		padding: 25px;
	}
}

/*===========================================================*/
/* btn-resources-b
/*===========================================================*/
.btn-resources-b {
	display: block;
	width: 100%;
	padding: 40px;
	border-radius: 10px;
	background: #fff;
	text-decoration: none;
}
.btn-resources-b:hover,
.btn-resources-b:active,
.btn-resources-b:focus {
	color: #000;
}
@media only screen and (max-width: 767px) {
	.btn-resources-b {
		padding: 25px;
	}
}

/*===========================================================*/
/* btn-resources-c
/*===========================================================*/
.btn-resources-c {
	display: block;
	width: 250px;
	padding: 12px 20px;
	border-radius: 10px;
	background: url(/global/imagesgig5/bg-rd-mg_tcm100-6610272_tcm100-2750236-32.png) no-repeat left top / 100% 100%;
	color: #fff;
	text-decoration: none;
}
.btn-resources-c:hover,
.btn-resources-c:active,
.btn-resources-c:focus {
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.btn-resources-c {
		width: 100%;
	}
}

/*===========================================================*/
/* icon-resources-a
/*===========================================================*/
.icon-resources-a {
	display: inline-block;
	margin: 0px 12px 7px 0;
}

/*===========================================================*/
/* list-resources-a
/*===========================================================*/
.list-resources-a li {
	padding: 30px;
	border-bottom: 1px solid #ccc;
}

/*===========================================================*/
/* diff-bg-resources-a
/*===========================================================*/
.diff-bg-resources-a {
	background: url(/global/imagesgig5/bg_01_pc_tcm100-6610270_tcm100-2750236-32.png) no-repeat center top;
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.diff-bg-resources-a {
		background: url(/global/imagesgig5/bg_01_sp_tcm100-6610271_tcm100-2750236-32.png) no-repeat center top;
	}
}

/*===========================================================*/
/* col-resources-a
/*===========================================================*/
.col-resources-a {
	display: flex;
	justify-content: space-between;
}
.col-resources-a .txt {
	flex: 1;
	margin-right: 30px;
}
.col-resources-a .btn {
	width: 250px;
	margin-top: 0 !important;
}
@media only screen and (max-width: 767px) {
	.col-resources-a {
		display: block;
	}
	.col-resources-a .btn {
		width: 100%;
		margin-top: 20px !important;
	}
}