@charset "shift_jis";

/* --------------------------------------------------------------------------------
	�u���O�Ɏg�p���鋤�ʂ�CSS
-------------------------------------------------------------------------------- */
/********** �u���O���C���o�i�[ **********/
#wrapper .bnr-main{
	padding:0 0 28px;
}

/********** �p���������X�g **********/
#wrapper .breadcrumb{
	padding:0 0 20px;
}
#wrapper .breadcrumb ul li{
	display:inline;
}
#wrapper .breadcrumb ul li:before{
	content:' > ';
}
#wrapper .breadcrumb ul li:first-child:before{
	content:'';
}
#wrapper .breadcrumb ul li a{
	color:#000;
}
/* -----�@�@�lj�  ----- */
#container {
    width: 95%;
    max-width: 900px;
    margin: 0 auto;
}
@media screen and (min-width: 768px){
	#container{
		margin-top: 50px;
	}
}
@media screen and (max-width: 767px){
	#container{
		margin-top: 30px;
	}
}

.breadcrumb ul {
	padding-left: 0;
}
/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
/********** ���o�� **********/
#main h2{
	font-size:20px;
	font-weight:bold;
}

.l-greenBorder{
	font-size:16px;
	font-weight:bold;
}


/********** �����N **********/
#main a{
	color:#000;
	text-decoration:underline;
}

/********** �L���ꗗ **********/
#main .list-blog .list-blog-box{
}
#main .list-blog .list-blog-box ul li{
	float:left;
	width:225px;
	padding:0 20px 45px 0;
}
#main .list-blog .list-blog-box ul li:nth-child(3n){
	padding:0 0 45px 0;
}
#main .list-blog .list-blog-box ul li:nth-child(3n+1){
	clear:both;
}
#main .list-blog .list-blog-box ul li .thumb{
	padding:0 0 10px;
}
#main .list-blog .list-blog-box ul li .thumb img{
	max-width:100%;
	height:auto;
}
#main .list-blog .list-blog-box ul li .title{
	padding:0 2px 2px;
	font-weight: bold;
}
#main .list-blog .list-blog-box ul li .datetime{
	padding:0 2px 9px;
	border-bottom:dashed 1px #ccc;
	font-weight:bold;
}
/**********
#main .list-blog .list-blog-box ul li .datetime{
	padding:0 2px 9px;
	border-bottom:dashed 1px #ccc;
	font-weight:bold;
}
*********/

#main .list-blog .list-blog-box ul li .txt{
	padding:12px 2px 0;
	line-height:1.65;
}
#main .list-blog .list-blog-box ul li .title a{
	display:block;
	color:#000;
}

/********** �L���ڍ� **********/
/* #main #post h2{
	margin:0 0 10px;
	padding:18px 0 8px;
	border-bottom:dashed 1px #ccc;
} */

.l-greenBorder{
	margin:0 0 10px;
	padding:16px 0 8px;
	border-bottom:dashed 1px #ccc;
}

#main #post .datetime{
	text-align:right;
	font-weight:bold;
	margin-top: 10px;
}
#main #post .entry-body{
	padding:33px 0 0;
	line-height:2.2;
}
#main #post .entry-body p{
	margin:1em 0;
}

/********** �������ߋL�� **********/
#main .p-osusume{
	padding:48px 0 0;
}
#main .p-osusume .heading{
	margin:0 0 30px;
	padding:8px 3px 5px 43px;
	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%;
}
#main .p-osusume .p-osusume-box ul li{
	float:left;
	width:225px;
	padding:0 20px 45px 0;
}
#main .p-osusume .p-osusume-box ul li:nth-child(3n){
	padding:0 0 45px 0;
}
#main .p-osusume .p-osusume-box ul li:nth-child(3n+1){
	clear:both;
}
#main .p-osusume .p-osusume-box ul li .thumb{
	padding:0 0 10px;
}
#main .p-osusume .p-osusume-box ul li .thumb img{
	max-width:100%;
	height:auto;
}
#main .p-osusume .p-osusume-box ul li .title{
	padding:0 2px 2px;
}
#main .p-osusume .p-osusume-box ul li .datetime{
	padding:0 2px 9px;
	border-bottom:dashed 1px #ccc;
	font-weight:bold;
}
#main .p-osusume .p-osusume-box ul li .txt{
	padding:12px 2px 0;
	line-height:1.65;
}
#main .p-osusume .p-osusume-box ul li .title a{
	display:block;
	color:#000;
	text-decoration:none;
}
#main .p-osusume .p-osusume-box ul li .title a:hover,
#main .p-osusume .p-osusume-box ul li .title a:active{
	text-decoration:underline;
}


/********** pager **********/
#main .pager {
	clear: both;
	padding:30px 0;
	text-align:center;
}

#main .pager a,
#main .pager span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 10px 10px;
	margin: 2px;
}

#main .pager a:hover,
#main .pager span.current {
	border-color: #000;
}

#main .pager span.current {
	border:solid 1px #004b8e;
}



/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */
#sub1{
	float:right;
	width:225px;
	background:#f2efe1;
}
#sub1 .sub1-inner{
	padding:10px 10px 200px;
}
#sub1 a{
	color:#000;
}

/********** ����o�^ **********/
#sub1 .s1-bnr-register{
	padding:0 0 36px;
}

/********** �J�e�S�� **********/
#sub1 .category{
	padding:0 0 40px;
}
#sub1 .category .heading{
	padding:0 0 6px;
	font-weight:bold;
}
#sub1 .category ul li{
	padding:1px 0;
	line-height:1.7;
	border-bottom:dashed 1px #ccc;
}
#sub1 .category ul li a{
	display:block;
	padding:2px 0 2px 22px;
	background:url(../images/s1-icon-arr.png) no-repeat 7px 0.5em;
}
#sub1 .category ul li.reglist a{
	background:url(../images/s1-icon-arr.png) no-repeat 7px 0.7em;
}

/********** �ŐV�̋L�� **********/
#sub1 .recentlist .heading{
	padding:0 0 6px;
	font-weight:bold;
}
#sub1 .recentlist ul li{
	padding:1px 0;
	line-height:1.7;
	border-bottom:dashed 1px #ccc;
}
#sub1 .recentlist ul li a{
	display:block;
	padding:2px 0 2px 22px;
	background:url(../images/s1-icon-arr.png) no-repeat 7px 0.5em;
}
#sub1 .recentlist ul li.reglist a{
	background:url(../images/s1-icon-arr.png) no-repeat 7px 0.7em;
}

/* -----------  �lj�  ---------------- */

/* -----------  e-���[�j���O  ---------------- */
@media screen and (min-width: 768px){
  .e-learning {
	display: flex;
  }

  .e-learning-left {
	width: 150px;
	margin-right: 30px;
  }

  .e-learning-right {
	flex: 1;
  }

  .e-learning-btn {
	width: 150px
  }
}
@media screen and (max-width: 767px) {
  .e-learning-left {
	text-align: center;
  }
}

/* -----------  youtube  ---------------- */
.youtube {
	width: 100%;
	height: 300px;
}