body{
	background: #fff;
	color: #101010;
}
nav {
	position: fixed !important;
	top: 0;
	z-index: 100;
	height: 100%;
}

#feluce_related_link_outer{
transform-origin: left top;
width: 100%;
height: 100%;
position: absolute;
background: #fff;
color: #101010;
}


#related_linkStart{
	width: 100%;
	height: 100%;
	overflow: overlay;
	background: #fff;
	padding-bottom: 9.2592592vh;
	
}


h2{
	background: #EBEFF2;
	font-size: .40rem;
	letter-spacing: 0.2em;
	font-family: 'Prompt', sans-serif;
	font-weight: 300;
	text-align: center;
	padding: 2.5em 0;
}



footer{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.feluce_footer{
	display: block;
}
#feluce_news_btn{
	text-align: center;
}

/*related_link*/
#feluce_related_link_outer{
	transform-origin: left top;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	color: #101010;
	}
#related_linkIn {
	width: 75%;
	margin: 7em auto 0;
	position: relative;
}
.related_link .center{
	text-align: center;
}
.related_link .related_link_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5vh 0;
}
.related_link .related_link_box:nth-child(n+3){
	border-top: solid 3px #EBEFF2;
}
.related_link .related_link_box:nth-of-type(2n){
	flex-flow: row-reverse;
}
.related_link .related_link_box .photo_area{
	width: 40%;
}
.related_link .related_link_box .text_area{
	width: 50%;
}
.related_link .related_link_box .title{
	font-size: 2vw;
}
.related_link .related_link_box .text{
	font-size: 1vw;
	line-height: 2;
	margin-top: 3vh;
}
.related_link .related_link_box .related_link_btn{
	display: flex;
	gap: 3vw;
}
.related_link .related_link_box .related_link_btn a{
	padding: 17px 43px;
    color: #1C59B9;
    text-decoration: none;
    background: #fff url(/product/feluce/images/news_tri.png) right 15px center/5px no-repeat;
    border: 1px solid #1C59B9;
    font-size: .18rem;
    letter-spacing: 0.2em;
    font-weight: 300;
    margin-top: 2vh;
    display: inline-block;
}
.related_link .related_link_box .related_link_btn a:hover {
    background: #fff url(/product/feluce/images/news_tri.png) right 13px center/5px no-repeat;
}
@media screen and (max-width: 1280px) ,screen and (max-height: 700px) {
}


@media screen and (max-width: 896px), screen and (max-height: 500px) {
	
	nav {
	  position: relative !important;
	  z-index: 100;
	  height: unset;
	  display: flex;
	  justify-content: space-between;
	}
	
	h2{
		height: 173px;
		background: #EBEFF2;
		font-size: .30rem;
		margin-bottom: 70px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}
	
	.adoptionExampleTxt{
		width: 100%;
	}
	.related_linkOuter{
		position: relative;
		width: 100%;
	}
	
	
	.feluce_content_read{
		margin-top: 4em;
	}
	
	
	#related_linkIn {
		width: 100%;
		margin-top: 0;
		padding: 0 30px;
	}
	#feluce_related_link_outer{
		height: auto;
		position: relative;
	}
	footer{
		position: relative !important;
		display: block;
		margin-top: -14.8148148vh;
	}
	.feluce_footer{
		padding-bottom: 55px;
	}
	.related_link .center{
		font-size: 3vw;
	}
	.related_link .related_link_box,
	.related_link .related_link_box:nth-of-type(2n){
		flex-flow: wrap;
	}
	.related_link .related_link_box .photo_area,
	.related_link .related_link_box .text_area{
		width: 100%;
	}
	.related_link .related_link_box .title{
		font-size: .25rem;
		margin-bottom: 3vh;
	}
	.related_link .related_link_box .text{
		font-size: 3.5vw;
		margin-top: 3vh;
	}
	.related_link .related_link_box .related_link_btn{
		margin-top: 3vh;
	}
	.related_link .related_link_box .related_link_btn{
		flex-flow: column;
		gap: 3vh;
	}
	.related_link .related_link_box .related_link_btn a,
	.related_link .related_link_box .related_link_btn a:hover {
		font-size: .15rem;
		background: none;
		width: 100%;
		text-align: center;
	}
}