@charset "utf-8";

/*
===== CONTENTS =====

	: button
	: text
	
====================
*/

/* : button
----------------------------------------------- */

.link-button{
	text-align:center;
}

.link-button .button{
	cursor:pointer;
	display:inline-block;
	padding:15px 40px;
	border:2px solid #121D34;
	min-width:260px;
	text-align:center;
	position:relative;
	border-radius: 40px;
	transition: all .3s;
	
	margin-bottom:20px;
	letter-spacing:0.05em;

}
.link-button .button:last-child{
	margin-bottom:0;
}

@media only screen and (max-width: 767px) {

.contact-banner .link-button .button{
	min-width:240px;
	padding-left:30px;
	padding-right:30px;
}

}


.link-button .button:after{

	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	border-top: 2px solid #121D34;
	border-right: 2px solid #121D34;

	position:absolute;
	top:50%;
	right:20px;

	transform: rotate(45deg) translate(-0%, -50%);
	transition: all .3s;

}


.link-button .button:hover{
	color:#F7FAFC;
	background:#121D34;
	opacity:1;
}
.link-button .button:hover:after{
	border-top-color:#F7FAFC;
	border-right-color:#F7FAFC;
}




/* blue */

.link-button .button.color-blue{
	border-color:#133796;
	color:#133796;
}
.link-button .button.color-blue:hover{
	color:#F7FAFC;
	background:#133796;
}

.link-button .button.color-blue:after{
	border-top-color:#133796;
	border-right-color:#133796;
}
.link-button .button.color-blue:hover:after{
	border-top-color:#F7FAFC;
	border-right-color:#F7FAFC;
}


/* white */

.link-button .button.color-white{
	border-color:#fff;
	color:#fff;
}
.link-button .button.color-white:hover{
	color:#121D34;
	background:#fff;
}

.link-button .button.color-white:after{
	border-top-color:#fff;
	border-right-color:#fff;
}
.link-button .button.color-white:hover:after{
	border-top-color:#121D34;
	border-right-color:#121D34;
}


/* black */

.link-button .button.color-black{
	border-color:#fff;
	color:#fff;
	background:#121D34;
}
.link-button .button.color-black:hover{
	border-color:#121D34;
	color:#121D34;
	background:#fff;
}

.link-button .button.color-black:after{
	border-top-color:#fff;
	border-right-color:#fff;
}
.link-button .button.color-black:hover:after{
	border-top-color:#121D34;
	border-right-color:#121D34;
}



/* icon-external */

.link-button .button.icon-external:after{
	background:url(../img/parts/external-black.svg) center no-repeat;
	background-size:contain;
	
	width:13px;
	height:20px;
	border:0;
	transform: translate(-0%, -50%);
}

.link-button .button.icon-external.color-blue:after{
	background-image:url(../img/parts/external.svg);
}

.link-button .button.icon-external:hover:after{
	background-image:url(../img/parts/external-white.svg);
}



/* icon-contact */

.link-button .button.icon-contact:after{
	display:none;
}

.link-button .button.icon-contact:before{
	background: url(../img/parts/contact.svg) center no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
	content:"";
	
	display:inline-block;
	margin-right:5px;
	position:relative;
	top:1px;
	transition: all .3s;


}
.link-button .button.icon-contact:hover:before{
	background-image:url(../img/parts/contact-black.svg);
}


/* icon-contact */

.link-button .button.icon-freedial:after{
	display:none;
}

.link-button .button.icon-freedial:before{
	background: url(../img/parts/freedial.svg) center no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
	content:"";
	
	display:inline-block;
	margin-right:5px;
	position:relative;
	top:1px;
	transition: all .3s;


}
.link-button .button.icon-freedial:hover:before{
	background-image: url(../img/parts/freedial-black.svg);
}




/* : text
----------------------------------------------- */

.small{
	font-size:87.5%;
}
.t-left{
	text-align:left!important;
}
.t-right{
	text-align:right!important;
}
.t-center{
	text-align:center!important;
}


.link-external{
	color:#11A8B9;
	display:inline-block;
	padding-right:20px;
	position:relative;
}
.link-external:after{
	background: url(../img/parts/external-green.svg) center no-repeat;
	background-size:contain;
	width:13px;
	height:20px;
	content:"";
	
	position:absolute;
	top:50%;
	right:0px;
	transform: translate(0%, -50%);


}