@charset "utf-8";
/* =============================================
	宅建　コンテンツマーケ用ページ
============================================= */
.font_lightgray{
	color: #ccc;
}

.under_yell{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#f8d770 0, #f8d770 40%, transparent 40%);
}

.link_arrow::before{
	margin-right: 10px;
}

/*---------------------------------------------
パンくず
---------------------------------------------*/
#path{
	font-size: 1.15rem;
	width: 94%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 10px 0;
	border-bottom: 1px dotted #d3d3d3;
	color: #848484;
}

/*---------------------------------------------
ボトム全体
---------------------------------------------*/
#content_area{
	max-width: 1300px;
	margin: 0 auto;
	padding: 2em 0;
}

/*---------------------------------------------
section
---------------------------------------------*/
#main{}

.normal_section{
	font-size: 1.8rem;
	line-height: 1.8;
}
#main .normal_section:first-of-type{
	margin-top: 0;
}

.content_name{
	font-size: clamp(1.6rem,2.7vw,2.6rem);
	margin-bottom: 1em;
	padding: 0.5em 1em;
	border-top: 3px solid #e04536;
	background-image: repeating-linear-gradient(-45deg,rgba(255,255,255,0.25) 0,rgba(255,255,255,0.25) 2px,transparent 2px,transparent 6px),linear-gradient(to bottom, #f0f4f7 0%,#e8edf1 100%);
}
	
/***目次***/
.index_list{
	font-size: 1.4rem;
	width: 100%;
	max-width: 700px;
	margin: 2em auto 0 auto;
	padding: 1em;
	border: 1px solid #bfbfbf;
	background-color: #fcf0cc;
}

.index_ttl{
	text-align: center;
}

.index_list_box{
	margin-top: 1em;
}
.index_list_box li:first-of-type{
	font-size: 1.2em;
}

/***本文***/
#main .ttl_lv1{
	text-align: left;
}

#main .ttl_lv2{
	margin-top: 2em;
	text-align: left;
}
#main .ttl_lv3{
	margin-top: 1.5em;
}

.insert_img{
	max-width: 400px;
}

.table_basic{
	margin: 1em auto;
}

.related_link{
	padding: 0.5em;
	border: solid 1px #ccc;
	background-color: #fcf0cc;
}

.note_box{
	margin: 1em 0;
	padding: 1em;
	border: solid 1px #ccc;
	border-radius: 0.5em;
	background-color: #fcf0cc;
}

/***グラフ***/
.graph_area{
	margin: 1em 0;
}


/*---------------------------------------------
サイドナビ
---------------------------------------------*/
#aside_nav{}


.aside_ttl_lv2{
	margin: 10px 0 5px;
}

.side_nav_list li{
	line-height: 1.3;
	padding: 3px 3px 3px 6px;
}
.side_nav_list li a{
	text-indent: -2em;
	color: #000;
	padding: 0.5em 0.5em 0.5em 2.5em;
}
.side_nav_list li a:before{
	top: 0.845em;
	left: -6px;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*---------------------------------------------
	ボトム全体
	---------------------------------------------*/
	#content_area{
		display: flex;
		justify-content: space-between;
		width: 94%;
	}
	
	/*---------------------------------------------
	section
	---------------------------------------------*/
	#main{
		width: 75%;
		max-width: 970px;
		margin-right: 3%;
	}
	
	/***本文***/
	.insert_img{
		width: 41.5%;
		margin: 4em auto;
	}
	
	/***表組調整***/
	.table_basic{
		width: auto;
		min-width: 50%;
	}
	
	
	/*---------------------------------------------
	サイドナビ
	---------------------------------------------*/
	#aside_nav{
		width: 300px;
	}
	
	.side_nav_list li a{
		font-size: 1.5rem;
	}
}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
 /*---------------------------------------------
	パンくず
	---------------------------------------------*/
	#path{
		display: none;
	}
	
	/*---------------------------------------------
	ボトム全体
	---------------------------------------------*/
	
	
	/*---------------------------------------------
	section
	---------------------------------------------*/
	#main{
		width: 94%;
		margin: 0 auto;
	}
	
	.normal_section{
		font-size: 1.4rem;
		line-height: 1.6;
	}
	
	/***目次***/
	.index_list_box li:first-of-type{
		font-size: 1.1em;
	}
	
	/***本文***/
	.insert_img{
		width: 40%;
		margin: 3em auto;
	}
	
	/*---------------------------------------------
	サイドナビ
	---------------------------------------------*/
	#aside_nav{
		margin-top: 4em;
	}
	
	.side_nav_list{
		width: 94%;
		margin: 0 auto;
	}
	
	#side h3 a.content_top{
		font-size: 1.4rem;
	}
	
	.aside_ttl_lv2{
		font-size: 1.4rem;
		margin: 10px 0 5px;
	}
}