@charset "UTF-8";
/* Title */
 
/* btn */
a.btn {
	display: inline-block;
	/*font-size: 14px;*/
	color: #000;
	border: 1px solid #000;
	border-radius: 2em;
	line-height: 3.0;
	padding-block: 0;
	padding-inline: 2.8em 3.6em;
}
a.btn span {
	position: relative;
}
a.btn span:after {
	content: '';
	border-block-start: 1px solid #000;
	border-inline-end: 1px solid #000;
	inline-size: .5em;
	block-size: .5em;
	position: absolute;
	inset-inline-end: -1.2em;
	inset-block-start: 50%;
	transform: translateY(-50%)rotate(45deg);
	transition: all 300ms 0s ease;
}
a.btn:hover {
	text-decoration: none;
}
a.btn:hover span:after {
	inset-inline-end: -1.4em;
}

/* btn_w */
a.btn.btn_w {
	color: #fff;
	border: 1px solid #fff;
}
a.btn.btn_w span:after {
	border-block-start: 1px solid #fff;
	border-inline-end: 1px solid #fff;
}


/* btn_back */
a.btn.btn_back {
	padding-inline: 3.6em 2.8em ;
	
}
a.btn.btn_back span:after {
	inset-inline-start: -1.2em;
	inset-block-start: 50%;
	transform: translateY(-50%)rotate(225deg);
}
a.btn.btn_back:hover span:after {
	inset-inline-start: -1.4em;
}






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



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





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




/* btn_b */
a.btn.btn_b {
	font-size: 20px;
	padding-block: 0.5em 0.5em;
	padding-inline: 1.5em 4em;
}

/* end of media query */	
}

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



/* end of media query */	
}






@media handheld, print, screen and (min-width: 900px) {





/* end of media query */
}