@charset "UTF-8";

/* btn */
.btnArrow{
	position: relative;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
}

.btnArrow:after{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/cursor/btn_envelope_w.png) 0 50% no-repeat;
	width: 35px;
	top:0;
	bottom: 0;
	left: 90px;
}

.btnArrow:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/cursor/btn_arrow_w.png) 0 50% no-repeat;
	width: 23px;
	top:0;
	bottom: 0;
	right: 24px;
}



/* cursor */
.linkc{
	position: relative;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
}

.linkc:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/cursor/link_cursor_g.png) 0 50% no-repeat;
	width: 10px;
	top:0;
	bottom: 0;
	left:0;
}

.toBec{
	display:inline-block;
	position: relative;
	z-index: 1;
	font-size:15px;
	padding-right: 16px;
	text-decoration:underline;
}

.toBec:after{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/cursor/tobe_cursor.png) 0 50% no-repeat;
	width: 13px;
	top:0;
	bottom: 0;
	right:-4px;
}


/* icon */
.external{
	position: relative;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
}

.external:after{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/icon/external_link_g.png) 0 50% no-repeat;
	width: 13px;
	top:0;
	bottom: 0;
	right: 0;
}

.doc{
	position: relative;
	z-index: 1;
	padding:2px 8px;
}

.doc:after{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/icon/doc.png) 0 50% no-repeat;
	width: 16px;
	top:0;
	bottom: 0;
	right: 0;
}

.envelope{
	position: relative;
	z-index: 1;
	padding:0 12px;
}

.envelope:after{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/icon/envelope.png) 0 50% no-repeat;
	width: 22px;
	top:0;
	bottom: 0;
	right: 0;
}



/*---------------------------------------------------------
 All SP 
---------------------------------------------------------*/
@media screen and (max-width: 639px) {

	/* cursor */
	.toBec{
		font-size:90%;
	}



}