@charset "utf-8";
/* CSS Document */

/*夢ナビ用ボタン*/

.bl_imgTxt_btn_link_navi {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #373582;
	font-weight: bold;
	line-height: 1.4;
	background-color: #fff;
	border: 0.2rem solid #dfd9c8;
}

.bl_imgTxt_btn_link_navi span {
	position: relative;
	display: inline-block;
}

.bl_imgTxt_btn_link_navi span::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/shared/icon_arrow01.svg) no-repeat center/100%;
}


.bl_imgTxt_btn_link_navi[target=_blank] span::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/shared/icon_blank.png) no-repeat center/100%;
}


/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {
	
	.bl_imgTxt_btn_link_navi {
		/*width: 48%;*/
		/*max-width: 21rem;*/
		height: 7rem;
		padding: 0 3rem;
		font-size: 1.7rem;
	}

	.bl_imgTxt_btn_link_navi+.bl_imgTxt_btn_link_navi {
		margin-left: 1.7rem;
	}

	.bl_imgTxt_btn_link_navi span {
		padding-left: 2rem;
	}

	.bl_imgTxt_btn_link_navi span::before {
		width: 1.1rem;
		height: 1.1rem;
	}

	.bl_imgTxt_btn_link_navi[target=_blank] span {
		padding-right: 2.5rem;
	}

	.bl_imgTxt_btn_link_navi[target=_blank] span::after {
		width: 1.5rem;
		height: 1.2rem;
	}


	/* hover */
	.bl_imgTxt_btn_link_navi:hover {
		opacity: .8;
	}

	

}

/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	

	.bl_imgTxt_btn_link_navi:nth-child(n+3) {
		margin-top: 3rem;
	}

	.bl_imgTxt_btn_link_navi {
		/*width: 29rem;*/
		height: 11rem;
		padding: 0 3rem;
		font-size: 2.8rem;
	}

	.bl_imgTxt_btn_link_navi span {
		padding-left: 3rem;
	}

	.bl_imgTxt_btn_link_navi span::before {
		width: 1.7rem;
		height: 1.7rem;
	}

	.bl_imgTxt_btn_link_navi[target=_blank] span {
		padding-right: 3.5rem;
	}

	.bl_imgTxt_btn_link_navi[target=_blank] span::after {
		width: 1.9rem;
		height: 1.5rem;
	}


}