@charset "UTF-8";


/* mv
----------------------------------------*/
.mv > .inner.fade.on{
	background: url(/fulfilledgrowth/article/images/vol2/bg-maintitle.jpg) no-repeat center;
	background-size: cover;
}
.mv-title{
	max-width: 744px;
}

@media screen and (max-width: 767px){
	.mv > .inner.fade.on{
		background: none;
	}
}


/* section
----------------------------------------*/
.section > .inner > .inner + p{
	margin-top: 1.3em;
}

@media screen and (max-width: 767px){
	.section > .inner > .inner + p{
		margin-top: 0;
	}
}


/* card
----------------------------------------*/
.card{
	max-width: 600px;
	margin: 40px auto 0;
	padding: 30px 0 20px;
	border: solid 5px #c4d700;
}
.card-link{
	text-align: center;
}
.card-link a{
	display: inline-block;
	position: relative;
	padding-left: 20px;
	color: #004831;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
}
.card-link a::before{
	position: absolute;
	top: 8px;
	left: 0;
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid #004831;
	border-bottom: 2px solid #004831;
	transform: rotate(-45deg);
}
.card-link a:hover{
	text-decoration: none;
}

@media screen and (max-width: 767px){
	.card{
		margin: 30px auto 0;
		padding: 20px 0 15px;
		border: solid 3px #c4d700;
	}
	.card-link a{
		padding-left: 15px;
		font-size: 1.5rem;
	}
	.card-link a::before{
		top: 8px;
		width: 6px;
		height: 6px;
	}
}


/* photo
----------------------------------------*/
.photo-wide-caption{
	right: 20px;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.section:nth-of-type(3) .photo-wide{
	margin: 40px auto 0;
}

@media screen and (max-width: 767px){
	.photo{
		margin: 30px auto 0;
	}
	.photo-wide-caption{
		text-shadow: none;
	}
	.photo-person{
		margin: 30px auto;
	}
	.section:nth-of-type(1) .inner > .inner:nth-of-type(1) .photo-person{
		order: 2;
	}
	.section:nth-of-type(1) .inner > .inner:nth-of-type(2) .photo-person{
		order: 2;
	}
	.section:nth-of-type(3) .photo-wide{
		margin: 30px auto 0;
	}
}
