@charset "utf-8";

.w970_conf {
  width: 970px;
  margin: 40px auto 0;
}
.linkBtnArea li {
	width: 194px;
}
.lowerPage .contents .linkBtnArea li a {
	line-height: 1.2em;
	padding-left: 1em;
}
.linkBtnArea li a span:before {
	margin-right: 1em;
}
.linkBtnArea li a span {
	display: inline-block;
	position: relative;
}
.linkBtnArea li a span:before {
	display: inline-block;
	position: absolute;
	top: -.25em;
	left: -1.25em;
}
.linkBtnArea li:nth-child(3) a span:before {
	top: .25em;
}

.mainSectionArea {
	background-color: transparent;
	position: relative;
	width: 100%;
	padding-bottom: 55px;
}
.mainSectionArea .titleBox {
	color: #fff;
	width: 396px;
	height: 223px;
	padding: 25px 30px 0;
	margin-bottom: 20px;
	z-index: 2;
	position: relative;
}
.mainSectionArea .titleBox h2 {
	background: url(../images/common/bg_line.png) 0 100% no-repeat;
	font-size: 37px;
	font-weight: normal;
  margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 1.1;
	text-align: left;
}
.mainSectionArea .titleBox .price {
	position: absolute;
	bottom: 10px;
	left: 10px;
  background-color: #fff;
	text-align: center;
	font-weight: bold;
	width: 376px;
}
.mainSectionArea .captionBox {
  background: rgba(251,251,251,0.9);
	clear: both;
	color: #1b1b65;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	position: relative;
	z-index: 10;
	line-height: 1.3;
	padding: 20px 0;
	margin-bottom: 25px;
}
.btnWrap {
	z-index: 2;
	position: relative;
	overflow: hidden;
}
.btnWrap .linkBtn {
  float: left;
}
.btnWrap .firstBtn.linkBtn {
	margin-right: 13px;
}
.lowerPage .contents a.linkBtn,
.lowerPage .contents span.linkBtn{
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	line-height: 50px;
	height: 50px;
}
.btnWrap .linkBtn small {
	font-size: 14px;
	margin-left: 18px;
}
.btnWrap a.linkBtn:hover {
	opacity: 0.8;
}
.fa-external-link {
	margin-left: 4px;
	margin-right: 0!important;
}

/*カンファレンス*/
#conf.mainSectionArea:after {
	position: absolute;
	content: '';
	top: 100px;
	left: calc(50% - 196px);
	width: calc(50% + 196px);
	height: 350px;
  background: url(../images/conf/conf_conf.jpg)left center no-repeat;
	background-size: cover;
	z-index: 1;
}
#conf .titleBox {
	background-color: #00a1db;
	float: left;
}
#conf .titleBox .price {
    color: #00a1db;
}
#conf .btnWrap .linkBtn {
	background-color: #00a1db;
}
#conf .btnWrap span.linkBtn {
	background-color: #c7e6f2;
	opacity: 1;
}
/*基調講演*/
#keynote.mainSectionArea {
	background-color: #f1f7fb;
}
#keynote.mainSectionArea:after {
	position: absolute;
	content: '';
	top: 120px;
	right: calc(50% - 156px);
	width: calc(50% + 156px);
	height: 350px;
	background-color: #f1f7fb;
  background: url(../images/conf/conf_keynote.jpg)left center no-repeat;
	background-size: cover;
	z-index: 1;
}
#keynote .titleBox {
	background-color: #e61770;
	float: right;
}
#keynote .titleBox .price {
    color: #e61770;
}
#keynote .btnWrap .linkBtn {
	background-color: #e61770;
}
#keynote .btnWrap span.linkBtn {
	background-color: #f4cedd;
	opacity: 1;
}
/*展示会場内セミナー*/
#ex.mainSectionArea:after {
	position: absolute;
	content: '';
	top: 100px;
	left: calc(50% - 196px);
	width: calc(50% + 196px);
	height: 350px;
  background: url(../images/conf/conf_ex.jpg)left center no-repeat;
	background-size: cover;
	z-index: 1;
}
#ex .titleBox {
	background-color: #171c61;
	float: left;
}
#ex .titleBox .price {
    color: #e61770;
}
#ex .btnWrap .linkBtn {
	background-color: #171c61;
	width: 100%;
}
/*同時開催展専門セミナー*/
#seminar.mainSectionArea {
	background-color: #f1f7fb;
}
#seminar.mainSectionArea:after {
	position: absolute;
	content: '';
	top: 120px;
	right: calc(50% - 156px);
	width: calc(50% + 156px);
	height: 350px;
	background-color: #f1f7fb;
  background: url(../images/conf/conf_seminar.jpg)left center no-repeat;
	background-size: cover;
	z-index: 1;
}
#seminar .titleBox {
	background-color: #66c2b8;
	float: right;
}
#seminar .titleBox .price {
    color: #e61770;
}
#seminar .btnWrap .linkBtn.cmtBtn01 {
	background-color: #21a0b7;
	margin-bottom: 15px;
	margin-right: 13px;
}
#seminar .btnWrap .linkBtn.dsj01 {
	background-color: #c91e30;
	margin-bottom: 15px;
}
#seminar .btnWrap .linkBtn.dsj02 {
	background-color: #006eb0;
	margin-right: 13px;
}
#seminar .btnWrap .linkBtn.appsBtn01 {
	background-color: #a660a3;
}

/*参加費用事前登録*/
#pre h3 {
	background-color: #171c61;
	color: #fff;
	font-size: 32px;
	line-height: 80px;
	height: 80px;
	padding-left: 20px;
	margin-bottom: 0;
}
#pre h3 a,
#pre h3 span{
	font-size: 20px;
}
.lowerPage .contents #pre h3 a,
.lowerPage .contents #pre h3 span{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	display: block;
	float: right;
	border-radius: 30px;
	width: 330px;
	height: 60px;
	line-height: 60px;
	margin: 10px 20px 0 0;
	padding-left: 30px;
	padding-right: 20px;
	position: relative;
}
.lowerPage .contents #pre h3 small {
	background-color: #fff;
	border-radius: 16px;
	font-size: 15px;
	line-height: 32px;
	display:inline-block;
	padding: 0 12px;
	position: absolute;
	top: 14px;
	right: 20px;
}
.lowerPage .contents #pre h3 a:hover {
	opacity: 0.8;
}
#pre h3.pre01 a{
	background-color: #00a1db;
}
#pre h3.pre01 small{
	color: #00a1db;
}
#pre h3.pre02 a{
  background-color: #e61770;
}
#pre h3.pre02 small{
	color: #e61770;
}
#pre h3.pre01 span{
	background-color: #c7e6f2;
}
#pre h3.pre01 span small{
	color: #c7e6f2;
}
#pre h3.pre02 span{
  background-color: #f4cedd;
}
#pre h3.pre02 span small{
	color: #f4cedd;
}

table {
	width:100%;
	border-top:solid 1px #ebebeb;
	margin-bottom:0;
}
table th, table td {
	font-size:14px;
	line-height:140%;
}
table tr th {
	border-bottom: solid 1px #ebebeb;
	width:20%;
	background-color:#f6f6f6;
	text-align:left;
	vertical-align:middle;
	padding: 13px 10px!important;
}
table tr td {
	border-bottom: solid 1px #ebebeb;
	border-left: solid 1px #ebebeb;
	width:16%;
	text-align:center;
	padding: 13px 5px!important;
}
table.pre02 tr td {
	width:20%;
}
table th strong, table td strong {
	color: #ba2d2f;
}
@media only screen and (min-width: 769px) {
	#pre h2, #pre h3 {
		width: 970px;
		margin-right: auto;
		margin-left: auto;
	}
	table {
		width: 970px;
		margin: 0 auto;
	}
}


@media only screen and (max-width: 768px) {
	.w970_conf {
		width: 100%;
		margin: 15px 0 0;
	}
	.w970_conf .top_caption {
		margin: 0 3.125%;
	}
	.linkBtnArea {
		margin-top: 10px;
	}
	.linkBtnArea li.li_about {
		width: 20%;
	}
	.linkBtnArea li.li_about a{
		font-size: 0.55em;
		padding-left: 0.55em;
		border-bottom: none;
	}
	.linkBtnArea li a span:before {
		top: -.25em;
		left: -1em;
	}
	.linkBtnArea li:nth-child(1) a span:before,
	.linkBtnArea li:nth-child(3) a span:before{
		top: 0.8em;
	}
	.linkBtnArea li:nth-child(4) a span:before,
	.linkBtnArea li:nth-child(5) a span:before{
		top: 0.3em;
	}

	.mainSectionArea {
		padding-bottom: 10px;
	}
	.mainSectionArea .titleBox {
		width: 100%;
		margin-bottom: 0;
		padding: 15px 15px 50px;
		height: auto;
	}
	.mainSectionArea .titleBox h2 {
		margin-bottom: 10px!important;
		padding-bottom: 12px!important;
		font-size: 23px!important;
	}
	.mainSectionArea .titleBox .price {
		width: calc( 100% - 0px - 3.125%);
		left: 5px;
		padding: 4px 0;
	}
	.mainSectionArea .captionBox {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.lowerPage .contents a.linkBtn,
	.lowerPage .contents span.linkBtn{
    float: none;
		font-size: 15px;
	}
	.btnWrap .linkBtn small {
		font-size: 12px;
		margin-left: 0;
		display: block;
	}
	.lowerPage .contents a.linkBtn{
		margin-right: 0;
	}
	a.linkBtn i.fa-arrow-circle-right {
		margin-right: 6px;
	}

	#conf.mainSectionArea:after,
	#keynote.mainSectionArea:after,
	#ex.mainSectionArea:after,
	#seminar.mainSectionArea:after{
		background: none;
	}
	#conf.mainSectionArea {
		padding-top: 10px;
	}
	.lowerPage .contents #conf a.linkBtn.firstBtn,
	.lowerPage .contents #keynote a.linkBtn.firstBtn,
	.lowerPage .contents #ex a.linkBtn,
	.lowerPage .contents #seminar a.linkBtn,
	.lowerPage .contents #conf span.linkBtn.firstBtn,
	.lowerPage .contents #keynote span.linkBtn.firstBtn,
	.lowerPage .contents #ex span.linkBtn,
	.lowerPage .contents #seminar span.linkBtn{
		line-height: 1.2;
		padding-top: 10px;
	}
	#seminar.mainSectionArea h2 {
		margin: 0 3.125%;
	}

	#pre.mainSectionArea {
		padding-bottom: 0;
	}
	#pre h3 {
		font-size: 20px;
		line-height: 1.2;
		height: auto;
		text-align: center;
		padding: 15px 10px;
		margin-bottom: 0!important;
	}
	#pre h3 a,
	#pre h3 span{
		font-size: 16px;
	}
	.lowerPage .contents #pre h3 a,
	.lowerPage .contents #pre h3 span{
		float: none;
		border-radius: 20px;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: left;
	}
	.lowerPage .contents #pre h3 small {
		background-color: #fff;
		border-radius: 10px;
		font-size: 14px;
		line-height: 20px;
		display:inline-block;
		padding: 0 12px;
		top: 10px;
		right: 10px;
	}
	table th, table td {
		font-size: 10px;
		line-height:110%;
	}
	table tr th {
		padding: 10px 5px!important;
		width:16%;
	}
	table tr td {
		padding: 10px 5px!important;
		width:17%;
	}
	table.pre02 tr td {
		width:21%;
	}

	.footer,
	.footerInner {
		margin-top: 0;
	}
}