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

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


#guidelineStart{
	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;
}

sup{
	vertical-align: text-top;
	font-size: 70% !important;
}


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

/*guideline*/
#feluce_guideline_outer{
	transform-origin: left top;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	color: #101010;
	}
#guidelineIn {
	width: 75%;
	margin: 7em auto 0;
	position: relative;
}
.guideline .center{
	text-align: center;
}
.guideline .right{
	text-align: right;
	line-height: 1.5;
}
.half_flex{
	display: flex;
	/* justify-content: center; */
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 0;
	gap: 10%;
}
.half_flex > div{
	width: 45%;
}
.half_flex > div img{
	/*max-height: 5vw;
	height: 100%;
	width: auto;*/
	display: block;
}
.half_flex > div img:nth-of-type(2){
	margin-top: 5vh;
}
.subtitle + .half_flex{
	margin-top: 2vh;
}

.half_flex + .subtitle{
	margin-top: 5vh;
}
.guideline .guideline_box{
	margin-top: 8vh;
}
.guideline .title{
	font-size: 1.5vw;
	color: #3E3A39;
}
.guideline .guideline_box .title{
	font-size: 2vw;
}
.guideline .guideline_box .subtitle{
	font-size: 1.5vw;
	display: block;
	margin-bottom: 30px;
}
.guideline .guideline_box .text{
	font-size: 1vw;
	line-height: 2;
	margin: 2vh 0;
	color: #3E3A39;
}
.guideline .guideline_box .text .bold_txt{
	font-size: 1.2vw;
	font-weight: bold;
}
.feluce_content_news_detail_table.blue_frame{
	text-align: left;
}
.feluce_content_news_detail_table tr:first-child td{
	width: 85%;
}
.guideline .guideline_box ul{
	padding-left: 1em;
}
.guideline .guideline_box ul li{
	list-style: decimal;
	list-style-position: inside;
	padding-bottom: 5vh;
	margin-bottom: 5vh;
	border-bottom: solid 2px #EBEFF2;
}
.guideline .guideline_box ul li:last-child,
.guideline .guideline_box ul li ul li:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.guideline .guideline_box ul li::marker{
	font-size: 2vw;
	color: #3E3A39;
}
.guideline .guideline_box ul li ul{
	margin-top: 5vh;
}
.guideline .guideline_box ul li ul li{
	list-style: none;
}
.guideline .guideline_box .bg_gray{
	background: #EBEFF2;
	padding: 2vh 2vw;
	margin: 2vh 0 5vh;
	font-size: 1vw;
}
.guideline .guideline_box .half_flex > div .bg_gray{
	margin-top: 0;
}
.guideline .guideline_box ul li div:not(.half_flex):nth-of-type(n+3){
	margin-top: 5vh;
}
.w90p{width: 90%;}
.w80p{width: 80%;}
.w75p{width: 75%;}
.w70p{width: 70%;}
.w60p{width: 60%;}
.w50p{width: 50%;}
.w40p{width: 40%;}

#feluce_news_btn a{
	padding: 17px 43px;
    color: #fff;
    text-decoration: none;
    background: #1C59B9 url(/product/feluce/images/facility_tri.png) right 15px center / 5px no-repeat;
    font-size: .18rem;
    letter-spacing: 0.2em;
    font-weight: 300;
    border: 1px solid #1C59B9;
}
#feluce_news_btn a:hover {
    color: #1C59B9;
    background: #FFF url(/product/feluce/images/news_tri.png) right 15px 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%;
	}
	.guidelineOuter{
		position: relative;
		width: 100%;
	}
	
	
	.feluce_content_read{
		margin-top: 4em;
	}
	
	
	#guidelineIn {
		width: 100%;
		margin-top: 0;
		padding: 0 30px;
	}
	#feluce_guideline_outer{
		height: auto;
		position: relative;
	}
	footer{
		position: relative !important;
		display: block;
		margin-top: -14.8148148vh;
	}
	.feluce_footer{
		padding-bottom: 55px;
	}
	.guideline .title{
		font-size: 4vw;
	}
	.guideline .guideline_box .title{
		font-size: 5vw;
	}
	.guideline .guideline_box ul{
		padding-left: 0;
	}
	.guideline .guideline_box ul li{
		padding-bottom: 3vh;
		margin-bottom: 3vh;
	}
	.guideline .guideline_box ul li::marker {
		font-size: 5vw;
		color: #3E3A39;
	}
	.guideline .right{
		font-size: 3vw;
	}
	.guideline .guideline_box .text{
		font-size: 3.5vw;
		margin: 5vh 0 0;
	}
	.guideline .guideline_box .subtitle{
		font-size: 4vw;
	}
	.guideline .guideline_box .bg_gray{
		font-size: 3vw;
	}
	
	.half_flex{
		flex-wrap: wrap;
	}
	.half_flex > div{
		width: 100%;
	}
	.half_flex > div:nth-child(n+3){
		margin-top: 3vh;
	}
	.guideline .guideline_box ul li div:not(.half_flex):nth-of-type(n+2){
		margin-top: 5vh;
	}
	.guideline .guideline_box ul li:nth-child(4) .half_flex > div:nth-child(1) img:nth-of-type(2){
		margin-top: 0;
	}
	.guideline .guideline_box .half_flex > div .bg_gray,
	.guideline .guideline_box .bg_gray{
		margin: 3vh 0 3vh;
	}
	#feluce_news_btn a{
		padding: 17px 20px;
		margin-top: 3vh;
	}
}