@charset "shift_jis";

/* ======================================================
 * error.css
 * ------------------------------------------------------
 * Clearfix
====================================================== */
	

/* BUTTON PARTS
------------------------------------------------------ */
.introduce-btnLink01,
.introduce-btnList01 {
	margin-top: 20px;
}
.introduce-btnList01 > li + li {
	margin-top: 15px;
}
.introduce-btnLink01 a,
.introduce-btnLink01 input,
.introduce-btnList01 > li a,
.introduce-btnList01 > li input {
	display: inline-block;
	position: relative;
	padding: 19px 60px 17px 50px;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	background-color: #a5001e;
	border-bottom: solid 3px #760015;
	-webkit-border-radius: 9px;
		 -moz-border-radius: 9px;
					border-radius: 9px;
}
.introduce-btnLink01 input,
.introduce-btnList01 > li input {
	border-top: none;
	border-left: none;
	border-right: none;
	cursor: pointer;
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
}
.introduce-btnLink01 a:after,
.introduce-btnList01 > li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	height: 32px;
	width: 32px;
	margin-top: -14px;
	background: url(/common-files/img/com_btn_ic01.png) no-repeat 0 0;
}
.introduce-btnLink01 input,
.introduce-btnList01 > li input {
	background-image: url(/common-files/img/com_btn_ic01.png);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}
.introduce-btnLink01 a:hover,
.introduce-btnLink01 input:hover,
.introduce-btnList01 > li a:hover,
.introduce-btnList01 > li input:hover {
	margin-top: 2px;
	background-color: #c04d62;
	border-bottom: solid 1px #9f4d5c;
	color: #ffffff;
}
.introduce-btnLink01.back a,
.introduce-btnLink01.back input {
	color: #222222;
	background-color: #e6e6e6;
	border-bottom: solid 3px #a5a5a5;
}
.introduce-btnLink01.back a,
.introduce-btnLink01.back input {
	padding: 11px 35px 9px 48px;
	font-size: 14px;
	font-size: 1.4rem;
}
.introduce-btnLink01.back a:after {
	right: auto;
	left: 10px;
	height: 15px;
	width: 16px;
	margin-top: -9px;
	background-image: url(/common-files/img/com_back_ic01.png);
}
.introduce-btnLink01.back input {
	background-image: url(/common-files/img/com_back_ic01.png);
	background-position: 6% 50%;
}
.introduce-btnLink01.back a:hover,
.introduce-btnLink01.back input:hover {
	color: #222222;
	background-color: #ebebeb;
	border-bottom: solid 1px #b7b7b7;
}


@media screen and (max-width: 750px){
/* BUTTON PARTS
------------------------------------------------------ */
.introduce-btnLink01 a,
.introduce-btnLink01 input,
.introduce-btnList01 > li a,
.introduce-btnList01 > li input {
	min-width: 280px;
	padding: 19px 40px 17px 30px;
	font-size: 16px;
	font-size: 1.6rem;
}
.introduce-btnLink01 a:after,
.introduce-btnList01 > li a:after {
	height: 20px;
	width: 20px;
	margin-top: -10px;
}
.introduce-btnLink01 a:after,
.introduce-btnList01 > li a:after {
	background-image: url(/common-files/img/sp_com_btn_ic01.png);
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
}
.introduce-btnLink01 input,
.introduce-btnList01 > li input {
	background-image: url(/common-files/img/sp_com_btn_ic01.png);
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
}
.introduce-btnLink01.back a {
	min-width: 250px;
}
.introduce-btnLink01.back a:after {
	background-image: url(/common-files/img/sp_com_back_ic01.png);
	-webkit-background-size: 16px 15px;
					background-size: 16px 15px;
}
.introduce-btnLink01.back input {
	background-image: url(/common-files/img/sp_com_back_ic01.png);
	-webkit-background-size: 16px 15px;
					background-size: 16px 15px;
}

}
/* Clearfix
------------------------------------------------------ */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}