@charset "UTF-8";
/* sp(320px) */

/* btn */
a.btn {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	padding: .4em 2.6em .4em 2em;
	border-radius: 15px;
	line-height:1;
}
a.btn.btn2 {
	padding: .4em 3.6em .4em 3em;
}
a.btn:hover {
	text-decoration: none;
}
a.btn span {
	position: relative;
}
a.btn span::after {
	content: '';
	border-top: 2px solid #707070;
	border-right: 2px solid #707070;
	width: 6px;
	height: 6px;
	position: absolute;
	right: -1.0em;
	top: 50%;
	transform: translateY(-50%)rotate(45deg);
	-webkit- transform: translateY(-50%)rotate(45deg);
	transition: all 300ms 0s ease;
}

/* btn_red */
a.btn.btn_red {
	display: inline-block;
	background-color: #ea5404;
	color: #fff;
	padding: 1.2em 4.6em 1.2em 4em;
	border-radius: 30px;
}
a.btn.btn_red span::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

/* btn_redborder */
a.btn.btn_redborder {
	display: inline-block;
	background-color: #fff;
	border: 2px solid #c1153e;
	color: #c1153e;
	padding: 0.6em 2.6em 0.6em 2em;
	border-radius: 50px;
	margin-bottom: 0.5em;
}
a.btn.btn_redborder span::after {
	border-top: 2px solid #c1153e;
	border-right: 2px solid #c1153e;
}
a:hover.btn.btn_redborder {
	background-color: #c1153e;
	color: #fff;
	padding: 0.6em 2.6em 0.6em 2em;
	border-radius: 50px;
}
a:hover.btn.btn_redborder span::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

/* btn_blueborder */
a.btn.btn_blueborder {
	width: fit-content;
	display: grid;
	background-color: #fff;
	border: 2px solid #3267a4;
	color: #3267a4;
	margin: 0 1em;
	padding: 0.6em 2.6em 0.6em 2em;
	border-radius: 50px;
	margin: 0 auto 0.5em auto;
}
a.btn.btn_blueborder span::after {
	border-top: 2px solid #3267a4;
	border-right: 2px solid #3267a4;
}
a:hover.btn.btn_blueborder {
	background-color: #3267a4;
	color: #fff;
	padding: 0.6em 2.6em 0.6em 2em;
	border-radius: 50px;
}
a:hover.btn.btn_blueborder span::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}


@media handheld, print, screen and (min-width: 375px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 414px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 480px) {
/* tablet */

/* btn */
a.btn {
	font-size: 16px;
	border-radius: 15px;
}
a.btn span::after {
	border-top: 2px solid #707070;
	border-right: 2px solid #707070;
	width: 6px;
	height: 6px;
}



/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 620px) {
/* iPad */

/* btn */
a.btn {
	font-size: 18px;
	border-radius: 15px;
}
a.btn span::after {
	border-top: 2px solid #707070;
	border-right: 2px solid #707070;
	width: 6px;
	height: 6px;
}

/* end of media query(iPad) */	
}