@charset "UTF-8";


/* ===============
.character_contents
================*/
.character_contents {
	width: 100%;
	max-width: 1000px;
	margin: 30px auto 60px auto;
}

.chara_img {
	width: 90%;
	margin: 30px auto;
}

.chara_img img {
	width: 100%;
	height: auto;
}

.link_item {
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	float: right;
}
.link_item a {
	width: 100%;
	display: block;
	padding: 6px 10px;
	background: url("../images/common/arrow_right_circle.svg") no-repeat 98% center;
	background-size: 20px;
	padding-right: 40px;
	transition: 0.2s all ease 0s;
}
.link_item a:hover {
	padding: 6px 10px;
	background: url("../images/common/arrow_right_circle_w.svg") no-repeat 98% center;
	background-size: 20px;
	padding-right: 40px;
}

@media all and (max-width: 767px) {
	
.link_item {
	display: block;
	margin: 0 auto 20px auto;
	width: 90%;
	font-size: 14px;
}
.link_item a {
	display: block;
	width: 100%;
	padding: 6px 10px;
	background: url("../images/common/arrow_right_circle.svg") no-repeat 98% center;
	background-size: 20px;
	padding-right: 40px;
	transition: 0.2s all ease 0s;
}
.link_item a:hover {
	padding: 6px 10px;
	background: url("../images/common/arrow_right_circle_w.svg") no-repeat 98% center;
	background-size: 20px;
	padding-right: 40px;
}

	
}



@media all and (min-width: 768px) and (max-width: 1200px) {

	
}

