@charset "Shift_JIS";

.block_wrap{
	background: #EFEFEF;
	box-sizing: border-box;
	padding: 35px 0 48px;
	margin-bottom: 26px;
}
#page_top_nav .title{
	font-size: 24px;
	font-weight: 500;
	line-height: 45px;
	display: block;
	border-bottom: 1px solid #231815;
}	
#page_top_nav .title span{
	display: inline-block;
	position: relative;
	padding-bottom: 12px;
}
#page_top_nav .title span::after{
	content: "";
	display: inline-block;
	width: 112px;
	height: 70px;
	position: absolute;
	background: url("/sokushin/report/images/r_head_illust@2x.png")no-repeat top center/contain;
	bottom: 0;
	right: -160px;
}
/* ■リストCSS */
.fy_box{
	width: 850px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}
.fy_box .fy_title{
	background: #BBD4EB;
	font-size: 18px;
    font-weight: normal;
	padding: 5px 15px;
	box-sizing: border-box;
}
.fy_box ul{
	list-style-type: none;
	box-sizing: border-box;
	padding: 27px 34px
}
.fy_box ul li{
	display: flex;
	align-items:flex-start;
	padding-bottom: 12px;
}
.fy_box ul li .fy_pc_sub{
	display: inline-block;
	width: 95px;
	text-align: center;
	padding: 2px 0 3px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}
.fy_box ul li .fy_sp_sub{
	display: none;
}
/*色変更*/
.fy_box ul li .green{
	background: #6CB635;
}
.fy_box ul li .f_green{
	background: #008842;
}
.fy_box ul li .skyblue{
	background: #00AABE;
}
.fy_box ul li .w_blue{
	background: #54C0EE;
}
.fy_box ul li .blue{
	background: #316bb2;
}
.fy_box ul li .pink{
	background: #ED7869;	
}
.fy_box ul li .p_pink{
	background: #EB6EA5;	
}
.fy_box ul li .orange{
	background: #F6AB00;	
}
.fy_box ul li .brown{
	background: #ad7b4d;	
}
.fy_box ul li .fy_text{
	display: block;
	width: calc(100% - 110px);
	border-bottom: 2px dotted #CACBCB;
	font-size: 16px;
	line-height: 25px;
	padding-bottom: 12px;
	margin-left: 15px;
}
.fy_box ul li:last-child .fy_text{
	border-bottom: none;
}

@media (max-width: 640px) {
	.block_wrap{
		background: #FFF;
		padding: 25px 0 0;
		margin-bottom: 0;
	}
	#page_top_nav .title{
		font-size: 18px;
		line-height: 25px;
		display: block;
		border-bottom: 1px solid #231815;
	}
	#page_top_nav .title span::after{
		width: 73.6px;
		height: 46px;
		right: -50px;
	}

	.fy_box{
		width: 324px;
	}
	.fy_box .fy_title{
		font-size: 15px;
		padding: 3px 15px;
	}
	.fy_box ul{
		padding: 15px 0 0;
	}
	.fy_box ul li{
		display: block;
		border-bottom: 2px dotted #CACBCB;
		padding-bottom: 10px;
		margin-bottom: 10px;
		line-height: 22px;
	}
	.fy_box ul li:last-child{
		border-bottom: 0;
		margin-bottom: 30px;
	}
	.fy_box ul li .fy_pc_sub{
		display: none;
	}
	.fy_box ul li .fy_sp_sub{
		display: inline;
		font-weight: 600;
		font-size: 13px;
	}
/*色変更*/
	.fy_box ul li .green{
		background: none;
		color: #85B543;
	}
	.fy_box ul li .f_green{
		background: none;
		color: #4C8748;
	}
	.fy_box ul li .skyblue{
		background: none;
		color: #5FA8BC;
	}
	.fy_box ul li .w_blue{
		background: none;
		color: #7EBFEC;
	}
	.fy_box ul li .blue{
		background: none;
		color: #3C6AAC;	
	}
	.fy_box ul li .pink{
		background: none;
		color: #D37769;
	}
	.fy_box ul li .p_pink{
		background: none;	
		color: #D06EA2;
	}
	.fy_box ul li .orange{
		background: none;	
		color: #E3A928;
	}
	.fy_box ul li .brown{
		background: none;	
		color: #ad7b4d;
	}
	.fy_box ul li .fy_text{
		display: inline;
		width: auto;
		border-bottom: 0;
		font-size: 13px;
		line-height: 22px;
		padding-bottom: 0;
		margin-left: 0;
	}
	.fy_box ul li:last-child .fy_text{
		border-bottom: none;
	}
}
@media (max-width: 374px) {
	.fy_box{
		width: 300px;
	}
}