@charset "utf-8";

#money-course-index .header {
}
#money-course-index .header h1 {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#money-course-index .header .banner-box {
}
#money-course-index .header .banner-box li a {
	display: block;
	background: #f44b8e;
	color: #fff;
	line-height: 1.0;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;

	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 640px) {
	#money-course-index .header {
		position: relative;
		padding: 0 0 7.5vw;
	}
	#money-course-index .header-inner {
	}
	#money-course-index .header h1 {
		display: block;
		background: url(../images/header-sp.png) no-repeat center top;
		padding: 138.4% 0 0;
		background-size: contain;
	}

	#money-course-index .header .banner-box {
		width: 92%;
		margin: 7.8vw auto 0;
	}
	#money-course-index .header .banner-box li a {
		width: 100%;
		font-size: 4.8rem;
		border-radius: 60px;
		padding: 0.54em 0 0.64em;
	}
	#money-course-index .header .banner-box li a i {
		font-size: 2.8rem;
		margin: 0.3em 0 0 0.5em;
	}
}
@media screen and (min-width: 641px) {
	#money-course-index .header {
		height: 660px;
	}
	#money-course-index .header-inner {
		width: 980px;
		margin: 0 auto;
	}
	#money-course-index .header h1 {
		display: block;
		background: url(../images/header-pc.png) no-repeat center top;
		height: 518px;
		margin: 0 auto;
	}

	#money-course-index .header .banner-box {
		margin: 40px 0 0;
	}
	#money-course-index .header .banner-box li a {
		width: 395px;
		height: 60px;
		font-size: 2.8rem;
		border-radius: 60px;
		padding: 0 0 4px;

		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#money-course-index .header .banner-box li a i {
		font-size: 1.8rem;
		margin: 3px 0 0 12px;
	}
	#money-course-index .header .banner-box li a:hover {
		background: #cf4c80;
	}
}