@charset "UTF-8";

/*--------------------------------------
  MODAL
---------------------------------------*/
#colorbox #inline_content{}
#colorbox img{max-width: 100%;}
#colorbox p{padding: 1em;}
#colorbox #btn_close{background: #666;  color: #fff;  font-size: 1.2em;  display: inline-block;  padding: 5px 2em;  border-radius: 20px;  margin-top: 20px;}
#colorbox #btn_article{background: #2fb729;  color: #fff;  font-size: 1.2em;  display: inline-block;  padding: 5px 2em;  border-radius: 20px;  margin-top: 20px;}
#cboxClose{display: none;}

/*--------------------------------------
  CONTACT
---------------------------------------*/
body.seminar header {margin-bottom: 0;}
body.seminar .wrapper {
/*    max-width: 960px;*/
    background: #fcfdd7 url(./img/2020/bg_seminar.png);
}

body.seminar h1{margin-top: 0; margin-bottom: 0em; text-align: center;background: #fff;}
body.seminar h1 img{max-width: 100%;}
body.seminar .read{padding: 20px; font-weight: bold;}
/*body.seminar .read span{color: #d70051;}*/
body.seminar .orange{color: #f39800;}
body.seminar .green{color: #009944;}
body.seminar .link2form{text-align: center;margin-top: 2em;}
body.seminar .link2form img{max-width: 100%;}
body.seminar .link2form a{color: #00f;text-decoration: underline; }
body.seminar .link2form a:hover{text-decoration: none;}
body.seminar .outlineTable{border-spacing:0 10px; width: 100%;border-collapse: separate;font-weight: bold;}
body.seminar .outlineTable th{background: #FFC800; padding: 1em;}
body.seminar .outlineTable td{background: #fff; padding: 1em;}
body.seminar .outlineTable td small{font-size: .9em;font-weight: normal;}



body.seminar .outlineTable td a{color: #00f;word-break: break-all;}
body.seminar .outlineTable td a:hover{text-decoration: underline;}

@media screen and (max-width: 768px) {
	body.seminar h1{width: 100vw;margin-left: -3%;}
	body.seminar .read{padding: 20px 0;}
	body.seminar .outlineTable th{display: block;padding: .5em;}
	body.seminar .outlineTable td{display: block;}
	body.seminar .outlineTable td .col2{display: block;}
	body.seminar .outlineTable td .col2 > *{width: auto;}
}
@media screen and (min-width: 769px) {
	body.seminar .link2form a{font-size: 1.2em;}
	body.seminar .outlineTable td .col2 li:nth-child(2){text-align: right;}
	body.seminar.thanks h1 img{width: 60%;}
	body.seminar .read{text-align: center; font-size: 2.2em;}
}

body.seminar .sec_lecture li{background: #fff; margin-bottom: 20px;padding: 1em;}
body.seminar .sec_lecture .text .label{ color: #1FA3DD;font-size: 1.1em; font-weight: bold;}
body.seminar .sec_lecture .text h3{font-size: 1.8em;  color: #000; text-align: left; padding-bottom: 1em;}
body.seminar .sec_lecture .text h3.border{padding-bottom:.5em;margin-bottom:.5em;border-bottom: dashed 1px #333;}
body.seminar .sec_lecture .text h3 small{font-size: 80%;}
body.seminar .sec_lecture .text  > p{font-size: .8em;}

body.seminar .sec_lecture .text .lecturer{font-weight: bold;font-size: 1.2em;line-height: .8;margin-top: .5em;}
body.seminar .sec_lecture .text .lecturer span{font-size: 1.3em;font-weight: normal;}
body.seminar .sec_lecture .text .lecturer small{font-size: .8em;font-weight: normal;}
body.seminar .sec_lecture .text .lecturer p{margin-top: 5px;;}
body.seminar .sec_lecture .text .remarks{border-bottom: 1px solid #666;padding-bottom: 2em;margin-bottom: 2em;}
body.seminar .sec_lecture .text .remarks dl{display:flex; flex-wrap: wrap;font-size: 1.2em;}
body.seminar .sec_lecture .text .remarks dl dt{width: 4em;}
body.seminar .sec_lecture .text .remarks dl dd{width: calc(100% - 4em); font-weight: bold;}
body.seminar .sec_lecture .text .remarks dl dd small{font-weight: normal;font-size: .9em;}
body.seminar .sec_lecture .text .remarks dl dd span{display: block; text-align: right}
body.seminar .sec_lecture .text .prof{border-top: 1px solid #aaa; margin-top: 10px; padding-top: 10px;}
body.seminar .sec_lecture.lecture1 .text .prof{margin-top: 12px;}
body.seminar .sec_lecture .img .caption{text-align: left;}

body.seminar .sec_lecture li > .prof{padding: 1em;}

body.seminar .sec_lecture .panelist{color: #d70051; text-align:center; border-bottom: 1px solid #d70051; padding-bottom: 5px;margin: 1em 0 .5em;}
body.seminar .sec_lecture .text .cx ul li{display: inline-block; vertical-align: top;padding-left: 1em;margin: 1em 0 0;}
body.seminar .sec_lecture .col4 li{display: inline-block; vertical-align: top; padding: 0 1em;}

body.seminar .center_image{text-align: center; font-size: 0;}
body.seminar .parking{max-width: 800px;margin: 0 auto;}
body.seminar .parking p{margin: 1em 0;}
body.seminar .parking dt{font-weight: bold;}
body.seminar .parking dt img{vertical-align: middle;margin-bottom: 2px;}

@media screen and (min-width: 769px) {
	span.pcOnly{display: inline-block;}
	body.seminar .notes{margin: 10px 0 10px 50px;font-weight: bold;}
	body.seminar .inputTable .notes{margin: 10px 0;}
	body.seminar .sec_lecture li:after {
		content:" ";
		display:block;
		clear:both;
	}

	body.seminar .sec_lecture .text{float: left; width: 60%;box-sizing: border-box; padding: 20px;}
	body.seminar .sec_lecture .text.col1{float: none; width: auto;}
	body.seminar .sec_lecture .img{width: 40%;font-size: .8em;text-align: center;}
	
	body.seminar .sec_lecture .text .cx h3{float: left;margin-bottom: 0;}
	body.seminar .sec_lecture .text .cx ul{float: right;}

	body.seminar .sec_lecture .flex{display: flex;}
	body.seminar .sec_lecture .flex > div{float: none!important;padding-bottom: 0;}
	body.seminar .sec_lecture .flex > div.text {margin: 0 1em;;padding-left: 0;}
	
	body.seminar .sec_lecture .col4{text-align: center;margin: 1.5em auto 0; display: flex;justify-items: center; width: 72%;}
	body.seminar .sec_lecture .col4 img{max-width: 100%;}
}
@media screen and (max-width: 768px) {
	body.seminar .sec_lecture .text h3{font-size: 1.5em;}
	body.seminar .sec_lecture.lecture2 .text h3{margin-bottom: .5em;}
	body.seminar .sec_lecture .text{padding: 10px;}
	body.seminar .sec_lecture .img{padding: 10px;text-align: center;}
	body.seminar .sec_lecture .img img{max-width: 100%;}
	body.seminar .sec_lecture .img .name small{font-size: .8em;}
	body.seminar .sec_lecture .img .caption{font-size: .8em;}
	
	body.seminar .sec_lecture .text .cx ul li{margin: 0;}
	body.seminar .sec_lecture .col4{font-size:0;}
	body.seminar .sec_lecture .col4 li{display: inline-block; vertical-align: top; padding: 0; width: 50%;font-size:14px;text-align: center; box-sizing: border-box;}
	body.seminar .sec_lecture .col4 li:nth-child(2n+1){padding-right: 1em;}
	body.seminar .sec_lecture .col4 li:nth-child(2n){padding-left: 1em;}
	body.seminar .sec_lecture .text .col4 .lecturer{text-align: left;}
	
	body.seminar .sec_lecture .text .cx ul li{padding-left: 0;width: 48%;}
	body.seminar .sec_lecture .text .cx ul li .lecturer{text-align: left;}
}


body.seminar .number{overflow: hidden;padding-bottom: 10px;}
body.seminar .number dt,
body.seminar .number dd{
	font-weight: bold;
	font-size: 30px;line-height: 1.3;display: inline-block;
}
body.seminar .number dt{color: #888;}
body.seminar .number dd{margin-right: 1.5em;}


body.seminar .btn{
	text-align: center;
	padding-top: 40px;
}
body.seminar .btn .btn01,
body.seminar .btn input[type="submit"]{
	-webkit-appearance: none;
	display: inline-block;
	border-radius: 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.35);
	font-size: 23px;
	padding: 20px 70px;
	color: #fff;
	background: #ff9900;
/*
	background-color: #d70051;
	background: -webkit-gradient(linear, left top, left bottom,  from(#99a1ff),  to(#0148ff));
	background: linear-gradient(bottom, #99a1ff 0%, #0148ff 100%);
*/
	cursor: pointer;
	border: none;
	border-bottom: 4px solid #95703c;
}

body.seminar .btn input[type="submit"].btnBack{
	background-color: #999;
	background: -webkit-gradient(linear, left top, left bottom,  from(#cbcbcb),  to(#646464));
	background: linear-gradient(bottom, #cbcbcb 0%, #646464 100%);
	border-bottom: 4px solid #555;
}

body.seminar .thanksBlock p{margin-top: 20px;}
body.seminar .thanksBlock .btn{margin-top: 30px;}

.title02{font-size: 2.5em; text-align: center;margin: 2em 0 1em;position: relative;}
.title03{font-size: 1.8em; text-align: center;margin: 1em 0 0; border: 1px #F39800; border-style: solid none; color: #fff;letter-spacing: 2px;padding: 0;background: #F39800;}
.title03.communication{border: 1px #26973C; border-style: solid none; background: #26973C;}
.thanks .title02{margin: 1em 0 1em;}
.title02:before{position: absolute; top: 50%; left: 0; width: 100%; content: ''; border-top: 1px solid #1FA3DD;}
.title02 span{padding: 0 10px; color: #1FA3DD; background: #fcfdd7;position: relative;}

.notes.parking span{color: #1FA3DD;}

.deadline{text-align: center;margin-bottom: 2em;}
.deadline span{color: #d70051;  border: 1px solid #d70051;  font-size: 1.2em;  font-weight: bold;  line-height: 2;  display: inline-block;  padding: 0 1em;background: #fff;}
.deadline2{color: #d70051; border-bottom: 1px solid #d70051;}

@media screen and (max-width: 768px) {
	.title02{font-size: 1.2em; margin: 1em 0 .5em;}
	.title03{font-size: 1.2em;}
	body.seminar .textArea,
	body.seminar .thanksBlock p{margin-left: 3%;margin-right: 3%;}
	body.seminar .number{margin: 20px 3% 0;}
	body.seminar .number dl{overflow: hidden;}
	body.seminar .number dt,
	body.seminar .number dd{font-size: 16px;margin-bottom: 10px;}
	body.seminar .number dt{float: left;clear: left;}
	body.seminar .number dd{clear: right;}

	body.seminar .number dd a{color: #000;}

}
@media screen and (min-width: 769px) {

	body.seminar .number dl{display: inline-block;}
	body.seminar .number p{font-weight: bold;font-size: 20px;margin-top: 20px;}
	body.seminar .thanksBlock{padding-bottom: 200px;}
	body.seminar .thanksBlock p{margin-top: 30px;}
}


/* inputTable */
.confirmTable,
.inputTable{
	border-collapse: separate;
	border-spacing: 10px;
	width: 100%;
	margin: 2em -10px 0;
}
.confirmTable th,
.confirmTable td,
.inputTable th,
.inputTable td{
	vertical-align: middle;text-align: left;
	font-size: 16px;line-height: 1.35;}
.confirmTable th,
.inputTable th{
	padding: 20px 72px 20px 20px;
/*	background: #ddd;*/
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inputTable th .required{
	display: inline-block;
	position: absolute;top: 50%;right: 16px;margin-top: -7px;
	font-size: 11px;line-height: 1;font-weight: normal;
	padding: 2px 3px;
	background: #cf0818;
	color: #fff;
}

.inputTable th.vtop{vertical-align: top;}
.inputTable th.vtop .required{top: 20px;margin-top: 0;}


.confirmTable td{padding: 20px;background: #fff;}
.inputTable td input[type=text],
.inputTable td textarea{
	display: block;width: 100%;
	border: 1px solid #ddd;padding: 10px;
	vertical-align: bottom;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.inputTable td select{padding: 10px;margin-top: 10px;}

.inputTable td .error{margin-bottom: .5em;color: #cf0818;}

@media screen and (max-width: 768px) {
	.confirmTable,
	.inputTable{margin: 0;}
	.confirmTable th,
	.confirmTable td,
	.inputTable th,
	.inputTable td{width: 100%;display: block;}
	.confirmTable th,
	.inputTable th{padding: 10px;}
	.inputTable td{padding: 0;}
	.confirmTable td{padding: 10px;}
	.inputTable td input[type=text], .inputTable td textarea{padding: 10px 5px;}
	body.seminar .btn{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		padding: 0 3%;
		text-align: center;
	}
	body.seminar .btn .btn01,
	body.seminar .btn input[type="submit"]{
		width: 90%;margin: auto;
		font-size: 20px;padding: 10px 20px;}
}
@media screen and (min-width: 769px) {
	.confirmTable th,
	.inputTable th{width: 240px;}
	.inputTable td input[type=text],
	.inputTable td textarea{
		min-height: 60px;
	}
}