/* ::::: http://203.189.96.217/webinarsystem2/css/style.css ::::: */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; font-size-adjust: inherit; font-stretch: inherit; font-feature-settings: inherit; font-language-override: inherit; font-kerning: inherit; font-synthesis: inherit; font-variant: inherit; font-size: 100%; vertical-align: baseline; }
.clearfix::after { content: " "; display: block; clear: both; }
html { line-height: 1; }
q::before, q::after{ content: none; }
blockquote{background-color:#f4f4f4;padding:2em 2em;position:relative; box-sizing:border-box; margin-bottom:15px; border-radius:10px;}
blockquote:before{content:"“";font-size:600%;line-height:1em;font-family:"ＭＳ Ｐゴシック",sans-serif;color:#fff;position:absolute;left:0;top:5px;}
blockquote:after{content:"”";font-size:600%;line-height:1em;font-family:"ＭＳ Ｐゴシック",sans-serif;color:#fff;position:absolute;right:0;bottom:-40px;}


html { font-size: 6.25%; }
.mobile div.wrap::after { content: ""; display: table; clear: both; }
body { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 16px; line-height: 140%; background: rgb(255, 255, 255) none repeat scroll 0px 0px; position: relative; }
div.wrap { position: relative; width: 100%; max-width: 1000px; margin: 0px auto; }
div.wrap::after { content: ""; display: table; clear: both; }
body strong, body b { font-weight: bold; }
#header { background-color: rgb(111, 149, 178); overflow: hidden; z-index: 999; }
#header #header_inner { padding: 0px; }
#header .wrap { overflow: hidden; position: relative; }
#header .wrap #header_s_tit { display: table; width: 100%; }
#header .wrap #site_tit { display: table-cell; vertical-align: top; padding: 10px 5px; color: rgb(255, 255, 255); width: 70%; float: left; box-sizing: border-box; }
#header .wrap #site_info { display: table-cell; vertical-align: top; padding: 10px 0px; box-sizing: border-box; width: 28%; float: right; }
#footer { background-color: rgb(204, 204, 204); padding: 20px 20px 10px; border-top: 1px solid rgb(170, 170, 170); }
#footer::after { content: ""; display: table; clear: both; }
#footer #footer_navi { width: 100%; text-align: center; }
#footer #footer_navi::after { content: ""; display: table; clear: both; }
#footer p#copyright { text-align: center; padding-top: 10px; color: rgb(51, 51, 51); }
#footer .wrap { position: relative; color: rgb(255, 255, 255); font-size: 13px; }
#footer .wrap p { margin-bottom: 6px; }
#launch_footer::after { content: ""; display: table; clear: both; }
#launch_footer #footer_navi::after { content: ""; display: table; clear: both; }
#main { width: 100%; margin: 0px auto; }
#main .wrap { margin: 0px auto; padding: 0px 0px 20px; }
#main #launch_contents_container #launch_contents_container_inner .main_section_header h2::after { content: ""; display: table; clear: both; }
#main #launch_contents_container #launch_contents_container_inner ul.launch_contents_list li::after { content: ""; display: table; clear: both; }
#main .launch-form_content::after { content: ""; display: table; clear: both; }
#main .form_content.launch-form_content .form_content-title::after { content: ""; display: table; clear: both; }
#main #side_contents #side_contents_inner::after { content: ""; display: table; clear: both; }
#main #side_contents .semi_tit::after, #main .main_form_contentL .semi_tit::after { content: ""; display: table; clear: both; }
#main .main_form_content::after { content: ""; display: table; clear: both; }
#main .form_content .form_content-title::after { content: ""; display: table; clear: both; }
#main .profile_content { max-width: 1000px; margin: 30px auto; padding: 20px; box-sizing: border-box; width: 100%; }
#main .profile_content::after { content: ""; display: table; clear: both; }
#main .profile_content .profile_top { font-size: 20px; font-weight: bold; padding: 10px; margin-bottom: 20px; position: relative; color: rgb(246, 246, 246); line-height: 30px; background: rgb(25, 40, 60) none repeat scroll 0% 0%; z-index: 0; box-sizing: border-box; }
#main .profile_content .profile_body {  }
#main .profile_content .profile_body::after { content: ""; display: table; clear: both; }
#main .profile_content .profile_body p { font-size: 15px; line-height: 160%; margin-bottom: 0px; }
#main .profile_content .profile_body img { max-width: 230px; height: auto; }
#main .main_section_header h2::after { content: ""; display: table; clear: both; }
#main .main_section_right .webinar_info_section .semi_tit::after { content: ""; display: table; clear: both; }
#main .content::after { content: ""; display: table; clear: both; }
#main .content div.form_content .form_content-content .form_content_continner .error_message::after { content: ""; display: table; clear: both; }
#main .content div.form_content .form_content-content .form_content_continner label::after { content: ""; display: table; clear: both; }
#main .content div.form_content .form_content-content .form_content_continner input::-moz-placeholder { color: rgb(204, 204, 204); font-weight: normal; }
#main .msg_box::after { content: ""; display: table; clear: both; }
#main #media_top { width: 100%; max-width: 853px; margin: 10px auto; display: block; font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif; font-size: 18px; font-weight: normal; line-height: 160%; padding: 0px; color: rgb(51, 51, 51); }
#main #media_top .media_tit { padding: 0px 5px; border-left: 5px solid rgb(255, 156, 0); margin-bottom: 15px; box-sizing: border-box; }
#main #media_top .media_lec { margin-left: 20px; font-size: 16px; font-weight: bold; color: rgb(255, 199, 38); line-height: 140%; text-align: left ! important; }
#main #media_top .media_tit p { margin-bottom: 5px; }
#main #media_top h2 { display: block; font-size: 24px; font-weight: bold; margin-bottom: 15px; }
#main #media_top h3 { display: block; font-size: 18px; font-weight: bold; background: rgb(244, 244, 244) none repeat scroll 0% 0%; padding: 5px; border-top: 1px dotted rgb(204, 204, 204); border-bottom: 1px dotted rgb(204, 204, 204); }
#main #media_content { background-color: transparent; }
#main #media_content .media_box { width: 100%; max-width: 813px; margin: 0px auto; border: 1px solid rgb(237, 237, 237); }
#main #media_content .media_box .video_content { position: relative; overflow: hidden; height: 0px; padding-bottom: 56.25%; padding-top: 0px; }
#main #media_content .media_box .video_content iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; }
#main #media_footer .content_navi::after { content: ""; display: table; clear: both; }
#main #main_content_container::after { content: ""; display: table; clear: both; }
#main #sales_page .wrap::after { content: ""; display: table; clear: both; }
#main.media_page .profile_content { margin: 20px auto; width: 100%; max-width: 853px; }
.lec_column { display: block; margin: 0px 4% 0px 0px; float: left; box-sizing: border-box; }
.lec_column img, .lec_column iframe, .lec_column object, .lec_column embed { max-width: 100%; }
.lec_tit { font-size: 20px; }
.lec_img { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); border-radius: 0px; box-shadow: 0px 0px 0px rgb(238, 238, 238); border: 0px solid rgb(204, 204, 204); }
.lec_imgH { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.lec_imgT { text-align: center; }
.sue_panel::after { content: ""; display: table; clear: both; }
#wp_cmt #respond #commentform::after { content: ""; display: table; clear: both; }
#wp_cmt #respond #commentform input#author::after { content: ""; display: table; clear: both; }
#wp_cmt #respond #commentform input#email::after { content: ""; display: table; clear: both; }
#wp_cmt #respond #commentform textarea::after { content: ""; display: table; clear: both; }
#wp_cmt #respond #commentform .form_submit::after { content: ""; display: table; clear: both; }
#wp_cmt .commentlist::after { content: ""; display: table; clear: both; }
#wp_cmt .commentlist li::after { content: ""; display: table; clear: both; }
#wp_cmt .commentlist li .cmt_body::after { content: ""; display: table; clear: both; }
#wp_cmt .commentlist li .cmt_author::after { content: ""; display: table; clear: both; }
#wp_cmt .commentlist li .cmt_main_content::after { content: ""; display: table; clear: both; }
.simg{width:100%;}
#media_inbox{padding:20px 0;}
.p0{padding:0 20px!important;}
.mt25{margin-top:25px!important;}
.mb0{margin-bottom:0px!important;}
.mt0{margin-top:0px!important;}

img {
	max-width:100%; /* 画像の最大幅 */
	width /***/:auto; /* IE8のみ */
	height:auto;
	vertical-align:bottom;
}


@media only screen and (min-width: 760px) {
	#site_tit { width: 100% ! important; float: none ! important; }
	#main { margin: 0px auto; width: 100%; }
}
@media screen and (max-width: 680px) {
	#site_tit { width: 100% ! important; float: none ! important; }
	#main .profile_content { width: 98%; margin: 20px auto; padding: 10px; box-sizing: border-box; }
	#main #media_top { vertical-align: top; padding-top: 2%; padding-right: 1%; padding-left: 1%; box-sizing: border-box; }
blockquote{background-color:#f4f4f4;padding:1em 1em;box-sizing:border-box; margin-bottom:15px; border-radius:0px;}
blockquote:before, blockquote:after{content: none; }
.profile_content {padding: 0px 0px!important;}
.media_box {border:none;}

}
@media only screen and (max-width: 760px) {
	#site_tit { width: 100% ! important; float: none ! important; }
	.views_vim img { width: 100%; }
	.lec_column { display: block; margin: 0px 0px 2%; float: none; text-align: center; }
}
@media screen and (max-width: 782px) {
}
@media screen and (max-width: 960px) {
}
/* ::::: http://203.189.96.217/webinarsystem2/css/fontello.css ::::: */

@font-face {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	src: url('fontello.eot') format("embedded-opentype"), url('fontello.woff') format("woff"), url('fontello.ttf') format("truetype"), url('fontello.svg') format("svg");
}
[class^="icon-"]::before, [class*=" icon-"]::before { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; }
.icon-doc-text::before { content: ""; }
.icon-right-circle::before { content: ""; }
.icon-angle-double-right::before { content: ""; }
.icon-circle::before { content: ""; }
.icon-filter::before { content: ""; }
.icon-plus-1::before { content: ""; }
.icon-angle-right::before { content: ""; }
.icon-video::before { content: ""; }
.icon-lock::before { content: ""; }
.icon-filter-1::before { content: ""; }
.icon-right-open::before { content: ""; }
.icon-right-dir::before { content: ""; }
.icon-th-list::before { content: ""; }
.icon-folder-open::before { content: ""; }
.icon-plus::before { content: ""; }
.icon-th::before { content: ""; }
.icon-folder::before { content: ""; }
.icon-menu::before { content: ""; }
.icon-menu-1::before { content: ""; }
.icon-logout::before { content: ""; }
.icon-user-1::before { content: ""; }
.icon-home::before { content: ""; }
.icon-chat::before { content: ""; }
.icon-off::before { content: ""; }
.icon-user::before { content: ""; }
.icon-help-circled::before { content: ""; }
.icon-users::before { content: ""; }
.icon-down-dir::before { content: ""; }
.icon-file-pdf::before { content: ""; }
.icon-file-word::before { content: ""; }
.icon-file-archive::before { content: ""; }
.icon-file-audio::before { content: ""; }
.icon-file-video::before { content: ""; }
.icon-file-excel::before { content: ""; }
.icon-file-powerpoint::before { content: ""; }
.icon-left-dir::before { content: ""; }
.icon-angle-double-left::before { content: ""; }
.icon-angle-left::before { content: ""; }
.icon-download::before { content: ""; }
.icon-download-cloud::before { content: ""; }
.icon-search::before { content: ""; }
.icon-ok::before { content: ""; }
.icon-ok-circle::before { content: ""; }
.icon-comment::before { content: ""; }
.icon-mic::before { content: ""; }
.icon-mic-1::before { content: ""; }
.icon-mic-off::before { content: ""; }
.icon-yen::before { content: ""; }
.icon-truck::before { content: ""; }
.icon-certificate::before { content: ""; }
.icon-facebook::before { content: ""; }
.icon-ok-1::before { content: ""; }
.icon-mail::before { content: ""; }
.icon-mail-1::before { content: ""; }
.icon-ok-squared::before { content: ""; }
.icon-mail-2::before { content: ""; }
.icon-mail-alt::before { content: ""; }
.icon-mail-3::before { content: ""; }
.icon-mail-4::before { content: ""; }
.icon-monitor::before { content: ""; }
.icon-desktop::before { content: ""; }
.icon-graduation-cap::before { content: ""; }
.icon-chart-line::before { content: ""; }
.icon-print::before { content: ""; }
.icon-play-circled::before { content: ""; }
.icon-play-circled-1::before { content: ""; }
/* ::::: http://203.189.96.217/webinarsystem2/css/box-shortcodes.css?ver=4.9.9 ::::: */

.lec_clearfix::before, .lec_clearfix::after { display: table; content: " "; }
.lec_clearfix::after { clear: both; }
.su-tabs-vertical::before, .su-tabs-vertical::after { content: " "; display: table; }
.su-tabs-vertical::after { clear: both; }
@media only screen and (max-width: 768px) {
}
.su-spoiler-icon-plus .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-plus-circle .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-plus-square-1 .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-plus-square-2 .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-arrow .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-chevron .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-chevron-circle .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-caret .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-caret-square .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-folder-1 .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-folder-2 .su-spoiler-icon::before { content: ""; }
.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon::before { content: ""; }
.su-quote-style-default::before, .su-quote-style-default::after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('quote.png'); content: ""; }
.su-quote-style-default::before { top: 0px; left: 0px; background-position: 0px 0px; }
.su-quote-style-default::after { right: 0px; bottom: 0px; background-position: -20px 0px; }
.su-quote-style-default .su-quote-cite::before { content: "— "; }
.su-row::before, .su-row::after { display: table; content: ""; }
.su-row::after { clear: both; }
.lec_column { display: block; margin: 0px 4% 0px 0px; float: left; box-sizing: border-box; }
.lec_column img, .lec_column iframe, .lec_column object, .lec_column embed { max-width: 100%; }
@media only screen {
}
.lec_column_size_1_3 { width: 30.66%; }
@media only screen and (max-width: 768px) {
	.lec_column { width: 100% ! important; margin: 0px 0px 1.5em ! important; float: none ! important; }
}
.lec_column_inner > :first-child, .su-accordion > :first-child, .su-spoiler-content > :first-child, .su-service-content > :first-child, .su_box-content > :first-child, .su-note-inner > :first-child, .su-expand-content > :first-child, .su-lightbox-content > :first-child { margin-top: 0px; }
.lec_column_inner > :last-child, .su-tabs-pane > :last-child, .su-accordion > :last-child, .su-spoiler-content > :last-child, .su-service-content > :last-child, .su_box-content > :last-child, .su-note-inner > :last-child, .su-expand-content > :last-child, .su-lightbox-content > :last-child { margin-bottom: 0px; }
.views_vim { display: none; width: 100%; background-color: rgb(255, 255, 255); text-align: center; }
#movies_on { width: 100%; height: 481px; bottom: 0px; position: absolute; background-color: rgb(255, 255, 255); opacity: 0; z-index: 1000; color: rgb(255, 255, 255); }