@charset "utf-8";
.introduction__inner{
	margin:0 auto;
	padding:6.6666vw 2.6666vw;
}
.introduction__catch{
	line-height:2.2;
	letter-spacing:0.1em;
	font-weight:700;
	font-size:1.2rem;
	margin-bottom:2em;
}
.introduction__text{
	line-height:2.2;
	letter-spacing:0.1em;
	font-size:1.2rem;
	margin-bottom:1em;
	font-weight:500;
}
.intro__navlists{
	display:flex;
	justify-content:space-between;
	margin-bottom:6.6666vw;
}
.intro__navlist{
	width:46.6666vw;
}
.intro__navlink{
	width:100%;
	height:10.6666vw;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.2rem;
	background:#000;
	text-decoration:none;
	color:#FFF;
	position:relative;
}
.intro__navlink:before{
	content:'';
	position:absolute;
	right:3vw;
	width:1.5vw;
	height:1.5vw;
	box-sizing:border-box;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	transform:rotate(45deg);
}
.intro__navlink:after{
	content:'';
	position:absolute;
	left:0;
	width:0;
	height:1px;
	bottom:1vw;
	background:#FFF;
	transition:all 0.3s ease;
}
.intro__navlink--current{
	pointer-events:none;
}
.intro__navlink:hover:after,
.intro__navlink.intro__navlink--current:after{
	width:100%;
}
@media screen and (min-width:768px){
	.introduction__inner{
		margin:0 auto;
		padding:40px 20px;
	}
	.introduction__catch{
		font-size:24px;
	}
	.introduction__text{
		font-size:24px;
	}
	.intro__navlists{
		margin-bottom:50px;
	}
	.intro__navlist{
		width:350px;
	}
	.intro__navlink{
		height:80px;
		font-size:20px;
	}
	.intro__navlink:before{
		content:'';
		position:absolute;
		right:20px;
		width:12px;
		height:12px;
		border-right:3px solid #FFF;
		border-top:3px solid #FFF;
	}
	.intro__navlink:after{
		height:1px;
		bottom:10px;
	}
}