/* タイトル副題で利用 
   「シャープマーケティングジャパン法人向け総合提案会」など */
.ttl .subtitle {
    font-size:0.75em;
}

#btbfare_wrapper {
    padding: 10px 0 0 0;
}

@media only screen and (max-width: 768px) {
    #btbfare_wrapper {
        padding: 0 0 0 0;
    }
}

#btbfare_wrapper .titSection {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 16px 12px;
    border-left: 6px solid #295e71;
    background-color: #ebeef0;
    color: #333;
    font-size: 138.5%;
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
    #btbfare_wrapper .titSection {
        padding: 10px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #c0c1d9;
        background-color: #e6e6f2;
        font-weight: bold;
        font-size: 107.6923%;
    }
}

.eventSection {
    margin: 20px 10px 0 10px;
}


@media only screen and (max-width: 768px) {
    .eventSection {
        margin: 20px 0 0;
    }
}

.eventSectionInner {
    padding: 0 7px;
}


@media only screen and (max-width: 768px){

    .eventSectionInner {
        padding: 0;
    }

    .eventSectionLead {
        padding: 12px 10px 0 10px;
    }

    .eventSectionLead p {
        margin-top: 0;
    }
    .eventSectionLead p + p {
        margin-top: 12px;
    }

    .eventSectionLead em {
        color: #36b1bb;
        font-style: normal;
    }
    #eventInfo #eventInfoDate {
        font-size: 100%;
    }
}

/* 注意書き（感染症拡大防止対策など）のスタイル */
.attentionDisplay {
    background-color: hsla(0,80%,95%,1.00);
}
.attentionDisplay ul {
    list-style-type: disc;
    padding-left: 1.5em;
    text-indent: 0em;
}

/*sideNav Customize*/

.rSideNav ul li.current:before, .rSideNav ul li a:before {
    position: absolute;
    left: 0.75em;
    top: 50%;
    display: block;
    width: 0.71em;
    height: 0.54em;
    margin-top: -0.27em;
    background: url(/business/images_global/r_ico_accordion_open.png) no-repeat;
    background-size: 100%;
    content: "";
}

.rSideNav ul li.current:before, .rSideNav ul li a:hover:before {
    background: url(/business/images_global/r_ico_accordion_open_w.png) no-repeat;
    background-size: 100%;
}

body.responsive-sp .rCategoryMenuInner ul li a .categoryTit:before {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 1.08em;
    height: 1.2em;
    margin-top: -0.46em;
    background: url(/business/images_global/r_head_nav_title_b.png) no-repeat;
    background-size: 100%;
    content: "";
}

/*SP Nav Customize*/

body.responsive-sp .rCategoryMenuInner .rCaterogyMenuClose::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    margin-right: 10px;
    background: #d8d7d4 url(/business/images_global/r_hdg_nav_close_btn.png) no-repeat center center;
    background-size: 13px 13px;
    vertical-align: -4px;
    content: "";
}


/** -------------------------------------------------------
 ** switchElement
 ** ------------------------------------------------------- */

.sp-only {
	display: none;
}
.pc-only {
	display: block;
}
span.pc-only {
	display: inline;
}

@media only screen and (max-width: 768px) {
	.sp-only {
		display: block;
	}
	span.sp-only {
		display: inline;
	}
	.pc-only {
		display: none;
	}
	span.pc-only {
		display: none;
	}
}


/** -------------------------------------------------------
 ** eventContact
 ** ------------------------------------------------------- */
.eventContact {
	padding: 24px;
	margin: 0 30px;
	background-color: #3f3e3d;
}
.eventContact p {
	text-align: center;
	color: #fff;
	font-size: 142.5%;
	font-weight: bold;
}
.eventContact .btnContact {
	margin: 14px 0 0 0;
}
.eventContact .btnContact a {
	display: block;
	width: 286px;
	height: 51px;
	margin: 0 auto;
	background: url("../../../../business/sp/images/btn_pc_event_contact.png") no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
.eventContact .btnContact a:hover {
	opacity: 0.75;
}

@media only screen and (max-width: 768px) {
	.eventContact {
		padding: 10px 8px 8px 8px;
		margin: 0;
	}
	.eventContact p {
		font-size: 93%;
	}
	.eventContact .btnContact a {
		position: relative;
		width: 100%;
		height: auto;
		padding: 17px 0;
		background: url("../../../../business/sp/images/bg_sp_contact.png") repeat-x;
		background-size: 4px 50px;
		border-radius: 6px;
		overflow: hidden;
		text-align: center;
		text-indent: 0;
		text-decoration: none;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
	}
	.eventContact .btnContact a:after {
		position: absolute;
		left: 14px;
		top: 50%;
		display: block;
		width: 18px;
		height: 18px;
		margin: -9px 0 0 -7px;
		background: url("../../../../business/sp/images/bg_sp_side_contact_blank.png") no-repeat;
		background-size: 100%;
		overflow: hidden;
		content: "";
	}
}


/** -------------------------------------------------------
 ** eventContact2（申込ボタン２つ）
 ** リアル・オンラインのハイブリット開催などで利用
 ** span.btnMaintenanceは一時中止時に利用（サーバメンテナンスなど）
 ** ------------------------------------------------------- */
.eventContact .btnContact2 {
	display: flex;
	justify-content: center;
	margin: 14px 0 0;
}
.eventContact .btnContact2 a,
.eventContact .btnContact2 span.btnMaintenance {
	border-radius:6px;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 1.5;
	width: 280px;
	height: auto;
	margin: 10px;
	padding: 10px 10px 12px 38px;
	text-align: center;
	text-decoration: none;
	position: relative;
}
.eventContact .btnContact2 a {
	font-weight: bold;
}
.eventContact .btnContact2 a.btn-inq-real {
	background: linear-gradient(hsl(31, 92%, 51%) 50%, hsl(31, 94%, 45%));
}
.eventContact .btnContact2 a.btn-inq-online {
	background: linear-gradient(hsl(211, 92%, 51%) 50%, hsl(211, 94%, 45%));
}
.eventContact .btnContact2 span.btnMaintenance {
	background: linear-gradient(hsl(211, 0%, 51%) 50%, hsl(211, 0%, 45%));
}
.eventContact .btnContact2 a:hover {
	opacity: 0.75;
}
.eventContact .btnContact2 a:after,
.eventContact .btnContact2 span.btnMaintenance:after {
	background: url("/business/sp/images/bg_sp_side_contact_blank.png") no-repeat;
	background-size: 100%;
	content: "";
	display: block;
	left: 14px;
	top: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -7px;
	overflow: hidden;
	position: absolute;
}
@media only screen and (max-width: 768px) {
	.eventContact .btnContact2 {
		display: block;
	}
	.eventContact .btnContact2 a,
	.eventContact .btnContact2 span.btnMaintenance {
		margin: 10px auto;
		width: 100%;
	}
}

/** -------------------------------------------------------
 ** eventMain
 ** ------------------------------------------------------- */
#eventMain {
	position: relative;
	margin: 10px 10px 0 10px;
}
#eventMain:first-child {
	margin-top: 0;
}
#eventMain #eventMainImage img {
    max-width: 1098px;
}
#eventMain .mainLead {
	position: absolute;
	left: 54px;
	bottom: 26px;
	width: 573px;
	height: 122px;
	background: url("../images/bg_main_lead.png") no-repeat;
}
#eventMain .mainLead p {
	padding: 16px 0 0 0;
	text-align: center;
	font-size: 153.9%;
}

@media only screen and (max-width: 768px) {
	#eventMain:first-child {
		margin: 0;
	}
	#eventMain img {
		display: block;
		width: 100%;
		height: auto;
	}
	#eventMain .mainLead {
		left: 0;
		right: 0;
		bottom: 8px;
		width: 286px;
		height: 62px;
		margin: 0 auto;
		background-size: 100% auto;
	}
	#eventMain .mainLead p {
		padding: 8px 10px;
		font-size: 93%;
	}
}


/** -------------------------------------------------------
 ** eventBody
 ** ------------------------------------------------------- */

#eventBody {
	margin: 8px 0 0 0;
}
/*#eventBody:before {
	display: block;
	width: 100%;
	height: 4px;
	background: url("../images/bg_pc_event_body_top.png") no-repeat;
	overflow: hidden;
	content: "";
}
#eventBody:after {
	display: block;
	width: 100%;
	height: 4px;
	background: url("../images/bg_pc_event_body_btm.png") no-repeat;
	overflow: hidden;
	content: "";
}*/
#eventBodyInner {
	padding: 6px 0;
	border-left: 1px solid #bbbec1;
	border-right: 1px solid #bbbec1;
	background-color: #fff;
}

@media only screen and (max-width: 768px) {
	#eventBody {
		margin: 6px 0 0 0;
	}
	#eventBody:before {
		display: none;
	}
	#eventBody:after {
		display: none;
	}
	#eventBodyInner {
		padding: 0;
		border-left: 0;
		border-right: 0;
		background-color: transparent;
	}
}


/** -------------------------------------------------------
 ** eventSchedule
 ** ------------------------------------------------------- */
#eventSchedule {
}

#eventSchedule .eventScheduleDescription {
    font-weight: 500;
}

#eventSchedule .eventScheduleNotes p {
    text-indent: -1.2em;
    padding-left: 1.2em;
    margin-left: 1em;
}

#eventSchedule .eventScheduleTable {
    margin: 20px 0 0 0;
}
#eventSchedule .eventScheduleTable .titEventSchedule {
    padding: 12px 18px;
    background-color: #36b1bb;
    color: #fff;
    font-size: 123.1%;
}

#eventSchedule .eventScheduleTable .eventDlTable {
    width: 660px;
    background-color: #fff;
    border-bottom: 1px solid #b9bec2;
    word-break: break-all;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine {
    display: table;
    border-left: 1px solid #b9bec2;
    border-top: 1px solid #b9bec2;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl {
    position: relative;
    display: table-cell;
    border-right: 1px solid #b9bec2;
    vertical-align: middle;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-40 { width: 40px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-80 { width: 80px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-90 { width: 90px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-100 { width: 100px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-110 { width: 110px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-120 { width: 120px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-125 { width: 125px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-130 { width: 130px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-140 { width: 140px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-150 { width: 150px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-160 { width: 160px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-170 { width: 170px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-180 { width: 180px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-190 { width: 190px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-200 { width: 200px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-210 { width: 210px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-220 { width: 220px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-230 { width: 230px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-240 { width: 240px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-250 { width: 250px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-260 { width: 260px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-270 { width: 270px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-280 { width: 280px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-290 { width: 290px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-300 { width: 300px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-310 { width: 310px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-320 { width: 320px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-330 { width: 330px; }
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-340 { width: 340px; }

#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dt {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    background-color: #bae3ff; /* #bae3ff 　#efece5　終了対応用追加*/
    text-align: center;
    font-weight: bold;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine:first-child dl dt {
    display: block;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd {
    padding: 12px;
    font-size: 93%;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine:first-child dl dd {
    padding: 52px 12px 12px 12px;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd strong {
    display: block;
    margin: 0 0 6px 0;
    color: #0c5794;
    font-size: 123.1%;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd em {
    font-size: 123.1%;
    font-style: normal;
    font-weight: normal;
}

#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd a.btn {
    display: block;
    box-sizing: border-box;
    /* width: 308px; */
    height: 42px;
    border-radius: 4px;
    background-color: #656565;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    font-size: 108%;
    font-weight: bold;
    padding: 2px 14px 0;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd a.btn:hover {
	opacity: 0.75;
}	
/* 2020/01/06 修正 SMJ中島
	SMJ-BSからのリンク対応
	「別ウィンドウで開く」アイコンは「target="_blank"」の時のみ表示
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd a.btn::before {*/
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd a.btn[target="_blank"]::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background: url(/business/images_global/r_ico_blank_01_pc.png) no-repeat;
    vertical-align: -3px;
    content: "";
}
/* 2020/01/06 追加 SMJ中島
	SMJ-BSからのリンク対応
	「target="_self"」の時、リンクアイコンを表示 */
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd a.btn[target="_self"]::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background: url(/business/images_global/r_menu_title.png) no-repeat;
    vertical-align: -3px;
    content: "";
}

#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd em.eventend{

	display: block;

	color:#963;

	font-weight: bold;

	margin: 5px 0px 0px 1em;

	font-size: 93%;

	text-indent: -1em;

}



#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd a {

	display: inline-block;

	padding: 10px 5px 0px 0px;

}

#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd a.map {
    padding: 0 0 0 18px;
}
#eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd a.btn.MailMagazine {
    font-size: 95%;
}

#eventSchedule .eventScheduleTable .eventDlTable .eventEndOne {
	background-color: #eeeeee;
}

@media only screen and (max-width: 768px) {
    .eventScheduleLead {
        padding: 8px 10px 0 10px;
    }
    .eventScheduleLead p {
        /*font-size: 77%;*/
    }
    #eventSchedule .eventScheduleTable {
        margin: 12px 0 0 0;
        border-top: 1px solid #ccc;
    }
    #eventSchedule .eventScheduleTable .eventDlTable {
        border-bottom: 0;
    }
    #eventSchedule .eventScheduleTable .titEventSchedule {
        padding: 12px;
        background-color: #eaf1df;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #c2da9d;
        color: #000;
        font-size: 116%;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine {
        display: block;
        margin: 8px 10px 0 10px;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl {
        display: block;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-40,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-80,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-90,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-100,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-110,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-120,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-125,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-130,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-140,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-150,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-160,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-170,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-180,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-190,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-200,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-210,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-220,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-230,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-240,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-250,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-260,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-270,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-280,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-290,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-300,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-310,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-320,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-330,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl.w-340 {
        width: auto;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dt {
        position: relative;
        display: block;
        border-bottom: 1px solid #b9bec2;
        text-align: left;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine:first-child dl dd {
        padding: 12px;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dt.sw-70 {
        width: 70px;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd {
        border-bottom: 1px solid #b9bec2;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableLine dl dd em {
        font-size:116%;
    }

    #eventSchedule .eventScheduleTableSp {
        border-top: 0 !important;
    }
    #eventSchedule .eventScheduleTableSp .eventDlTable {
        width: auto;
        padding: 0 10px;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableSp {
        display: table !important;
        border-right: 1px solid #ccc;
        width: 100% !important;
        margin: 0px 0 0 0;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableSpLine {
        display: table-row !important;
    }
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableSpLine dt,
    #eventSchedule .eventScheduleTable .eventDlTable .eventDlTableSpLine dd {
        display: table-cell !important;
        vertical-align: middle !important;
    }

}


/** -------------------------------------------------------
 ** eventTeacherProfile
 ** ------------------------------------------------------- */
#eventTeacherProfile {
    margin: 20px 0 0 0;
}

.titTeacherProfile {
    padding: 0 0 12px 0;
    border-bottom: 1px solid #b9bec2;
    font-size:123.1%;
}
.eventTeacherProfileBorder{
    border-bottom: solid 1px #CCC;
}
.eventTeacherProfileSection {
    margin: 10px 0 0 0;
    padding-bottom:20px;
}
.eventTeacherProfileSection .eventTeacherPic {
    float: left;
    width: 146px;
}
.eventTeacherProfileSection .eventTeacherPic img {
    display: block;
    width: 100%;
    height: auto;
}
.eventTeacherProfileSection .teacherName {
    padding: 12px 0 0 0;
    margin: 0 0 0 164px;
    font-size:123.1%;
    font-weight: bold;
}
.eventTeacherProfileSection p {
    margin: 10px 0 0 164px;
    line-height:1.5;
}
.eventTeacherProfileSection p em{
    color: #36b1bb;
}
.eventTeacherProfileSection p.colCnt2{
    column-count: 2;
}
.eventTeacherProfileSection .contactInner {
    margin: 14px 0 0 164px;
}
.eventTeacherProfileSection .leftPos{
    float:left;
    width: 200px;
}
.eventTeacherProfileSection .leftPos p.supplement {
    margin: 0;
    font-size: 112%;
    width:250px;
}

@media only screen and (max-width: 768px) {
    #eventTeacherProfile {
        margin: 10px 0 0 0;
    }
    .titTeacherProfile {
        padding: 12px;
        background-color: #eaf1df;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #c2da9d;
        color: #000;
        font-size: 116%;
    }
    .eventTeacherProfileSection {
        margin: 16px 0 0 0;
    }
    .eventTeacherProfileSection .eventTeacherPic {
        float: none;
        width: 146px;
        margin: 0 auto;
    }
    .eventTeacherProfileSection .teacherName {
        padding: 0;
        margin: 10px 10px 0 10px;
        font-size: 100%;
    }
    .eventTeacherProfileSection  p {
        float: none;
        margin: 4px 10px 0 10px;
        font-size: 100%;
    }
    .eventTeacherProfileSection p em{
        color: #36b1bb;
    }
    .eventTeacherProfileSection p.colCnt2{
        column-count: 1;
    }
    .eventTeacherProfileSection .contactInner {
        margin: 14px 10px 0 10px;
    }
    .eventTeacherProfileSection .leftPos{
        float:none;
        width:100%;
    }
    .eventTeacherProfileSection .leftPos p.supplement {
        margin: 0;
        font-size: 112%;
        width:100%;
    }
}


/** -------------------------------------------------------
 ** eventTeacherProfile .btnContact
 ** ------------------------------------------------------- */

.eventTeacherProfileSection .btnContact {
    float:right;
}
.eventTeacherProfileSection .btnContact a {
    /*display: block;*/
    display: inline-block;
    box-sizing: border-box;
    /* width: 308px; */
    height: 42px;
    border-radius: 4px;
    background-color: #e88622;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    font-size: 108%;
    font-weight: bold;
    padding: 2px 14px 0;
}
.eventTeacherProfileSection .btnContact a::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background: url(/business/images_global/r_ico_blank_01_pc.png) no-repeat;
    vertical-align: -3px;
    content: "";
}

.eventTeacherProfileSection .btnContact a:hover {
    opacity: 0.75;
}

@media only screen and (max-width: 768px) {

    .eventTeacherProfileSection .btnContact {
        margin: 14px 10px 0 10px;
    }
    .eventTeacherProfileSection .btnContact a {
        display: block;
        box-sizing: border-box;
        /* width: 308px; */
        height: 42px;
        border-radius: 4px;
        background-color: #e88622;
        text-align: center;
        text-decoration: none;
        color: #fff;
        line-height: 40px;
        font-size: 108%;
        font-weight: bold;
        padding: 2px 14px 0;
    }
    .eventTeacherProfileSection .btnContact a:before {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 12px;
        background: url(/business/images_global/r_ico_blank_01_pc.png) no-repeat;
        vertical-align: -3px;
        content: "";
    }
    .eventTeacherProfileSection .btnContact {
        float:none;
    }
}

/** -------------------------------------------------------
 ** オンラインプレゼン概要
 ** ------------------------------------------------------- */
.eventPresenSection {
    margin: 10px 0 0 0;
    padding-bottom:20px;
}
.eventPresenSection .eventTeacherPic {
    float: left;
    width: 146px;
}
.eventPresenSection .eventTeacherPic img {
    display: block;
    width: 100%;
    height: auto;
}
.eventPresenSection .eventPresenDetail {
    display: flex;
    padding: 12px 0 0 0;
    margin: 0 0 0 164px;
}
.eventPresenSection .eventPresenDetail ul {
    margin: 0 20px 0 0;
    font-size: 93%;
    line-height: 1.5;
}
.eventPresenSection .eventPresenDetail ul li {
    padding: 0 0 0 1.2em;
    text-indent: -1.2em;
}
.eventPresenSection .eventPresenDetail ul li:before {
    content: "● ";
}
.eventPresenSection .eventPresenDetail ul li .new {
    color: #dd0b0b;
}
.eventPresenSection .teacherName {
    padding: 12px 0 0 0;
    margin: 0 0 0 164px;
    font-size:123.1%;
    font-weight: bold;
}
.eventPresenSection p {
    margin: 10px 0 0 164px;
    line-height:1.5;
}
.eventPresenSection p em{
    color: #36b1bb;
}
.eventPresenSection p.colCnt2{
    column-count: 2;
}
.eventPresenSection .contactInner {
    margin: 14px 0 0 164px;
}
.eventPresenSection .leftPos{
    float:left;
    width: 200px;
}
.eventPresenSection .leftPos p.supplement {
    margin: 0;
    font-size: 112%;
    width:250px;
}

@media only screen and (max-width: 768px) {
    .eventPresenSection {
        margin: 16px 0 0 0;
    }
    .eventPresenSection .eventTeacherPic {
        float: none;
        width: 146px;
        margin: 0 auto;
    }
    .eventPresenSection .eventPresenDetail {
        display: block;
        padding: 0;
        margin: 10px 10px 0 10px;
    }
    .eventPresenSection .eventPresenDetail ul {
        margin: 0;
    }
    .eventPresenSection .teacherName {
        padding: 0;
        margin: 10px 10px 0 10px;
        font-size: 100%;
    }
    .eventPresenSection  p {
        float: none;
        margin: 4px 10px 0 10px;
        font-size: 100%;
    }
    .eventPresenSection p em{
        color: #36b1bb;
    }
    .eventPresenSection p.colCnt2{
        column-count: 1;
    }
    .eventPresenSection .contactInner {
        margin: 14px 10px 0 10px;
    }
    .eventPresenSection .leftPos{
        float:none;
        width:100%;
    }
    .eventPresenSection .leftPos p.supplement {
        margin: 0;
        font-size: 112%;
        width:100%;
    }
}


/** -------------------------------------------------------
 ** 重点商品ステージスケジュール
 ** ------------------------------------------------------- */
.eventStageOverviewSection .eventStagePic {
    float: left;
    width: 146px;
}
.eventStageOverviewSection .eventStagePic img {
    display: block;
    width: 100%;
    height: auto;
}
.eventStageOverviewSection .teacherName {
    display: block;
    padding: 12px 0 0 0;
    margin: 0 0 0 164px;
    font-size:123.1%;
    font-weight: bold;
}
.eventStageOverviewSection p {
    margin: 10px 0 0 164px!important;
    line-height:1.5;
}

@media only screen and (max-width: 768px) {
	.eventStageTimetableTable {
		margin-bottom: 10px;
	}
    .eventStageOverviewSection .eventStagePic {
        float: none;
        width: 146px;
        margin: 0 auto;
    }
    .eventStageOverviewSection .teacherName {
        padding: 0;
        margin: 10px 10px 0 10px;
        font-size: 100%;
    }
    .eventStageOverviewSection p {
        float: none;
        margin: 4px 10px 0 10px!important;
        font-size: 100%;
    }
}


/** -------------------------------------------------------
 ** eventStageDemo
 ** ------------------------------------------------------- */
#eventStageDemo {
}
#eventStageDemo .eventStageDemoProducts .eventStageDemoProductsSection {
    float: left;
    width: 220px;
}
#eventStageDemo .eventStageDemoProducts .eventStageDemoProductsSection .eventStageDemoPic img {
    display: block;
    width: 100%;
    height: auto;
}
#eventStageDemo .eventStageDemoProducts .eventStageDemoProductsSection .titEventStageDemo {
    margin: 8px 14px 0 14px;
    color: #36b1bb;
    font-size: 123.1%;
}
#eventStageDemo .eventStageDemoProducts .eventStageDemoProductsSection p {
    margin: 10px 14px 0 14px;
    font-size: 93%;
    line-height: 1.5;
}

@media only screen and (max-width: 768px) {
    #eventStageDemo .eventStageDemoProducts .eventStageDemoProductsSection {
        float: none;
        width: auto;
        margin: 8px 0 0 0;
    }
    #eventStageDemo .eventStageDemoProducts .eventStageDemoProductsSection .titEventStageDemo {
        margin: 8px 10px 0 10px;
    }
    #eventStageDemo .eventStageDemoProducts .eventStageDemoProductsSection p {
        margin: 6px 10px 0 10px;
    }
}


/** -------------------------------------------------------
 ** eventProducts
 ** ------------------------------------------------------- */
#eventProducts {
}
#eventProducts .titSection {
    margin-bottom: 10px;	/* 2020/01/06 修正 SMJ中島：出展商品タブ化に伴い変更 */
    /*margin-bottom: 24px;*/
}

@media only screen and (max-width: 768px) {
    #eventProducts .titSection {
        margin-bottom: 10px;
    }
}

/* eventProductsSection */
.eventProductsSection {
}
.eventProductsSection .eventProductsSectionTitle {
    margin: 0 0 14px 0;
    text-align: center;
    font-size: 146.5%;
}

@media only screen and (max-width: 768px) {
    .eventProductsSection .eventProductsSectionTitle {
        margin: 0 0 8px 0;
        font-size: 131%;
    }
}

/* eventProductsSolution */
#eventProductsSolution .eventProductsSectionInner {
    padding: 20px 26px 24px 26px;
}
#eventProductsSolution .eventProductsSolutionSection {
    float: left;
    width: 196px;
}
#eventProductsSolution .eventProductsSolutionSection.section-1 {
}
#eventProductsSolution .eventProductsSolutionSection.section-2 {
    margin: 0 0 0 12px;
}
#eventProductsSolution .eventProductsSolutionSection.section-3 {
    margin: 0 0 0 12px;
}
#eventProductsSolution .eventProductsSolutionSection.section-4 {
    margin: 0 0 0 106px;
}
#eventProductsSolution .eventProductsSolutionSection.section-5 {
    margin: 0 0 0 12px;
}
#eventProductsSolution .eventProductsSolutionSection img {
    display: block;
    width: 100%;
    height: auto;
}
#eventProductsSolution .eventProductsSolutionSection .hidden {
    display: none;
}

@media only screen and (max-width: 768px) {
    #eventProductsSolution .eventProductsSectionInner {
        background-color: #9cd4d8;
        padding: 10px;
    }
    #eventProductsSolution .eventProductsSolutionSection {
        float: none;
        width: 193px;
    }
    #eventProductsSolution .eventProductsSolutionSection.section-1,
    #eventProductsSolution .eventProductsSolutionSection.section-2,
    #eventProductsSolution .eventProductsSolutionSection.section-3,
    #eventProductsSolution .eventProductsSolutionSection.section-4,
    #eventProductsSolution .eventProductsSolutionSection.section-5 {
        margin: 4px auto 0 auto;
    }
}


/* eventProductsInfra */
#eventProductsInfra {
    margin: 14px 0 0 0;
}
#eventProductsInfra .eventProductsInfraSection {
    float: left;
    width: 200px;
    padding: 0 10px;
}
#eventProductsInfra .eventProductsInfraSection .eventProductsInfraSectionPic img {
    display: block;
    width: 100%;
    height: auto;
}
#eventProductsInfra .eventProductsInfraSection .eventProductsInfraSectionTitle {
    margin: 14px 0 0 0;
    color: #36b1bb;
    font-size: 123.1%;
}
#eventProductsInfra .eventProductsInfraSection p {
    margin: 10px 0 0 0;
    font-size: 93%;
    line-height: 1.5;
}

@media only screen and (max-width: 768px) {
    #eventProductsInfra .eventProductsInfraSection {
        float: none;
        width: auto;
        padding: 0;
        margin: 14px 10px 0 10px;
    }
    #eventProductsInfra .eventProductsInfraSection:first-child {
        margin-top: 0;
    }
    #eventProductsInfra .eventProductsInfraSection .eventProductsInfraSectionTitle {
        margin: 8px 0 0 0;
    }
    #eventProductsInfra .eventProductsInfraSection p {
        margin: 4px 0 0 0;
    }
}

/* eventProductsService */
#eventProductsService {
    margin: 20px 0 0 0;
}
#eventProductsService ul li {
    float: left;
    width: 33.3%;
    padding: 16px 0;
    text-align: center;
    color: #fff;
    font-size: 123.1%;
    font-weight: bold;
}
#eventProductsService ul li.service-1 {
    background-color: #0095df;
}
#eventProductsService ul li.service-2 {
    background-color: #48ba9f;
}
#eventProductsService ul li.service-3 {
    background-color: #c67bb3;
}

@media only screen and (max-width: 768px) {
    #eventProductsService {
        padding: 12px 30px 24px 30px;
        margin: 14px 0 0 0;
        background-color: #f6f6f6;
    }
    #eventProductsService ul li {
        float: none;
        width: auto;
        padding: 10px;
        margin: 6px 0 0 0;
    }
    #eventProductsService ul li:first-child {
        margin: 0;
    }
}

/* productSection */
.productSection {
}
.productSection .productSectionTitle {
    padding: 14px 16px;
    font-size: 123.1%;
}
.productSection .eventProductsList {
    padding: 20px;
}
.productSection .productChildSection {
    width: 300px;
    margin-bottom: 20px;
}
.productSection .productChildSection.child-left {
    float: left;
    clear: both;
}
.productSection .productChildSection.child-right {
    float: right;
}
.productSection .productChildSection .productChildTitle {
    padding: 0 0 6px 2px;
    font-size: 108%;
    font-weight: normal;
}
.productSection .productChildSection .productChildTitle::before {
    content: "■ ";
}

/* 追加 */
.productSection .productChildSection .productChildTitle2::before {
	content: "● ";
	color: #b86fd6;
}

.productSection .productChildSection .productChildPic {
    margin: 6px 0 0 0;
}
.productSection .productChildSection .productChildPic img {
    display: block;
    width: 100%;
    height: auto;
}
.productSection .productChildSection > ul {
    margin: 8px 0 0 0;
    font-size: 93%;
    line-height: 1.5;
}
.productSection .productChildSection > ul > li {
    padding: 0 0 0 1.2em;
    text-indent: -1.2em;
}
.productSection .productChildSection > ul > li::before {
    content: "・ ";
}
.productSection .productChildSection > ul > li.productNew::before {
    content: "★ ";
    color: red;
}
.productSection span.productNew::before,
.eventSection span.productNew::before {
    content: "★";
    color: red;
}
.productSection .productChildSection > ul > li.productReference::before {
    content: "◆ ";
    color: green;
}
.productSection span.productReference::before,
.eventSection span.productReference::before {
    content: "◆";
    color: green;
}
.productSection .productChildSection > ul > li > ul.productSubListBlock > li {
    padding: 0 0 0 1.2em;
    text-indent: -1.2em;
}
.productSection .productChildSection > ul > li > ul.productSubListBlock > li::before {
    content: "・ ";
}
.productSection .productChildSection > ul > li > ul.productSubListInline > li {
	display: inline-block;
    padding: 0 0 0 1.2em;
    text-indent: -1.2em;
    white-space: nowrap;
    word-break: keep-all;
}
.productSection .productChildSection > ul > li > ul.productSubListInline > li:first-child::before {
    content: "（ ";
}
.productSection .productChildSection > ul > li > ul.productSubListInline > li:not(:last-child)::after {
    content: " ／ ";
}
.productSection .productChildSection > ul > li > ul.productSubListInline > li:last-child::after {
    content: " ）";
}
.productSection .productChildSection ul li .new {
    color: #dd0b0b;
}

@media only screen and (max-width: 768px) {
    .productSection .productSectionTitle {
        padding: 10px;
        font-size:108%;
    }
    .productSection .eventProductsList {
        padding: 10px;
    }
    .productSection .productChildSection {
        width: auto;
        margin-bottom: 0;
        margin-top: 12px;
    }
    .productSection .productChildSection:first-child {
        margin-top: 0;
    }
    .productSection .productChildSection.child-left,
    .productSection .productChildSection.child-right {
        float: none;
    }
    .productSection .productChildSection .productChildTitle {
    }
    .productSection .productChildSection .productChildPic {
    }
}

/* eventProducts1 */
#eventProducts1 {
    margin: 40px 0 0 0;
    border: 1px solid #90d2d7; /*edb4cd*/
}
#eventProducts1 .productSectionTitle {
    background-color: #daeeef; /*f2e6eb*/
}
#eventProducts1 .productChildSection .productChildTitle {
    color: #295e71; /* 36b1bb */ 
    border-bottom: 1px solid #295e71; /* 36b1bb */
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
}
#eventProducts1 .productChildSection .productChildTitle:before {
    color: #295e71; /* 36b1bb */
}

@media only screen and (max-width: 768px) {
    #eventProducts1 {
        margin: 12px 10px 0 10px;
    }
}

/* eventProducts2 */
#eventProducts2 {
    margin: 20px 0 0 0;
    border: 1px solid #c88aec; /*f1c57a*/
}
#eventProducts2 .productSectionTitle {
    background-color: #fbe1ff; /*fff4e1*/
}
#eventProducts2 .productChildSection .productChildTitle {
    color: #b86fd6; /*e9a83a*/
    border-bottom: 1px solid #bc3ae9; /*e9a83a*/ 
}
#eventProducts2 .productChildSection .productChildTitle2 {
    color: #b86fd6; /*e9a83a*/
/*    border-bottom: 1px solid #e9a83a; */
}

#eventProducts2 .productChildSection .productChildTitle:before {
    color: #b86fd6; /*e9a83a*/
}

/* 追加　パートナー企業名の位置調整*/
#eventProducts2 .productChildSection .partner {
    margin: 8px 0 0 18px;
    font-size: 93%;
    line-height: 1.5;
}

@media only screen and (max-width: 768px) {
    #eventProducts2 {
        margin: 12px 10px 0 10px;
    }
}

/* eventProducts3 */
#eventProducts3 {
    margin: 20px 0 0 0;
    border: 1px solid #f1c57a;
}
#eventProducts3 .productSectionTitle {
    background-color: #fff4e1;
}
#eventProducts3 .productChildSection .productChildTitle {
    color: #e9a83a;
    border-bottom: 1px solid #e9a83a;
}
#eventProducts3 .productChildSection .productChildTitle:before {
    color: #e9a83a;
}

@media only screen and (max-width: 768px) {
    #eventProducts3 {
        margin: 12px 10px 0 10px;
    }
}

/* eventProductsFooter */
#eventProductsFooter {
    padding: 18px 0;
}
#eventProductsFooter p {
    font-size: 93%;
}

@media only screen and (max-width: 768px) {
    #eventProductsFooter {
        padding: 12px 10px;
    }
}

/** -------------------------------------------------------
 ** 2023/5/25 追加 SMJ中島
 ** eventProducts eventCorners（出展コーナー説明）
 ** ------------------------------------------------------- */
#eventProducts #eventCorners #eventCornersOverview {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
#eventProducts #eventCorners #eventCornersOverview h4 {
	font-size: 180%;
	line-height: 1.2;
	padding-right: 20px;
	white-space: nowrap;
}
#eventProducts h4#eventProductsListTitle {
	font-size: 180%;
	padding: 30px 0 10px;
}
#eventProducts #eventCorners #eventCornersWrapper {
	color: white;
	display: flex;
}
#eventProducts #eventCorners #eventCornersWrapper h5 {
	font-size: 200%;
	line-height: 1.2;
	padding: 7px 0 12px 10px;
}
#eventProducts #eventCorners #eventCornersWrapper p {
	font-weight: 400;
	line-height: 1.5;
	padding: 10px;
}
#eventProducts #eventCorners .eventCorner {
	background-size: cover;
}
#eventProducts #eventCorners #eventCornerLawRevision {
	background: linear-gradient(to right, hsla(200deg, 100%, 20%, 70%), hsla(200deg, 100%, 20%, 0%)), no-repeat 50% 25%/cover url("/business/event/btobfair/images/bg_corner_law-revision.jpg");
	text-shadow: 2px 2px 3px hsl(200deg, 50%, 10%);
}
#eventProducts #eventCorners #eventCornerLawRevision p {
	background: linear-gradient(to right, hsla(200deg, 100%, 20%, 70%), hsla(200deg, 100%, 20%, 30%));
	text-shadow: 2px 2px 3px hsl(200deg, 50%, 10%);
}
#eventProducts #eventCorners #eventCornerLaborShortage {
	background: linear-gradient(to right, hsla(0deg, 100%, 20%, 70%), hsla(0deg, 100%, 20%, 0%)), no-repeat top/cover url("/business/event/btobfair/images/bg_corner_labor-shortage.jpg");
	text-shadow: 2px 2px 3px hsl(0deg, 50%, 20%);
}
#eventProducts #eventCorners #eventCornerLaborShortage p {
	background: linear-gradient(to right, hsla(0deg, 100%, 20%, 70%), hsla(0deg, 100%, 20%, 30%));
	text-shadow: 2px 2px 3px hsl(0deg, 50%, 20%);
}

@media only screen and (max-width: 768px) {
	#eventProducts #eventCorners #eventCornersOverview {
		flex-direction: column;
	}
	#eventProducts #eventCorners #eventCornersOverview h4 {
		padding-bottom: 10px;
		text-align: center;
		white-space: normal;
	}
	#eventProducts #eventCorners #eventCornersWrapper {
		flex-direction: column;
	}
}

@media only screen and (max-width: 599px) {
	#eventProducts #eventCorners #eventCornersOverview h4 {
		font-size: 5vw;
	}
}

/** -------------------------------------------------------
 ** 2020/01/06 追加 SMJ中島
 ** eventProducts（出展商品タブ化に伴う追加）
 ** ------------------------------------------------------- */
#eventProductsTabWrap {
	margin: 0 auto;
}
#eventProductsTabWrap > input {
	display: none;
}
#productsTabArea {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	margin: 0 auto;
	width: calc(100% - 20px);
}
#productsTabArea > label {
	background: #ebeef0;
	border: solid 5px #fff;
	border-top: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-sizing: border-box;
	color: #000;
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: normal;
	line-height: 1.6;
	margin-top: 5px;
	padding: 0.5rem;
	text-align: center;
	width: calc(100% / 4);	/*タブ4列*/
	/*width: calc(100% / 6);	タブ6列*/
}
#productsTabArea > label:hover {
	background: #295e71;
	color: #fff;
	opacity: 0.75;
}
#productsTabArea > label.dummy {
	visibility: hidden;
}
#productsTab0:disabled ~ #productsTabArea > #productsTab0Label,
#productsTab1:disabled ~ #productsTabArea > #productsTab1Label,
#productsTab2:disabled ~ #productsTabArea > #productsTab2Label,
#productsTab3:disabled ~ #productsTabArea > #productsTab3Label,
#productsTab4:disabled ~ #productsTabArea > #productsTab4Label,
#productsTab5:disabled ~ #productsTabArea > #productsTab5Label {
	background: #ebeef0;
	color: #888;
	cursor: default;
	opacity: 1;
}
#productsTab0:checked ~ #productsTabArea > #productsTab0Label,
#productsTab1:checked ~ #productsTabArea > #productsTab1Label,
#productsTab2:checked ~ #productsTabArea > #productsTab2Label,
#productsTab3:checked ~ #productsTabArea > #productsTab3Label,
#productsTab4:checked ~ #productsTabArea > #productsTab4Label,
#productsTab5:checked ~ #productsTabArea > #productsTab5Label {
	background: #295e71;
	border: solid 5px #295e71;
	border-top: none;
	color: #fff;
	cursor: default;
	font-weight: bold;
	opacity: 1;
}
#productsTab0:checked ~ #productsPanelArea > #productsPanel0,
#productsTab1:checked ~ #productsPanelArea > #productsPanel1,
#productsTab2:checked ~ #productsPanelArea > #productsPanel2,
#productsTab3:checked ~ #productsPanelArea > #productsPanel3,
#productsTab4:checked ~ #productsPanelArea > #productsPanel4,
#productsTab5:checked ~ #productsPanelArea > #productsPanel5 {
	display: block;
}
#productsPanelArea > .productsPanel {
	display: none;
}
#productsPanelArea > .productSection {
    border: 1px solid #90d2d7;
    border-top: 6px solid #295e71;
}
#productsPanelArea > .productSection .productSectionTitle {
    background-color: #daeeef;
}
#productsPanelArea > .productSection .productChildSection .productChildTitle {
    color: #295e71;
    border-bottom: 1px solid #295e71;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
}
#productsPanelArea > .productSection .productChildSection .productChildTitle:before {
    color: #295e71;
}

@media only screen and (max-width: 768px) {
	#eventProductsTabWrap {
		margin: 0 auto;
	}
	#productsTabArea {
		width: calc(100% - 20px);
	}
	#productsTabArea > label {
		/*width: calc(100% / 2);	タブ２列*/
		width: calc(100% / 3);	/*タブ３列*/
	}
	#productsTabArea > label.dummy {
		display:none;
	}
	#productsPanelArea > .productSection {
		margin: 0 10px;
	}
}

/** -------------------------------------------------------
 ** 2021/12/27 追加 SMJ中島
 ** localFooterBanner（このページのみのバナー）
 ** ------------------------------------------------------- */
#localFooterBanner {
	text-align: center;
}
#localFooterBanner h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 0.5em;
}
#localFooterBanner a img.pc-only {
	display: inline;
}
#localFooterBanner a img.sp-only {
	display: none;
}
@media only screen and (max-width: 768px) {
	#localFooterBanner a img.pc-only {
		display: none;
	}
	#localFooterBanner a img.sp-only {
		display: inline;
	}
}
#localFooterBanner a img.pc-only {
	transition: 0.2s;
}
#localFooterBanner a img.pc-only:hover {
	opacity: 0.5;
}

/** -------------------------------------------------------
 ** 2022/08/04 追加 SMJ中島
 ** bannerBelowMainImage（メイン画像直下のバナー）
 ** ------------------------------------------------------- */
.bannerBelowMainImage {
	width: 700px;
	max-width: 700px;
	margin: 20px auto 0;
}
.bannerBelowMainImageTitle {
	color: #003A72;
	font-size: 1.5em;
	text-align: center;
}
.bannerBelowMainImageTitle .xsOnly {
	display: none;
}
.bannerBelowMainImage a {
	display: block;
	transition: 0.2s;
}
.bannerBelowMainImage a:hover {
	opacity: 0.5;
}
@media only screen and (max-width: 768px) {
	.bannerBelowMainImage {
		height: auto;
		width: auto;
		padding: 0 30px;
	}
}
@media only screen and (max-width: 576px) {
	.bannerBelowMainImageTitle .xsOnly {
		display: inline;
	}
}

/** -------------------------------------------------------
 ** 2023/09/25 追加 SMJ中島
 ** プレオープン関連スタイル
 ** ・出展内容未定の為、ソリューション概要のみ記載
 ** ・有効にするにはarticle要素に.preOpenを追加する
 ** ------------------------------------------------------- */
.preOpen #productsPanelArea > .productSection.productsPanel {
	display: block;
	margin: 20px 0 0 7px;
	padding: 15px;
 }
.preOpen .eventSolution {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 40px;
}
.preOpen .eventSolutionPic {
	width: 275px;
}
.preOpen .eventSolutionDescription {
	margin: 0 20px;
	width: 500px;
}
/* .preOpen .eventSolutionName.eventSolutionDx {
    color: #005290;
}
.preOpen .eventSolutionName.eventSolutionUx {
    color: #EA5514;
}
.preOpen .eventSolutionName.eventSolutionGx {
    color: #006824;
} */
.preOpen .eventSolutionLead {
    font-weight: 500;
}
@media only screen and (max-width: 768px) {
	.preOpen .eventSolution {
		align-items: stretch;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 40px 0;
	}
	.preOpen .eventSolutionPic {
		margin: 0 auto;
		max-width: 400px;
		width: 90%;
	}
	.preOpen .eventSolutionDescription {
		margin-top: 10px;
		width:  90%;
	}
}
.preOpen #eventLecturesSeminarsFooter {
	padding: 18px 0;
}
.preOpen #eventLecturesSeminarsFooter p {
	font-size: 93%;
}
@media only screen and (max-width: 768px) {
	.preOpen #eventLecturesSeminarsFooter {
		padding: 12px 10px;
	}
}





/** -------------------------------------------------------
 ** 2023/11/1 追加 SMJ中島
 ** 課題別ソリューション紹介 対応スタイル (DX/UX/GX等)
 ** ・有効にするには#eventProducts要素に.byIssueを追加する
 ** ------------------------------------------------------- */
.byIssue #productsPanelArea > .productSection.productsPanel {
	display: block;
	margin: 20px 0 0 7px;
	padding: 15px;
}
.byIssue .eventSolution {
	margin-top: 40px;
}
.byIssue .eventSolutionName.eventSolutionDx {
    color: #005290;
}
.byIssue .eventSolutionName.eventSolutionUx {
    color: #EA5514;
}
.byIssue .eventSolutionName.eventSolutionGx {
    color: #006824;
}
.byIssue .eventSolutionLead {
    font-weight: 500;
}
.byIssue .eventSolutionSummary {
	align-items: flex-start;
	display: flex;
	justify-content: center;
	margin: 10px 40px 10px;
}
.byIssue .eventSolutionPic {
	max-width: 400px;
}
.byIssue .eventSolutionDescription {
	margin: 0 20px;
	width: 500px;
}
.byIssue .eventSolutionEtc .eventSolutionDescription {
	width: auto;
}
.byIssue .eventSolutionDetail {
    margin-top: 10px;
}
.byIssue .eventSolutionItemListTitle {
    font-weight: 500;
}
.byIssue ul.eventSolutionItemList > li {
	display: inline-block;
    /* padding: 0 0 0 1.2em;
    text-indent: -1.2em; */
    white-space: nowrap;
    word-break: keep-all;
}
.byIssue ul.eventSolutionItemList > li.longText {
    white-space: normal;
    word-break: normal;
}
/* .byIssue ul.eventSolutionItemList > li:first-child::before {
    content: "（ ";
} */
.byIssue ul.eventSolutionItemList > li:not(:last-child)::after {
    content: " ／ ";
}
.byIssue ul.eventSolutionItemList > li:last-child::after {
    content: "　 ほか";
}
.byIssue ul.eventSolutionItemList.eventSolutionItemListAll > li:last-child::after {
    content: "";
}
/* .byIssue ul.eventSolutionItemList > li::before {
    content: "・ ";
} */
.byIssue ul.eventSolutionItemList > li.productNew::before {
    content: "★ ";
    color: red;
}
.byIssue ul.eventSolutionItemList > li.productReference::before {
    content: "◆ ";
    color: green;
}

.byIssue #eventProductsFooter {
    margin-top: 40px;
}

@media only screen and (max-width: 768px) {
	.byIssue .eventSolutionSummary  {
		align-items: stretch;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 0 20px;
	}
	.byIssue .eventSolutionPic {
		margin: 0 auto;
	}
	.byIssue .eventSolutionDescription {
		margin: 10px 10px 0;
		width: auto;
	}
}


/** -------------------------------------------------------
 ** 2024/10/25 追加 SMJ中島
 ** 各ソリューション関連スタイル
 ** ------------------------------------------------------- */
.eventSolutionName.eventSolutionOffice {
    color: #01707C;
}
.eventSolutionName.eventSolutionRetail {
    color: #B74A00;
}
.eventSolutionName.eventSolutionLogistics {
    color: #394E89;
}


 /** -------------------------------------------------------
 ** 2023/10/10 追加 SMJ中島
 ** 会場地図関連スタイル
 ** ------------------------------------------------------- */
body#popup div.container div.inner p.map {
	margin: 0 auto;
	max-width: 700px;
	padding-bottom: 5px;
}
body#popup div.container div.inner p.map img {
	max-width: 700px;
	border: 2px solid #716F63;
}
body#popup div.container div.inner div.comment {
	margin: 0 auto;
	max-width: 700px;
}
body#popup div.container div.inner div.comment p {
	text-indent: -1em;
	margin: 0 0 15px 1em;
	padding: 0 15px;
	text-align: center;	
}
body#popup div.container div.inner p.venue {
	padding-bottom:0
}
body#popup div.container div.inner ul.venue {
	margin-bottom:10px
}
body#popup div.container div.inner ul.venue li {
	padding-bottom:0;
}