@charset "utf-8";

/* -------------------------------------------------------------------

	インターネットフォーラム全体で共通で読み込むCSS

	最終更新：　2019/09/25


■CSS書き順■
 * display / list-style
 * position / float / clear / z-index
 * width / height / margin / padding / border
 * background
 * color / 
   font (font-family / font-style / font-variant / font-weight / font-size / line-height)
   text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text)
 * content
 * cursor

------------------------------------------------------------------- */


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	Bootstrap のグリッド・システム メディアクエリ

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* 極小デバイス(携帯電話、768px未満) */
/* メディアクエリがない場合はこれが Bootstrap のデフォルト */
/* 小型デバイス(タブレット、768px 以上) */
@media (min-width: @screen-sm-min) { }
/* 中型デバイス(デスクトップ、992px 以上) */
@media (min-width: @screen-md-min) { }
/* 大型デバイス(大画面デスクトップ、1200px 以上) */
@media (min-width: @screen-lg-min) { }

/* 以下設定値 */

/* 768px以上 */
@media (min-width: 768px) {}
/* 992px以上 */
@media (min-width: 992px) {}
/* 1200px以上 */
@media (min-width: 1200px) {}


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	イニシャライズ

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
body {
	position:relative;
	background-color:#fff;
	color:#333333;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}

/* リンク設定 */
#wrap a{ color:#1c6aaa;}
#wrap a:hover{ color:#6dbeff; text-decoration:underline;}

/* 画像全体設定 */
#wrap img{ max-width: 100%;}

/* 共通アイコン余白設定 */
.glyphicon:before,
.glyphicon::before{ padding-right:5px;}

/* 共通アイコン（矢印）余白設定 */
.glyphicon-arrow-down.glyphicon:before,
.glyphicon-arrow-down.glyphicon::before{}

/* 共通文字サイズ設定 */
.forum-detail p{ font-size:16px; line-height:1.8em;}
.forum-detail p.lead{ font-size: 21px; line-height:1.4em;}
.forum-detail p.small{ font-size: 14px; line-height:1.6em;}

.forum-detail-online p{ font-size:16px; line-height:1.8em;}
.forum-detail-online p.lead{ font-size: 21px; line-height:1.4em;}
.forum-detail-online p.small{ font-size: 14px; line-height:1.6em;}

.forum-detail-premium p{ font-size:16px; line-height:1.8em;}
.forum-detail-premium p.lead{ font-size: 21px; line-height:1.4em;}
.forum-detail-premium p.small{ font-size: 14px; line-height:1.6em;}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	標準エレメント定義

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* 強調 */
#wrap .text-emphasis { font-weight:bold !important; }
/* 上マージン調節 */
#wrap .mt00 { margin-top:0 !important; }
#wrap .mt05 { margin-top:0.5em !important; }
#wrap .mt10 { margin-top:1em !important; }
#wrap .mt15 { margin-top:1.5em !important; }
#wrap .mt20 { margin-top:2em !important; }
#wrap .mt25 { margin-top:2.5em !important; }
#wrap .mt30 { margin-top:3em !important; }
#wrap .mt35 { margin-top:3.5em !important; }
#wrap .mt40 { margin-top:4em !important; }

/* リストマーク消去 */
#wrap ul.list-clear-bullet,
#wrap ol.list-clear-bullet { list-style:none; margin:1em 0 0 0; padding-left:0; }
#wrap ul.list-clear-bullet li,
#wrap ol.list-clear-bullet li { list-style:none; margin:0; padding-left:0;}

/* 2カラムテーブル標準設定 */
#wrap .table-normal table{}
#wrap .table-normal table th,
#wrap .table-normal table td{ font-size:16px; line-height:1.8em;}
#wrap .table-normal table th{ font-weight:normal;}

/* お申し込み締め切り時色設定 */
.btn-closed { background-color: #e0e0e0; border-color: #e0e0e0; color: #8e8e8e;}
#wrap #area-inquiry .button-2column p span.btn-closed:hover{ background-color: #e0e0e0; border-color: #e0e0e0; color: #8e8e8e; cursor:default;}
#wrap #area-inquiry2 .button-2column p span.btn-closed:hover{ background-color: #e0e0e0; border-color: #e0e0e0; color: #8e8e8e; cursor:default;}
#wrap .area-inquiry-button-only .button-2column p span.btn-closed:hover{ background-color: #e0e0e0; border-color: #e0e0e0; color: #8e8e8e; cursor:default;}
/* 注釈用 2022/01/27追加 */
#wrap ul.list-notice {
	list-style-type:none;
	margin:10px 0 10px 0.3em;
	padding-left:1.3em;
}
#wrap ul.list-notice li {
	list-style-type:none;
	margin:0;
	padding-left:0;
	text-indent: -1.3em;
}
#wrap ul.list-notice li:before {
	content: "＊";
	margin-right: 0.3em;
}


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	共通領域

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* フッター */
#wrap #area-footer{ padding:30px 0; background-color:#333333;}
#wrap #area-footer ul li a,
#wrap #area-footer p{ color:#ffffff;}
#wrap #area-footer #footer-nav{ width:500px; float:left; margin-bottom:15px; }
#wrap #area-footer #footer-nav ul{ margin:0; padding:0;}
#wrap #area-footer #footer-nav ul li{
	float:left; margin-right:17px; list-style:none;
	font-size:12px; line-height:1.3em;}

#wrap #footer-copyright{ float:right; width:440px;}
#wrap #footer-copyright p{ text-align:right;}

/* 320px - 767px用（タブレット／スマートフォン用）の記述 */
@media screen and (min-width: 481px) and (max-width: 610px) {
#wrap #area-footer{ padding:30px 0; }
#wrap #area-footer #footer-nav{  float:none; width:auto;}
#wrap #area-footer #footer-nav ul li{ display:inline-block; float:none;}
#wrap #footer-copyright{ clear:both; float:none; width:auto; margin-top:1.5em;}
#wrap #footer-copyright p{ text-align:center;}}

@media screen and (min-width: 320px) and (max-width: 480px) {
#wrap #area-footer{ padding:30px 0; }
#wrap #area-footer #footer-nav{  float:none; width:310px; margin:0 auto;}
#wrap #area-footer #footer-nav ul li{ display:inline-block; float:none;}
#wrap #footer-copyright{ clear:both; float:none; width:auto; margin-top:1.5em;}
#wrap #footer-copyright p{ text-align:center;}}


/* ページトップ調整 */
#page-top {
	margin:0;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:100;
	font-size: 80%;}
#page-top a {
	background:url(../img/button-page-top.png) no-repeat left top;
	background-size:50px;
	text-decoration: none;
	color:inherit;
	width: 50px;
	height:50px;
	padding:0;
	text-align: center;
	display: block !important;
	border-radius:0;
	text-indent:-9999px;}
#page-top a:hover {
	text-decoration: none;
	background:url(../img/button-page-top-r.png) no-repeat left top;
	background-size:50px;}

/* JSで制御 */
#page-top.footer-fixed {
	position: absolute;
	bottom: 170px; }

@media screen and (min-width: 320px) and (max-width: 480px) {
#page-top a { width: 40px; height:40px; background-size:40px; }
#page-top a:hover { background-size:40px;}
}
	
@media screen and (min-width: 768px) and (max-width: 989px) { #page-top.footer-fixed { bottom:200px; }}
@media screen and (min-width: 612px) and (max-width: 767px) { #page-top.footer-fixed { bottom:200px; }}
@media screen and (min-width: 481px) and (max-width: 611px) { #page-top.footer-fixed { bottom:170px; }}
@media screen and (min-width: 320px) and (max-width: 480px) { #page-top { bottom:15px; right:15px; } #page-top.footer-fixed { bottom:165px; }}


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	トップページ個別設定

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* メインビジュアル */
/* トップの設定 */
#wrap #area-top-main-image{ background-color:#062127;}
#wrap #area-top-main-image h1{ margin:0 -15px 0 -15px;}
#wrap #area-top-main-image h1 img{}

/* お知らせ */
#wrap #information{ padding-bottom:50px; background-color:#FFF;}
#wrap #information h2,
#wrap #information p{ color:#000;}
#wrap #information h2{ margin-top:60px;}
#wrap #information p{ font-size:16px; line-height:1.8em;}
#wrap #information p a{ text-decoration:none; min-width: 250px; text-align:left;}
#wrap #information p a:hover{ color:#6dbeff; text-decoration:none;}
#wrap #information h2 + p{ margin-top:2em;}

/* 事前動画 */
#wrap #movie{ padding-bottom:50px; background-color:#FFF;}
#wrap #movie h2,
#wrap #movie p{ color:#000;}
#wrap #movie h2{ margin-top:60px;}
#wrap #movie p{ font-size:16px; line-height:1.8em;}
#wrap #movie p a{ text-decoration:none; min-width: 250px; text-align:left;}
#wrap #movie p a:hover{ color:#6dbeff; text-decoration:none;}
#wrap #movie h2 + p{ margin-top:2em;}
#wrap #movie .movie{ margin-top:2em;}


/* メールニュース会員 */
#wrap #mailnews{ padding-bottom:50px; background-color:#FFF;}
#wrap #mailnews h2,
#wrap #mailnews p{ color:#000;}
#wrap #mailnews h2{ margin-top:60px;}
#wrap #mailnews p{ font-size:16px; line-height:1.8em;}
#wrap #mailnews p a{ color:#FFF; text-decoration:underline;}
#wrap #mailnews p a:hover{ color:#6dbeff; text-decoration:underline;}
#wrap #mailnews h2 + p{ margin-top:2em;}

/* ごあいさつ */
#wrap #introduction{ padding-bottom:83px; background-color:#333333}
#wrap #introduction h2{ margin-top:90px; color:#FFF;}
#wrap #introduction p{ color:#FFF; margin-top:2em; font-size:16px; line-height:1.8em;}
#wrap #introduction p.lead{ color:#FFF; font-size:16px; line-height:1.8em; font-weight:normal;}

/* 開催概要 */
#wrap #forum-detail{ padding-bottom:75px;}
#wrap #forum-detail h2{ margin-top:80px;}
#wrap #forum-detail table{ margin-top:30px; border-bottom:1px solid #ddd;}
#wrap #forum-detail table th{width:18%; }
#wrap #forum-detail table th,
#wrap #forum-detail table td{ padding:20px;}

#wrap #forum-detail-online{ padding-bottom:75px; background-color:#FCEBEB}
#wrap #forum-detail-online h2{ margin-top:80px;}
#wrap #forum-detail-online table{ margin-top:30px; border-bottom:1px solid #ddd;}
#wrap #forum-detail-online table th{width:18%; }
#wrap #forum-detail-online table th,
#wrap #forum-detail-online table td{ padding:20px;}

#wrap #forum-detail-premium{ padding-bottom:75px; background-color:#EBEFFC}
#wrap #forum-detail-premium h2{ margin-top:80px;}
#wrap #forum-detail-premium table{ margin-top:30px; border-bottom:1px solid #ddd;}
#wrap #forum-detail-premium table th{width:18%; }
#wrap #forum-detail-premium table th,
#wrap #forum-detail-premium table td{ padding:20px;}

/* 2024-11-12 追加 */
#wrap #forum-detail .detail-list { margin-bottom: 1rem;}
#wrap #forum-detail .detail-list > dt {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.3rem;
}
#wrap #forum-detail .detail-list > dd {
  margin-bottom: 0.3rem;
  padding-top: 0;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  padding-bottom: 1.3rem;
  border-bottom: solid 1px #dcdcdc;
}
#wrap #forum-detail .detail-list > dd:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

#wrap #forum-detail .detail-list > dd ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 15px;
    unicode-bidi: isolate;
}

/* 資料ダウンロード */
#wrap #siryo{ padding-bottom:75px;}
#wrap #siryo h2{ margin-top:80px;}
#wrap #siryo table{ margin-top:30px; border-bottom:1px solid #ddd;}
#wrap #siryo table th{width:25%; }
#wrap #siryo table th,
#wrap #siryo table td{ padding:20px;}

#wrap #siryo table td ul {
  font-size: 0;
}
#wrap #siryo table td li {
  list-style-type: none;
  display: inline-block;
  font-size: 16px;
  width: 50%;
} 


@media screen and (max-width: 768px) {
  #wrap #forum-detail-online table{ border:1px solid #ccc; border-top:none;}
	#wrap #forum-detail-online table th,
	#wrap #forum-detail-online table td{ width:100%; display:block;}
	#wrap #forum-detail-online table th{ background-color:#f1f1f1;}

	#wrap #forum-detail-premium table{ border:1px solid #ccc; border-top:none;}
	#wrap #forum-detail-premium table th,
	#wrap #forum-detail-premium table td{ width:100%; display:block;}
	#wrap #forum-detail-premium table th{ background-color:#f1f1f1;}}
	

/* 前回の開催模様 */
#wrap #past-forum{ overflow:hidden; position:relative; }


@media screen and (min-width: 768px) and (max-width: 989px) { #wrap #past-forum{}}
@media screen and (min-width: 612px) and (max-width: 989px) {
	#wrap #past-forum{ background:url(../img/past-forum02-1200.png) no-repeat center top; background-size:100%;}
	#wrap #past-forum ul{ display:none;}}

@media screen and (min-width: 481px) and (max-width: 611px) {
	#wrap #past-forum{ background:url(../img/past-forum02-1200.png) no-repeat center top; background-size:100%;}
	#wrap #past-forum ul{ display:none;}}

@media screen and (min-width: 320px) and (max-width: 480px) {
	#wrap #past-forum{ background:url(../img/past-forum02-768.png) no-repeat center top; background-size:100%;}
	#wrap #past-forum ul{ display:none;}
	#wrap #past-forum .container p.image-area{ margin-bottom:8em;}
	
/* 資料ダウンロード */
	#wrap #siryo table{ margin-top:30px; border-bottom:1px solid #ddd;}
	#wrap #siryo table th,
	#wrap #siryo table td{ width:100%; display:block;}

	#wrap #siryo table td ul {
	  font-size: 0;
	}
	#wrap #siryo table td li {
	  list-style-type: none;
	  display:block;
	  font-size: 16px;
	  width: 100%;
	} 
	
	}


	#wrap #past-forum .container{ position:relative; z-index:2; padding:0 0 70px; }
		#wrap #past-forum .container h2,
		#wrap #past-forum .container p{ color:#FFF;}
		#wrap #past-forum .container h2{ margin-top:120px;}
		#wrap #past-forum .container p{ font-size:16px; line-height:1.8em;}
		#wrap #past-forum .container p.past-forum-title{ font-size:24px; line-height:1.3em;}
		@media (min-width: 1200px) {
		#wrap #past-forum .container p.image-area{ margin-bottom:22em;}
		}
		#wrap #past-forum .container p a{ color:#FFF; text-decoration:underline;}
		#wrap #past-forum .container p a:hover{ color:#6dbeff; text-decoration:underline;}
		#wrap #past-forum .container p a{ color:#FFF;}
		#wrap #past-forum .container ul,
		#wrap #past-forum .container ul li{ margin:0; padding:0;}

	/* 背面スライド */
	#wrap #past-forum .place-image {
		position:absolute; top:0; left:0; z-index:1;
		width:100%; height:100%; margin:0; padding:0; }
		#wrap #past-forum .place-image li {
			position:absolute;	top:0; left:0;
			margin:0; padding:0; opacity:0;
			-webkit-transition:opacity 2s ease;
			-moz-transition:opacity 2s ease;
			-o-transition:opacity 2s ease;
			transition:opacity 2s ease; }
		#wrap #past-forum .place-image li.active {
			opacity:1; }
			#wrap #past-forum .place-image li img { width:100%; height:auto; vertical-align:top; }

#wrap #past-forum-image{ background-color:#383838;}
#wrap #past-forum-image .row {
    margin-right: -15px; /* ←マイナス側へ数値を大きくしてみよう */
    margin-left: -15px;  /* ←マイナス側へ数値を大きくしてみよう */}



	/* タブレットとスマホは画像1枚 */
	#wrap #past-forum .container p.image-fixed{ }


#wrap #past-forum-link{ padding-bottom:85px; background-color:#383838;}
	#wrap #past-forum-link p{ color:#FFF; font-size:16px; line-height:1.8em;}
	#wrap #past-forum-link p a{ color:#FFF; text-decoration:underline;}
	#wrap #past-forum-link p a:hover{ color:#6dbeff; text-decoration:underline;}
	#wrap #past-forum-link p a{ color:#FFF;}

/* ご協賛企業一覧 */
#area-cooperation{ padding-bottom:100px;}
#area-cooperation h2{ font-size:18px !important;}
#area-cooperation h3{ margin-top:80px; text-align:center; color:#333333; font-size:18px; line-height:1.4em;}
#area-cooperation p{ margin-top:25px; margin-bottom:0; text-align:center;}
#area-cooperation p.company-name{ margin-top:20px; font-size:12px; line-height:1.3em;}
#area-cooperation p a{ color:#1c6aaa;}
#area-cooperation p a:hover{ color:#6dbeff; text-decoration:underline;}

/* 関連イベント */
#area-related{padding-bottom:75px;}
#area-related h2{ margin-top:80px; margin-bottom:30px;}
#area-related h3{ margin-top:80px;}
#area-related p{ font-size:16px; line-height:1.8em;}


/* トップのみ */
#wrap.top #area-cooperation p img{ border:1px solid #ccc;}

@media screen and (min-width: 320px) and (max-width: 767px) {
/* 通常高さ2行 */
#area-cooperation p.company-name{ min-height:3em;}
/* それ以上の高さが必要な場合は以下に指定 */
#area-cooperation .conference p.company-name{ min-height:6em;}}

/* セミナー・展示会のお申し込み */
#wrap #area-inquiry{ margin-top:0; padding-bottom:50px; background-color:#f3f3f3;}
#wrap #area-inquiry h2{ margin-top:55px; text-align:center; font-weight:bold;}
#wrap #area-inquiry .button-2column{ margin-top:40px;}
#wrap #area-inquiry .button-2column p span{ display:block;}
#wrap #area-inquiry .button-2column p span{ padding:23px 30px; white-space:normal;}
#wrap #area-inquiry .button-2column p span:hover{ border-color:#2d91e3; background-color:#2d91e3;}
#wrap #area-inquiry .button-2column p a{ text-decoration:none;}

#wrap #area-inquiry2{ margin-top:0; padding-bottom:50px; background-color:#f3f3f3;}
#wrap #area-inquiry2 h2{ margin-top:55px; text-align:center;}
#wrap #area-inquiry2 .button-2column{ margin-top:40px;}
#wrap #area-inquiry2 .button-2column p span{ display:block;}
#wrap #area-inquiry2 .button-2column p span{ padding:23px 30px; white-space:normal;}
#wrap #area-inquiry2 .button-2column p span:hover{ border-color:#2d91e3; background-color:#2d91e3;}
#wrap #area-inquiry2 .button-2column p a{ text-decoration:none;}

/* セミナー・展示会のお申し込み「セミナーページ内独自対応」 */
#wrap .area-inquiry-button-only h3{ text-align:center;}
#wrap .area-inquiry-button-only .button-2column{ margin-top:40px;}
#wrap .area-inquiry-button-only .button-2column p span{ display:block;}
#wrap .area-inquiry-button-only .button-2column p span{ padding:23px 30px; white-space:normal;}
#wrap .area-inquiry-button-only .button-2column p span:hover{ border-color:#2d91e3; background-color:#2d91e3;}
#wrap .area-inquiry-button-only .button-2column p a{ text-decoration:none;}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	個別ページ設定

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
#wrap #area-category-top-image{ background:url(../../img/category-top-image-bg.png) no-repeat center top #013a63;}


#wrap #area-category-top-image h1{ margin:0;}
#wrap #area-category-top-image h1.h1-text{ width:1140px; margin:0 auto; color:#FFF;min-height:300px;}
#wrap #area-category-top-image h1.h1-text span{ text-align:left; display:block; font-size:30px; padding:132px 0 0 20px;}

/* 320px - 767px用（タブレット／スマートフォン用）の記述 */
@media screen and (min-width: 320px) and (max-width: 767px) {
	#wrap #area-category-top-image{ background:#1c6aaa !important;}
	#wrap #area-category-top-image h1.h1-text{ width:100%;}}
/* 768px以上 */
@media screen and (min-width: 768px) and (max-width: 979px) {
#wrap #area-category-top-image h1.h1-text{ width:748px;}
#wrap #area-category-top-image h1.h1-text span{ padding-left:20px;}
#wrap.seminar #area-category-top-image h1.h1-text span{ width:195px;}}
/* 992px以上 */
@media screen and (min-width: 980px) {
#wrap #area-category-top-image h1.h1-text{ width:970px; }
#wrap #area-category-top-image h1.h1-text span{ padding-left:30px;}}
/* 1200px以上 */
@media (min-width: 1200px) {
#wrap #area-category-top-image h1.h1-text{ width:1140px;}
#wrap #area-category-top-image h1.h1-text span{ padding-left:20px;}}

/* facebookフッター　調整中 */
#area-facebook-box{ width:500px; margin:0 auto;}
/* 560px以下 */
@media screen and (min-width: 320px) and (max-width: 560px) {
#area-facebook-box{
	width:auto !important;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;}
#area-facebook-box span{ margin:0; width:200px !important;}}

/* セミナーのお申し込み方法 */
#wrap #seminer-inquiry{}
#wrap #seminer-inquiry h2{ margin-top:70px;}

/* 注意事項 */
#wrap .area-caution{
	margin-top:35px;
	padding:25px 23px 10px 23px;
	background-color:#f7f7f9; border:1px solid #e1e1e8; border-radius:3px;
	font-weight:bold;}


/* ページ内アンカー */
#wrap .nav-seminar{}
#wrap .nav-seminar ul{ margin:25px 0 0 0; padding:0;}
#wrap .nav-seminar ul li{ list-style:none;}
#wrap .nav-seminar ul li a{
	float:left; width:auto; min-width:248px; margin:10px 9px 0 0; padding:3px 14px;
	font-size:16px; line-height:1.8em; color:#333;
	border: 1px solid #ddd; border-radius:5px;}
#wrap .nav-seminar ul li a:hover{ text-decoration:none;}


/* タイムテーブル */
#wrap #seminer-table table{}
#wrap #seminer-table h2{ margin-top:70px;}
#wrap #seminer-table thead th{ font-size:16px; line-height:1.8em; font-weight:normal; text-align:center;}

#wrap #seminer-table td{ min-height:50px; padding:0; }
#wrap #seminer-table td p{ margin:0; padding: 12px 8px;}
#wrap #seminer-table td.course-first{ border-left:2px solid #ddd;}
#wrap #seminer-table td.blank{ padding:14px 8px; border-bottom:none;}
#wrap #seminer-table td p.time-course{ padding:0; background-color:#f1f1f1; position:relative;}
#wrap #seminer-table td p.time-course input{ position: absolute; top: 9px; left: 10px;}
/* 締め切りフラグ */
#wrap #seminer-table td p.time-course span{ position: absolute; top: 9px; left: 10px;}
#wrap #seminer-table td p.time-course label{ display:block; padding:10px 12px 10px 25px;}
#wrap #seminer-table td p.only-course{ padding:10px 12px 10px 12px; background-color:#f1f1f1;}

/* 詳細情報（モーダルにリンクする） */
#wrap #seminer-table .button-detail{ position:relative;}
#wrap #seminer-table .button-detail p{
	margin:5px 5px 0 0; padding:2px;
	width:60px; float:right;
	font-size:11px;
	border-radius:0; border:1px solid #ccc;}
/* 残席わずか */
#wrap #seminer-table .button-detail p.remaining-seats{
	position:absolute; right:70px; top:6px;
	margin:0; padding:0;
	width:60px;
	font-size:11px;
	border-radius:0; border:none; text-align:center;}

#wrap #seminer-table .area-seminar{}
#wrap #seminer-table .area-seminar p.seminar-title{color:#008888;}
#wrap #seminer-table .area-seminar ul{ margin:0 0 0 15px; padding:0;}
#wrap #seminer-table .area-seminar ul li{ list-style:none; margin-top:10px;}

/* モーダル内 */
.modal-header{ padding:15px 15px 35px;}
#wrap #seminer-table .modal-content .seminar-detail{ padding:5px; border:1px solid #ddd;}
#wrap #seminer-table .modal-content .seminar-detail p{ margin-top:15px; padding:0;}
#wrap #seminer-table .modal-content .seminar-detail .seminar-schedule{ background-color:#ddd;}
#wrap #seminer-table .modal-content .seminar-detail .seminar-schedule p{ margin:0; padding:2px;}


#wrap #seminer-table .modal-content .seminar-detail .seminar-schedule p.number{
	width:14%; padding-top:10px; float:left;
	font-size:18px; text-align:center;}


#wrap #seminer-table .modal-content .seminar-detail .seminar-schedule p.date{ width:84%; float:right;}
#wrap #seminer-table .modal-content .seminar-detail .seminar-schedule p.time{ width:84%; float:right; background-color:#fff; color:#333;}

#wrap #seminer-table .modal-content .seminar-detail .lecture-info{}
#wrap #seminer-table .modal-content .seminar-detail .lecture-info p{ color:#446688;}
#wrap #seminer-table .modal-content .seminar-detail .lecture-info ul{ margin:10px 0 0 24px; padding:0;}

#wrap #seminer-table .modal-content .seminar-detail .agenda{}
#wrap #seminer-table .modal-content .seminar-detail .agenda p.title{ margin-top:25px; font-weight:bold;}
#wrap #seminer-table .modal-content .seminar-detail .agenda dl{ margin-top:10px; position:relative;}
#wrap #seminer-table .modal-content .seminar-detail .agenda dl dt{}
#wrap #seminer-table .modal-content .seminar-detail .agenda dl dd{ margin-top:5px;}
#wrap #seminer-table .modal-content .seminar-detail .agenda dl dd.pic{ padding-right:100px;}
#wrap #seminer-table .modal-content .seminar-detail .agenda dd p{ padding:0; position:absolute; right:0; top:0;}

/* 個別のモーダル中身 */
#wrap .area-modal-contents{}
#wrap .area-modal-contents .seminar-detail{ padding:5px; border:1px solid #ddd;}
#wrap .area-modal-contents .seminar-detail p{ margin-top:15px; padding:0;}
#wrap .area-modal-contents .seminar-detail .seminar-schedule{ background-color:#ddd;}
#wrap .area-modal-contents .seminar-detail .seminar-schedule p{ margin:0; padding:2px;}
#wrap .area-modal-contents .seminar-detail .seminar-schedule p.number{ width:80px; float:left;}
#wrap .area-modal-contents .seminar-detail .seminar-schedule p.date{ width:470px; float:right;}
#wrap .area-modal-contents .seminar-detail .seminar-schedule p.time{ width:470px; float:right; background-color:#fff; color:#333;}

#wrap .area-modal-contents .seminar-detail .lecture-info{}
#wrap .area-modal-contents .seminar-detail .lecture-info p{ color:#446688;}
#wrap .area-modal-contents .seminar-detail .lecture-info ul{ margin:10px 0 0 24px; padding:0;}

#wrap .area-modal-contents .seminar-detail .agenda{}
#wrap .area-modal-contents .seminar-detail .agenda p.title{ margin-top:25px; font-weight:bold;}
#wrap .area-modal-contents .seminar-detail .agenda dl{ margin-top:10px; position:relative;}
#wrap .area-modal-contents .seminar-detail .agenda dl dt{}
#wrap .area-modal-contents .seminar-detail .agenda dl dd{ margin-top:5px;}
#wrap .area-modal-contents .seminar-detail .agenda dl dd.pic{ padding-right:100px;}
#wrap .area-modal-contents .seminar-detail .agenda dd p{ padding:0; position:absolute; right:0; top:0;}






/* セミナーのご案内 */
#wrap #seminer-detail{padding-bottom:75px; background:#ffffee;}
#wrap #seminer-detail h2{ margin-top:80px;}
#wrap #seminer-detail h3{ font-size:20px; margin-top:40px; line-height:1.4em;}
#wrap #seminer-detail h4{ margin-top:30px; margin-bottom:15px; font-weight:bold;}
#wrap #seminer-detail img{ margin-bottom:20px;}
#wrap #seminer-detail .time{ margin-top:40px; line-height:inherit;}
#wrap #seminer-detail .lec{ font-size:20px;}
#wrap #seminer-detail .speaker{ border-bottom: 1px solid #000; display: inline-block;}
#wrap #seminer-detail2{padding-bottom:75px; background:#F6FFED;}
#wrap #seminer-detail2 h2{ margin-top:80px;}
#wrap #seminer-detail2 h3{ font-size:20px; margin-top:40px; line-height:1.4em;}
#wrap #seminer-detail2 h4{ margin-top:30px; margin-bottom:15px; font-weight:bold;}
#wrap #seminer-detail2 img{ margin-bottom:20px;}
#wrap #seminer-detail2 .time{ margin-top:40px; line-height:inherit;}
#wrap #seminer-detail2 .lec{ font-size:20px;}
#wrap #seminer-detail2 .speaker{ border-bottom: 1px solid #000; display: inline-block;}
#wrap #seminer-detail3{padding-bottom:75px; background:#FFF6ED;}
#wrap #seminer-detail3 h2{ margin-top:80px;}
#wrap #seminer-detail3 h3{ font-size:20px; margin-top:40px; line-height:1.4em;}
#wrap #seminer-detail3 h4{ margin-top:30px; margin-bottom:15px; font-weight:bold;}
#wrap #seminer-detail3 img{ margin-bottom:20px;}
#wrap #seminer-detail3 .time{ margin-top:40px; line-height:inherit;}
#wrap #seminer-detail3 .lec{ font-size:20px;}
#wrap #seminer-detail3 .speaker{ border-bottom: 1px solid #000; display: inline-block;}

/* タイトルと概要を横並びにする特殊対応 */
#wrap #seminer-detail .force-horizon h2,
#wrap #seminer-detail .force-horizon h3,
#wrap #seminer-detail .force-horizon h4,
#wrap #seminer-detail .force-horizon p {
	display:inline-block;
}
#wrap #seminer-detail .force-horizon h2,
#wrap #seminer-detail .force-horizon h3,
#wrap #seminer-detail .force-horizon h4{
	padding-right:1em;
}




/* 会場詳細 */
#wrap #location-detail{}
#wrap #location-detail h2{ margin-top:80px;}

/* 交通のご案内 */
#wrap #access h2{ margin-top:80px;}
#wrap #access ul li { font-size:16px; line-height:1.8em;}


/* ↓↓ここから特殊対応↓↓ */
/* bootstrap記述上書き */
#wrap .table-responsive{ border:none;}

#wrap #seminar table { text-align:left;}
	#wrap #seminar table th, #seminar table td {
		margin:0px; padding:0px;
		border:1px solid #ddd;
		text-align:left;
		font-weight:normal;}
	#wrap #seminar table th { text-align:center; color:#333333;}
	#wrap #seminar table td { vertical-align:top; text-align:left;}
	#wrap #seminar .non {
		border:solid 0px #ffffff;
		margin:0px; padding:0px;
		text-align:left;
		font-weight:normal;}



/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	フォーム関連

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#wrap h2{ font-size: 24px;}
/* h1 */
#wrap #area-h1{margin-bottom:30px; background: #333333;}
#wrap #area-h1 h1{ margin: 52px 0 46px; color: #fff; font-size: 24px;}
@media (max-width:767px){
	#wrap #area-h1 h1{ margin: 26px 0 24px;}
}

.form-control {
	font-size:14px;
	color:#333;
}
.label {font-weight:normal;}
.form-horizontal .control-label {
	text-align:left;
}

.box-bordered {
	float:left;
	position: relative;
	min-height: 1px;
	margin-bottom:10px;
	margin-right:15px;
	margin-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	border-radius:5px;
}

.info-text {
	font-size:16px;
	color:#31708F;
}

.inner-form {
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
	border-radius:5px;
	padding:10px 15px;
	margin-bottom:20px;
}
/* お申し込みボタンエリア */
#send-button {
	margin-bottom:40px;
}


#area-privacy-policy ul.nav-pills{}
#area-privacy-policy ul.nav-pills li{}
#area-privacy-policy ul.nav-pills li.active a{ margin-bottom:-1px; background:#FFF; border:1px solid #CCC; border-bottom:none; border-radius:5px 5px 0 0;}
#area-privacy-policy ul.nav-pills li a:hover{  border-radius:5px 5px 0 0;}


/* ジャンボトロン */
#wrap .jumbotron {margin-bottom: 0;}
/* #wrap .jumbotron h1{font-size:36px; line-height:1.1em;}
#wrap .jumbotron.jumbotron-top {
	margin-bottom: 30px;
	background-color:#FCF0F0;
} */



/* navbar */
/* #wrap .container .navbar-header {
	margin:40px 0;
}
#wrap .container .navbar-header p.title {
	margin:0 0 12px;
}
#wrap .table-responsive {
	-webkit-overflow-scrolling: touch;
} */
/* 個人情報の取扱い */
#wrap #area-privacy-policy .privacy-information{
	overflow-y: auto; height:150px;
	box-shadow:0 8px 4px -8px rgba(204, 204, 204, 1) inset;}
/* 必須アイコン */
#wrap #area-privacy-policy .privacy-check span.required-icon{
	display:inline-block;
	margin:0 0 0 10px;
	padding:3px 14px 2px 14px;
	font-size:12px; line-height:1.2em; color:#FFF; text-align:center;
	background-color:#d9534f; border:1px solid #d9534f; border-radius:3px; vertical-align:middle;}

/* label 対応 */
#wrap .inquiry-detail label{ font-weight:normal;}

/* チェックボックス インデント */
#wrap .inquiry-detail ul.question-list.detail{ margin-left:20px; }

/* 任意アイコン */
#wrap .inquiry-detail span.optional-icon{
	display:inline-block;
	margin:0 0 0 10px;
	padding:3px 14px 2px 14px;
	font-size:12px; line-height:1.2em; color:#FFF; text-align:center;
	background-color:#777777; border:1px solid #777777; border-radius:3px; vertical-align:middle;}
/* 必須アイコン */
#wrap .inquiry-detail span.required-icon{
	display:inline-block;
	margin:0 0 0 10px;
	padding:3px 14px 2px 14px;
	font-size:12px; line-height:1.2em; color:#FFF; text-align:center;
	background-color:#d9534f; border:1px solid #d9534f; border-radius:3px; vertical-align:middle;}


	/* 一行テキストボックス設定 */
	#wrap .inquiry-detail input[type="text"],
	#wrap .inquiry-detail input[type="email"],
	#wrap .inquiry-detail input[type="tel"],
	#wrap .inquiry-detail input[type="number"] {
		/* width:100%; 郵便番号・電話番号で横並びできなくなるので無効化 */
		height:35px; padding:5px;
		-webkit-box-sizing: border-box;
		-khtml-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		/*border-radius:5px; inputgroup内で不具合があるので無効化 */
		border:1px solid #ccc;
		box-shadow:0 8px 4px -8px rgba(204, 204, 204, 1) inset;
		font-size:16px; font-size:1.6rem;
		line-height:1.9em; line-height:2.4rem; }
	

	/* テキストエリア設定 */
	#wrap .inquiry-detail textarea {
		width:100%; min-height:100px; padding:5px;
		border-radius:5px;
		border:1px solid #ccc;
		box-shadow:0 8px 4px -8px rgba(204, 204, 204, 1) inset;
		font-size:16px; font-size:1.6rem; line-height:1.5em;
		font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}

	/* セレクトエリア設定 */
	#wrap .inquiry-detail .input-type-select select { vertical-align:middle;}
	#wrap .inquiry-detail .input-type-select select::-ms-expand { display: none;}
	#wrap .inquiry-detail .input-type-select{
	width: 100%;
	margin:0 auto 20px auto;
	padding:0;}
	#wrap .inquiry-detail .input-type-select select {
	width: 100%;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid #999;
	border-radius:5px;
	background: #FFF;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,#FFF;
	background-size: 20px, 100%;}

/* ラベルフォント設定 */
#wrap .inquiry-detail label{ font-weight:normal;}

/* チェックボックス・ラジオボタンのリスト */
#wrap .inquiry-detail ul.question-list{ margin:0; padding:0;}
#wrap .inquiry-detail ul.question-list li {
	display: block;
	list-style: none;
/*	float: left;*/
	margin: 8px 15px 0 0;}
	
/* チェックボックス・ラジオボタンのリスト */
#wrap .inquiry-detail ul.seminar-list{ margin:0; padding:0;}
#wrap .inquiry-detail ul.seminar-list li {
	list-style: none;
	margin: 8px 15px 0 0;}
#wrap .inquiry-detail ul li.form-information {
	font-size: 75%;
	line-height: 1.4em;
}
	
/* ！郵便番号・電話番号用 強制横並び */
#wrap .form-inline.force-inline .form-control {
	display:inline-block;
	width:auto;
	max-width:30%;
	vertical-align:middle;
}
/* 印刷時 リンク出すの禁止 */
@media print {
	a[href]:after {
		content: "" !important;
	}

	abbr[title]:after {
		content: "" !important;
	}
}

/* 320px - 767px用（タブレット／スマートフォン用）の記述 */
@media screen and (min-width: 320px) and (max-width: 767px) {
	#wrap .inquiry-detail ul.question-list li { display:block; float:none; margin:8px 0 0 0;}
}

/* 協賛会社向け */
p.button-sponsor a {
	display: inline-block;
	width: 170px;
	margin: 0;
	padding: 6px 10px 6px 23px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #ededed url(/mbse2023/col/asset/img/icon/icon-blank.png) no-repeat 7px center;
	background: url(/mbse2023/col/asset/img/icon/icon-blank.png) no-repeat 7px center, -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
	background: url(/mbse2023/col/asset/img/icon/icon-blank.png) no-repeat 7px center, linear-gradient(to bottom, #fff 0%, #ededed 100%);
	box-shadow: 2px 2px 2px #c2bcb1;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5em;
	position: relative;
	z-index: 1050;
}
p.button-sponsor a::before {
	display: block;
	width: 6px;
	height: 7px;
	content: "";
	margin: auto;
	background: url(/mbse2023/col/asset/img/icon/icons-sprite.png) 0 -78px no-repeat;
	position: absolute;
	left: 7px;
	top: 0px;
	bottom: 0px;
}
p.button-sponsor a[target='_blank']::before {
	width: 9px;
	height: 8px;
	background-position: 0 -95px;
}
p.button-sponsor {
	margin: 0.5em;
	display: block;
	text-align: right;
}

/* セミナー詳細表示 */
.modal_wrap input {
display: none;
}
.modal_overlay {
display: flex;
justify-content: center;
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: opacity 0.5s, transform 0s 0.5s;
transform: scale(0);
}

.modal_trigger {
position: absolute;
width: 100%;
height: 100%;
}

.modal_content {
position: relative;
align-self: center;
width: 90%;
max-width: 800px;
padding: 30px 40px;
box-sizing: border-box;
background: #fff;
line-height: 1.4em;
transition: 0.5s;
text-align: justify;
}

.close_btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 14px;
cursor: pointer;
padding:8px;
background: #ccc;
color: #fff;
border-radius:15px;
line-height:14px;
font-weight:bold;
}

.modal_wrap input:checked ~ .modal_overlay {
opacity: 1;
transform: scale(1);
transition: opacity 0.5s;
}

.modal_wrap input:checked ~ .modal_overlay .modal_content{
transform: translateY(50px);
}

.open_btn {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
/*width: 200px;*/
height: 30px;
margin:10px auto;
color: #fff;
background:#999;
padding: 20px 16px;
border:solid 1px #ccc;
font-weight: bold;
border-radius: 21px;
cursor: pointer;
transition: .3s ease;
}

.open_btn:hover{
background:#ccc;
border:solid 1px #ccc;
color:#fff;
transition: .3s ease;
}