@charset "utf-8";
/* CSS Document */

/*mainコンテンツのh2(実績)タグ設定*/
#info h2 {
	clear: both;
	margin: 10px 20px 20px 20px;	/*上下、左右への余白*/
	font-size: 160%;	/*文字サイズ*/
	color: #1f2c5c;		/*文字色*/
    text-align: center;
    border-bottom: 1px solid #999999;	/*枠線の幅、線種、色*/
}



/* お知らせ＆セミナーブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
.oshirase dl {
	padding: 0px 20px;	/*上下、左右へのブロック内の余白*/
	margin-top: 20px;	/*ブロックの下(外側)に空ける余白*/
	/*margin-bottom: 20px;	ブロックの下(外側)に空ける余白*/
}
/*日付設定*/
.oshirase dt {
	float: left;
	width: 5em; /*日付けを入れる場合は13em*/
    /*padding-left: 2em;*/
	padding-bottom: 1em;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.oshirase dt:after {
	margin-left: 1.5em;
	font-size: 70%;	/*文字サイズ*/
	color: #FFFFFF;
	padding: 0 0.5em;
	vertical-align:text-top;
}
.oshirase dt.siryo:after {
	content: '参考資料';
	background-color: #d96d00;
}
.oshirase dt.news:after {
	content: 'お知らせ';
	background-color: #05a55c;
}
.oshirase dt.seminar-st:after {
	margin-left: 2em;
	content: '開催前';
	background-color: #2840d7;
}
.oshirase dt.seminar-end:after {
	content: '開催終了';
	background-color: #888888;
}
.oshirase dt.seminar-today:after {
	margin-left: 2em;
	content: '本日開催';
	background-color: #FF0000;
	letter-spacing: -0.07em;
}
/*記事設定*/
.oshirase dd {
	padding-left: 6em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #999999;	/*下線の幅、線種、色*/
	margin-bottom: 20px;
}


/* お知らせ詳細
---------------------------------------------------------------------------*/

.oshirase_wrap {
	padding: 40px;
	border: 1px solid #999999;	/*下線の幅、線種、色*/
}

.oshirase_title_wrap {

	border-bottom: 1px solid #000000;	/*下線の幅、線種、色*/
}


#main p.ti_update {
	font-size: 100%;	/*文字サイズ*/
	padding-bottom: 6px;
}
#main p.ti_text {
	font-size: 140%;	/*文字サイズ*/
	padding-bottom: 10px;
}
#main p.ti_text_sub {
	font-size: 110%;	/*文字サイズ*/
}

.ti_update:after {
	/*margin-left: 1.5em;*/
	font-size: 70%;	/*文字サイズ*/
	color: #FFFFFF;
	padding: 0 0.5em;
	vertical-align:text-top;
}
.siryo:after {
	content: '参考資料';
	background-color: #d96d00;
}
.news:after {
	content: 'お知らせ';
	background-color: #0070d9;
}

#main p.naiyo_update {
	font-size: 110%;	/*文字サイズ*/
	padding-top: 18px;
	padding-bottom: 0px;
}
#main p.naiyo_text {
	font-size: 100%;	/*文字サイズ*/
	padding-top: 0px;
}
#main p.naiyo_download {
	padding-left: 30px;
}


/* セミナー検索ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
.seminar_search_wrap dl {
	padding: 0px 20px;	/*上下、左右へのブロック内の余白*/
	margin-top: 20px;	/*ブロックの下(外側)に空ける余白*/
	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/
	border-bottom: 1px dotted #999999;	下線の幅、線種、色*/
}
/*日付設定*/
.seminar_search_wrap dt {
	float: left;
	width: 20em;
    padding-left: 2em;
	padding-bottom: 2em;
	letter-spacing: 0.1em;
}
/*記事設定*/
.seminar_search_wrap dd {
	padding-left: 22em;
	padding-bottom: 2em;
	/*border-bottom: 1px dotted #999999;	下線の幅、線種、色*/
}

.seminar_search_wrap input {
	padding: 5px;	/*ブロック内の余白*/
}
.seminar_search_wrap input#button {
  text-align: center;
  cursor: pointer;
  padding: 12px 40px;
  background: #1f2c5c;
  color: #ffffff;
  border: 0px;
  transition : .3s;
}
.seminar_search_wrap input#button:hover {
  opacity       : 0.5;         /* カーソル時透明度 */
}


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

.seminar_wrap {
	padding: 40px 40px 40px 70px;
}
.seminar_wrap a {
    text-decoration: none;
}
.seminar_end_wrap {
    width: 99%;
	line-height: 1.5em;
	text-align: center;
	color: #FFFFFF;
	background-color: #888888;
	margin-bottom: 20px;
}
.seminar_title_wrap {
    padding: 22px 0px 0px 12px;
	border-left: 4px solid #113893;	/*下線の幅、線種、色*/
	line-height: 1em;
	margin-bottom: 20px;

}

.item_wrap {
	line-height: 1.5em;
    clear: both;
}

.caption { 
    float: left;
	width: 3em;
	padding: 0.5em 1em;
	background: #113893;
	color: #FFFFFF;
	text-align: center;
	margin: 0 20px 20px 0px;
}
.content {
    float: left;
	padding: 0.5em 1em;
	margin: 0px 0px 20px 0px;
	width: 86%;
}

.seminar_attend {
    clear: both;
	width: 99%;
	background: #113893;
	color: #FFFFFF;
	line-height: 3em;
	text-align: center;
}


.seminar_toiawase {
    clear: both;
	width: 100%;
	margin-top: 150px;
	padding: 0.5em;
	border: 2px solid #c3c3c3
}


/* 検索結果のページ送りブロック
---------------------------------------------------------------------------*/
.nav_menu { text-align: center; padding: 1em; line-height: 0.75em}
.page_nav ul { font-size: 1em; display: flex; justify-content: center; }
.page_nav li { float: left; }
.page_nav li + li { margin-left: 2em; }
.page_nav a { color: #202C60; }
.page_nav a::before { margin-right: 2px; }
.page_nav a:hover { text-decoration: underline; }



/*画面幅1100px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1150px){

.content {
	width: 78%;
}


}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

.seminar_search_wrap input[type=text] {
    width: 100%;
}

.seminar_wrap {
	padding: 10px;
}

.seminar_title_wrap {
	line-height: 2em;
	padding: 10px 0px 0px 10px;

}

.caption { 
    float: none;
	width: 99%;
	margin-bottom: 6px;
}
.content {
    float: none;
	width: 99%;
	padding-top: 0em;
}
.seminar_toiawase {
    width: 99%;
	margin-top: 50px;
	padding: 0.25em;
}


}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){



}


/*画面幅767px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

/* お知らせ＆セミナーブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
.oshirase dl {

}
/*日付設定*/
.oshirase dt {
	float: none;
    padding-left: 0.5em;
	margin-bottom: 0px;
}
/*記事設定*/
.oshirase dd {
	padding-left: 0.5em;
}



/* お知らせブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
.news dl {
	
}
/*日付設定*/
.news dt {
	float: none;
    padding-left: 0.5em;
}
/*記事設定*/
.news dd {
	padding-left: 0.5em;
}

#main p.naiyo_download {
	padding-left: 10px;
}


/*日付設定*/
.seminar_search_wrap dt {
	float: none;
    padding-left: 0.5em;
	padding-bottom: 0.5em;
}
/*記事設定*/
.seminar_search_wrap dd {
	padding-left: 0.5em;
	padding-bottom: 0.5em;

}

.seminar_search_wrap input[type=text] {
    width: 100%;
}

}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){




}