@charset "shift_jis";


/* --------------------------------------------------------------------------------
	Reset
-------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------------
	タグ
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}


/********** (R)マークなど **********/
.mark-reg{
	font-style:italic;
}
.mark-reg sup{
	vertical-align:super;
}


.txt-tax{
	display:none;
	}

/********** ブログ **********/
.inc-blog{
}
.inc-blog .heading{
	margin:0 0 30px;
	padding:8px 3px 5px 43px;
	border-radius:0;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background:#004b8e url(https://www.officialtestprep.jp/images/common/i-t-blog.png) no-repeat 13px 50%;
}
.inc-blog .inc-blog-box ul{
	display: grid;
}
.inc-blog .inc-blog-box ul li .title{
	padding:0 2px 2px;
}
.inc-blog .inc-blog-box ul li .datetime{
	padding:0 2px 9px;
	border-bottom:dashed 1px #ccc;
	font-weight:bold;
}
.inc-blog .inc-blog-box ul li .txt{
	padding:12px 2px 0;
	line-height:1.65;
}
.inc-blog .inc-blog-box ul li .title a{
	display:block;
	color:#000;
}
@media screen and (min-width: 768px){
	.inc-blog .inc-blog-box ul{
		grid-template-columns: repeat(4, 1fr);
		gap: var(--GAP_30);
	}
}
@media screen and (max-width: 767px){
	.inc-blog .inc-blog-box ul{
		grid-template-columns: repeat(2, 1fr);
		gap: var(--GAP_20);
	}
}