/* Concept */

.concept_page:not(:last-of-type) {
    margin-bottom: 5em;
}
.concept_page a {
    display: block;
    position: relative;
    padding: 4.5em 100px 4.7em 300px;
    background: #f1f3f6;
    border-radius: 20px;
    text-decoration: none;
}
.concept_page.page_fund a {
    background: #fcf4f4;
}
.concept_page a::before {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	content: '';
	width: 15px;
	height: 23px;
	background: url(../images/common/icon_more.png) no-repeat center / 100%;
}
.concept_page.page_fund a::before {
	background: url(../images/common/icon_more_fund.png) no-repeat center / 100%;
}
.concept_page a:hover::before {
	animation: concept_page 350ms ease-in-out forwards;
}
@keyframes concept_page {
	0% {
		right: 50px;
	}
	50% {
		right: 45px;
	}
	100% {
		right: 50px;
	}
}
.concept_page h5 {
	margin-bottom: 0.8em;
	color: #009ea1;
	font-size: 1.1em;
	line-height: 1.2em;
}
.concept_page.page_fund h5 {
	color: #fb4491;
}
.concept_page h4 {
	font-size: 1.6em;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.2em;
}

.concept_page_image {
    position: absolute;
    bottom: 25px;
    left: 5em;
    width: 155px;
}
.page_fund .concept_page_image {
    width: 180px;
}
#concept_report_panes {
    padding: 0 30px;
}
#concept_report_panes .article_pane {
    margin: 0 30px 0 0 !important;
}

#vision_hero .page_hero_image {
    top: 8.8%;
    left: 61.1%;
    width: 333px;
}

.mask_wrapper {
    position: relative;
    height: 2000px;
}
.mask {
    position: sticky;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: black;
    border-radius: 0%;
    z-index: 999;
    transition: all 0.3s ease;
    pointer-events: none;
}
  

/* About */

#vision_about {
    margin-bottom: 6em;
}
#vision_about .inner {
    padding-bottom: 5.5em;
}
#vision_about .inner::before {
    position: absolute;
    bottom: 0;
    left: 50px;
    content: '';
    width: calc(100% - 100px);
    height: 1px;
    background: #009ea1;
}
.vision_about_text h3 {
    margin-bottom: 0.5em;
}
.vision_about_according {
	margin-bottom: 5.4em;
	font-size: 0.87em;
	line-height: 1.5em;
	letter-spacing: 0.01em;
	color: #009ea1;
}
.vision_about_figures {
    padding-top: 6.4em;
    width: 40%;
}
.vision_about_figure {
    position: relative;
    margin: 0 auto 3.4em auto;
    width: 88%;
}
.vision_about_figure::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/concept/vision_about_figure_before.png) no-repeat center / 100%;
}
.vision_about_figure::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/concept/vision_about_figure_after.png) no-repeat center / 100%;
}
.vision_about_figures_rate {
    float: left;
    width: 45.7%;
    color: #b0b4b3;
}
#hoard_rate {
    float: right;
    color: #009ea1;
}
.vision_about_figures_rate h4 {
    margin-bottom: 0.2em;
    font-size: 3em;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0;
}
.vision_about_figures_rate h4 span {
    font-size: 0.7em;
}
.vision_about_figures_rate h5 {
    margin-bottom: 0.6em;
    padding-bottom: 0.7em;
    font-size: 0.93em;
    font-weight: 500;
    text-align: center;
    border-bottom: 2px solid #b0b4b3;
}
#hoard_rate h5 {
    border-bottom: 2px solid #009ea1;
}
.vision_about_figures_rate p {
    font-size: 0.86em;
    line-height: 1.5em;
}
.vision_about_figure {
	transform: rotate(-20deg) scale(0.9);
	opacity: 0;
}
.reveal .vision_about_figure {
	animation: vision_about_figure_reveal 800ms 700ms ease-in-out forwards;
}
@keyframes vision_about_figure_reveal {
	0% {
		transform: rotate(-20deg) scale(0.9);
		opacity: 0;
	}
	100% {
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}
}
#reuse_rate,
#hoard_rate {
	transform: translateX(-5px);
	opacity: 0;
}
.reveal #reuse_rate {
	animation: slidein_right 500ms 1000ms ease-in-out forwards;
}
.reveal #hoard_rate {
	animation: slidein_right 500ms 1200ms ease-in-out forwards;
}


/* Fund */

.vision_fund_image {
    width: 37.4%;
    border-radius: 23px;
    overflow: hidden;
}