@charset "utf-8";

.pageHead {
	background: url("../images/fund/bg_pagehead.jpg") no-repeat center / cover;
}
@media screen and (max-width: 767px) {
	.pageHead {
		background: url("../images/fund/bg_pagehead_sp.jpg") no-repeat center / cover;
	}	
}

.anchor {
	margin: 60px 0 80px;
}
.anchor .lead {
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 50px;
	text-align: center;
}
.anchor li {
	margin-right: 2.5%;
	box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
	position: relative;
	overflow: hidden;
	width: 23%;
	z-index: 0;
}
.anchor li:nth-child(4n) {
	margin-right: 0;
}
.anchor li a {
	background: url("../images/fund/ico_arrow_under.png") no-repeat center bottom 13px / 13px 15px;	
	color: #00614D;
	display: block;
	font-weight: bold;
	padding: 5px 5px 40px;
	text-align: center;
	width: 100%;
}
@media screen and (min-width: 768px) {
.anchor li:after {
	content: '';
	display: block;
	position: absolute;
	left: -100%;
	top: 0%;
	background: #111;
	height: 100%;
	width: 100%;
	z-index:-1;
	transition: 0.3s;
}
.anchor li:hover:after {
	left: 0;
	top: 0;
}
.anchor li:hover a {
	background: url("../images/fund/ico_arrow_under_wh.png") no-repeat center bottom 13px / 13px 15px;
	color: #fff;
	opacity: 1;
	}
}



@media screen and (max-width: 767px) {
	.anchor {
		margin: 30px 0 60px;
	}
	.anchor .lead {
		font-size: 1.7rem;
		line-height: 1.7;
		margin-bottom: 20px;
	}
	.anchor li {
		margin: 0 0 12px 0;
		width: 100%;
	}
	.anchor li a {
		background: url("../images/fund/ico_arrow_under_sp.png") no-repeat right 10px center / 16px 18px;
		font-size: 1.4rem;
		padding: 12px 5px;
	}
}
.fundUnit + .fundUnit {
	margin-top: 110px;
}
.fundUnit .head .img {
	width: 100%;
}
.fundUnit .head .txt {
	position: relative;
}
.fundUnit .head .txt:before {
	background: #fff;
	content: '';
	display: block;
	height: 120px;
	position: absolute;
	left: 0;
	top: -120px;
	width: 49%;
}
.fundUnit .head .txt .headline {
	color: #00614D;
	font-size: 3.4rem;
	font-weight: bold;
	position: absolute;
	top: -85px
}

.fundUnit .head .txt .lead {
	padding: 40px 0;
}
.fundUnit .detail {
	background: #F2F7F6;
	padding: 85px 0 55px;
	position: relative;
}
.fundUnit .detail:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 44px 67.5px 0 67.5px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.fundUnit .detail .subHeadline {
	color: #00614D;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.sp {
	display: none;
}

.note {
	color: #8d8d8d;
	font-size: 1.5rem;
	padding-left: 1rem;
}

.fundUnit .detail p {
	line-height: 1.8;
}

.fundUnit .fundDetailTable {
	border-collapse: collapse;
	margin: 35px 0 0;
	width: 100%;
}
.fundUnit .fundDetailTable th, .fundUnit .fundDetailTable td {
	border-bottom: 15px solid #F2F7F6;
	font-size: 1.4rem;
}
.fundUnit .fundDetailTable th {
	width: 100px;
	text-align: center;
	vertical-align: top;
}
.fundUnit .fundDetailTable th span {
	background: #fff;
	display: inline-block;
	width: 100%;
	padding: 2px 5px;
}
.fundUnit .fundDetailTable td {
	padding: 0 0 0 15px;
	line-height: 1.9;
}

@media screen and (max-width: 767px) {
	
	.fundUnit + .fundUnit {
		margin-top: 60px;
	}
	.fundUnit .head .txt:before {
		height: 70px;
		top: -70px;
		width: 85%;
	}
	.fundUnit .head .txt .headline {
		font-size: 2rem;
		top: -45px;
	}
	.fundUnit .head .txt .lead {
		font-size: 1.4rem;
		padding: 20px 0 40px;
	}
	.fundUnit .detail {
		padding: 80px 0 20px;
	}
	.fundUnit .detail .subHeadline {
		font-size: 1.7rem;
	}
	.fundUnit .detail p {
		font-size: 1.4rem;
	}
	.fundUnit .fundDetailTable th {
		font-size: 1.2rem;
		width: 90px;
	}
	
	.note {
	font-size: 1.2rem;
	padding-left: 0;
	display:inline-block;
	}

	.sp {
		display: block;
	}
	
}