.seminarIndex{
	padding:48px 15px;
	width:96%;
	max-width:1050px;
	margin:0 auto;
}

.seminarInner{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

/* 
@media(min-width:1024px){
	.childPageHeader:before{
		position:absolute;
		content:"";
		background:right / cover no-repeat url(../img/titlebg.png);
		width:100%;
		height:100%;
		right:0;
		top:0;
		bottom:0;
	}
} */

.inSessionInfo.inSession{
    background:#EDF3FF;
    padding:26px;
    width:100%;
    display:flex;
    flex-wrap: wrap;
}

.seminarThumb{
    width:180px;
    margin-bottom:32px;
}

.seminarTitle{
    width:calc(100% - 206px);
    margin-left:26px;
    margin-bottom:32px;
}

.seminarStatus{
    padding:4px 12px;
    background: linear-gradient(90deg,#28BBF8,#0E69E2);
    color:#fff;
    display:inline-block;
}

.seminarTitle .commonH2{
    margin:16px 0;
}

.seminarTitle h3{
    color:#343434;
}

.seminarTable{
    width:70%;
    margin-right:26px;
}

.seminarTable table th{
    width:30%;
}

.seminarTable .commonTable td{
    background:#fff;
}

.seminarTag{
    width:calc(30% - 26px);
}

.seminarTag span{
    display:inline-block;
    color:#fff;
    padding:4px 16px;
    margin-right:6px;
    margin-bottom:8px;
    background: linear-gradient(90deg,#28BBF8,#0E69E2);
    border-radius:100px;
}

.inSessionInfo.inSession .commonButton{
    width:70%;
    margin:26px auto;
    display:block;
    min-width:auto;
    max-width:none;
}

.seminarButton{
    width:100%;
}

.endSessionInfo.endSession{
    background:#fff;
    border:1px solid #EDF3FF;
    padding:16px;
    width:49%;
    margin:0 .5% 16px;
}

.endSessionInfo.endSession .seminarStatus{
    background:#343434;
}

.endSessionInfo.endSession .seminarTitle{
    width:100%;
    margin-left:0;
    margin-bottom:16px;
}

.endSessionInfo.endSession .seminarTitle h3{
    margin:10px 0 16px;
}

.endSessionInfo.endSession .seminarTitle h4{
    color:#343434;
    font-size:1.6rem;
}

.endSessionInfo.endSession .seminarTag{
    width:100%;
}
.endSessionInfo.endSession .seminarTag span{
    font-size:1.4rem;
    background:#535353;
}

.endSessionInfo.endSession .seminarTable{
    width:100%;
    
}

.endSessionInfo.endSession .seminarTable table{
    background:#EDF3FF;
    border-collapse: collapse;
    margin-bottom:16px;
}

.endSessionInfo.endSession .seminarTable table tr{
    border:1px solid #fff;
    
}

.endSessionInfo.endSession .seminarTable table th,.endSessionInfo.endSession .seminarTable table td{
    padding:8px;
}

.endSessionInfo.endSession .commonButton{
    width: 100%;
    margin: 26px auto;
    display: block;
    min-width: auto;
    max-width: none;
}

.catTag{
    background: linear-gradient(90deg,#28BBF8,#0E69E2);
    color:#fff;
    padding:6px 16px;
    display:inline-block;
    margin-bottom:32px;
}

table.program{
    border-collapse: collapse;
}

table.program tr{
    
}

table.program th{
    background: linear-gradient(90deg,#28BBF8,#0E69E2);
    border:1px solid #EDF3FF;
}

table.program td{
    background:#fff;
    border:1px solid #EDF3FF;
}

table.program h3{
    position:relative;
    font-weight:500;
    border-bottom:1px solid #28BBF8;
    padding:6px 0;
    padding-left:32px;
    margin-bottom:12px;
}

table.program h3:before{
    position:absolute;
    content:"";
    width:24px;
    height:24px;
    background:#28BBF8;
    top: 10px;
    left: 0;
}

.newsArticleInnerTable > .commonTable th{
    width:22%;
}

.newsArticleInnerTable{
    width:100%;
}

@media(max-width:480px){
    .seminarThumb{
        width:100%;
        display:none;
    }
    .seminarTitle{
        width:100%;
        margin-left:0;
    }
    .seminarTable{
        width:100%;
        overflow-x: scroll;
        margin-right:0;
    }
    .seminarTable .commonTable{
        min-width:auto;
    }
    .seminarTag{
        width:100%;
        margin-top:16px;
    }
    .inSessionInfo.inSession{
        padding:16px;
    }
    .inSessionInfo.inSession .commonButton{
        width:100%;
    }
    .seminarTitle h3{
        font-size:1.4rem;
    }
    .seminarTitle .commonH2{
        font-size:1.8rem;
    }
    .endSessionInfo.endSession{
        width:100%;
        margin:0 auto 16px;
    }
    .endSessionInfo.endSession .seminarTitle h3{
        font-size:1.6rem;
    }
    .endSessionInfo.endSession .seminarTitle h4{
        font-size:1.4rem;
    }
    .newsArticleInnerTable > .commonTable{
        min-width:auto;
    }
    .newsArticleInnerTable > .commonTable > tbody > tr > th{
        width:100%;
        display:block;
    }
    .newsArticleInnerTable > .commonTable > tbody > tr > td{
        width:100%;
        display:block;
    
    }
    table.program{
        width:100%;
    }
    table.program tr{
        display: block;
    }
    table.program th{
        width:100%;
        display:block;
        word-break: break-all;
    }
    table.program td{
        width:100%;
        display:block;
        word-break: break-all;
    }
}

li > h4{
    font-size:100%;
}