@charset "utf-8";


/*==============================================================*/
/* ナビゲーション */
/*==============================================================*/

.page-seminar .contentNavi li { width:25%;  width: calc(100% / 4); overflow: hidden;}

*::-ms-backdrop, .page-seminar .contentNavi li {
  width: 25%; /* IE11 */
}
.page-seminar .contentNavi li a{ padding-bottom:25px;}


/*==============================================================*/
/* メインイメージ */
/*==============================================================*/

.page-seminar #mainImg-l{
	background-image: url(../../img/seminar/top-mainimg.jpg);
	background-color:#F2F2F2;

}


.page-seminar #mainImg-l div{
	text-align:right;
		padding-top: 100px;
}

.page-seminar #mainImg-l p img{
	vertical-align:bottom;
	margin-left:5px;
}

.page-seminar #mainImg-l .copy{line-height:1;}

/*==============================================================*/
/* コンテンツトップ */
/*==============================================================*/


.page-seminar #contentsList {
  margin:0;
  display: flex;
  flex-wrap: wrap;
}

.page-seminar #contentsList li {
	width:465px;
	margin:0 10px 40px;
	overflow: hidden;
}

.page-seminar #contentsList li p{ margin-top:15px;}

.page-seminar #contentsList a{
	display:block;
	overflow: hidden;
	background-repeat:no-repeat;
	background-size: cover;
  background-position: right center;
	margin-bottom:0;
	height:auto;
}


.page-seminar #contentsList a div{background: url(../img/blue_dot_opa80.png); width:200px; /*height: 180px;*/    height: 240px;}

.page-seminar #contentsList li.box_seminar a { background-image: url(../../img/seminar/top-seminar.jpg)}
.page-seminar #contentsList li.box_voice a { background-image: url(../../img/seminar/top-voice.jpg)}
.page-seminar #contentsList li.box_result a { background-image: url(../../img/seminar/top-result.jpg)}

.page-seminar #contentsList li.box_video a { background-image: url(../../img/seminar/top-video02.jpg); background-position: top right;}

.page-seminar #contentsList li a:hover div{background: url(../img/blue_dot_opa90.png);}


/*==============================================================*/
/* KRBセミナー */
/*==============================================================*/

.term_description{
  margin-bottom: 50px;
  overflow: hidden;
}

/* #KRBセミナー アーカイブ
----------------------- */

.page-seminar.seminar .archivesList a {
	position:relative;
	display: flex;
    justify-content: space-between;
    gap: 50px;
	/*height:50px;*/
	border-left:solid 5px #b00;
	padding-left:20px;
	font-size:18px;
	/*line-height:50px;*/
}

.page-seminar.seminar .archivesList a span{
	/*float:right;*/
	display:block;
	width: 180px;
	background: #b00 url(../img/arrowR_02.png) no-repeat 140px center;
	padding:10px 30px;
	color: #FFF;
	font-size: 14px;
}

.page-seminar.seminar .archivesList a:hover{
	background-color:#eee;
}
.page-seminar.seminar .archivesList a:hover span{
	background-color:#900;
}

.page-seminar.seminar .archivesList dd{
	margin-bottom:60px;
	padding:20px 30px;
}



/* #KRBセミナー 詳細
----------------------- */

.page-seminar.seminar .singlePost h3{
	margin:0px 0 30px;
	height:45px;
	border-left:solid 5px #b00;
	padding-left:20px;
	font-size:24px;
	line-height:45px;
}



.page-seminar .btn-backToList{
	display:block;
	margin:0px auto;
	width:200px;
	height:50px;
	background:#eee;
	text-align:center;
	color:#3e3e3e;
	line-height:50px;
}


.page-seminar.seminar .singlePost .btn-seminarList:hover,
.page-seminar.seminar  .result-single .btn-archivesList:hover{
	background:#999;
	color:#FFF;
}


.page-seminar.seminar .singlePost h4{
	margin:70px 0 30px;
	height:60px;
	background:#333;
	padding-left:20px;
	color:#FFF;
	font-size:20px;
	line-height:60px;
}


.page-seminar.seminar .singlePost .txtBox{
	margin:0 20px;
	overflow:hidden;
}

.page-seminar.seminar .singlePost .txtBox a{ text-decoration: underline; color:#B00000;}

.page-seminar.seminar .singlePost .date {
	margin:0 20px;
	overflow: hidden;
	zoom: 1;

}

.page-seminar.seminar .singlePost .date dt {
	float: left;
	clear: both;
	width: 240px;
	padding:10px 0;
}

.page-seminar.seminar .singlePost .date dt p {
	width: 200px;
	background:#f2f2f2;
	padding:10px 20px;
}


.page-seminar.seminar .singlePost .date dd {
	padding:20px 0 20px 270px;
	border-bottom: 1px dotted #555;
}

.page-seminar.seminar .singlePost .date dd .txtBox{
  margin: 0;
}

.page-seminar.seminar .singlePost .date dd:last-child {
	border-bottom:none;
}

.page-seminar.seminar .singlePost .profileBox{
	/*margin:0 20px;*/
	overflow:hidden;
}

.page-seminar.seminar .singlePost .profileBox .name{
	font-size:22px;
	font-weight:bold;
}

.page-seminar.seminar .singlePost .profileBox ul{
	margin:20px 0; 
	background:#e0ecf0;
	padding:10px 20px;
}

.page-seminar.seminar .singlePost .profileBox li{
	margin:5px 0;
	background:url(../img/dot_green.png) no-repeat left center;
	padding-left:20px;
}


.page-seminar.seminar .singlePost h5 {
	margin:50px 0 20px;
	background:url(../img/dotLine04.png) repeat-x bottom;
	padding:10px 20px;
	font-size:16px;
}


.page-seminar.seminar .singlePost .emphasis{
	color:#da0101;
}



/*==============================================================*/
/* 過去のセミナー実績  */
/*==============================================================*/


/* #過去のセミナー実績 一覧
------------------------------- */


.page-seminar.result .archivesList li{
	display:table;
	width: 100%;
}

.page-seminar.result .archivesList{
	display:block;
}

.page-seminar.result .archivesList li .name,
.page-seminar.result .archivesList .date{
	display:table-cell;
	padding:20px 30px;
	border-bottom:dotted 1px #ccc;
}

.page-seminar.result .archivesList .name {
	width: 540px;
	background:#f8f8f8;
}
.page-seminar.result .archivesList .date {
	width: 300px;
}

.page-seminar.result .archivesList li.ttl .name{background:#dcd7bc;}
.page-seminar.result .archivesList li.ttl .date{background:#eae7d7;}

.page-seminar.result .archivesList a:hover{
	color:#160491;
}

.page-seminar.result .archivesList a:hover .name{
	background:#eee;
}

.page-seminar.result .archivesList a:hover .date{
	background:#f8f8f8;
}



/* #過去のセミナー実績 詳細
------------------------------- */

.page-seminar.result .singlePost h3{
	margin:50px 0;
	text-align:center;
	font-size:24px;
}




/*==============================================================*/
/* セミナー参加者の声 */
/*==============================================================*/

.page-seminar #mainImg-s.voice{
	background:url(../../img/seminar/voice-mainimg.jpg);
	height:220px;
	margin-bottom:70px;
}

.page-seminar #mainImg-s.voice p{
	letter-spacing: -0.001em;
    font-size: 14px;
}

.page-seminar #mainImg-s.voice div{
	background:url(../img/black_opa70.png);
	margin-left:500px;
	height:220px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

.page-seminar #mainImg-s.voice div img{
	margin:20px 0;
}

.page-seminar .contentBox{
	margin:0px 30px 100px;;
	overflow:hidden;
	}

.page-seminar .contentBox .date{
	font-size:24px;
	font-weight:bold;
	color:#21508b;
	line-height:1.5;
}

.page-seminar .contentBox h3{
	height:50px;
	margin:35px 0 30px;
	background:#f2f2f2;
	font-size:17px;
	font-weight:bold;
	line-height:50px;
}

.page-seminar .contentBox h3 p{
	display:inline-block;
	margin-right:20px;
	width:70px;
	background:#3e77bd;
	color:#FFF;
	text-align:center;
	font-size:14px;
}

.page-seminar .contentBox h3 span{
	display:inline-block;
	margin-right:20px;
	width:70px;
	background:#3e77bd;
	color:#FFF;
	text-align:center;
	font-size:14px;
}

.page-seminar .contentBox .comment{
	margin: 0 0 20px 100px;
}

.page-seminar .contentBox .txtBox{
	background:#f2f2f2;
	padding:30px;
}

.page-seminar .contentBox h4{
	margin-top:30px;
	background:#c6d7e8;
	padding:10px 30px;
	color:#21508b;
	font-size:18px;
	font-weight:bold;
}


.page-seminar .contentBox .txtBox img{
	margin-top:30px;
}