@charset "UTF-8";
/* ===== Base Settings ===== */
html { font-size: 10px; }

body { font-family: Verdana, Meiryo, sans-serif; font-size: 14px; line-height: 1.42857; color: #4b4848; background: #f3f3f3; }

area{
border:none;
outline:none;
}

a, a:active, a:hover, a:visited { outline: 0 !important; }

a:hover img.over { opacity: 0.7; filter: alpha(opacity=70); }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

nav.navbar-default { background: none; }

.navbar { margin: 0; padding: 0; min-height: max-content; border-radius: 0px; border-bottom: none; border: none; }
.navbar > .container .navbar-brand { margin: 0; }

.table-responsive { border-top: none; margin-bottom: 3rem; }
.table-responsive .table { margin-bottom: 0; font-size: 1.3rem; border-bottom: 1px solid #ddd; }
.table-responsive .table th { background: #d4eae2; padding-left: 1.5rem; padding-right: 1.5rem; font-weight: 400; }
.table-responsive .table td { padding-left: 2rem; padding-right: 2rem; }
.table-responsive .table em { font-size: 2rem; color: #a90f3d; font-weight: 700; font-style: normal; }

.content .clearfix { margin-bottom: 2rem; }
.content small { margin: .4rem 0; font-size: 1.2rem; line-height: 1.4; }

#return { position: fixed; bottom: 8%; right: 10px; overflow: hidden; }
#return a { display: inline-block; width: 64px; padding: 26px 0 12px 0; border: 1px solid #fff; border-radius: 50%; font-size: 12px; text-align: center; line-height: 1; font-weight: 700; color: #fff; background: url(../images/common/return.png) no-repeat 50% 5px #333; text-decoration: none; }
#return a:hover { background-color: #555; }

span.red, p.red { color: #dd0000; }
.yellow {
	color: #ffff00;
}
.red {
	color: #dd0000;
}

/* ===== Header Settings ===== */
/* ===== Header Top Settings ===== */
#header { background: #f3f3f3; }
.header_top { padding: 5px 0 10px 0; background: #000; }
.header_top ul { font-size: 10px; list-style: none;  margin: 0 3px; padding: 0; }
.header_top ul li { box-sizing: border-box; float: left; margin: 0 0 0 0.5rem; padding-left: 0; }
.header_top ul li:first-of-type { margin: 0; padding: 0; }
.header_top ul li:before { content: " "; display: inline-block; width: 1px; height: 10px; vertical-align: middle; margin-right: 20px; background: #fff;}
.header_top ul li:first-of-type:before { content: " "; display: none;}
.header_top ul li a { display: inline-block; color: #fff; }
.header_top ul li a span { display: block; padding: 0.2rem 0 0.2rem 2.5rem; }
.header_top ul li a:hover { text-decoration: none; opacity: 0.7; }
.header_top ul li.global a span { padding-left: 2.2rem; background: url(../images/common/global.png) 0 50% no-repeat; }
.header_top ul li.global a.nolink { text-decoration: none; background: #000; pointer-events:none; cursor:default;}
.header_top ul li.contact a span { background: url(../images/common/icon_mail_white.png) 0 50% no-repeat; }
.header_top ul li.home a span { padding-left: 2.2rem; background: url(../images/common/home.png) 0 50% no-repeat; }
.site_title .container { padding: 0 10px; }
.site_title h1 { margin: 1rem 0; }
@media (min-width: 768px) {
	.header_top { padding: 6px 0; }
	.header_top ul { float: right; font-size: 14px; }
	.header_top ul li { margin-left: 20px; padding-left: 0; border: none; }
	.header_top ul li a { padding: 0; }
	.header_top ul li.global a span { padding-left: 25px;  }
	.header_top ul li.contact a span { padding-left: 30px; }
	.header_top ul li.home a span { padding-left: 25px; }
	.site_title .container { padding: 0 15px; }
	.site_title h1 { margin: 20px 0; }
}
/* ===== Header Bottom Settings ===== */
.navbar-default { position: absolute; top: 0; right: 0; width: 100%; z-index: 100; }
.navbar-default .navbar-toggle { margin: 0; padding: 0; border: none; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; }
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar { background-color: #fff; }
.navbar-default #navigation { text-align: center; margin-top: 1.75rem; }
.navbar-default #navigation .navbar-nav { margin: 0 -15px; margin-bottom: 0; background: #000; }
.navbar-default #navigation .navbar-nav li { margin: 0; padding: 0; border-bottom: 1px solid #eee; }
.navbar-default #navigation .navbar-nav li a { color: #fff; font-weight: 700; }
.navbar-default #navigation .navbar-nav li a:hover { background-color: rgba(0, 0, 0, 0.8); }
.navbar-default #navigation .navbar-nav li a .caret { margin-left: 10px; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.navbar-default #navigation .navbar-nav li a .new { font-size: 1rem; line-height: 1.7; color: #ea6176; margin-left: 4px; }
.navbar-default #navigation .navbar-nav li#nv5 ul li:nth-of-type(2) br { display: none;}
.navbar-default .navbar-toggle { top: 0.9rem; right: 1rem; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #333;
    color: #555;
}
.navbar-default #navigation .navbar-nav li ul.dropdown-menu { margin: 0; padding: 0; background: #5C5C5C; border: none; border-radius: 0; }
.navbar-default #navigation .navbar-nav li ul.dropdown-menu li { border: none; border-top: 1px dotted #ddd; }
.navbar-default #navigation .navbar-nav li ul.dropdown-menu li hr { margin: 8px -12px; }
.navbar-default #navigation .navbar-nav li ul.dropdown-menu li a { font-size: 12px; font-weight: 400; border: none; text-align: center; padding: 8px 12px; }
.navbar-default #navigation .navbar-nav li ul.dropdown-menu li a span.label { margin-right: 5px; }
.navbar-default #navigation .navbar-nav li ul.dropdown-menu li a span.label-danger { background: #dd0000; color: #ffff00; }
.navbar-fixed-top { background: #000 !important; box-shadow: 0px 5px 5px rgba(30, 30, 30, 0.1); position: fixed !important; top: 0; z-index: 1000; min-height: 3.2rem; }

@media (min-width: 768px) {
	nav.navbar-default { position: inherit; background: #000; }
  .navbar-default #navigation .navbar-nav li.dropdown:hover > .dropdown-menu { display: block; }
  .navbar-default #navigation { margin: 0; padding: 0; height: auto; background: none; }
	.navbar-default #navigation .navbar-nav { width: calc(100% + 30px); } 
  .navbar-default #navigation .navbar-nav li { width: 25%; background: url(../images/common/bar.png) 100% 50% no-repeat; border-bottom: none; }
  .navbar-default #navigation .navbar-nav li:last-child { background: none; }
  .navbar-default #navigation .navbar-nav li a { font-size: 15px; /*color: #4b4848;*/ padding: 15px 8px; text-align: center; }
	.navbar-default #navigation .navbar-nav li a:hover { background-color: rgba(0, 0, 0, 0.1); }
	.navbar-default #navigation .navbar-nav li a .caret { border-top: 4px dashed #fff; }
	.navbar-default #navigation .navbar-nav li a .new { display: inline-block; vertical-align: middle; color: #fff; padding: 0 0.5rem; background: red; }
	.navbar-default #navigation .navbar-nav li a .new_off { display: inline-block; width: 1px; height: 30px; vertical-align: middle; }
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
			background-color: #cdcdcd;
	}
	.navbar-default #navigation .navbar-nav li#nv5 ul li:nth-of-type(2) br { display: inherit;}
	.navbar-default #navigation .navbar-nav li ul.dropdown-menu { width: 100%; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.8); }
	.navbar-default #navigation .navbar-nav li ul.dropdown-menu li { width: 100%; background: none; border: none; border-bottom: 1px solid #ddd; }
	.navbar-default #navigation .navbar-nav li ul.dropdown-menu li a { display: block; white-space: inherit; font-size: 12px; font-weight: 400; color: #fff; border: none; text-align: center; padding: 8px 12px; }
	.navbar-default #navigation .navbar-nav li ul.dropdown-menu li a:hover { background-color: #868686; }
  .navbar-default #navigation .navbar-nav li ul.dropdown-menu li a.nolink:hover { cursor: default; background-color: inherit; }
	.navbar-fixed-top { background: #000 !important; box-shadow: 0px 5px 5px rgba(30, 30, 30, 0.1); position: fixed; top: 0; z-index: 1000; border: none; }
}
@media (min-width: 992px) {
  .navbar-default #navigation .navbar-nav li a { padding: 15px 7px; }
	.navbar-default #navigation .navbar-nav li ul.dropdown-menu li a { font-size: 12px; }
	.navbar-default #navigation .navbar-nav li a .new_off { height: 35px; }
}
/* ===== Pickup Topic Settings ===== */
#special { border-bottom: 5px solid #000; }
#special .slide .slider li { padding: 0; background-size: cover; }
#special .slide .slider { margin: 0; padding: 0; }
#special .slide.pc { display: none; }
#special .thumb_wrap { position: relative; background: #080300; }
#special .thumb_wrap.pc { display: none; }
#special .thumb { display: table; margin: 0 auto; padding: 10px 0; list-style: none outside; }
#special .thumb * { box-sizing: content-box !important; }
#special .thumb li { float: left; width: 100px; margin-right: 10px; overflow: hidden; }
#special .thumb li:last-child { margin: 0; }
#special .thumb li a { display: block; background: #000; overflow: hidden; }
#special .thumb li a img { vertical-align: bottom; max-width: 100px; }
#special .thumb li a:hover, #special .thumb li a.active { border: 4px solid #8a8a89; }
#special .thumb li a:hover img, #special .thumb li a.active img { opacity: 1; margin: -4px; }
@media (min-width: 641px) {
	#special .slide.sp { display: none; }
	#special .slide.pc { display: block; }
	#special .slide .slider li { height: 220px; }
	#special .slide .slider li a { display: block; width: 100%; height: 220px; }
	#special .slide .slider li#slide01 { background: url("../images/slider/slider_image001_pc.jpg?221201") no-repeat center center/ auto 100%; }
	#special .slide .slider li#slide02 { background: url("../images/slider/slider_image002_pc.jpg?221201") no-repeat center center/ auto 100%; }
	#special .slide .slider li#slide03 { background: url("../images/slider/slider_image003_pc.jpg?210224") no-repeat center center/ auto 100%; }
	#special .slide .slider li#slide04 { background: url("../images/slider/slider_image004_pc.jpg?221201") no-repeat center center/ auto 100%; }
	#special .slide .slider li#slide05 { background: url("../images/slider/slider_image005_pc.jpg?221201") no-repeat center center/ auto 100%; }
	#special .slide .slider li#slide06 { background: url("../images/slider/slider_image006_pc.jpg?221128") no-repeat center center/ auto 100%; }
	#special .slide .slider li#slide07 { background: url("../images/slider/slider_image007_pc.jpg?230303") no-repeat center center/ auto 100%; }
	#special .slide .slider img { display: none; }
	#special .thumb_wrap.sp { display: none; }
	#special .thumb_wrap.pc { display: block; }
}
@media (min-width: 768px) {
	#special { border-bottom: 40px solid #000; }
  #special .slide { width: 100%; }
  #special .slide .slider { margin: 0; padding: 0; }
	#special .slide .slider li { height: 250px; }
	#special .slide .slider li a { height: 250px; }
}
@media (min-width: 992px) {
  #special .slide .slider { margin: 0; padding: 0; }
	#special .slide .slider li { height: 340px; }
	#special .slide .slider li a { height: 340px; }
  #special .thumb li { width: 140px; }
  #special .thumb li a img { max-width: 140px; }
}
@media (min-width: 1200px) {
	#special .slide .slider li { height: 440px; }
	#special .slide .slider li a { height: 440px; }
}
/* ===== Toppage Slider Settings ===== */
.slider-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1; }
.slider-wrapper img { max-width: 100%; display: block; }
.slider-wrapper .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.slider-wrapper .bx-pager, .slider-wrapper .bx-controls-auto { position: absolute; bottom: 10px; width: 100%; }
.slider-wrapper .bx-loading { min-height: 50px; background-image: image-url("slider/loader.gif", false, false); background-repeat: no-repeat; background-position: center center; background-color: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.slider-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px; }
.slider-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; }
.slider-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border: 1px solid #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) inset; }
.slider-wrapper .bx-pager.bx-default-pager a:hover, .slider-wrapper .bx-pager.bx-default-pager a.active { background: #76c5ab; }
.slider-wrapper .bx-controls-auto { text-align: center; }
.slider-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background-image: image-url("slider/controls.png", false, false); background-repeat: no-repeat; background-position: -86px -11px; margin: 0 3px; }
.slider-wrapper .bx-controls-auto .bx-start:hover, .slider-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.slider-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background-image: image-url("slider/controls.png", false, false); background-repeat: no-repeat; background-position: -86px -44px; margin: 0 3px; }
.slider-wrapper .bx-controls-auto .bx-stop:hover, .slider-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.slider-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.slider-wrapper .bx-prev { left: 10px; background: url("../images/slider/controls.png"); background-repeat: no-repeat; background-position: 0 -32px;  }
.slider-wrapper .bx-prev:hover { opacity: 0.6; background-position: 0 0; }
.slider-wrapper .bx-next { right: 10px; background: url("../images/slider/controls.png"); background-repeat: no-repeat; background-position: -43px -32px; }
.slider-wrapper .bx-next:hover { opacity: 0.6; background-position: -43px 0; }
.slider-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.slider-wrapper .bx-controls-direction a.disabled { display: none; }
.slider-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.slider-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.slider-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #eee\9; background: rgba(255, 255, 255, 0.85); width: 100%; }
.slider-wrapper .bx-caption span { color: #333; display: block; font-size: 1.3rem; font-weight: 700; text-align: center; padding: 10px; }

@media (min-width: 768px) {
	.slider-wrapper img { width: 750px; margin: 0 auto; }
}

@media (min-width: 992px) {
	.slider-wrapper img { width: 970px; }
	.slider-wrapper .bx-prev {
		left: calc((100% - 992px)/2);
	}
	.slider-wrapper .bx-next {
		right: calc((100% - 992px)/2);
	}
}

@media (min-width: 1200px) {
	.slider-wrapper img { width: 1169px; }
	.slider-wrapper .bx-prev {
		left: calc((100% - 1200px)/2 - 40px);
	}
	.slider-wrapper .bx-next {
		right: calc((100% - 1200px)/2 - 40px);
	}
}

/* ===== Index Content Settings ===== */
.content h2 { font-size: 19px; font-weight: 700; text-align: center; }
.content .pickup_seminar {position: relative; }
.content .pickup_seminar:after { content: "Seminar Pickup"; display: block; width: 100%; font-size: 60px; font-weight: bold; color: #E3690C; text-align: center; position: absolute; top: 0; opacity: 0.2; z-index: 10; }
.content .pickup_seminar a { color: #000; text-decoration: none; }
.content .pickup_seminar a:hover { opacity: 0.7; }
.content .pickup_seminar h2 { font-size: 24px; color: #E3690C; }
.content .pickup_seminar { padding: 1rem 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fff6c8+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,246,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,246,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,246,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff6c8',GradientType=0 ); /* IE6-9 */ }
.content .pickup_seminar h3 { font-size: 19px; font-weight: 700; color: #fff; text-align: center; padding: 0.5rem 1rem 0.75rem 1rem; background: #000; }
.content .pickup_seminar .cat01 h3 { background: #e9476a; }
.content .pickup_seminar .cat02 h3 { background: #578cc5; }
.content .pickup_seminar .cat03 h3 { background: #14a83c; }
.content .pickup_seminar img { display: table; width: 120px; margin: 0 auto; }
.content .sponsor_banner { padding: 1rem; }
.content .sponsor_banner p img { display: table; width: 80%; max-width: 380px; margin: 0 auto; }
.content .sponsor_banner .banner_slide { padding: 0; }
.content .sponsor_banner .banner_slide li { padding: 1rem 0.5rem; }
.content .sponsor_banner .banner_slide li img { display: table; width: 100%; }
.content .index_btn { padding: 0; }
.content .index_btn ul { list-style: none; padding: 0; }
.content .index_btn ul li { margin-bottom: 1rem; }
.content .index_btn ul li:last-of-type { margin-bottom: 0; }
.content .index_btn ul li a { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 700; color: #fff; text-align: center; padding: 1.5rem;}
.content .index_btn ul li a:hover { text-decoration: none; opacity: 0.7; }
.content .index_btn ul li.special a { background: -moz-linear-gradient(left,  #e14236 0%, #efa954 100%); background: -webkit-linear-gradient(left,  #e14236 0%,#efa954 100%); background: linear-gradient(to right,  #e14236 0%,#efa954 100%); }
.content .index_btn ul li.special span { display: inline-block; font-size: 14px; color: #E24236; padding: 0.5rem 1rem; border-radius: 3px; background: #fff; }
.content .index_btn ul li.registration a { font-size: 1.8rem; background: -webkit-linear-gradient(left,  rgba(196,0,0,1) 0%,rgba(219,43,43,1) 100%); background: linear-gradient(to right,  rgba(196,0,0,1) 0%,rgba(219,43,43,1) 100%); }
.content .index_btn ul li.registration a img { vertical-align: middle; margin-right: 1rem; }
.content .index_btn ul li.registration a span { font-size: 1.2rem; display: block; }
.content .index_btn ul li.exhibitor_only a { background: -webkit-linear-gradient(left,  rgba(23,33,124,1) 0%,rgba(31,85,168,1) 100%); background: linear-gradient(to right,  rgba(23,33,124,1) 0%,rgba(31,85,168,1) 100%); }
.content .index_btn ul li.exhibitor_only a img { vertical-align: middle; margin-right: 1rem; }
.content .index_btn ul li.exhibitor_only a span { font-size: 1.2rem; display: block; }
.content .thankyou { font-weight: 700; color: #e14236; text-align: center; margin: 2rem 0; padding: 1rem; border: 3px solid #e14236; background: #fff; }
.content .thankyou p { margin-bottom: 0; }
.content .thankyou p a { color: #e14236; text-decoration: underline; }
.content .thankyou p a:hover { text-decoration: none; }
.content .news { color: #fff; padding-bottom: 3rem; background: #e14236; background: -moz-linear-gradient(left,  #e14236 0%, #efa954 100%); background: -webkit-linear-gradient(left,  #e14236 0%,#efa954 100%); background: linear-gradient(to right,  #e14236 0%,#efa954 100%); }
.content .news p a { color: #fff; text-decoration: underline; }
.content .news p a:hover { opacity: 0.7; text-decoration: none; }
.content .news p.btn { width: 100%; padding: 0; }
.content .news p.btn a { display: block; color: #fff; text-align: center; padding: 0.5rem; border: 1px solid #fff; }
.content .news p.btn a:hover { text-decoration: none; opacity: 0.7; }
.content .submenu { padding: 3rem 0; background: url("../../images/index/bg_submenu.png") no-repeat center center/ cover; }
.content .submenu .btn { display: inherit; padding: 0; }
.content .submenu .btn p a { display: block; width: 100%; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 700; padding: 2rem 1rem; box-sizing: border-box; border: none; }
.content .submenu .btn p a:hover { opacity: 0.7; text-decoration: none; }
.content .submenu .btn p a small { display: block; font-weight: 400; font-size: 14px; }
.content .submenu .btn p a span.mtxt span { font-size: 20px; }
.content .submenu .btn p a span.ex { display: block; width: 18em; font-weight: 700; font-size: 14px; border-radius: 4em; margin: 1rem auto 0 auto; padding: 0 0 0.25rem 0; background: #e14236; background: -moz-linear-gradient(left,  #e14236 0%, #efa954 100%); background: -webkit-linear-gradient(left,  #e14236 0%,#efa954 100%); background: linear-gradient(to right,  #e14236 0%,#efa954 100%); }
.content .submenu .btn p a.nolink span.ex { opacity: 0.4; }
.content .submenu .btn p.prev a#submenu_search { background: url("../../images/index/bg_goods.png") no-repeat center center / cover; }
.content .submenu .btn p.prev a { background: url("../../images/index/bg_prev.png") no-repeat center center / cover; }
.content .submenu .btn p.target a:first-of-type, .content .submenu .btn p.prev a:first-of-type { margin-bottom: 10px; }
.content .submenu .btn p.target a#submenu_webinar { background: url("../../images/index/bg_seminar.png") no-repeat center center / cover; }
.content .submenu .btn p.target a { background: url("../../images/index/bg_flyer.png") no-repeat center center / cover; }
.content .submenu .btn p.layout a { background: url("../../images/index/image_brochure.jpg") no-repeat center center / cover; }
.content .submenu .btn p.matching a { background: url("../../images/index/bg_app.png") no-repeat center center / cover; }
.content .submenu .btn p.search a { font-size: 16px; color: #fff; background: #595758; }
.content .submenu .btn p.search a:first-of-type { margin-bottom: 10px; }
.content .submenu .btn ul { width: 100%; list-style: none; padding: 0; }
.content .submenu .btn ul li { margin-bottom: 10px; }
.content .submenu .btn ul li a { display: block; color: #fff; font-weight: 700; font-size: 18px; padding: 5px; }
.content .submenu .btn ul li a:hover { opacity: 0.7; text-decoration: none; }
.content .submenu .btn ul li a div { padding: 1rem; background: rgba(0,0,0,0.5); }
.content .submenu .btn ul li small { display: block; font-weight: 400; font-size: 14px; }
.content .submenu .btn ul li.kyosan a { background: url("../../images/index/bg_app.png") no-repeat center center / cover; }
.content .submenu .btn ul li.app a { background: url("../../images/index/bg_app.png") no-repeat center center / cover; }
.content .submenu .btn ul li.inq a { background: url("../../images/index/bg_inq.png") no-repeat center center / cover; }
.content .submenu .btn ul li.toshiba a { padding: 0; }
.content .submenu .btn ul li.toshiba a img { width: 100%; }
.content .submenu .btn ul li.keyword ul { display: flex; flex-wrap: wrap; }
.content .submenu .btn ul li.keyword ul li { width: 100%; margin-bottom: 5px; }
.content .submenu .btn ul li.keyword ul li a { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; background: -webkit-linear-gradient(left, #e14236 0%,#efa954 100%); background: linear-gradient(to right, #e14236 0%,#efa954 100%);}
.content .submenu .btn ul li.keyword ul li a:hover { opacity: 0.7; }
.content .submenu .btn p a.nolink:hover, .content .submenu .btn ul li a.nolink:hover { opacity: 1; cursor: default; }
.content .submenu a.sub_visual:hover { text-decoration: none; opacity: 0.7; }
.content .submenu #sub_visual { margin-bottom: 15px; padding-bottom: 42%; background: url("../../images/index/sub_visual.jpg") no-repeat center bottom / cover; }
.content .submenu #sub_visual .txt { color: #fff; padding: 1rem; background: #595758; }
.content .submenu #sub_visual h2 { font-family: 'Noto Serif JP', serif; font-weight: 700; margin: 0 0 1rem 0; }
.content .submenu #sub_visual h2 br { display: none; }
.content .material_keyword { margin-bottom: 2rem; background: #fff; }
.content .material_keyword img { display: table; max-width: 100%; margin: 0 auto; }
.content .COVID‑19 { padding-bottom: 1.5rem; }
.content .COVID‑19 h2 { color: #e14236; text-align: center; }
.content .COVID‑19 ul { list-style: none; padding: 0; }
.content .COVID‑19 ul li { padding: 0; }
.content .COVID‑19 .icon { display: flex; flex-wrap: wrap; color: #e14236; }
.content .COVID‑19 .icon li { width: 50%; margin-bottom: 0.5rem; }
.content .COVID‑19 .icon li span { display: table-cell; vertical-align: middle; }
.content .COVID‑19 .icon li img { width: 50px; vertical-align: middle; margin-right: 1rem; }
.content .COVID‑19 .note li { text-indent: -0.75em; margin-left: 0.75em; }
.content #information { color: #fff; padding: 3rem 0; background: #000; }
.content #information h2 { font-family: 'Roboto Condensed', sans-serif; margin: 0 0 2rem 0; }
.content #information ul { list-style: none outside; margin: 0; padding: 0; }
.content #information ul li { margin: 0 0 .5rem 0; }
.content #information ul li .date { margin: 0; }
.content #information ul li .desc { margin: 0 0 0.5rem 0; padding: 0; font-size: 1.3rem; }
.content #information ul li .desc a { text-decoration: underline; color: #fff; }
.content #information ul li .desc a:hover { text-decoration: none; color: #eee; }
.content #partners { padding: 3rem 0; background: #fff; }
.content #partners h2 { font-family: 'Roboto Condensed', sans-serif; margin: 0 0 2rem 0; }
.content #partners h2:last-of-type { margin: 3rem 0 2rem 0; }
.content #partners ul { display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto; padding: 0; list-style: none outside; }
.content #partners ul li { width: 100%; padding: 1rem 0.5rem; }
.content #partners ul li.kinouseifilm { width: 100%; }
.content #partners ul li img { margin: 0 auto; }
.content #partners ul li.kinouseifilm img { width: 240px; }
.content #partners ul li.kashoku img { width: 170px; }
.content #partners ul li.kansai img { width: 170px; }
.content #partners ul li.mtrl img { width: 170px; }
.content #partners ul li.plastics img { width: 150px; }
.content #partners ul li.cloma img { width: 70px; }
.content #accommodation { padding: 3rem 0; background: #fff; }
.content #accommodation h2 { margin: 0 0 2rem 0; }
.content #accommodation ul { text-align: center; margin: 0 auto; padding: 0; list-style: none outside; }
.content #accommodation ul li { display: table; margin: 0 auto;  padding: 1rem 0.5rem; }
.content #accommodation ul li img { width: 240px; }
.content .related_events { padding: 3rem 0; background: #f3f3f3; }
.content .related_events h2 { font-family: 'Roboto Condensed', sans-serif; margin: 0 0 2rem 0; }
.content .related_events ul { display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto; padding: 0; list-style: none outside; }
.content .related_events ul li { width: 50%; padding: 0.5rem; }
.content .related_events ul li:last-of-type { width: 100%; }
.content .related_events ul li img { margin: 0 auto; }
.content .related_events ul:first-of-type li:first-of-type img { width: 150px; }
.content .related_events ul li:nth-of-type(2) img { width: 160px; }
.content .related_events ul li:nth-of-type(3) img { width: 130px; }
.content .related_events ul li:nth-of-type(4) img { width: 110px; }
.content .related_events ul li:nth-of-type(5) img { width: 50px; }
.content .related_events ul li:nth-of-type(6) img { width: 160px; }
.content .related_events ul li:nth-of-type(7) img { width: 130px; }
.content .related_events ul li:nth-of-type(8) img { width: 140px; }
.content .related_events ul li:last-of-type img { width: 160px; }
.content .seminar_pay { display: block; color: #000; margin-bottom: 2rem; border-left: 5px solid #e14236; border-right: 5px solid #efa954; }
.content .seminar_pay:hover { text-decoration: none; opacity: 0.7; }
.content .seminar_pay:before { content: ""; display: block; width: 100%; height: 5px; background: #e14236; background: -moz-linear-gradient(left,  #e14236 0%, #efa954 100%); background: -webkit-linear-gradient(left,  #e14236 0%,#efa954 100%); background: linear-gradient(to right,  #e14236 0%,#efa954 100%); }
.content .seminar_pay:after { content: ""; display: block; width: 100%; height: 5px; background: #e14236; background: -moz-linear-gradient(left,  #e14236 0%, #efa954 100%); background: -webkit-linear-gradient(left,  #e14236 0%,#efa954 100%); background: linear-gradient(to right,  #e14236 0%,#efa954 100%) }
.content .seminar_pay .flex { white-space: normal !important; padding: 1.5rem; background: #fff; }
.content .seminar_pay .flex h2 { white-space: inherit; margin-bottom: 20px; }
.content .seminar_pay .flex p { text-align: center; }
.content .seminar_pay .flex p, .content .seminar_pay .flex p:nth-of-type(2n+1) { width: 100% !important; }
.content .seminar_pay .flex p.btn { display: table; width: auto !important; color: #fff; margin: 0 auto; padding: 0.5rem 1rem 0.75rem 1rem; background: #595758; border-radius: 0; }
.content #feed_box { border-left: 5px solid #e14236; border-right: 5px solid #efa954; }
.content #feed_box:before { content: ""; display: block; width: 100%; height: 5px; background: #e14236; background: -moz-linear-gradient(left,  #e14236 0%, #efa954 100%); background: -webkit-linear-gradient(left,  #e14236 0%,#efa954 100%); background: linear-gradient(to right,  #e14236 0%,#efa954 100%); }
.content #feed_box:after { content: ""; display: block; width: 100%; height: 5px; background: #e14236; background: -moz-linear-gradient(left,  #e14236 0%, #efa954 100%); background: -webkit-linear-gradient(left,  #e14236 0%,#efa954 100%); background: linear-gradient(to right,  #e14236 0%,#efa954 100%); }
.content #feed { padding: 1rem; background: rgba(255,255,255,0.8); }
.content #feed .title { overflow: hidden; border-bottom: 1px solid #ccc; }
.content #feed .title h2 { font-weight: 700; margin: 0; padding-bottom: 0; border: none; }
.content #feed .title h2 small { font-size: 12px !important; color: #000; }
.content #feed .title p.btn-txt { font-size: 14px; text-align: center; }
.content #feed .title p a { color: #000; text-decoration: none; }
.content #feed .title p a:hover { text-decoration: underline; }
.content #feed ul { border-bottom: 1px solid #ccc; list-style: none; margin: 0; padding: 0; }
.content #feed ul li { margin: 0; }
.content #feed ul li .date { margin: 0.75rem 0 0 0; font-size: 14px; font-weight: 400; }
.content #feed ul li .desc { margin: 0; font-size: 14px; padding-bottom: 0.75rem; border-bottom: 1px dotted #ccc; }
.content #feed ul li:last-child { border-bottom: none; }
.content #feed ul li a { display: block; padding: 0; color: #333; }
.content #feed ul li a:hover { text-decoration: none; color: #000; }
.content #feed ul li:nth-child(6), .content #feed ul li:nth-child(7), .content #feed ul li:nth-child(8), .content #feed ul li:nth-child(9), .content #feed ul li:last-of-type { display: none; }
.content #feed p.quote_news { font-size: 14px; margin: 0.5rem 0 0 0; padding: .5em; text-align: right; }
.content #feed p.quote_news img { vertical-align: middle; }
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100%+30px);
}

@media (min-width: 481px) {
	.content #information ul li { display: table; width: 100%; }
  .content #information ul li .date { display: table-cell; margin: 0; padding: .7rem 0; width: 9em; }
  .content #information ul li .desc { display: table-cell; padding: .7rem 0; }
}
@media (min-width: 641px) {
	.content .pickup_seminar .speaker_box { display: table-cell; width: 50%; padding: 0 1rem; }
	.content .submenu #sub_visual { padding-bottom: 0; background-size: 60% auto; background-position: right bottom; }
	.content .submenu #sub_visual .txt { width: 40%; padding: 2rem 1rem; }
	.content .submenu #sub_visual h2 { font-size: 22px; text-align: left; margin: 0 0 2rem 0; }
	.content .submenu #sub_visual h2 br { display: block; }
	.content .COVID‑19 .icon li { display: table-cell; width: 20%; }
	.content .COVID‑19 .icon li span { display: block; text-align: center; }
	.content .COVID‑19 .icon li span:last-of-type { margin-top: 1rem; }
}
@media (min-width: 768px) {
	.content h2 { font-size: 26px; }
	.content .index_btn ul { display: flex; width: 100%; }
	.content .index_btn ul li { width: 33.33%; margin: 0; padding-right: 17px; }
	.content .index_btn ul li:last-of-type { width: 33.33%; padding-right: 0; }
	.content .index_btn ul li.registration a { font-size: 2rem; padding: 2.45rem 1.5rem; }
	.content .index_btn ul li.registration:first-of-type a { padding: 3.25rem 1.5rem; }
	.content .index_btn ul li.exhibitor_only a { font-size: 2rem; padding: 2.45rem 1.5rem; }
	.content .news { padding: 2rem 0; }
	.content .news .container { display: flex; flex-wrap: wrap; align-items: center; }
	.content .news h2 { width: 15rem; font-size: 16px; text-align: left; margin: 0; }
	.content .news p { width: calc(100% - 15rem - 14rem); font-size: 16px; margin: 0; }
	.content .news p.btn { width: 14rem; }
	.content .news p.btn a { padding: 0.25rem 0; box-sizing: border-box; }
	.content .submenu { padding: 60px 0; }
	.content .submenu .btn .large { display: flex; flex-wrap: wrap; width: 100%; align-items: center; }
	.content .submenu .btn p { width: 49%; }
	.content .submenu .btn p.prev { width: 51%; padding-right: 2%; box-sizing: border-box; }
	.content .submenu .btn p.preva  { padding: 13.85rem 2rem; }
	.content .submenu .btn p.search { display: flex; width: 100%; }
	.content .submenu .btn p.search a { width: 50%; font-weight: 700; padding: 2rem 1rem; }
	.content .submenu .btn p.search a:first-of-type { width: 50%; margin-right: 2%; box-sizing: border-box; margin-bottom: 0; }
	.content .submenu .btn p a { display: flex; width: 351px; align-items: center; flex-wrap: wrap; font-size: 48px; line-height: 1.2; padding: 13.85rem 2rem;}
	.content .submenu .btn p a#submenu_webinar img { width: 80px; margin: 1rem auto; }
	.content .submenu .btn p.matching a { padding: 5.25rem 2rem; }
	.content .submenu .btn p.matching a img { width: 80px; margin: 1rem auto; }
	.content .submenu .btn p a#submenu_download img { width: 60px; margin: 1rem auto; }
	.content .submenu .btn p.layout a { padding: 4.5rem 2rem; }
	.content .submenu .btn p.target a { padding: 4.75rem 2rem; }
	.content .submenu .btn p.target a:first-of-type { /*font-size: 32px;*/ padding: 14.65rem 2rem; line-height: 1.3;}
	.content .submenu .btn p a * { display: block; width: 100%; }
	.content .submenu .btn p a span.mtxt span { font-size: 40px; display: inline-block; width: auto; }
	.content .submenu .btn p.target a:first-of-type span.mtxt span { display: inline-block; width: auto; position: relative; top: -10px;}
	.content .submenu .btn p a span.ex { padding: 0.5rem 0 0.75rem 0; }
	.content .submenu .btn p a#submenu_search img { width: 60px; margin: 1rem auto; }
	.content .submenu .btn p a.movie img { width: 60px; margin: 1rem auto; }
	.content .submenu .btn p a#submenu_movie img { width: 60px; margin: 1rem auto; }
	.content .submenu .btn ul { display: flex; flex-wrap: wrap; margin-top: 10px; }
	.content .submenu .btn ul li { width: 47%; margin: 0; box-sizing: border-box; }
	.content .submenu .btn ul li.app, .content .submenu .btn ul li.toshiba { width: 51%; padding-right: 2%; }
	.content .submenu .btn ul li a { padding: 10px; }
	.content .submenu .btn ul li a div { /*display: flex;*/ width: 100%; flex-wrap: wrap; align-items: center; height: 100%; margin: 0 auto; }
	.content .submenu .btn ul li a div * { width: 100%; text-align: center; }
	.content .submenu .btn p.search a { font-size: 22px; }
	.content .submenu .btn ul li.keyword ul li a { font-size: 20px; padding: 20px 0; }
	.content .submenu #sub_visual .txt { padding: 2rem; }
	.content .submenu #sub_visual h2 { font-size: 26px; margin: 0 0 4rem 0; }
	.content #information { padding: 60px 0; }
	.content #information h2 { margin-bottom: 3rem; }
	.content #information ul { font-size: 16px; display: table; margin: 0 auto; }
	.content #information ul li .desc { font-size: 16px; }
	.content #partners { padding: 60px 0; }
	.content #partners h2 { margin-bottom: 3rem; }
	.content #partners ul { display: table; margin: 0 auto; text-align: center; }
	.content #partners ul li { width: auto; display: inline-block; vertical-align: middle; padding: 15px; box-sizing: content-box; }
	.content #partners ul li.kinouseifilm, .content #partners ul li.mtrl { width: 240px; }
	.content #partners ul li.kashoku, .content #partners ul li.plastics { width: 225px; }
	.content #partners ul li.kansai, .content #partners ul li.cloma { width: 225px; }
	.content #partners ul li.kinouseifilm img { width: 240px; }
	.content #partners ul li.kashoku img { width: 225px; }
	.content #partners ul li.kansai img { width: 225px; }
	.content #partners ul li.mtrl img { width: 186px; }
	.content #partners ul li.plastics img { width: 170px; }
	.content #partners ul li.cloma img { width: 79px; }
	.content #accommodation { padding: 60px 0; }
	.content #accommodation h2 { margin-bottom: 3rem }
	.content #accommodation ul li img { width: 300px; }
	.content .related_events { padding: 60px 0; }
	.content .related_events h2 { margin-bottom: 3rem; }
	.content .related_events ul li { padding: 10px 0;	}
	.content .related_events ul:first-of-type li:first-of-type img { width: 209px; }
	.content .related_events ul li:nth-of-type(2) img { width: 271px; }
	.content .related_events ul li:nth-of-type(3) img { width: 198px; }
	.content .related_events ul li:nth-of-type(4) img { width: 157px; }
	.content .related_events ul li:nth-of-type(5) img { width: 75px; }
	.content .related_events ul li:nth-of-type(6) img { width: 248px; }
	.content .related_events ul li:nth-of-type(7) img { width: 210px; }
	.content .related_events ul li:nth-of-type(8) img { width: 203px; }
	.content .related_events ul li:last-of-type img { width: 218px; }
	.content #feed .title { display: table; width: 100%; }
	.content #feed .title h2 { display: table-cell; text-align: left; padding-bottom: 5px; }
	.content #feed .title p.btn-txt { display: table-cell; text-align: right; margin-top: 20px; padding-bottom: 5px; }
  .content #feed ul li { display: table; width: 100%; margin: 0; padding: 0; }
  .content #feed ul li .date { margin: 0; display: table-cell; padding: 0; width: 9em; background: none; }
  .content #feed ul li .desc { margin: 0; display: table-cell; padding: 0; border-bottom: none; }
  .content #feed ul li a { display: block; padding: .5em; }
	.content .thankyou { font-size: 18px; padding: 1.5rem 2rem 1.75rem 2rem; border: 5px solid #e14236; }
}
@media (min-width: 992px) {
	.content .sponsor_banner { }
	.content .sponsor_banner p { width: 33.33%; margin: 1rem auto; }
	.content .sponsor_banner p img { width: auto; max-width: 100%; height: 120px; }
	.content .sponsor_banner .bx-wrapper { width: 78%; float: right; padding: 1rem 0; }
	.content .index_btn { padding: 0 0 0.75rem 0; }
	.content .index_btn ul li { padding-right: 2rem; }
	.content .index_btn ul li a { font-size: 22px; padding: 3rem; }
	.content .index_btn ul li.registration a { font-size: 28px; }
	.content .index_btn ul li.registration a span { font-size: 22px; }
	.content .index_btn ul li.exhibitor_only a { font-size: 28px; }
	.content .index_btn ul li.exhibitor_only a span { font-size: 22px; }
	.content .index_btn ul li.registration:first-of-type a { padding: 4rem 1.5rem; }
	.content .index_btn ul li.special span { font-size: 16px; }
	.content .submenu #sub_visual {background-size: 70% auto; }
	.content .submenu #sub_visual .txt { width: 30%; padding: 5rem 1rem 2rem 1rem; }
	.content .submenu #sub_visual h2 { font-size: 38px; }
	.content .submenu .btn p a { width: 459px; }
	.content #partners ul li { padding: 0 50px; }
	.content .related_events ul li, .content .related_events ul li:last-of-type { width: 33.33%; }
	.content .COVID‑19 .icon { float: left; width: 500px; padding-right: 3rem; }
	.content .COVID‑19 .icon li { margin: 0; }
	.content .COVID‑19 .icon li img { width: 80px; margin: 0; }
	.content #feed { padding: 2rem; }
	.content #feed .title { margin-bottom: 1rem; }
	.content #feed .title h2 { font-size: 18px; }
	.content #feed .title p.btn-txt { font-size: 16px; }
	.content #feed ul { padding-bottom: 2rem; }
	.content #feed ul li .date, .content #feed ul li .desc { font-size: 16px; }
	.content .thankyou { font-size: 24px; padding: 2rem 0 2.25rem 0;}
}
@media (min-width: 1024px) {
	.content .pickup_seminar { padding: 4rem 0; }
	.content .pickup_seminar::after {	font-size: 120px;	top: -2rem;	opacity: 0.15; }
	.content .pickup_seminar h2 { font-size: 34px; }
	.content .pickup_seminar h3 { margin: 2rem 0.5rem 1rem 0.5rem;}
	.content .pickup_seminar .cat01 h3, .content .pickup_seminar .cat03 h3 { padding: 1.5rem 1rem 1.85rem 1rem; }
	.content .pickup_seminar .cat01 { display: table-cell; width: 40%; }
	.content .pickup_seminar .cat02 { display: table-cell; vertical-align: top; width: 20%; }
	.content .pickup_seminar .cat03 { display: table-cell; width: 40%; }
	.content .pickup_seminar .speaker_box { display: table-cell; width: 50%; padding: 0 1rem; }
	.content .seminar_pay .flex .txt { width: 100%; text-align: left !important; margin-bottom: 0 !important; }
	.content .seminar_pay .flex p:first-of-type { text-align: left !important; }
	.content .seminar_pay .flex h2 { text-align: left !important; }
	.content .seminar_pay .flex p.btn { float: right; }
}
@media (min-width: 1200px) {
	.content .sponsor_banner .bx-wrapper { padding: 1rem 0; }
	.content .index_btn ul li { width: calc(377px + 2rem); }
	.content .index_btn ul li:last-of-type { width: 380px; }
	.content .submenu { padding: 60px 0; }
	.content .submenu .container { padding: 0; }
	.content .submenu .btn { padding-bottom: 10px; overflow: hidden; }
	.content .submenu .btn .large { float: left; width: 771px; }
	.content .submenu .btn p { width: 377px; }
	.content .submenu .btn p.prev { width: 394px; padding-right: 17px; }
	.content .submenu .btn p a { width: 377px; padding: 14rem 2rem;}
	.content .submenu .btn p.search a { font-size: 30px; padding: 5.9rem 2rem; }
	.content .submenu .btn ul { float: right; display: flex; flex-wrap: wrap; align-items: center; width: 380px; margin-top: 0; }
	.content .submenu .btn ul li { display: block; width: 100%; }
	.content .submenu .btn ul li.app, .content .submenu .btn ul li.toshiba { width: 100%; margin-bottom: 10px; padding-right: 0; }
	.content .submenu .btn ul li a { font-size: 24px; padding: 20px; }
	.content .submenu .btn ul li a div { padding: 7rem 1rem; 	}
	.content .submenu .btn ul li.kyosan { margin-bottom: 10px; }
	.content .submenu .btn ul li.kyosan a { text-align: center; }
	.content .submenu .btn ul li.keyword a { font-size: 18px; }
	.content .submenu .btn ul li.keyword ul li a { font-size: 28px; padding: 23.2px 0; }
	.content .submenu .btn ul li.kyosan a div { padding: 2rem 1rem; }
	.content .submenu .btn ul li:last-of-type a div { padding: 8rem 1rem; 	}
	.content .submenu #sub_visual { margin-bottom: 20px; background-size: calc(100% - 380px) auto; }
	.content .submenu #sub_visual .txt { width: 380px; padding: 6rem 2rem 2rem 2rem; }
	.content .submenu #sub_visual .txt h2 { font-size: 46px; }
	.content .COVID‑19 .icon { margin-left: 8rem; }
	.content .related_events ul { display: table; margin: 0 auto; text-align: center;}
	.content .related_events ul li, .content .related_events ul li:last-of-type { display: inline-block; vertical-align: middle; width: auto; padding: 10px 26px; }
	.content .related_events ul li:first-of-type, .content .related_events ul li:nth-of-type(6) { padding-left: 0; }
	.content .related_events ul li:last-of-type, .content .related_events ul li:nth-of-type(5) { padding-right: 0; }
	.content #feed_box { clear: both; }
}
/* ===== Footer Expo Settings ===== */
section.expo { position: relative; margin: 0; padding: 0; }
section.expo p { margin: 0 auto; padding: 0; }
section.expo p span { float: left; position: relative; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; }
section.expo p span a { display: block; font-size: 14px; line-height: 1.3; vertical-align: top; margin: 0 60px; padding: 6px 0 6px 0; text-align: center; background: #333; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px 4px 0 0; color: #fff; }
section.expo p span a:before { display: inline-block; position: relative; top: 2px; width: 30px; height: 15px; content: " "; background: url(../images/footer/btn-arrow-down.png) no-repeat 0 0; }
section.expo p span a.active:before { background: url(../images/footer/btn-arrow-up.png) no-repeat 0 0; }
section.expo .bind { background: #f3f3f3; border-top: 2px solid #333; }
section.expo .bind ul.expo-body { display: none; margin-top: 0; margin-bottom: 0; padding: 0; list-style: none outside; }
section.expo .bind ul.expo-body li { float: left; position: relative; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid #fff; }
section.expo .bind ul.expo-body li a { display: block; text-align: center; }
section.expo .bind ul.expo-body li a:hover { background: #dfdfdf; }
section.expo .bind ul.expo-body li a img { width: 100%; max-width: 260px; }

@media (min-width: 481px) { section.expo p span a { margin: 0 120px; }
  section.expo .bind ul.expo-body li { float: left; width: 50%; } }
@media (min-width: 768px) { section.expo p span { left: 66.66667%; width: 33.33333%; }
  section.expo p span a { margin: 0 20px; }
  section.expo .bind ul.expo-body li { width: 33.33333%; } }
@media (min-width: 992px) { section.expo p span { left: 75%; width: 25%; }
  section.expo p span a { margin: 0 20px; }
  section.expo .bind ul.expo-body li { width: 25%; } }
/* ===== Footer Top Settings ===== */
.footer-top { background: #000; }
.footer-top .sitemap { padding-left: 0; padding-right: 0; }
.footer-top .sitemap ul { padding-top: 1rem; list-style: none outside; }
.footer-top .sitemap ul li { margin-bottom: 1.3em; color: #fff; }
.footer-top .sitemap ul li#seminar { padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer-top .sitemap ul li#seminar a { color: #fff; }
.footer-top .sitemap ul li ul { margin-top: 0.5rem; padding: 0; font-size: 1.2rem; border-top: 1px solid rgba(0, 0, 0, 0.8); }
.footer-top .sitemap ul li ul li { color: #ccc; margin-bottom: 0; border-bottom: none; }
.footer-top .sitemap ul li ul li a { display: block; padding: 0; color: #ccc; }
.footer-top .sitemap ul li ul li a:hover { color: #fff; text-decoration: none; }
.footer-top .commons { padding: 10px 15px; }
.footer-top .commons dl { width: 100%; margin-right: 1%; display: table; position: relative; border: 1px solid #ccc; }
.footer-top .commons dl dt.caption { font-weight: 400; color: #585555; margin: 0; padding: 0.25rem; display: block; background: #e8e8e8; text-align: center; vertical-align: middle; }
.footer-top .commons dl dd { margin: 0; padding: 1rem 0.5rem; vertical-align: middle; display: block; background: #fff; text-align: center; font-size: 1.1rem; }
.footer-top .commons dl dd a { display: block; }
.footer-top .commons dl dd a img { margin: 0 auto 0.5rem auto; }

@media (min-width: 768px) { .footer-top .sitemap ul { padding-top: 2rem; padding-bottom: 2rem; list-style: none outside; }
  .footer-top .sitemap ul li { color: #fff; }
  .footer-top .sitemap ul li ul { margin-top: 1rem; padding: 0; font-size: 1.2rem; }
  .footer-top .sitemap ul li ul li { border-bottom: none; }
  .footer-top .commons { clear: both; display: flex; width: 100%; padding: 0; }
  .footer-top .commons dl { display: block; width: 49%; margin-right: 2%; background: #fff; }
  .footer-top .commons dl:last-of-type { margin-right: 0; }
}
@media (min-width: 992px) {
	.footer-top .sitemap { float: left; width: 700px; }
  .footer-top .sitemap ul { padding: 40px 0 20px 0; }
  .footer-top .sitemap ul li ul { margin-top: 1rem; padding: 0; font-size: 1.2rem; }
  .footer-top .sitemap ul li ul li { margin-bottom: .2rem;  }
  .footer-top .sitemap ul li ul li a { display: inline; padding: 0; }
  .footer-top .commons { clear: none; display: block; float: right; width: 260px; padding: 45px 0 35px 0; }
  .footer-top .commons dl { float: none; width: 100%; margin: 0 0 10px 0; padding: 0; }
}
@media (min-width: 1200px) { 
	.footer-top .sitemap { width: 850px; }
  .footer-top .commons { width: 300px; }
}
/* ===== Footer Bottom Settings ===== */
footer.footer .page-footer { background: #f3f3f3; }
footer.footer .page-footer h2 { margin-bottom: 3rem; padding: 0; text-align: center; }
footer.footer .page-footer h2 a { display: block; margin: 0; padding: 0; }
footer.footer .page-footer h2 a img { width: 100%; max-width: 260px; }
footer.footer .page-footer h3 { font-weight: 700; margin: 0; font-size: 1.5rem;  }
footer.footer .page-footer dl { margin: 2rem 0; padding-left: 2rem; border-left: 2px solid #ccc;}
footer.footer .page-footer dl dt { border-top: 1px solid rgba(255, 255, 255, 0.3); }
footer.footer .page-footer dl dt span { display: block; font-weight: 400; font-size: 12px; margin-bottom: 1rem; }
footer.footer .page-footer dl dd { font-size: 12px; }
footer.footer .page-footer .contact-box table { margin: 0.5em 0; border: 1px solid #cccccc; }
footer.footer .page-footer .contact-box table th, footer.footer .page-footer .contact-box table td { padding: 0.25rem 1em; border: 1px solid #cccccc; }
footer.footer .page-footer .contact-box table th { font-weight: 400; background: #e8e8e8; }
footer.footer .page-footer .contact-box .priv { list-style: none; padding: 0; }
footer.footer .page-footer .contact-box .priv li { text-align: center; margin-bottom: 5px; padding: 0; }
footer.footer .page-footer .contact-box .priv li a { display: block; width: 100%; font-weight: 500; color: #000; padding: 0.5rem; background: #d5d5d5; }
footer.footer .page-footer .contact-box .priv li.toStop a { color: #fff; font-weight: 500; background: #000; }
footer.footer .page-footer .contact-box .priv li a:hover { opacity: 0.7; text-decoration: none; }
footer.footer .copyright p { margin-bottom: 0; padding: .5rem 0; font-size: 1.1rem; text-align: center; color: #9a9a9a; }

@media (min-width: 992px) {
	footer.footer .page-footer h2 { margin-top: 3rem; float: left; width: 28%; text-align: left; }
  footer.footer .page-footer .contact-box { float: left; width: 36%; }
  footer.footer .page-footer h3 { margin-top: 3rem; }
	footer.footer .page-footer .contact-box:first-of-type { width: calc(100% - 28% - 260px); }
	footer.footer .page-footer .contact-box:last-of-type { width: 260px; padding: 0; }
	footer.footer .page-footer .contact-box .priv { margin-top: 3rem; }
	footer.footer .page-footer .contact-box .priv li { margin-bottom: 10px; }
	footer.footer .page-footer .contact-box .priv li a { padding: 1rem; }
}
@media (min-width: 1200px) {
	footer.footer .page-footer h3 { font-size: 17px; }
	footer.footer .page-footer dl dt { font-size: 14px; }
	footer.footer .page-footer dl dd { font-size: 14px; }
	footer.footer .page-footer .contact-box:first-of-type { width: calc(100% - 28% - 300px); }
	footer.footer .page-footer .contact-box:last-of-type { width: 300px; }
	footer.footer .page-footer .contact-box table th { text-align: center; }
}

/*# sourceMappingURL=style_index.css.map */