@charset "utf-8";
/* CSS Document */

/*  リニュ後レイアウト 2021.7～  */
.frame950{
width:950px;
margin:0 auto;
}

.event-head{
position:relative;
font-size:20px;
margin-bottom:15px;
padding-left:25px;
}

.event-head:before{
content:"";
position:absolute;
background:#111085;
width:16px;
height:16px;
top:3px;
left:0;
}



/*  タブメニュー  */
.tab-menu{
width:auto;
margin-bottom:50px;
}

.tab-menu .tab-btn{width:100%;}

.tab-5 .tab-btn li {
width: 190px;
padding: 0 0 0 4px;
}

.tab-5 .tab-btn li a {
width: 177px;
padding: 12px 5px 6px;
}

.tab-contents-box{padding-top:10px;}


/*  テーブル設定  */
.default-table{width:100%;}

.default-table .product-head{
text-align:left;
}
.default-table .product-head a{
background:url(/event/images5/arrow.png) left no-repeat;
padding-left:24px;
}
.default-table .product-head img{
vertical-align:middle;
}
.default-table .product-head span{
font-size:90%;
}

.default-table tbody th{}

.red{color:#e30909;}


/*  凡例  */
.hanrei{
border:1px solid #CCE3F3;
background:#F2F8FC;
padding:15px 5px 5px 15px;
margin:0px 0 35px 0;
}

.hanrei ul{}
.hanrei li{
float:left;
white-space:nowrap;
margin:0 10px 10px 0;
font-size:13px;
}
.hanrei li img{
margin-right:5px;
vertical-align:middle;
}

.icon-mcore {   /*--202107追記--*/
color: #fff;
margin: 2px;
padding: 0 15px;
border: solid 1px #ff9503;
background-color: #ff9503;
border-radius: 3px;
font: 12px bold Verdana, Geneva, "sans-serif";
}

/*  製品凡例 202107～  */
.icon-block{
position:relative;
display:inline-block;
}

.icon-block:last-child{margin-right:0px;}

.icon-block .icon{cursor:pointer;}

.icon-block .fukidashi{
position:absolute;
left:50%;
top:30px;
transform: translate(-50%, -0%);
border:1px solid #707070;
background:#fff;
padding:1px 10px;
border-radius: 5px;
font-size:12px;
display:none;
z-index:2;
white-space:nowrap;
text-align:center;
}

.icon-block .fukidashi:before{
background: url(/event/images5/fukidashi.png) center no-repeat;
background-size:contain;
width:7px;
height:7px;
content:"";
position:absolute;
left:50%;
top:-7px;
transform: translate(-50%, 0%);
}

/*-過去のイベント一覧へのリンク-*/
p.event_oldies {
margin: 0px 0 15px 0;
padding: 0px;
text-align: right;
}

p.event_oldies a {
color: #039;
text-decoration: none;
font-weight: normal;
}
p.event_oldies a:hover {
font-weight: bold;
}




/*  製品リストエリア */
.event-logo-section{
background:#f3f8fc;
position:relative;
padding:30px 0;
margin-bottom:40px;
}

.event-logo-section .logo-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.event-logo-section .logo-list::after{ /*   空BOX   */
display: block;
content:"";
width: 304px;
}

/*.event-logo-section .logo-list:after{content: ""; display: block; clear: both;height: 0;}*/

.event-logo-section .logo-list li{
width:304px;
/*float:left;
margin-right:19px;
margin-bottom:20px;*/

display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}

/*.event-logo-section .logo-list li:nth-child(3n){
margin-right:0;
}*/

/*.sp .event-logo-section .logo-list li:nth-child(even){
float:right;
}
*/

.event-logo-section .logo-list li span{
background:#fff;
border:1px solid #111286;
border-top-width:5px;
cursor:pointer;
height:66px;
width:304px;
display:flex;
display:-webkit-box;
display:-moz-box;


display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
align-self: center;
-webkit-justify-content: center;
justify-content:         center;
-webkit-align-items: center;
align-items:         center;
margin: auto;
position:relative;
}

.event-logo-section .logo-list li span:before{   /*  ▼マーク  */
border:5px solid transparent;
border-top:5px solid #111286;

content:"";
position:absolute;
left:50%;
bottom:0;

transform: translate(-50%, -0%);
z-index:2;
}


.event-logo-section .logo-list li span img{
width:260px;
/*position:relative;
top:-3px;
*/}

/*  製品別色変  */
.event-logo-section .logo-list .logo-wdb span{border-color:#23a09a;}
.event-logo-section .logo-list .logo-wdb span:before{ border-top-color:#23a09a;}

.event-logo-section .logo-list .logo-wf span{border-color:#06b4e7;}
.event-logo-section .logo-list .logo-wf span:before{ border-top-color:#06b4e7;}

.event-logo-section .logo-list .logo-wfc span{border-color:#06b4e7;}
.event-logo-section .logo-list .logo-wfc span:before{ border-top-color:#06b4e7;}

.event-logo-section .logo-list .logo-dp span{border-color:#EC6D74;}
.event-logo-section .logo-list .logo-dp span:before{ border-top-color:#EC6D74;}

.event-logo-section .logo-list .logo-qs span{border-color:#0574c5;}
.event-logo-section .logo-list .logo-qs span:before{ border-top-color:#0574c5;}

.event-logo-section .logo-list .logo-mcore span{border-color:#fe9a00;}
.event-logo-section .logo-list .logo-mcore span:before{ border-top-color:#fe9a00;}

/*未使用
.event-logo-section .logo-list .logo-proc span{border-color:#7b63a1;}
.event-logo-section .logo-list .logo-proc span:before{ border-top-color:#7b63a1;}
.event-logo-section .logo-list .logo-proc-c span{border-color:#7b63a1;}
.event-logo-section .logo-list .logo-proc-c span:before{ border-top-color:#7b63a1;}
.event-logo-section .logo-list .logo-ss span{border-color:#89898b;}
.event-logo-section .logo-list .logo-ss span:before{ border-top-color:#89898b;}
*/

/*  各製品別エリア  */
.event-section{
margin-bottom:40px;
}

.event-section h2{
/*background:url(../images5/section-logo/bg.jpg);*/
background: #ecedf1;
position:relative;
border-left:6px solid #120e86;
margin-bottom:25px;
cursor:pointer;
}
.event-section h2:before{   /*  ▼マーク  */
border:8px solid transparent;
border-bottom:8px solid #111286;

content:"";
position:absolute;
top:45%;
right:20px;
margin-top:-0px;

z-index:2;
transform: rotate(180deg);
}

.event-section.open h2:before{   /*  ▲マーク  */
transform: rotate(0deg);
margin-top:-12px;
}

/*  製品別色変  */
#event-wdb h2{ border-left-color:#23a09a;}
#event-wf h2{ border-left-color:#06b4e7;}
#event-wfc h2{ border-left-color:#06b4e7;}
#event-dp h2{ border-left-color:#EC6D74;}
#event-qs h2{ border-left-color:#0574c5;}
#event-mcore h2{ border-left-color:#fe9a00;}

/*未使用
#event-proc h2{ border-left-color:#7b63a1;}
#event-proc-c h2{ border-left-color:#7b63a1;}
#event-ss h2{ border-left-color:#89898b;}
*/

/*  各製品別エリア製品ロゴ  */
.event-section h2 img{
width:300px;
display:block;
}

.event-section .inner{display:none;}


/*  詳細ページ  */

.page{
border:1px solid #D1D1D1;
margin-bottom:30px;
}
.page-inner{padding:25px;}

div.tit{
background:#F3F3F3;
padding:25px;
margin:1px;
}

div.tit h1{
line-height:1.3;
font-size:160%;
}

div.tit .label{
display:inline-block;
margin-bottom:5px;
color:#fff;
padding:1px 3px;
background:#0B318F;
}

div.tit .sub{
display:block;
font-size:13px;
margin:5px 0;
}

.page-inner section{padding-bottom:40px;}
.page-inner section:last-child{padding-bottom:0;}

.page-inner h2{
margin: 0 0 18px;
padding: 0px 0px 0px 10px;
font-size: 126%;
line-height: 1.2;
font-weight:100;
position:relative;
}
.page-inner h2:before{
content:"";
width:3px;
height:85%;
display:block;
background:#0B318F;
position:absolute;
left:0;
top:5%;
}

.page-inner h2.nb:before{
width:0px;
}

.page-inner .h2-title2:before{
display:none;
}

#expo_intro h2{
margin: 0 0 20px;
padding: 0 2px 11px;
border-bottom: 2px solid #d0d4e7;
font-size: 112%;
line-height: 1.2em;
font-weight:100;
}
#expo_intro h2:before{
display:none;
}

.page-inner section .h3-title{margin-bottom:10px;}

#main .page-inner p{margin:0;}

#main .page-inner .button{
text-align:center;
margin:10px 0;
}

#main .page-inner .button img{vertical-align:top;}


.smn_pg-table {
border-collapse: collapse;
margin: 0 0 30px;
}

.smn_pg_style1{
width:100%;
table-layout:auto;
}

.smn_pg_style2{
table-layout: fixed;
}

.smn_pg-table caption {
margin: 0 0 5px 2px;
text-align: left;
}

.smn_pg-table th,
.smn_pg-table td {
padding: 11px 10px 9px;
border: 1px solid #ccc!important;
font-weight: normal;
line-height: 1.3em;
text-align: center;
}

.smn_pg-table thead th,
.smn_pg-table .table_place {
background:#F3F5FE;
}
.smn_pg-table thead td {
background-color: #f9f9f9;
}
.smn_pg-table thead td.td-1 {
background-color: #fff;
}
.smn_pg-table tbody th {
background:#E9E9E9;
}
.smn_pg-table tbody th.th-1 {
background:#F3F5FE;
}
.smn_pg-table tfoot td {
padding: 5px 0 0;
border: none;
}

div.program{
border:1px solid #C3C3C3;
margin-bottom:15px;
}

div.program .head{
background:#F3F5FE;
text-align:center;
padding:7px;
color:#333;
border-bottom:1px solid #C3C3C3;
}

div.program .body{
padding:15px 20px;
}

div.program .theme{
font-weight:bold;
color:#0b318f;
font-size:120%;
margin-bottom:15px;
line-height:1.5;
}
div.program .person{
margin-top:25px;
text-align:right;
}

/* expo */

#expo_logo{
border-bottom:1px solid #D4D4D4;
text-align:center;
padding:30px 0;
}
#expo_logo .expologo{
margin:0;
}


#expo_matrix{
margin-top:10px;
}


#expo_matrix table {
border-collapse: collapse;
margin: 0 0 10px;
}

#expo_matrix th{
text-align:center;
}

#expo_matrix th,
#expo_matrix td {
padding: 5px 10px;
border: 1px solid #ccc;
font-weight: normal;
line-height: 1.4;
}

#expo_matrix .exponame {
background:#F3F5FE;
}
#expo_matrix .koumoku {
background:#E9E9E9;
}



/* seminar */

h3.news{
font-weight:normal;
font-size:100%;
zoom: 1;
margin-bottom:20px;
}
h3.news:after{content: ""; display: block; clear: both;}

h3.news .float_r{
float:right;
margin:0 0 10px 25px;
}

table.hyou1 {
border-collapse: collapse;
margin: 0 0 10px;
}

table.hyou1 th{
text-align:center;
}

table.hyou1 th,
table.hyou1 td {
padding: 5px 10px;
border: 1px solid #ccc;
font-weight: normal;
line-height: 1.4;
}

table.hyou1 .hyou3{
background:#E9E9E9;
text-align:center;
}
table.hyou1 .hyou{
background:#F3F5FE;
text-align:center;
}
table.hyou1 .hyou1{
}

table .cellcolor{
background:#F3F5FE;
text-align:center;
}

.hyouhead{
background:#F3F5FE;
text-align:center;
}


/* SPブロック対応用テーブル*/
.fixed-table{
border-collapse: collapse;
margin: 0 0 10px;
}

.fixed-table th{text-align:center;}

.fixed-table th,td{
/*display: block;*/
padding: 5px 10px;
border: 1px solid #ccc;
font-weight: normal;
line-height: 1.4;
}

.fixed-table .hyou3{
background:#E9E9E9;
text-align:center;
}

.fixed-table .hyou{
background:#F3F5FE;
text-align:center;
}


.float_r{
float : right;
padding-left : 5px;
padding-bottom : 5px;
text-align : center;
}

.attention{
font-size: 100%;
color:#2150a7;
padding-top: 3px;
padding-bottom: 3px;
}

#main LI.news{
list-style-type : decimal;
padding-top : 3px;
padding-bottom : 3px;
line-height: 1.3;
margin-left:2em;
}

.lectureplace{
float: right;
color:#333;
position: relative;
top: 0px;
right: 5px;
font-size: 0.8em;
}


/* kikaku */
#seminar_program table{
border-collapse: collapse;
margin: 0 0 10px;
}


#seminar_program th{
text-align:center;
}

#seminar_program th,
#seminar_program td {
padding: 5px 10px;
border: 1px solid #ccc;
font-weight: normal;
line-height: 1.4;
}

#seminar_program .koumoku{
background:#E9E9E9;
}
#seminar_program .place{
background:#F3F5FE;
text-align:left;
}

#seminar_program .program{
padding:0;
}

#seminar_program .program .head{
padding:10px;
background:#F6F6F6;
border-bottom:1px solid #ccc;
}
#seminar_program .program .step{
background:#787878;
color:#fff;
font-weight:bold;
padding:0 3px;
font-size:13px;
}
#seminar_program .program .icon-green{background:#576C53;}
#seminar_program .program .icon-blue{background:#445578;}

#seminar_program .program .panel_guest{font-size:18px;}

#seminar_program .program .panel_us{
font-size:18px;
color:#111184;
}

#seminar_program .program .body{
padding:10px;
border-bottom:1px solid #ccc;
}

#seminar_program .program .end{border-bottom:0;}

#seminar_program .program .who{font-size:11px;}


#seminar_program .program .who-r{
float:right;
margin-left:20px;
text-align:center;
width:140px;
}
#seminar_program .program .who-r img{margin-bottom:5px;}
#seminar_program .program .who-r p{margin-bottom:0;}

#seminar_privacy {
margin: 0px 0px 10px 0px;
padding: 15px;
border: 1px solid #ccc;
}

#seminar_privacy div.prvcy {
margin: 0px;
padding: 0px 5px 10px 10px;
}

#seminar_privacy div.prvcy_last {
margin: 0px;
padding: 0px 5px 0px 10px;
}

#seminar_privacy div.prvcy ul.sponsor,
#seminar_privacy div.prvcy_last ul.sponsor {
margin: 20px;
padding: 10px;
list-style: none;
font-size: 12px;
line-height: 1.3em;
border: 1px solid #ccc;
}

#seminar_privacy .prvcy .upper_list,
#seminar_privacy .prvcy .inner_list,
#seminar_privacy .prvcy_last .upper_list,
#seminar_privacy .prvcy_last .inner_list {
margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
}

#seminar_privacy .prvcy .upper_list li,
#seminar_privacy .prvcy_last .upper_list li {
margin: 0px;
padding: 0px 0px 5px 0px;
list-style-type: decimal;
list-style-position: outside;
font-size: 12px;
font-weight: bold;
line-height: 1.3em;
}
#seminar_privacy .prvcy .inner_list li,
#seminar_privacy .prvcy_last .inner_list li {
margin: 0px 0px 0px 15px;
padding: 0px 0px 2px 0px;
list-style: square;
list-style-position:outside;
font-size: 12px;
font-weight: normal;
line-height: 1.3em;
}

#seminar_privacy .prvcy .inner_list dt,
#seminar_privacy .prvcy_last .inner_list dt {
margin: 0px 0px 0px 5px;
padding: 0px 0px 2px 0px;
list-style: none;
font-size: 12px;
font-weight: bold;
line-height: 1.3em;
}

#seminar_privacy .prvcy .inner_list dd,
#seminar_privacy .prvcy_last .inner_list dd {
margin: 0px 0px 0px 5px;
padding: 0px 0px 2px 0px;
list-style: none;
font-size: 12px;
font-weight: normal;
line-height: 1.3em;
}


/* archive */
#navi .child{}

.seminar-p #navi #boshuu-child,
.archive-p #navi #archive-child{
display:block;
}

#main .event-archive .lead{
margin-bottom:15px;
}

.archivelist h2 {
margin: 0 0 10px 0;
padding: 10px 0 0 0;
font-size:19px;
line-height: 1.2em;
font-weight:100;
}


.archivelist ul{
border-top:1px solid #CECECE;
zoom:1;
position:relative;
padding-top:20px;
margin-bottom:20px;
font-size:13px;
}
.archivelist ul:after{content: ""; display: block; clear: both;}

.archivelist .date{
position:absolute;
left:0;
top:20px;
width:132px;
padding-top:20px;
word-break: break-all;
}

.archivelist .date2{
position:absolute;
left:0;
width:132px;
word-break: break-all;
}

.archivelist .icon_seminar{
background:url(/event/images5/icon-seminar.jpg) 0px 0px no-repeat;
}
.archivelist .icon_expo{
background:url(/event/images5/icon-tenjikai.jpg) 0px 0px no-repeat;
}

.archivelist .event_theme{
background:url(/event/images5/archive-theme.jpg) left top repeat-y;
width:428px;
margin-left:139px;
padding:0 15px;
min-height:50px;
}
.archivelist .event_place{
position:absolute;
right:0;
top:20px;
text-align:center;
width:68px;
line-height:1.3;
}

/* another */
.smn_para_wrap {
margin: 0px;
padding: 0px;
overflow: hidden;
width: 100%;
clear:both;
}

.left330 {
float: left;
width: 330px;
margin-right: 2em;
margin-bottom: 1em;
}

.right250 {
float: right;
margin-left: 1em;
margin-bottom: 1em;
}

.moji_n{font-weight:normal;}

.moji_ns{
font-weight:normal;
font-size:smaller;
}

.para_right{text-align:right;}

#acMenu dt{
display:block;
width:96%;
text-align:center;
background: #00529f;
color:#fff;
border-radius: 0.4em;
/*border-top-right-radius: 1em;*/
/*border-bottom-left-radius: 1.5em;*/
/* border:#666 1px dotted; */
cursor:pointer;
font-size: 115%;
line-height: 1em;
font-weight:200;
padding:10px;
}

#acMenu dt:nth-of-type(even){
background: #9fd0ff;
}

#acMenu dd{
background:#fff;
width:100%;
display:none;
}


/*------------------------------------  e-learning Page  --*/
.e-box01 {
width: 200px;
margin-left:5px;
margin-right:5px;
padding: 10px;
font-size:1.25em;
background:#eafbf9;
border: solid #22a296 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
  box-sizing: border-box;
}

.e-box02{
width: 390px;
margin-left:5px;
margin-right:5px;
padding: 10px;
background:#eafbf9;
border: dotted #22a296 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
  box-sizing: border-box;
}

.e-box03{
width: 385px;
margin-left:5px;
margin-right:5px;
padding: 10px;
background:#eafbf9;
border: solid #22a296 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
  box-sizing: border-box;
}

.relative {
position: relative;
}

.arrow_down{
width: 50px;
margin-top:15px;
margin-left:80px;

}
.arrow_down::before{
content: "";
display: block;
margin: 0 auto;
width: 30px;
height: 50px;
background: #999;
}
.arrow_down::after{
content: "";
display:block;
border-top: 25px solid #999;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
transform-origin: left top;
transform: scaleY(.5);
}

/*--  css button  --*/
.btn-og {-webkit-border-radius:28;-moz-border-radius:28;border-radius: 28px;font-family: Arial;color:#fff;font-size: 20px;background:#f07d2b;padding: 10px 20px 10px 20px;border-bottom:1px solid #fff;}
.btn-og span{color: #fff;text-decoration:none;}
.btn-og:hover {background: #f39958;text-decoration:none;}
#noline{text-decoration-line: none!important;}


/*  テーブル  */
table.event-table {
border-collapse: collapse;
margin: 0 0 10px;
}

table.event-table th{
text-align:center;
}

table.event-table th,
table.event-table td {
padding: 5px 10px;
border: 1px solid #ccc;
font-weight: normal;
line-height: 1.4;
}

table.event-table .table-item{
background:#E9E9E9;
text-align:center;
}
table.event-table .head{
background:#F3F5FE;
text-align:center;
}

.wf-smn-pic{
position: absolute;
top:50%;
left:68%;
}

.side-seihin{
border:1px solid #E1E1E1;
}
.side-seihin .head{
text-align:center;
padding:5px;
background:#F3F5FE;
border-bottom:1px solid #E1E1E1;
}

.side-seihin ul{
padding:20px 15px 15px 15px;
}
.side-seihin li{
margin-bottom:5px;
}
.side-seihin li a{
background:url(/common5/img/icn_link2.gif) 0px no-repeat;
padding-left:12px;
}

/*  .side-seihin2  202107～*/
/*.side-seihin2{
 margin: 0 0 20px;
border-bottom: 1px solid #ddd;
box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);
font-size: 95%;
padding:20px 10px;
background: #f4f4f4;
}

.side-seihin2 li{margin-bottom:10px;}
.side-seihin2 li:last-child{margin-bottom:0px;}

.side-seihin2 a{
display:block;
text-decoration:none;
}

.side-seihin2 .icon{
padding-left:0;
padding-right:0;
width:50px;
text-align:center;
margin-right:10px;
float:left;
}

.side-seihin2 .name{
position:relative;
padding-left:15px;
overflow:hidden;
display:block;
}
.side-seihin2 .name:before{
border:5px solid transparent;
border-left:5px solid #8d8d8d;

content:"";
position:absolute;
left:0;
top:5px;
}*/



.navi-li-a-add-border{
border-bottom: 1px solid #e1e1e1;
}

.side-seihin2-flex{
border-bottom: 1px solid #ddd;
font-size: 95%;
padding:20px 10px;
background: #f4f4f4;
}

.side-seihin2-flex li{margin-bottom:8px;}
.side-seihin2-flex li:last-child{margin-bottom:0px;}

.side-seihin2-flex li{
display: flex;
align-items:center;
}

.side-seihin2-flex a{
text-decoration:none;
}

.side-seihin2-flex .icon{
margin-right:10px;
}

.side-seihin2-flex .name{
position:relative;
padding-left:15px;
overflow:hidden;
}

.side-seihin2-flex .name:before{
border:5px solid transparent;
border-left:5px solid #8d8d8d;

content:"";
position:absolute;
left:0;
top:5px;
}




/* 縦横テーブルspラベルあり　イベント・展示会 */
.tbl-event {
width:100%;
border-collapse: collapse;
border: #ccc solid 1px;
}
.tbl-event thead th {
padding:8px 10px;
border: #ccc solid 1px;
text-align: center;
}
.tbl-event thead th:last-child {
border-right:#ccc solid 1px;
}
.tbl-event tbody th {
padding:8px 10px;
border-bottom:#ccc solid 1px;
}
.tbl-event tbody tr th:first-child {
border-top:#ccc solid 1px;
}
.tbl-event tbody tr th:last-child {
border-bottom:#ccc solid 1px;
}
.tbl-event tbody td:first-child {
padding:8px 10px ;
border-top:#ccc solid 1px;
}
.tbl-event tbody td {
padding:8px 10px ;
text-align: center;
border-bottom:#ccc solid 1px;
}


/*  申込みボタン css   */
.event-btn {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
color: #FFFFFF;
font-family: Open Sans ;
font-size: 20px;
padding: 16px 22px;
border-style-hover: solid;
border-width-hover: 0;
background-color: #F1823A;
box-shadow: 2px 2px 3px 0px #A15320;
-webkit-box-shadow: 2px 2px 3px 0px #A15320;
-moz-box-shadow: 2px 2px 3px 0px #A15320;
text-decoration: none;
display: inline-block;
cursor: pointer;
}

.event-btn:hover {
background: #FB9D60;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
}

/*-------------------------------------------------------contents_license-agreement*/

.agree-intro{padding-top:30px;}

.agree-intro h2{
text-align:center;
margin-bottom:30px;
}

.link-back{
text-align:center;
margin-top:40px;
}

.link-back a{
display:inline-block;
text-decoration:none;
padding:8px 30px;
box-shadow: 2px 2px 3px rgba(100,100,100,0.1);
border-radius: 5px;
border:1px solid #cccccc;
}

.link-back a:before{
content:"";
background-image:url(/framework/download/images5/agree/back.png);
width:6px;
height:7px;
display:inline-block;
margin-right:10px;
}

/* イベント用　縦横テーブルspラベル付きブロック設定 */
.event-table01 {
width:100%;
border-collapse: collapse;
border: #ccc solid 1px;
}
.event-table01 thead th {
padding:6px 10px;
border: #ccc solid 1px;
}
.event-table01 thead th:last-child {border-right:#ccc solid 1px;}
.event-table01 tbody th {
padding:6px 10px;
border-bottom:#ccc solid 1px;
}
.event-table01 tbody tr th:first-child {border-top:#ccc solid 1px;}
.event-table01 tbody tr th:last-child {border-bottom:#ccc solid 1px;}

.event-table01 tbody td:first-child {
padding:6px 10px ;
border-top:#ccc solid 1px;
}
.event-table01 tbody td {
padding:6px 10px ;
text-align: center;
border-bottom:#ccc solid 1px;
}

/*    セミナ表 FLEX     */
.webinar-flex{
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content:center;
align-content: flex-start;
}

.webinar-flex-item dt{
font-size: 12px;
border: 1px solid #ccc;
padding: 3px;
text-align: center;
height: 29px;
line-height: 1.3;
}


.webinar-flex-item dd{
font-size: 12px;
border: 1px solid #ccc;
border-top: 0;
padding: 3px;
text-align: center;
height: 46px;
line-height: 1.3;
}

.webinar-flex-item{width: calc(100% / 4.3);}

/*----　SP変換なしtable　----*/
.table04-event {
width:100%;
border-collapse: collapse;
border: #ccc solid 1px;
}
.table04-event thead th {
padding:6px 10px;
border: #ccc solid 1px;
}
.table04-event thead th:last-child {
border-right:#ccc solid 1px;
}
.table04-event tbody th {
padding:6px 10px;
border-bottom:#ccc solid 1px;
}
.table04-event tbody tr th:first-child {
border-top:#ccc solid 1px;
}
.table04-event tbody tr th:last-child {
border-bottom:#ccc solid 1px;
}
.table04-event tbody td:first-child {
padding:6px 10px ;
border-top:#ccc solid 1px;
}
.table04-event tbody td {
padding:6px 10px ;
text-align: center;
border-bottom:#ccc solid 1px;
}

/*  イベント一覧内ページトップへのリンク設定   */
.pagetop{text-align:right;margin:15px 0;}
.pagetop a{text-decoration:none;background:url(/common5/img/icn_gototop.gif) no-repeat 100% center;}
.pagetop a:hover{text-decoration:underline;}


/*　一覧内空白セルの代わりのマージン　*/
.pr17p-sp5{padding-right:17%!important; }


/*  講習会ポップアップ解説（iframeコンテンツ）  */
.fancybox-slide--iframe .fancybox-content {
width : 860px;
height : 500px;
max-width : 80%;
max-height : 80%;
margin: 0;
padding:10px;
}


/*   リストの枠   */
.kaisai-table li{border:solid thin #ccc;padding: 8px;}
.kaisai-table li:not(:first-child) {border-left: none;}
.kaisai-table li{border-top: none;}
.kaisai-table li.first{border-top: solid thin #ccc;}

.kaisai-table .place{width: 78px;display: flex;justify-content: center;align-items: center;}
.kaisai-table .date-time{width: 150px;display: flex;justify-content: center;align-items: center;}
.kaisai-table .venue{width: 136px;display: flex;justify-content: center;align-items: center;}
.kaisai-table .capacity{width: 56px;display: flex;justify-content: center;align-items: center;}
.kaisai-table .appl{width: 160px;display: block;}
.kaisai-table .appl-end{width: 160px;height: 93px;display: flex;justify-content: center;align-items: center;}

.kaisai-table .appl img{display: block;margin: auto;}

.kaisai-table-flex{display:block;}



/* --------------------------------------------  for SP  --------------*/

@media screen and (max-width: 576px) {
  #event-wrap{
    margin:0 15px;
  }
  .event-wrap{
    width:auto;
    padding-left:15px;
    padding-right:15px;
  }
  .icon-block .fukidashi{
    transform: translate(-0%, -0%);
    left:auto;
    right:0;
    max-width: initial;
  } 
  .icon-block .fukidashi:before{
    left:auto;
    transform: translate(-0%, -0%);
    right:25px;
  }
  p.event_oldies {margin-top: 20px;}
  .event-logo-section .logo-list::after{
    display: none;
  }
  .event-logo-section .logo-list li{
    margin-bottom: 10px;
  }
  .event-logo-section .logo-list li{
    width: calc(100% / 2.08);
  }
  .event-logo-section .logo-list li span{
    height:55px;
  }
    
  .event-logo-section .logo-list li span img{
    width:95%;
  }
  .event-logo-section .logo-list li span:before{
    transform: rotate(-45deg);
    left:auto;
    right:-2px;
    bottom:-1px;
  }
  .event-section h2 img{width:200px;}
  .page{
    border:0;
    margin-bottom:20px;
  }  
  .page-inner{padding:10px 15px;}
  div.tit{
    padding:10px 3%;
    font-size:70%;
  }
  .page-inner section{padding-bottom:15px;}
  .page-inner h2{margin-bottom:10px;}
  .smn_pg-table{
    width:100%;
    margin-bottom:15px;
  }
    
  .smn_pg-table th,
  .smn_pg-table td{
    padding:5px;
    word-break: break-all;
    font-size:80%;
  }
  div.program .body{padding:10px 3%;}
  div.program .theme{
    font-size:110%;
    margin-bottom:10px;
  }
  div.program .person{margin-top:15px;}
  #expo_matrix table{
    width:100%;
  }
  #expo_matrix th,
  #expo_matrix td{
    padding:5px;
    word-break: break-all;
    font-size:80%;
  }
  table.hyou1{
    width:100%;
  }
  #main .event-archive{
    margin-left:15px;
    margin-right:15px;
  }
  .archivelist ul{
    margin-bottom:0;
    padding-bottom:20px;
  }
  .archivelist .date,
  .archivelist .date2{
    position:static;
    width:auto;
    display:block;
    padding:0;
    margin-bottom:5px;
  }
  .archivelist .date2 span{margin-right:5px;}
  .archivelist .date2 br{display:none;}
  .archivelist .event_theme{
    width:auto;
    margin:0 ;
    padding:0 68px 0 0;
    
    min-height:initial;
    background:none;
  }
  .archivelist .event_theme:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
    position:absolute;
    right:61px;
    top:20px;
    height: calc(100% - 40px);
    width:1px;
    border-left:1px dotted #999;
    content:"";
  }
  .archivelist .event_place{
    top:50%;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
  }
  table.event-table{
    width:100%;
  }
  .wf-smn-pic{
    position: absolute;
    top:50%;
    left:68%;
  }
  .side-seihin li{
    margin-bottom:15px;
  }
  .side-seihin2-flex{
    padding-left: 15px;
  }
  .side-seihin2-flex li{margin-bottom:12px;}
  .tbl-event {
    border: none;
  }
  .tbl-event .thead {
    display: none;
  }
    
  .tbl-event tr {
    border-bottom: none;
    width: 100%;
  }
    
  .tbl-event th {
    border-bottom: none;
    display: block;
    padding: 0;
  }
    
  .tbl-event td {
    border-top: none;
    border-bottom: none;
    display: block;
    text-align: right;
  }
    
  .tbl-event td:first-child {
    text-align: right;
    background:#e9e9e9;
  }
    
  .tbl-event td:last-child {
    border-bottom:#ccc solid 1px;
    margin-bottom: 6px;
  }
    
  .tbl-event td:before {
    content: attr(data-label);
    float: left;
    font-weight: nomal;
    margin-right: 6px;
    text-align: right;
  }
  .event-table01 {border: 0;}
  .table04 .thead {display: none;}
  .event-table01 tr {
    width: 100%;
    display: block;
    margin-bottom: 1em;
  }
  .event-table01 tr:nth-child(even) {background: #f3f5fe;}
  .event-table01 th {
    display: none;
    padding: 0;
    border: 0;
  }
    
  .event-table01 td {
    border-bottom: none;
    display: block;
    text-align: right;
    border-bottom: 0px;
  }
    
  .event-table01 td:last-child {
    border-bottom:#ccc solid 1px;
    display: block;
    text-align: right;
  }
    
  .event-table01 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    /*background-color: #f3f5fe;*/
    font-size:0.86em;
    margin-right: 15px;
    text-align: right;
  }
    
  .event-table01 tr:nth-child(even) td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    /*background-color: #fff;*/
    font-size:0.86em;
    margin-right: 15px;
    text-align: right;
  }
  .webinar-flex{
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content:center;
    align-content: flex-start;
  }
  .webinar-flex-item{width: calc(100% / 2.1);}
  .table04-event tbody td {
    font-size: 0.8em;
  }
  .pr17p-sp5{padding-right:5px!important;}


  /*   リストの枠SP   */
  .kaisai-table li{border:solid thin #ccc;padding: 8px;}
  .kaisai-table li:not(:first-child) {border-top: none;border-left: solid thin #ccc;}
  /*.kaisai-table li{border-top: solid thin #ccc;}*/
  .kaisai-table li.first{border-top: solid thin #ccc;}


  .kaisai-table{margin-bottom:15px;}

  .kaisai-table .place{width: auto;display: flex;justify-content: center;align-items: center;}
  .kaisai-table .date-time{width: auto;display: flex;justify-content: center;align-items: center;}
  .kaisai-table .venue{width: auto;display: flex;justify-content: center;align-items: center;height:60px;}
  .kaisai-table .capacity{width: auto;display: flex;justify-content: center;align-items: center;}
  .kaisai-table .appl{height: 93px;width: auto;display: block; margin:auto;}
  .kaisai-table .appl-end{height: 93px;width: auto;display: flex; margin:auto;}

  .kaisai-table-flex{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
  .sp-w49p {width:calc(49%);}




}