.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/************************************
** ■目次カスタマイズ
************************************/
.content .outline { /*目次ボックス設定*/
	border: 1px solid #f4f4c8; /*枠線*/
	padding: 15px 0; /*上下余白*/
	position:relative; /*相対位置*/
	border-radius:4px; /*角丸コーナー*/
	background:#f4f4c8; /*背景色*/
	box-shadow: 6px 6px 6px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
	line-height: 18px !important; /*高さ*/
}
.content .outline__number{ /*数字設定*/
	font-weight:bold; /*フォント太さ*/
	background:#f4f489; /*数字の背景色*/
	color:#333; /*数字の文字色*/
	border-radius:2px; /*角丸コーナー*/
	padding: 2px 5px 3px 5px; /*上下左右余白*/
	margin-right: 6px; /*右間隔*/
	font-size: 15px; /*フォントサイズ*/
	width:auto; /* widthプロパティ*/
}
.content .outline__link { /*リンク部分設定*/
	display: block; /*ブロックボックスとして表示*/
	font-weight:bold; /*フォント太さ*/
	font-size: 13px; /*フォントサイズ*/
	border-bottom: 1px dotted #efe523; /*アンダーラインの太さとカラー*/
}
.content .outline__link:hover { /*リンク部分ホバー時*/
	background: #f4f0a1; /*背景色*/
	text-decoration:none; /*装飾無し*/
	color:#000; /*文字色*/
	font-weight:bold; /*フォント太さ*/
	border-bottom: 1px dotted #efe523; /*アンダーラインの太さとカラー*/
}
.outline__title { /*目次タイトル設定*/
	color: #333; /*文字色*/
	font-weight: 700; /*フォント太さ*/
	font-size: 16px; /*フォントサイズ*/
	font-style: oblique; /*斜体フォント*/
	padding-left:16px; /*左余白*/
}
.content .outline__switch{ /*「閉じる」「開く」の表示位置設定*/
	position:absolute; /*絶対位置*/
	top:15px; /*上からの配置位置*/
	right:1.5rem; /*右からの配置位置*/
}
.content .outline__switch + .outline__list { /*目次項目設定*/
	background: transparent; /*背景色透明*/
}
.content .outline  ul li,
.content .outline ol li { /*表示間隔設定*/
    padding-left: 2.4rem ;	/*間隔設定*/
}

/*モバイル端末時調整*/
@media only screen and (min-width: 769px){ /*768px*/
	.content .outline {
		width:calc(100% - 20%);
		margin:3rem 10%;
	}
	.content .outline__switch + .outline__list {
		margin-left:  0px;
		margin-right: 25px;
	}
	.outline__title {
		margin-left: 1rem;
	}
}
@media only screen and (max-width: 768px){ /*767px*/
	.content .outline {
		width:100%;
		margin:3rem 0;
	}
	.content .outline__switch + .outline__list {
		margin-left: -10px;
		margin-right: 15px;
	}
	.outline__title {
		margin-left: 0;
	}
}