/* * =========================================
 * jouhouディレクトリ配下のスタイル
 * =========================================
 */

/* * =========================================
 * コンポーネントのオーバーライド【jouhou/index.html】
 * =========================================
 */

.c-article-list {
	padding: 64px 0 80px;
}

.c-article-card__image {
	padding: 16px 0;
}

@media (width <= 767px) {
	.c-article-list {
		padding: 32px 0 64px;
	}
}


/* * =========================================
 * 画像
 * =========================================
 */
.c-article-img {
	width: 60%;
	height: auto;
	padding: 16px 0;
	margin: 0 auto;
	display: block;
}

.c-article-img--small {
	width: 40% !important;
	height: auto !important;
	padding: 16px 0;
	margin: 20px auto 0;
	display: block;
}

/* * =========================================
* ページ内リンクの位置調整：ヘッダーの高さ100px
* =========================================
*/
#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10, #q11, #q12, [id="0to4"], [id="5to8"], [id="9ikou"] {
	scroll-margin-top: 100px;
}