@charset "UTF-8";

.pc_only {
	display: block;
}

.sp_only {
	display: none;
}

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

body {
	font-size: 16px;
	line-height: 1.5;
	
	font-family: 'メイリオ', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    font-weight: 500;
}

#wrapper {
	
}

header {
	width: 100%;
	min-width: 1000px;
/*	box-shadow:0px 0px 6px 3px #f0f0f0;*/
	
/*	background: url(../../images/header_bg.gif);*/
/*	background-repeat: repeat-x;*/
/*	background-position: bottom;*/
}

	header > div {
		width: 1000px;
		margin: auto;
		padding-top: 10px;
		
		overflow: hidden;
	}
	
	header div.clearfix {
		height: 370px;
		line-height: 370px;
	}
	
		header div h1 {
/*			float: left;*/
			text-align:center;
			font-size: 50px;
			font-weight: bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

		}

			header div h1 img {
				vertical-align: middle;
			}

#bread {
	width: 1000px;
	margin: 25px auto 35px auto;
}

	#bread ul {
		overflow: hidden;
	}
	
		#bread ul li {
			float: left;
			font-size: 15px;
		}


#content {
	width: 1000px;
	margin: auto;
}

section {
	padding: 60px 0 10px;
}

	section h2 {
		text-align: center;
		
		font-size: 200%;

		
		margin-bottom: 20px;
	}
	
		section h2:after {
			display: block;
			content: "";
			
			width: 60px;
			height: 3px;
			
			margin: 2px auto 0;
		}

	section h2.h2_midashi {
		text-align: center;
		font-size: 160%;
		font-weight: bold;
		color: #ffffff;
background-color: #f9881e;
    padding: 10px 0 0px;
    text-align: center;
    margin-bottom: 20px;
border: solid 2px #f55a2c;
		}


	section h2 {
		text-align: center;
		
		font-size: 120%;
		font-weight: bold;
		
		margin-bottom: 20px;
	}
	
		section h2:after {
			display: block;
			content: "";
			
			width: 60px;
			height: 3px;
			
			margin: 2px auto 0;
		}

	section h2.h2_notice1 {
		text-align: center;
		
		font-size: 160%;
		font-weight: bold;
		color: #000000;
		margin-bottom: 20px;
	}
	
		section h2.h2_notice1:after {
			display: block;
			content: "";
			
			width: 80px;
			height: 5px;
/*下線を入れる。ここから*/
			background: #017bc6;
/*下線を入れる。ここまで*/
			margin: 2px auto 0;
		}

	section h2.h2_notice2 {
		text-align: center;
		
		font-size: 160%;
		font-weight: bold;
		color: #000000;
		margin-bottom: 20px;
	}
	
		section h2.h2_notice2:after {
			display: block;
			content: "";
			
			width: 80px;
			height: 5px;
/*下線を入れる。ここから*/
			background: #009d43;
/*下線を入れる。ここまで*/
			margin: 2px auto 0;
		}

	section h2.h2_notice3 {
		text-align: center;
		
		font-size: 160%;
		font-weight: bold;
		color: #000000;
		margin-bottom: 20px;
	}
	
		section h2.h2_notice3:after {
			display: block;
			content: "";
			
			width: 80px;
			height: 5px;
/*下線を入れる。ここから*/
			background: #ffde00;
/*下線を入れる。ここまで*/
			margin: 2px auto 0;
		}




	.leading {
		line-height: 1.5;
		margin:0 40px;
	}
	
		.leading span {
			display: block;
			text-indent: 1em;
		}

	.leading_pg {
		line-height: 1.8;
		margin:0 40px;
		font-size:120%;
	}
	
		.leading_pg span {
			font-size:80%;
		}



	
	/* アコーディオン */
	.displayNone {
		display: none;
	}
	
	.accordion a {
		display: block;
	}
	
	.acco_content {
		margin: 10px;
	}
	
	.switch {
		cursor: pointer;
		font-weight: bold;
		padding: 10px 40px 10px 10px;
		background: #eee;
		position: relative;
		
		border-bottom: 1px solid #fff;
	}
	
	.switch:after {
		content: ">";
		position: absolute;
		right: 10px;
		top: -100%;
		bottom: -100%;
		margin: auto;
		font-size: 16px;
		height: 16px;
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		font-family: sans-serif;
	}
	.switch.open:after {
		content: "×";
	}

	/* table */
	table {
		width: 100%;
		margin-bottom: 10px;
	}
	
	th, td {
		padding: 11px;
		/*border: 1px solid #ccc;*/ /*罫線削除*/
	}
	
	th {
		text-align: center;
		font-weight: bold;
		background: #E7F3E1;
	}
	
		th.area {
			width: 14%;
		}
		
		th.date {
			width: 12%;
		}
		
		th.btn {
			width: 17%;
		}
		
		td p {
			font-weight: bold;
		}
		
		td div.time {
			margin: 1em 0;
		}
		
		td span.open {
			display: inline-block;
			margin: 0 1em 0 0;
		}
		
		td dl {
			overflow: hidden;
		}
		
			td dt {
				float: left;
				display: inline-block;
				text-align: center;
				box-sizing: border-box;
				margin-top: 2px;
			}
			
			td dd {
				float: left;
				width: 80%;
				box-sizing: border-box;
				margin-top: 2px;
			}
	
			td a.entry {
				display: block;
				border-radius: 15px;
				border: double 10px #ffffff;
				
				padding: 5px 5px 3px 5px;
				background: #0070c0;
				font-size:220%;
				font-weight:bold;
				color: #fff;
				text-align: center;
				text-decoration: none;
				
				margin-bottom: 10px;
			}
			
			td a.about {
				display: block;
				border-radius: 6px;
				
				padding: 5px 5px 3px 5px;
				background: #4d63e9;
				
				color: #fff;
				text-align: center;
				text-decoration: none;
			}

			td a.soon {
				display: block;
				border-radius: 6px;
				
				padding: 5px 5px 3px 5px;
				background: #aaaaaa;
				
				color: #fff;
				text-align: center;
				text-decoration: none;
				
				margin-bottom: 10px;
			}

			
				td a:hover {
					opacity: 0.6;
				}
			
			td.margin {
				border: 0;
				padding: 5px;
			}
			
			tr.pc_only_td {
				display: table-row;
			}


	/* プログラム */
dl.program {
	overflow: hidden;
}

	dl.program dt {
		width: 15%;
		float: left;
		padding: 10px 15px 10px 40px;
		box-sizing: border-box;
	}
	
		dl.program dt span {
			display: block;
			margin-top: 8px;
			font-weight: normal;
		}
	
	dl.program dd {
		width: 85%;
		float: left;
		padding: 10px;
		box-sizing: border-box;
	}
	
		dl.program dd span {
			display: block;
			margin-top: 8px;
			font-weight: normal;
		}

/*program2は登壇者用*/
dl.program2 {
	overflow: hidden;
}

	dl.program2 dt {
		width: 0%;
		float: left;
		padding: 0px;
		box-sizing: border-box;
	}
	
		dl.program2 dt span {
			display: block;
			margin-top: 8px;
			font-weight: normal;
		}
	
	dl.program2 dd {
		width: 100%;
		float: left;
		padding: 10px;
		box-sizing: border-box;
	}
	
		dl.program2 dd span {
			display: block;
			margin-top: 8px;
			font-weight: normal;
		}



/*トップページ用ページ内リンク*/
a.p_link {
				display: inline-block;
				border-radius: 0px;
				
				padding: 10px 10px 8px 10px;
				background: #CBFFD3;
				
				color: #000000;
				text-align: center;
				text-decoration: none;
				border: solid 2px #0000ff;
				margin:0 20px;
				height:100px;
				vertical-align:middle;
			}

a.p_link:hover {
					opacity: 0.6;
			}


/* お問い合わせ */

.inquiry {
	text-align: center;
}

	.inquiry p {
		display: inline-block;
	}
	
		.inquiry span {
			display: block;
			font-size: 20px;
			
			margin-bottom: 20px;
		}

/* フォーム */
dl.form {
	width: 800px;
	margin: 60px auto;
	overflow: hidden;
}

	dl.form dt, dl.form dd {
		box-sizing: border-box;
		padding: 10px 15px;
		margin-bottom: 2px;
	}

	dl.form dt {
		width: 30%;
		float: left;
		
		background: #f1f1f1;
	}
	
		dl.form dt span {
			display: inline-block;
			margin-left: 2px;
			
			font-size: 14px;
			font-weight: bold;
			color: #e30000;
		}
	
	dl.form dd {
		width: 70%;
		float: left;
	}

		dl.form dd input {
			padding: 5px;
			margin-right: 4px;
			margin-left: 10px;
		}
		
		dl.form dd div {
			margin-bottom: 5px;
		}

		dl.form dd input.mail {
			padding: 5px;
			width: 100%;
			margin-left: 0px;
		}

		dl.form dd input.tel1, dl.form dd input.tel2, dl.form dd input.tel3 {
			width: 6em;
			margin: 0px 5px;
		}
			dl.form dd input.tel1 {
				margin-left: 0;
			}

		dl.form dd input.job {
			padding: 5px;
			width: 100%;
			margin-left: 0px;
		}

		dl.form dd textarea {
			padding: 5px;
			width: 100%;
			height: 5em;
			margin-top: 10px;
			margin-left: 0px;
		}

	.submit_btm {
		width: 800px;
		margin: auto;
		
		overflow: hidden;
		padding: 20px 0;
		
		position: relative;
	}
	
		.submit_btm input {
			display: block;
			border: 0;
			
			padding: 10px;
			
			cursor: pointer;
			text-align: center;
		}
		
			.submit_btm input:hover {
				opacity: 0.5;
			}
		
			.submit_btm input.cancel {
				
				background: #ccc;
				width: 200px;
				height: 50px;
				margin: 0 auto 20px;
			}
			
			.submit_btm input.submit {
				
				background: #6ab547;
				color: #fff;

				width: 200px;
				height: 50px;
				
				margin: 0 auto 20px;
			}

footer {
	min-width: 1000px;
	padding: 60px 0;
	background: #f1f1f1;
}

	footer div {
		width: 1000px;
		margin: auto;
		
		text-align: center;
	}



#pagetop {
	display: block;
	
	position: fixed;
	right: 20px;
	bottom: 20px;
	
	width: 80px;
	height: 80px;
	border-radius: 80px;
	
	text-align: center;
	
	background: rgba(102,102,102,0.7);
}

	#pagetop:hover {
		opacity: 0.7;
		transition:0.3s ease all;
	}
	
	#pagetop span {
		border-right: 15px solid transparent;
		border-bottom: 28px solid #fff;
		border-left: 15px solid transparent;
	}

@media screen and (max-width: 480px) {
	
.pc_only {
	display: none;
}

.sp_only {
	display: block;
}


#wrapper {
	width: 100%;
	min-width: 320px;
}

header {
	min-width: 320px;
}

	header > div {
		width: 100%;
		height: auto;
		line-height: 1.5;
	}

	header > div > img {
		/*width: 40%;*/
		/*margin-left: 15px;*/
	}

	header > div > img.mainvisual {
		width: 100%;
	}

	header div.clearfix {
		height: auto;
		line-height: 2;
		padding-bottom: 13px;
	}

		header div h1 {
			float: none;
			text-align: center;
			font-size: 22px;
		}

			header div h1 img {
				vertical-align: top;
				margin-top: 20px;
			}
			

#bread {
	display: none;
}


#content {
	width: 96%;
}

	.leading {
		margin: 0;
		line-height: 1.8;
	}

	.leading_pg {
		margin: 0;
		line-height: 2;
		text-align: left;
	}
	
	section {
		padding-bottom: 0;
	}




	
	table tr th {
		display: none;
	}
	
	table tr td {
		display: block;
		width: 100%;
		min-width:100%;
		max-width:100%;
		box-sizing: border-box;
		border-bottom: 0px;
	}
	
		td.area {
			background: #E7F3E1;
			text-align: center;
			font-weight: bold;
		}
		
	table tr td.btn_box {
		border-bottom: 1px solid #ccc;
	}

	tr.pc_only_td {
		display: none;
	}
	
	td.sp_only {
		background: #E7F3E1;
		font-weight: bold;
		text-align: center;
	}
	
	td.btn_box a {
		padding: 15px 0;
	}

	td span.sp_only {
		display: inline;
	}


/* プログラム */
dl.program {
	overflow: hidden;
	border-top: 0;
}

	dl.program dt {
		width: 100%;
		float: none;
		padding: 0px;
		border-bottom: 0;
	}
	
		dl.program dt span {
			display: inline-block;
			margin-top: 0px;
			margin-left: 1em;
		}
	
	dl.program dd {
		width: 100%;
		float: none;
		border-bottom: 0;
		padding: 11px 11px 30px 11px;
	}

/*program2は登壇者用*/
dl.program2 {
	overflow: hidden;
	border-top: 0;
}

	dl.program2 dt {
		width: 100%;
		float: none;
		padding: 11px;
		border-bottom: 0;
	}
	
		dl.program2 dt span {
			display: inline-block;
			margin-top: 0px;
			margin-left: 1em;
		}
	
	dl.program2 dd {
		width: 100%;
		float: none;
		border-bottom: 0;
		padding: 11px 11px 30px 11px;
	}

	
	.align-right {
		font-size: 12px;
	}


/* お問い合わせ */

.inquiry {
	font-size: 14px;
	margin-bottom: 40px;
}

	.inquiry span {
		font-size: 16px;
	}

footer {
	min-width: 320px;
}

	footer div {
		width: 96%;
		margin: auto;
	}

/* フォーム */
dl.form {
	width: 100%;
	margin: 30px auto;
	overflow: hidden;
}

dl.form dt {
	width: 100%;
	float: none;
	
	background: #f1f1f1;
}

dl.form dd {
	width: 100%;
	float: none;
}

		dl.form dd input.mail {
			width: 100%;
			box-sizing: border-box;
		}

		dl.form dd input.tel1, dl.form dd input.tel2, dl.form dd input.tel3 {
			width: 4em;
			margin: 0px 5px;
		}
			dl.form dd input.tel1 {
				margin-left: 0;
			}

		dl.form dd input.job {
			width: 100%;
			box-sizing: border-box;
		}

		dl.form dd textarea {
			width: 100%;
			box-sizing: border-box;
		}

	.submit_btm {
		width: 100%;
		height: auto;
		margin: auto;
		
		overflow: hidden;
		padding: 0px 0 20px;
		
		position: relative;
	}
	
		.submit_btm input {
			display: block;
			border: 0;
			
			padding: 10px;
			
			cursor: pointer;
		}
		
			.submit_btm input:hover {
				opacity: 0.5;
			}
		
			.submit_btm input.cancel {
				position: relative;
				left: auto;
				
				width: 100%;
				height: 60px;
			}
			
			.submit_btm input.submit {
				position: relative;
				left: auto;
				right: auto;
				margin: 0 auto;
				
				width: 100%;
				height: 70px;
				margin-bottom: 30px;
			}


}


/* IEの游ゴシックズレを矯正 */
@media all and (-ms-high-contrast:none) {
	
body {
	font-family: 'メイリオ', 'Meiryo', sans-serif;
}

}