@charset "UTF-8";
/*------------------------------------
e-ideco button orange base
------------------------------------*/
/* copy from faq8401.css 20251111*/
/*e-idecoのボタン装飾 画像の前後に > と□ を挿入する*/
.e-idecobutton::before{
	content: "\e909";
	font-family: 'icon_type2018';
	margin-right: 10px;
	vertical-align: middle;
	font-weight: normal;
	color:#ef8540;
}
#eidecologin .iconNewWindow > span:after {
	content: "\e90f";
	font-family: 'icon_type2018';
	margin-left: 10px;
	vertical-align: middle;
	font-weight: normal;
	color:#ef8540;
}
.e-idecobutton:hover::before{
	color:white;
}
#eidecologin .iconNewWindow > span:hover:hover::after {
	color:white;
}

.e-idecobutton img {
	width:200px;
}
.iconNewWindow > span:hover::after {
	color:white;
}
#eidecologin .select_button {
	border: 4px solid #faab00;
	background-color:#fcd57e;
	border-radius: 20px;
	line-height: 6em;
	box-shadow: 6px 6px 3px #666666;
	margin: 5px;
	padding: 2px 10px;
}
#eidecologin .select_button:hover{
	background-color:#ffb513;
}
@media screen and (max-width: 767px) {
	.e-idecobutton img {
		max-width: 70%;
		vertical-align: middle;
	}
}
@media screen and (max-width: 767px) {
	.e-ideco_fixedBottomsign img {
		display:none;
	}
}