@charset "utf-8";
.character__inner{
	padding:10vw 0
}
.character__names{
	display:flex;
	justify-content:center;
	align-items:center;
	letter-spacing:0.1em;
	margin-bottom:6.7vw
}
.character__name{
	font-size:1.8rem;
	margin-right:6.4vw;
	font-weight:700
}
.character__voice{
	font-weight:700;
	font-size:1.2rem
}
.character__img{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:7vw
}
.character__img--scene{
	width:73.3333vw;
	margin:0 auto 7vw
}
.character__img img{
	max-width:100%
}
.character__text{
	display:table;
	margin:0 auto;
	font-size:1.2rem;
	line-height:2.2;
	letter-spacing:0.1em;
	padding-bottom:9vw
}
@media screen and (min-width:768px){
	.character__inner{
		padding:75px 0
	}
	.character__slide {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.character__names{
		margin-bottom:50px;
		width:100%;
	}
	.character__name{
		font-size:36px;
		margin-right:48px;
	}
	.character__voice{
		font-size:24px
	}
	.character__img{
		margin-bottom:48px;
		width:50%;
		margin-left:0;
	}
	.character__img--scene{
		width:40%;
		margin:0 auto 48px
	}
	.character__text{
		font-size:18px;
		padding-bottom:72px;
		width:40%;
		margin-right:10%;
		margin-left:-10%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.swiper-button-next,
.swiper-button-prev{
	position:absolute;
	top:0;
	bottom:0;
	width:11vw;
	height:auto
}
.swiper-button-next:after,
.swiper-button-prev:after{
	content:'';
	width:3.2vw;
	height:3.2vw;
	box-sizing:border-box;
	transform:rotate(45deg)
}
.swiper-button-next:after{
	border-top:3px solid #000;
	border-right:3px solid #000
}
.swiper-button-prev:after{
	border-left:3px solid #000;
	border-bottom:3px solid #000
}
.swiper-button-prev{
	left:0;
	right:auto;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.swiper-button-next{
	right:0;
	left:auto;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
@media screen and (min-width:768px){
	.swiper-button-next,
	.swiper-button-prev{
		width:80px;
	}
	.swiper-button-next:after,
	.swiper-button-prev:after{
		width:24px;
		height:24px;
	}
	.swiper-button-next:after{
		border-top:5px solid #000;
		border-right:5px solid #000
	}
	.swiper-button-prev:after{
		border-left:5px solid #000;
		border-bottom:5px solid #000
	}
}
.character__navlists{
	width:90.6666vw;
	display:flex;
	flex-wrap:wrap;
	margin:0 auto
}
.character__navlist{
	width:25%;
	padding:0 1.6vw 3.2vw
}
.character__navlink{
	display:block;
	position:relative
}
.character__navlink:before{
	content:'';
	display:block;
	position:absolute;
	box-sizing:border-box;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border:1px solid #000;
	border-radius:50%;
	opacity:0;
	transition:all 0.3s ease
}
.character__navlink.character__navlink--current:before{
	opacity:1
}
.character__navlink img{
	display:block;
	width:100%;
	height:auto
}
@media screen and (min-width:768px){
	.character__navlists{
		width:680px;
	}
	.character__navlist{
		width:25%;
		padding:0 12px 24px
	}
	.character__navlink{
		transition:all 0.3s ease;
	}
	.character__navlink:hover{
		transform:scale(1.1);
	}
}